.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; touch-action: manipulation; } .owl-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { min-height: 1px; float: left; backface-visibility: hidden; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0px 0px; color: inherit; border: none; font: inherit; padding: 0px !important; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { touch-action: none; user-select: none; } .owl-carousel.owl-grab { cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 0.5s ease-in-out 0s; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.4s ease 0s; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: rgb(0, 0, 0); } .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; backface-visibility: hidden; transition: transform 0.1s ease 0s; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 0.4s ease 0s; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } @font-face { font-family: flexslider-icon; src: url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"); font-weight: normal; font-style: normal; } .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0px; padding: 0px; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } .flexslider { margin: 0px; padding: 0px; } .flexslider .slides > li { display: none; backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides::after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider { margin: 0px 0px 60px; background: rgb(255, 255, 255); border: 4px solid rgb(255, 255, 255); position: relative; zoom: 1; border-radius: 4px; } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; transition: all 1s ease 0s; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0px 0px; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: rgba(255, 255, 255, 0.3) 1px 1px 0px; transition: all 0.3s ease-in-out 0s; } .flex-direction-nav a::before { font-family: flexslider-icon; font-size: 40px; display: inline-block; content: ""; color: rgba(0, 0, 0, 0.8); text-shadow: rgba(255, 255, 255, 0.3) 1px 1px 0px; } .flex-direction-nav a.flex-next::before { content: ""; } .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: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { cursor: default; z-index: -1; opacity: 0 !important; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: rgb(0, 0, 0); } .flex-pauseplay a::before { font-family: flexslider-icon; font-size: 20px; display: inline-block; content: ""; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play::before { content: ""; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0px 6px; display: inline-block; zoom: 1; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px inset; border-radius: 20px; } .flex-control-paging li a:hover { background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0px 0px; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0px; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: 0.7; cursor: pointer; transition: all 1s ease 0s; } .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 { transition-duration: 0.8s; } .isotope { transition-property: height, width; } .isotope .isotope-item { transition-property: transform, opacity; } .isotope .isotope-item.no-transition, .isotope.no-transition, .isotope.no-transition .isotope-item { transition-duration: 0s; } .isotope.infinite-scrolling { transition: none 0s ease 0s; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .mfp-bg { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: rgb(11, 11, 11); opacity: 0.8; } .mfp-wrap { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1043; position: fixed; backface-visibility: hidden; outline: none !important; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; padding: 0px 8px; 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: 0px 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: zoom-out; } .mfp-zoom { cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: rgb(204, 204, 204); position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: rgb(204, 204, 204); } .mfp-preloader a:hover { color: rgb(255, 255, 255); } .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: transparent; border: 0px; appearance: none; display: block; outline: none; padding: 0px; z-index: 1046; box-shadow: none; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0px; top: 0px; text-decoration: none; text-align: center; opacity: 0.65; padding: 0px 0px 18px 10px; color: rgb(255, 255, 255); font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: rgb(51, 51, 51); } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: rgb(255, 255, 255); right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0px; right: 0px; color: rgb(204, 204, 204); font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: -55px 0px 0px; top: 50%; padding: 0px; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow::before, .mfp-arrow::after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ""; display: block; width: 0px; height: 0px; position: absolute; left: 0px; top: 0px; 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: 0.7; } .mfp-arrow-left { left: 0px; } .mfp-arrow-left::after, .mfp-arrow-left .mfp-a { border-right: 17px solid rgb(255, 255, 255); margin-left: 31px; } .mfp-arrow-left::before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid rgb(63, 63, 63); } .mfp-arrow-right { right: 0px; } .mfp-arrow-right::after, .mfp-arrow-right .mfp-a { border-left: 17px solid rgb(255, 255, 255); margin-left: 39px; } .mfp-arrow-right::before, .mfp-arrow-right .mfp-b { border-left: 27px solid rgb(63, 63, 63); } .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: 0px; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; background: rgb(0, 0, 0); } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0px; margin: 0px auto; } .mfp-figure { line-height: 0; } .mfp-figure::after { content: ""; position: absolute; inset: 40px 0px; display: block; width: auto; height: auto; z-index: -1; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; background: rgb(68, 68, 68); } .mfp-figure small { color: rgb(189, 189, 189); display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0px; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0px; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: rgb(243, 243, 243); overflow-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: 0px; padding-right: 0px; } .mfp-img-mobile img.mfp-img { padding: 0px; } .mfp-img-mobile .mfp-figure::after { top: 0px; bottom: 0px; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0px; margin: 0px; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0px; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0px; right: 0px; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0px; } } @media (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0px center; } .mfp-arrow-right { transform-origin: 100% center; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0px; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0px; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0px; right: 0px; padding-top: 0px; } 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: 0px; left: 0px; z-index: 9999; background-color: black; opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0px; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; width: 250px; height: 250px; margin: 0px auto; border-radius: 4px; } .lb-outerContainer::after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0px; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0px auto; background: url("lightbox/loading.gif") no-repeat; } .lb-nav { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0px; } .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: 0px; float: left; background: url("lightbox/prev.png") left 48% no-repeat; opacity: 0; transition: opacity 0.6s ease 0s; } .lb-nav a.lb-prev:hover { opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0px; float: right; background: url("lightbox/next.png") right 48% no-repeat; opacity: 0; transition: opacity 0.6s ease 0s; } .lb-nav a.lb-next:hover { opacity: 1; } .lb-dataContainer { margin: 0px auto; padding-top: 5px; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer::after { content: ""; display: table; clear: both; } .lb-data { padding: 0px 4px; color: rgb(204, 204, 204); } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: rgb(153, 153, 153); } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url("lightbox/close.png") right top no-repeat; text-align: right; outline: none; opacity: 0.7; transition: opacity 0.2s ease 0s; } .lb-data .lb-close:hover { cursor: pointer; opacity: 1; } .nivo-lightbox-overlay { position: fixed; top: 0px; left: 0px; z-index: 99998; width: 100%; height: 100%; overflow: hidden; visibility: hidden; opacity: 0; box-sizing: border-box; } .nivo-lightbox-overlay.nivo-lightbox-open { visibility: visible; opacity: 1; } .nivo-lightbox-wrap { position: absolute; inset: 10%; } .nivo-lightbox-content { width: 100%; height: 100%; } .nivo-lightbox-title-wrap { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 99999; text-align: center; } .nivo-lightbox-nav { display: none; } .nivo-lightbox-prev { position: absolute; top: 50%; left: 0px; } .nivo-lightbox-next { position: absolute; top: 50%; right: 0px; } .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; box-sizing: border-box; } .nivo-lightbox-error { display: table; text-align: center; width: 100%; height: 100%; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 0px 1px 1px; } .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 { transition: all 0.2s ease-in-out 0s; } .nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap { transition: all 0.3s ease 0s; transform: scale(0.7); } .nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap { 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 { transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0s; } .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap { transform: translateX(-10%); } .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap { transform: translateX(10%); } .nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap { transform: translateX(0px); } .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { transform: translateY(-10%); } .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap { transform: translateY(10%); } .nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap { transform: translateY(0px); } .nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall { perspective: 1000px; } .nivo-lightbox-effect-fall .nivo-lightbox-wrap { transition: all 0.3s ease-out 0s; transform: translateZ(300px); } .nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap { transform: translateZ(0px); } .nivo-lightbox-theme-default.nivo-lightbox-overlay { background: rgba(0, 0, 0, 0.6); } .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url("nivolightbox-themes/default/loading.gif") 50% 50% no-repeat; } .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("nivolightbox-themes/default/prev.png"); border-radius: 0px 3px 3px 0px; } .nivo-lightbox-theme-default .nivo-lightbox-next { background-image: url("nivolightbox-themes/default/next.png"); border-radius: 3px 0px 0px 3px; } .nivo-lightbox-theme-default .nivo-lightbox-close { display: block; background: url("nivolightbox-themes/default/close.png") 5px 5px no-repeat; width: 40px; height: 45px; 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; background: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 7px 15px; border-radius: 30px; } .nivo-lightbox-theme-default .nivo-lightbox-image img { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; } .nivo-lightbox-theme-default .nivo-lightbox-ajax, .nivo-lightbox-theme-default .nivo-lightbox-inline { background: rgb(255, 255, 255); padding: 40px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px; } @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("nivolightbox-themes/default/next@2x.png"); background-size: 48px 48px; } .nivo-lightbox-theme-default .nivo-lightbox-close { background-image: url("nivolightbox-themes/default/close@2x.png"); background-size: 16px 16px; } } .mb_YTPBar, .mb_YTPBar span.mb_YTPUrl a { color: rgb(255, 255, 255); } @font-face { font-family: ytpregular; src: url("font/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("font/ytp-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } .mb_YTPlayer:focus { outline: 0px; } .YTPWrapper { display: block; transform: translateZ(0px) translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; box-sizing: border-box; } .mb_YTPlayer .loading { position: absolute; top: 10px; right: 10px; font-size: 12px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.51); text-align: center; padding: 2px 4px; border-radius: 5px; font-family: "Droid Sans", sans-serif; animation: 0.1s ease 0s infinite alternate none running fade; } @-webkit-keyframes fade { 0% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0.5; } 100% { opacity: 1; } } .YTPFullscreen { background-color: rgb(0, 0, 0); display: block !important; position: fixed !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; margin: 0px !important; border: none !important; opacity: 1 !important; } .mbYTP_wrapper iframe { max-width: 4000px !important; } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0px; overflow: hidden; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 5px; background: rgba(0, 0, 0, 0.5); } .inline_YTPlayer img { border: none !important; margin: 0px !important; padding: 0px !important; transform: none !important; } .mb_YTPBar, .mb_YTPBar .buttonBar { box-sizing: border-box; left: 0px; padding: 5px; width: 100%; } .mb_YTPBar .ytpicon { font-size: 20px; font-family: ytpregular; } .mb_YTPBar .mb_YTPUrl.ytpicon { font-size: 30px; } .mb_YTPBar { transition: opacity 0.5s ease 0s; display: block; height: 10px; background: rgb(51, 51, 51); position: fixed; bottom: 0px; text-align: left; z-index: 1000; font: 14px / 16px sans-serif; opacity: 0.1; } .mb_YTPBar.visible, .mb_YTPBar:hover { opacity: 1; } .mb_YTPBar .buttonBar { transition: all 0.5s ease 0s; background: 0px 0px; font: 12px / 14px Calibri; position: absolute; top: -30px; height: 40px; } .mb_YTPBar:hover .buttonBar { background: rgba(0, 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_OnlyYT, .mb_YTPBar span.mb_YTPUrl { 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: 300px; right: auto; } .mb_YTPBar span.mb_OnlyYT img { width: 25px; } .mb_YTPBar .mb_YTPMuteUnmute, .mb_YTPBar .mb_YTPPlaypause, .mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img { cursor: pointer; } .mb_YTPBar .mb_YTPProgress { height: 10px; width: 100%; background: rgb(34, 34, 34); bottom: 0px; left: 0px; } .mb_YTPBar .mb_YTPLoaded { height: 10px; width: 0px; background: rgb(68, 68, 68); left: 0px; } .mb_YTPBar .mb_YTPseekbar { height: 10px; width: 0px; background: rgb(187, 17, 14); bottom: 0px; left: 0px; box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px; } .mb_YTPBar .YTPOverlay { backface-visibility: hidden; box-sizing: border-box; } .YTPOverlay.raster { background: url("images/raster.png"); } .YTPOverlay.raster.retina { background: url("images/raster@2x.png"); } .YTPOverlay.raster-dot { background: url("images/raster_dot.png"); } .YTPOverlay.raster-dot.retina { background: url("images/raster_dot@2x.png"); } .mb_YTPBar .simpleSlider { position: relative; width: 100px; height: 10px; border: 1px solid rgb(255, 255, 255); overflow: hidden; box-sizing: border-box; margin-right: 10px; border-radius: 3px; cursor: pointer !important; } .mb_YTPBar.compact .simpleSlider { width: 40px; } .mb_YTPBar .simpleSlider.muted { opacity: 0.3; } .mb_YTPBar .level { position: absolute; left: 0px; bottom: 0px; background-color: rgb(255, 255, 255); box-sizing: border-box; } .mb_YTPBar .level.horizontal { height: 100%; width: 0px; } .mb_YTPBar .level.vertical { height: auto; width: 100%; } .hvr-grow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; } .hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover { transform: scale(1.1); } .hvr-shrink { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; } .hvr-shrink:active, .hvr-shrink:focus, .hvr-shrink:hover { transform: scale(0.9); } @-webkit-keyframes hvr-pulse { 25% { transform: scale(1.1); } 75% { transform: scale(0.9); } } @keyframes hvr-pulse { 25% { transform: scale(1.1); } 75% { transform: scale(0.9); } } .hvr-pulse { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-pulse:active, .hvr-pulse:focus, .hvr-pulse:hover { animation-name: hvr-pulse; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-webkit-keyframes hvr-pulse-grow { 100% { transform: scale(1.1); } } @keyframes hvr-pulse-grow { 100% { transform: scale(1.1); } } .hvr-pulse-grow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-pulse-grow:active, .hvr-pulse-grow:focus, .hvr-pulse-grow:hover { animation-name: hvr-pulse-grow; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } @-webkit-keyframes hvr-pulse-shrink { 100% { transform: scale(0.9); } } @keyframes hvr-pulse-shrink { 100% { transform: scale(0.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-pulse-shrink:active, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:hover { animation-name: hvr-pulse-shrink; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } @-webkit-keyframes hvr-push { 50% { transform: scale(0.8); } 100% { transform: scale(1); } } @keyframes hvr-push { 50% { transform: scale(0.8); } 100% { transform: scale(1); } } .hvr-push { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-push:active, .hvr-push:focus, .hvr-push:hover { animation-name: hvr-push; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; } @-webkit-keyframes hvr-pop { 50% { transform: scale(1.2); } } @keyframes hvr-pop { 50% { transform: scale(1.2); } } .hvr-pop { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-pop:active, .hvr-pop:focus, .hvr-pop:hover { animation-name: hvr-pop; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; } .hvr-bounce-in { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.5s; } .hvr-bounce-in:active, .hvr-bounce-in:focus, .hvr-bounce-in:hover { transform: scale(1.2); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .hvr-bounce-out { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.5s; } .hvr-bounce-out:active, .hvr-bounce-out:focus, .hvr-bounce-out:hover { transform: scale(0.8); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .hvr-rotate { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; } .hvr-rotate:active, .hvr-rotate:focus, .hvr-rotate:hover { transform: rotate(4deg); } .hvr-grow-rotate { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; } .hvr-grow-rotate:active, .hvr-grow-rotate:focus, .hvr-grow-rotate:hover { transform: scale(1.1) rotate(4deg); } .hvr-float { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .hvr-float:active, .hvr-float:focus, .hvr-float:hover { transform: translateY(-8px); } .hvr-sink { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .hvr-sink:active, .hvr-sink:focus, .hvr-sink:hover { transform: translateY(8px); } @-webkit-keyframes hvr-bob { 0% { transform: translateY(-8px); } 50% { transform: translateY(-4px); } 100% { transform: translateY(-8px); } } @keyframes hvr-bob { 0% { transform: translateY(-8px); } 50% { transform: translateY(-4px); } 100% { transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-bob:active, .hvr-bob:focus, .hvr-bob:hover { animation-name: hvr-bob-float, hvr-bob; animation-duration: 0.3s, 1.5s; animation-delay: 0s, 0.3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; } @-webkit-keyframes hvr-hang { 0% { transform: translateY(8px); } 50% { transform: translateY(4px); } 100% { transform: translateY(8px); } } @keyframes hvr-hang { 0% { transform: translateY(8px); } 50% { transform: translateY(4px); } 100% { transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { transform: translateY(8px); } } .hvr-hang { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-hang:active, .hvr-hang:focus, .hvr-hang:hover { animation-name: hvr-hang-sink, hvr-hang; animation-duration: 0.3s, 1.5s; animation-delay: 0s, 0.3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; } .hvr-skew { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; } .hvr-skew:active, .hvr-skew:focus, .hvr-skew:hover { transform: skew(-10deg); } .hvr-skew-forward { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; transform-origin: 0px 100%; } .hvr-skew-forward:active, .hvr-skew-forward:focus, .hvr-skew-forward:hover { transform: skew(-10deg); } .hvr-skew-backward { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; transform-origin: 0px 100%; } .hvr-skew-backward:active, .hvr-skew-backward:focus, .hvr-skew-backward:hover { transform: skew(10deg); } @-webkit-keyframes hvr-wobble-vertical { 16.65% { transform: translateY(8px); } 33.3% { transform: translateY(-6px); } 49.95% { transform: translateY(4px); } 66.6% { transform: translateY(-2px); } 83.25% { transform: translateY(1px); } 100% { transform: translateY(0px); } } @keyframes hvr-wobble-vertical { 16.65% { transform: translateY(8px); } 33.3% { transform: translateY(-6px); } 49.95% { transform: translateY(4px); } 66.6% { transform: translateY(-2px); } 83.25% { transform: translateY(1px); } 100% { transform: translateY(0px); } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover { animation-name: hvr-wobble-vertical; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-horizontal { 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0px); } } @keyframes hvr-wobble-horizontal { 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0px); } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-wobble-horizontal:active, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:hover { animation-name: hvr-wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { transform: translate(8px, 8px); } 33.3% { transform: translate(-6px, -6px); } 49.95% { transform: translate(4px, 4px); } 66.6% { transform: translate(-2px, -2px); } 83.25% { transform: translate(1px, 1px); } 100% { transform: translate(0px, 0px); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { transform: translate(8px, 8px); } 33.3% { transform: translate(-6px, -6px); } 49.95% { transform: translate(4px, 4px); } 66.6% { transform: translate(-2px, -2px); } 83.25% { transform: translate(1px, 1px); } 100% { transform: translate(0px, 0px); } } .hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-wobble-to-bottom-right:active, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:hover { animation-name: hvr-wobble-to-bottom-right; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { transform: translate(8px, -8px); } 33.3% { transform: translate(-6px, 6px); } 49.95% { transform: translate(4px, -4px); } 66.6% { transform: translate(-2px, 2px); } 83.25% { transform: translate(1px, -1px); } 100% { transform: translate(0px, 0px); } } @keyframes hvr-wobble-to-top-right { 16.65% { transform: translate(8px, -8px); } 33.3% { transform: translate(-6px, 6px); } 49.95% { transform: translate(4px, -4px); } 66.6% { transform: translate(-2px, 2px); } 83.25% { transform: translate(1px, -1px); } 100% { transform: translate(0px, 0px); } } .hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-wobble-to-top-right:active, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:hover { animation-name: hvr-wobble-to-top-right; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-top { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0deg); } } @keyframes hvr-wobble-top { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0deg); } } .hvr-wobble-top { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transform-origin: 0px 100%; } .hvr-wobble-top:active, .hvr-wobble-top:focus, .hvr-wobble-top:hover { animation-name: hvr-wobble-top; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-bottom { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0deg); } } @keyframes hvr-wobble-bottom { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0deg); } } .hvr-wobble-bottom { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transform-origin: 100% 0px; } .hvr-wobble-bottom:active, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:hover { animation-name: hvr-wobble-bottom; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @-webkit-keyframes hvr-wobble-skew { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0deg); } } @keyframes hvr-wobble-skew { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0deg); } } .hvr-wobble-skew { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-wobble-skew:active, .hvr-wobble-skew:focus, .hvr-wobble-skew:hover { animation-name: hvr-wobble-skew; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @-webkit-keyframes hvr-buzz { 50% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(-3px) rotate(-2deg); } } .hvr-buzz { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-buzz:active, .hvr-buzz:focus, .hvr-buzz:hover { animation-name: hvr-buzz; animation-duration: 0.15s; animation-timing-function: linear; animation-iteration-count: infinite; } @-webkit-keyframes hvr-buzz-out { 10% { transform: translateX(3px) rotate(2deg); } 20% { transform: translateX(-3px) rotate(-2deg); } 30% { transform: translateX(3px) rotate(2deg); } 40% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(1deg); } 60% { transform: translateX(-2px) rotate(-1deg); } 70% { transform: translateX(2px) rotate(1deg); } 80% { transform: translateX(-2px) rotate(-1deg); } 90% { transform: translateX(1px) rotate(0deg); } 100% { transform: translateX(-1px) rotate(0deg); } } @keyframes hvr-buzz-out { 10% { transform: translateX(3px) rotate(2deg); } 20% { transform: translateX(-3px) rotate(-2deg); } 30% { transform: translateX(3px) rotate(2deg); } 40% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(1deg); } 60% { transform: translateX(-2px) rotate(-1deg); } 70% { transform: translateX(2px) rotate(1deg); } 80% { transform: translateX(-2px) rotate(-1deg); } 90% { transform: translateX(1px) rotate(0deg); } 100% { transform: translateX(-1px) rotate(0deg); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; } .hvr-buzz-out:active, .hvr-buzz-out:focus, .hvr-buzz-out:hover { animation-name: hvr-buzz-out; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: 1; } .hvr-fade { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; overflow: hidden; transition-duration: 0.3s; transition-property: color, background-color; } .hvr-fade:active, .hvr-fade:focus, .hvr-fade:hover { background-color: rgb(32, 152, 209); color: rgb(255, 255, 255); } @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } .hvr-back-pulse { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; overflow: hidden; transition-duration: 0.5s; transition-property: color, background-color; } .hvr-back-pulse:active, .hvr-back-pulse:focus, .hvr-back-pulse:hover { animation-name: hvr-back-pulse; animation-duration: 1s; animation-delay: 0.5s; animation-timing-function: linear; animation-iteration-count: infinite; background-color: rgb(32, 152, 209); color: rgb(255, 255, 255); } .hvr-sweep-to-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.3s; } .hvr-sweep-to-right::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(32, 152, 209); transform: scaleX(0); transform-origin: 0px 50%; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover { color: rgb(255, 255, 255); } .hvr-sweep-to-right:active::before, .hvr-sweep-to-right:focus::before, .hvr-sweep-to-right:hover::before { transform: scaleX(1); } .hvr-sweep-to-left { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.3s; } .hvr-sweep-to-left::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(32, 152, 209); transform: scaleX(0); transform-origin: 100% 50%; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-sweep-to-left:active, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:hover { color: rgb(255, 255, 255); } .hvr-sweep-to-left:active::before, .hvr-sweep-to-left:focus::before, .hvr-sweep-to-left:hover::before { transform: scaleX(1); } .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.3s; } .hvr-sweep-to-bottom::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(32, 152, 209); transform: scaleY(0); transform-origin: 50% 0px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-sweep-to-bottom:active, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:hover { color: rgb(255, 255, 255); } .hvr-sweep-to-bottom:active::before, .hvr-sweep-to-bottom:focus::before, .hvr-sweep-to-bottom:hover::before { transform: scaleY(1); } .hvr-sweep-to-top { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.3s; } .hvr-sweep-to-top::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(32, 152, 209); transform: scaleY(0); transform-origin: 50% 100%; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-sweep-to-top:active, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:hover { color: rgb(255, 255, 255); } .hvr-sweep-to-top:active::before, .hvr-sweep-to-top:focus::before, .hvr-sweep-to-top:hover::before { transform: scaleY(1); } .hvr-bounce-to-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.5s; } .hvr-bounce-to-right::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(32, 152, 209); transform: scaleX(0); transform-origin: 0px 50%; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; } .hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:hover { color: rgb(255, 255, 255); } .hvr-bounce-to-right:active::before, .hvr-bounce-to-right:focus::before, .hvr-bounce-to-right:hover::before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-bounce-to-left { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.5s; } .hvr-bounce-to-left::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(32, 152, 209); transform: scaleX(0); transform-origin: 100% 50%; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; } .hvr-bounce-to-left:active, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:hover { color: rgb(255, 255, 255); } .hvr-bounce-to-left:active::before, .hvr-bounce-to-left:focus::before, .hvr-bounce-to-left:hover::before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.5s; } .hvr-bounce-to-bottom::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(32, 152, 209); transform: scaleY(0); transform-origin: 50% 0px; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:active, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:hover { color: rgb(255, 255, 255); } .hvr-bounce-to-bottom:active::before, .hvr-bounce-to-bottom:focus::before, .hvr-bounce-to-bottom:hover::before { transform: scaleY(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-bounce-to-top { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.5s; } .hvr-bounce-to-top::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(32, 152, 209); transform: scaleY(0); transform-origin: 50% 100%; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; } .hvr-bounce-to-top:active, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:hover { color: rgb(255, 255, 255); } .hvr-bounce-to-top:active::before, .hvr-bounce-to-top:focus::before, .hvr-bounce-to-top:hover::before { transform: scaleY(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-radial-out { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; overflow: hidden; background: rgb(225, 225, 225); transition-property: color; transition-duration: 0.3s; } .hvr-radial-out::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(32, 152, 209); border-radius: 100%; transform: scale(0); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-radial-out:active, .hvr-radial-out:focus, .hvr-radial-out:hover { color: rgb(255, 255, 255); } .hvr-radial-out:active::before, .hvr-radial-out:focus::before, .hvr-radial-out:hover::before { transform: scale(2); } .hvr-radial-in { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; overflow: hidden; background: rgb(32, 152, 209); transition-property: color; transition-duration: 0.3s; } .hvr-radial-in::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(225, 225, 225); border-radius: 100%; transform: scale(2); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-radial-in:active, .hvr-radial-in:focus, .hvr-radial-in:hover { color: rgb(255, 255, 255); } .hvr-radial-in:active::before, .hvr-radial-in:focus::before, .hvr-radial-in:hover::before { transform: scale(0); } .hvr-rectangle-in { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; background: rgb(32, 152, 209); transition-property: color; transition-duration: 0.3s; } .hvr-rectangle-in::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(225, 225, 225); transform: scale(1); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-rectangle-in:active, .hvr-rectangle-in:focus, .hvr-rectangle-in:hover { color: rgb(255, 255, 255); } .hvr-rectangle-in:active::before, .hvr-rectangle-in:focus::before, .hvr-rectangle-in:hover::before { transform: scale(0); } .hvr-rectangle-out { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; background: rgb(225, 225, 225); transition-property: color; transition-duration: 0.3s; } .hvr-rectangle-out::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(32, 152, 209); transform: scale(0); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-rectangle-out:active, .hvr-rectangle-out:focus, .hvr-rectangle-out:hover { color: rgb(255, 255, 255); } .hvr-rectangle-out:active::before, .hvr-rectangle-out:focus::before, .hvr-rectangle-out:hover::before { transform: scale(1); } .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; background: rgb(32, 152, 209); transition-property: color; transition-duration: 0.3s; } .hvr-shutter-in-horizontal::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(225, 225, 225); transform: scaleX(1); transform-origin: 50% center; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:active, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:hover { color: rgb(255, 255, 255); } .hvr-shutter-in-horizontal:active::before, .hvr-shutter-in-horizontal:focus::before, .hvr-shutter-in-horizontal:hover::before { transform: scaleX(0); } .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; background: rgb(225, 225, 225); transition-property: color; transition-duration: 0.3s; } .hvr-shutter-out-horizontal::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(32, 152, 209); transform: scaleX(0); transform-origin: 50% center; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:hover { color: rgb(255, 255, 255); } .hvr-shutter-out-horizontal:active::before, .hvr-shutter-out-horizontal:focus::before, .hvr-shutter-out-horizontal:hover::before { transform: scaleX(1); } .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; background: rgb(32, 152, 209); transition-property: color; transition-duration: 0.3s; } .hvr-shutter-in-vertical::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(225, 225, 225); transform: scaleY(1); transform-origin: 50% center; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-shutter-in-vertical:active, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:hover { color: rgb(255, 255, 255); } .hvr-shutter-in-vertical:active::before, .hvr-shutter-in-vertical:focus::before, .hvr-shutter-in-vertical:hover::before { transform: scaleY(0); } .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; background: rgb(225, 225, 225); transition-property: color; transition-duration: 0.3s; } .hvr-shutter-out-vertical::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: rgb(32, 152, 209); transform: scaleY(0); transform-origin: 50% center; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:active, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:hover { color: rgb(255, 255, 255); } .hvr-shutter-out-vertical:active::before, .hvr-shutter-out-vertical:focus::before, .hvr-shutter-out-vertical:hover::before { transform: scaleY(1); } .hvr-border-fade { display: inline-block; vertical-align: middle; transform: translateZ(0px); backface-visibility: hidden; transition-duration: 0.3s; transition-property: box-shadow; box-shadow: rgb(225, 225, 225) 0px 0px 0px 4px inset, rgba(0, 0, 0, 0) 0px 0px 1px; } .hvr-border-fade:active, .hvr-border-fade:focus, .hvr-border-fade:hover { box-shadow: rgb(32, 152, 209) 0px 0px 0px 4px inset, rgba(0, 0, 0, 0) 0px 0px 1px; } .hvr-hollow { display: inline-block; vertical-align: middle; transform: translateZ(0px); backface-visibility: hidden; transition-duration: 0.3s; transition-property: background; box-shadow: rgb(225, 225, 225) 0px 0px 0px 4px inset, rgba(0, 0, 0, 0) 0px 0px 1px; } .hvr-hollow:active, .hvr-hollow:focus, .hvr-hollow:hover { background: 0px 0px; } .hvr-trim { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-trim::before { content: ""; position: absolute; border: 4px solid rgb(255, 255, 255); inset: 4px; opacity: 0; transition-duration: 0.3s; transition-property: opacity; } .hvr-trim:active::before, .hvr-trim:focus::before, .hvr-trim:hover::before { opacity: 1; } @-webkit-keyframes hvr-ripple-out { 100% { inset: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { inset: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-ripple-out::before { content: ""; position: absolute; border: 6px solid rgb(225, 225, 225); inset: 0px; animation-duration: 1s; } .hvr-ripple-out:active::before, .hvr-ripple-out:focus::before, .hvr-ripple-out:hover::before { animation-name: hvr-ripple-out; } @-webkit-keyframes hvr-ripple-in { 100% { inset: 0px; opacity: 1; } } @keyframes hvr-ripple-in { 100% { inset: 0px; opacity: 1; } } .hvr-ripple-in { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-ripple-in::before { content: ""; position: absolute; border: 4px solid rgb(225, 225, 225); inset: -12px; opacity: 0; animation-duration: 1s; } .hvr-ripple-in:active::before, .hvr-ripple-in:focus::before, .hvr-ripple-in:hover::before { animation-name: hvr-ripple-in; } .hvr-outline-out { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-outline-out::before { content: ""; position: absolute; border: 4px solid rgb(225, 225, 225); inset: 0px; transition-duration: 0.3s; transition-property: top, right, bottom, left; } .hvr-outline-out:active::before, .hvr-outline-out:focus::before, .hvr-outline-out:hover::before { inset: -8px; } .hvr-outline-in { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-outline-in::before { pointer-events: none; content: ""; position: absolute; border: 4px solid rgb(225, 225, 225); inset: -16px; opacity: 0; transition-duration: 0.3s; transition-property: top, right, bottom, left; } .hvr-outline-in:active::before, .hvr-outline-in:focus::before, .hvr-outline-in:hover::before { inset: -8px; opacity: 1; } .hvr-round-corners { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; 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; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; overflow: hidden; } .hvr-underline-from-left::before { content: ""; position: absolute; z-index: -1; left: 0px; right: 100%; bottom: 0px; background: rgb(32, 152, 209); height: 4px; transition-property: right; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-underline-from-left:active::before, .hvr-underline-from-left:focus::before, .hvr-underline-from-left:hover::before { right: 0px; } .hvr-underline-from-center { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; overflow: hidden; } .hvr-underline-from-center::before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0px; background: rgb(32, 152, 209); height: 4px; transition-property: left, right; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-underline-from-center:active::before, .hvr-underline-from-center:focus::before, .hvr-underline-from-center:hover::before { left: 0px; right: 0px; } .hvr-underline-from-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; overflow: hidden; } .hvr-underline-from-right::before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0px; bottom: 0px; background: rgb(32, 152, 209); height: 4px; transition-property: left; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-underline-from-right:active::before, .hvr-underline-from-right:focus::before, .hvr-underline-from-right:hover::before { left: 0px; } .hvr-overline-from-left { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; overflow: hidden; } .hvr-overline-from-left::before { content: ""; position: absolute; z-index: -1; left: 0px; right: 100%; top: 0px; background: rgb(32, 152, 209); height: 4px; transition-property: right; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-overline-from-left:active::before, .hvr-overline-from-left:focus::before, .hvr-overline-from-left:hover::before { right: 0px; } .hvr-overline-from-center { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; overflow: hidden; } .hvr-overline-from-center::before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0px; background: rgb(32, 152, 209); height: 4px; transition-property: left, right; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-overline-from-center:active::before, .hvr-overline-from-center:focus::before, .hvr-overline-from-center:hover::before { left: 0px; right: 0px; } .hvr-overline-from-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; overflow: hidden; } .hvr-overline-from-right::before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0px; top: 0px; background: rgb(32, 152, 209); height: 4px; transition-property: left; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-overline-from-right:active::before, .hvr-overline-from-right:focus::before, .hvr-overline-from-right:hover::before { left: 0px; } .hvr-reveal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; overflow: hidden; } .hvr-reveal::before { content: ""; position: absolute; z-index: -1; inset: 0px; border-color: rgb(32, 152, 209); border-style: solid; border-width: 0px; transition-property: border-width; transition-duration: 0.1s; transition-timing-function: ease-out; } .hvr-reveal:active::before, .hvr-reveal:focus::before, .hvr-reveal:hover::before { transform: translateY(0px); border-width: 4px; } .hvr-underline-reveal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; overflow: hidden; } .hvr-underline-reveal::before { content: ""; position: absolute; z-index: -1; left: 0px; right: 0px; bottom: 0px; background: rgb(32, 152, 209); height: 4px; transform: translateY(4px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-underline-reveal:active::before, .hvr-underline-reveal:focus::before, .hvr-underline-reveal:hover::before { transform: translateY(0px); } .hvr-overline-reveal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; overflow: hidden; } .hvr-overline-reveal::before { content: ""; position: absolute; z-index: -1; left: 0px; right: 0px; top: 0px; background: rgb(32, 152, 209); height: 4px; transform: translateY(-4px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; } .hvr-overline-reveal:active::before, .hvr-overline-reveal:focus::before, .hvr-overline-reveal:hover::before { transform: translateY(0px); } .hvr-glow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: box-shadow; } .hvr-glow:active, .hvr-glow:focus, .hvr-glow:hover { box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; } .hvr-shadow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: box-shadow; } .hvr-shadow:active, .hvr-shadow:focus, .hvr-shadow:hover { box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 10px -10px; } .hvr-grow-shadow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: box-shadow, transform; } .hvr-grow-shadow:active, .hvr-grow-shadow:focus, .hvr-grow-shadow:hover { box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 10px -10px; transform: scale(1.1); } .hvr-box-shadow-outset { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: box-shadow; } .hvr-box-shadow-outset:active, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:hover { box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 2px; } .hvr-box-shadow-inset { display: inline-block; vertical-align: middle; transform: translateZ(0px); backface-visibility: hidden; transition-duration: 0.3s; transition-property: box-shadow; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 0px inset, rgba(0, 0, 0, 0) 0px 0px 1px; } .hvr-box-shadow-inset:active, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:hover { box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 2px inset, rgba(0, 0, 0, 0) 0px 0px 1px; } .hvr-float-shadow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; transition-duration: 0.3s; 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: radial-gradient(at center center, rgba(0, 0, 0, 0.35) 0px, rgba(0, 0, 0, 0) 80%); transition-duration: 0.3s; transition-property: transform, opacity; } .hvr-float-shadow:active, .hvr-float-shadow:focus, .hvr-float-shadow:hover { transform: translateY(-5px); } .hvr-float-shadow:active::before, .hvr-float-shadow:focus::before, .hvr-float-shadow:hover::before { opacity: 1; transform: translateY(5px); } .hvr-shadow-radial { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-shadow-radial::after, .hvr-shadow-radial::before { pointer-events: none; position: absolute; content: ""; left: 0px; width: 100%; box-sizing: border-box; height: 5px; opacity: 0; transition-duration: 0.3s; transition-property: opacity; } .hvr-shadow-radial::before { bottom: 100%; background: radial-gradient(at 50% 150%, rgba(0, 0, 0, 0.6) 0px, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial::after { top: 100%; background: radial-gradient(at 50% -50%, rgba(0, 0, 0, 0.6) 0px, 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; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-bubble-top::before { pointer-events: none; position: absolute; z-index: -1; content: ""; border-style: solid; transition-duration: 0.3s; transition-property: transform; left: calc(50% - 10px); top: 0px; border-width: 0px 10px 10px; border-color: transparent transparent rgb(225, 225, 225); } .hvr-bubble-top:active::before, .hvr-bubble-top:focus::before, .hvr-bubble-top:hover::before { transform: translateY(-10px); } .hvr-bubble-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-bubble-right::before { pointer-events: none; position: absolute; z-index: -1; content: ""; border-style: solid; transition-duration: 0.3s; transition-property: transform; top: calc(50% - 10px); right: 0px; border-width: 10px 0px 10px 10px; border-color: transparent transparent transparent rgb(225, 225, 225); } .hvr-bubble-right:active::before, .hvr-bubble-right:focus::before, .hvr-bubble-right:hover::before { transform: translateX(10px); } .hvr-bubble-bottom { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-bubble-bottom::before { pointer-events: none; position: absolute; z-index: -1; content: ""; border-style: solid; transition-duration: 0.3s; transition-property: transform; left: calc(50% - 10px); bottom: 0px; border-width: 10px 10px 0px; border-color: rgb(225, 225, 225) transparent transparent; } .hvr-bubble-bottom:active::before, .hvr-bubble-bottom:focus::before, .hvr-bubble-bottom:hover::before { transform: translateY(10px); } .hvr-bubble-left { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-bubble-left::before { pointer-events: none; position: absolute; z-index: -1; content: ""; border-style: solid; transition-duration: 0.3s; transition-property: transform; top: calc(50% - 10px); left: 0px; border-width: 10px 10px 10px 0px; border-color: transparent rgb(225, 225, 225) transparent transparent; } .hvr-bubble-left:active::before, .hvr-bubble-left:focus::before, .hvr-bubble-left:hover::before { transform: translateX(-10px); } .hvr-bubble-float-top { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; transition-duration: 0.3s; transition-property: transform; } .hvr-bubble-float-top::before { position: absolute; z-index: -1; content: ""; left: calc(50% - 10px); top: 0px; border-style: solid; border-width: 0px 10px 10px; border-color: transparent transparent rgb(225, 225, 225); transition-duration: 0.3s; transition-property: transform; } .hvr-bubble-float-top:active, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:hover { transform: translateY(10px); } .hvr-bubble-float-top:active::before, .hvr-bubble-float-top:focus::before, .hvr-bubble-float-top:hover::before { transform: translateY(-10px); } .hvr-bubble-float-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; transition-duration: 0.3s; transition-property: transform; } .hvr-bubble-float-right::before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0px; content: ""; border-style: solid; border-width: 10px 0px 10px 10px; border-color: transparent transparent transparent rgb(225, 225, 225); transition-duration: 0.3s; transition-property: transform; } .hvr-bubble-float-right:active, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:hover { transform: translateX(-10px); } .hvr-bubble-float-right:active::before, .hvr-bubble-float-right:focus::before, .hvr-bubble-float-right:hover::before { transform: translateX(10px); } .hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; transition-duration: 0.3s; transition-property: transform; } .hvr-bubble-float-bottom::before { position: absolute; z-index: -1; content: ""; left: calc(50% - 10px); bottom: 0px; border-style: solid; border-width: 10px 10px 0px; border-color: rgb(225, 225, 225) transparent transparent; transition-duration: 0.3s; transition-property: transform; } .hvr-bubble-float-bottom:active, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:hover { transform: translateY(-10px); } .hvr-bubble-float-bottom:active::before, .hvr-bubble-float-bottom:focus::before, .hvr-bubble-float-bottom:hover::before { transform: translateY(10px); } .hvr-bubble-float-left { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; transition-duration: 0.3s; transition-property: transform; } .hvr-bubble-float-left::before { position: absolute; z-index: -1; content: ""; top: calc(50% - 10px); left: 0px; border-style: solid; border-width: 10px 10px 10px 0px; border-color: transparent rgb(225, 225, 225) transparent transparent; transition-duration: 0.3s; transition-property: transform; } .hvr-bubble-float-left:active, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:hover { transform: translateX(10px); } .hvr-bubble-float-left:active::before, .hvr-bubble-float-left:focus::before, .hvr-bubble-float-left:hover::before { transform: translateX(-10px); } .hvr-icon-back { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-left: 2.2em; transition-duration: 0.1s; } .hvr-icon-back::before { content: ""; position: absolute; left: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.1s; transition-property: transform; transition-timing-function: ease-out; } .hvr-icon-back:active::before, .hvr-icon-back:focus::before, .hvr-icon-back:hover::before { transform: translateX(-4px); } .hvr-icon-forward { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.1s; } .hvr-icon-forward::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.1s; transition-property: transform; transition-timing-function: ease-out; } .hvr-icon-forward:active::before, .hvr-icon-forward:focus::before, .hvr-icon-forward:hover::before { transform: translateX(4px); } @-webkit-keyframes hvr-icon-down { 0%, 100%, 50% { transform: translateY(0px); } 25%, 75% { transform: translateY(6px); } } @keyframes hvr-icon-down { 0%, 100%, 50% { transform: translateY(0px); } 25%, 75% { transform: translateY(6px); } } .hvr-icon-down { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; } .hvr-icon-down::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); } .hvr-icon-down:active::before, .hvr-icon-down:focus::before, .hvr-icon-down:hover::before { animation-name: hvr-icon-down; animation-duration: 0.75s; animation-timing-function: ease-out; } @-webkit-keyframes hvr-icon-up { 0%, 100%, 50% { transform: translateY(0px); } 25%, 75% { transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%, 100%, 50% { transform: translateY(0px); } 25%, 75% { transform: translateY(-6px); } } .hvr-icon-up { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; } .hvr-icon-up::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); } .hvr-icon-up:active::before, .hvr-icon-up:focus::before, .hvr-icon-up:hover::before { animation-name: hvr-icon-up; animation-duration: 0.75s; animation-timing-function: ease-out; } .hvr-icon-spin { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; } .hvr-icon-spin::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transition-duration: 1s; transition-property: transform; transition-timing-function: ease-in-out; } .hvr-icon-spin:active::before, .hvr-icon-spin:focus::before, .hvr-icon-spin:hover::before { transform: rotate(360deg); } @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; transform: translateY(-100%); } 100%, 51% { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; transform: translateY(-100%); } 100%, 51% { opacity: 1; } } .hvr-icon-drop { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; } .hvr-icon-drop::before { content: ""; position: absolute; right: 1em; opacity: 1; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); } .hvr-icon-drop:active::before, .hvr-icon-drop:focus::before, .hvr-icon-drop:hover::before { opacity: 0; transition-duration: 0.3s; animation-name: hvr-icon-drop; animation-duration: 0.5s; animation-delay: 0.3s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .hvr-icon-fade { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; } .hvr-icon-fade::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.5s; transition-property: color; } .hvr-icon-fade:active::before, .hvr-icon-fade:focus::before, .hvr-icon-fade:hover::before { color: rgb(15, 158, 94); } @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(-1em); } } .hvr-icon-float-away { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; } .hvr-icon-float-away::after, .hvr-icon-float-away::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; } .hvr-icon-float-away::after { opacity: 0; animation-duration: 0.5s; animation-fill-mode: forwards; } .hvr-icon-float-away:active::after, .hvr-icon-float-away:focus::after, .hvr-icon-float-away:hover::after { animation-name: hvr-icon-float-away; animation-timing-function: ease-out; } @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(1em); } } .hvr-icon-sink-away { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; } .hvr-icon-sink-away::after, .hvr-icon-sink-away::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); } .hvr-icon-sink-away::after { opacity: 0; animation-duration: 0.5s; animation-fill-mode: forwards; } .hvr-icon-sink-away:active::after, .hvr-icon-sink-away:focus::after, .hvr-icon-sink-away:hover::after { animation-name: hvr-icon-sink-away; animation-timing-function: ease-out; } .hvr-icon-grow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-grow::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .hvr-icon-grow:active::before, .hvr-icon-grow:focus::before, .hvr-icon-grow:hover::before { transform: scale(1.3) translateZ(0px); } .hvr-icon-shrink { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-shrink::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .hvr-icon-shrink:active::before, .hvr-icon-shrink:focus::before, .hvr-icon-shrink:hover::before { transform: scale(0.8); } @-webkit-keyframes hvr-icon-pulse { 25% { transform: scale(1.3); } 75% { transform: scale(0.8); } } @keyframes hvr-icon-pulse { 25% { transform: scale(1.3); } 75% { transform: scale(0.8); } } .hvr-icon-pulse { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; } .hvr-icon-pulse::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-timing-function: ease-out; } .hvr-icon-pulse:active::before, .hvr-icon-pulse:focus::before, .hvr-icon-pulse:hover::before { animation-name: hvr-icon-pulse; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-webkit-keyframes hvr-icon-pulse-grow { 100% { transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { 100% { transform: scale(1.3); } } .hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-grow::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-timing-function: ease-out; } .hvr-icon-pulse-grow:active::before, .hvr-icon-pulse-grow:focus::before, .hvr-icon-pulse-grow:hover::before { animation-name: hvr-icon-pulse-grow; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } @-webkit-keyframes hvr-icon-pulse-shrink { 100% { transform: scale(0.8); } } @keyframes hvr-icon-pulse-shrink { 100% { transform: scale(0.8); } } .hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-shrink::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-timing-function: ease-out; } .hvr-icon-pulse-shrink:active::before, .hvr-icon-pulse-shrink:focus::before, .hvr-icon-pulse-shrink:hover::before { animation-name: hvr-icon-pulse-shrink; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } @-webkit-keyframes hvr-icon-push { 50% { transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { transform: scale(0.5); } } .hvr-icon-push { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-push::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .hvr-icon-push:active::before, .hvr-icon-push:focus::before, .hvr-icon-push:hover::before { animation-name: hvr-icon-push; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; } @-webkit-keyframes hvr-icon-pop { 50% { transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { transform: scale(1.5); } } .hvr-icon-pop { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-pop::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .hvr-icon-pop:active::before, .hvr-icon-pop:focus::before, .hvr-icon-pop:hover::before { animation-name: hvr-icon-pop; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; } .hvr-icon-bounce { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-bounce::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .hvr-icon-bounce:active::before, .hvr-icon-bounce:focus::before, .hvr-icon-bounce:hover::before { transform: scale(1.5); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .hvr-icon-rotate { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-rotate::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .hvr-icon-rotate:active::before, .hvr-icon-rotate:focus::before, .hvr-icon-rotate:hover::before { transform: rotate(20deg); } .hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-grow-rotate::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .hvr-icon-grow-rotate:active::before, .hvr-icon-grow-rotate:focus::before, .hvr-icon-grow-rotate:hover::before { transform: scale(1.5) rotate(12deg); } .hvr-icon-float { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-float::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .hvr-icon-float:active::before, .hvr-icon-float:focus::before, .hvr-icon-float:hover::before { transform: translateY(-4px); } .hvr-icon-sink { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-sink::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; } .hvr-icon-sink:active::before, .hvr-icon-sink:focus::before, .hvr-icon-sink:hover::before { transform: translateY(4px); } @-webkit-keyframes hvr-icon-bob { 0% { transform: translateY(-6px); } 50% { transform: translateY(-2px); } 100% { transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { transform: translateY(-6px); } 50% { transform: translateY(-2px); } 100% { transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { transform: translateY(-6px); } } .hvr-icon-bob { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-bob::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); } .hvr-icon-bob:active::before, .hvr-icon-bob:focus::before, .hvr-icon-bob:hover::before { animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-duration: 0.3s, 1.5s; animation-delay: 0s, 0.3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; } @-webkit-keyframes hvr-icon-hang { 0% { transform: translateY(6px); } 50% { transform: translateY(2px); } 100% { transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { transform: translateY(6px); } 50% { transform: translateY(2px); } 100% { transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { 100% { transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { 100% { transform: translateY(6px); } } .hvr-icon-hang { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-hang::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); } .hvr-icon-hang:active::before, .hvr-icon-hang:focus::before, .hvr-icon-hang:hover::before { animation-name: hvr-icon-hang-sink, hvr-icon-hang; animation-duration: 0.3s, 1.5s; animation-delay: 0s, 0.3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; } @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { transform: translateX(6px); } 33.3% { transform: translateX(-5px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0px); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { transform: translateX(6px); } 33.3% { transform: translateX(-5px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0px); } } .hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-wobble-horizontal::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); } .hvr-icon-wobble-horizontal:active::before, .hvr-icon-wobble-horizontal:focus::before, .hvr-icon-wobble-horizontal:hover::before { animation-name: hvr-icon-wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { transform: translateY(6px); } 33.3% { transform: translateY(-5px); } 49.95% { transform: translateY(4px); } 66.6% { transform: translateY(-2px); } 83.25% { transform: translateY(1px); } 100% { transform: translateY(0px); } } @keyframes hvr-icon-wobble-vertical { 16.65% { transform: translateY(6px); } 33.3% { transform: translateY(-5px); } 49.95% { transform: translateY(4px); } 66.6% { transform: translateY(-2px); } 83.25% { transform: translateY(1px); } 100% { transform: translateY(0px); } } .hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-wobble-vertical::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); } .hvr-icon-wobble-vertical:active::before, .hvr-icon-wobble-vertical:focus::before, .hvr-icon-wobble-vertical:hover::before { animation-name: hvr-icon-wobble-vertical; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } @-webkit-keyframes hvr-icon-buzz { 50% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { transform: translateX(3px) rotate(2deg); } 100% { transform: translateX(-3px) rotate(-2deg); } } .hvr-icon-buzz { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-buzz::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); } .hvr-icon-buzz:active::before, .hvr-icon-buzz:focus::before, .hvr-icon-buzz:hover::before { animation-name: hvr-icon-buzz; animation-duration: 0.15s; animation-timing-function: linear; animation-iteration-count: infinite; } @-webkit-keyframes hvr-icon-buzz-out { 10% { transform: translateX(3px) rotate(2deg); } 20% { transform: translateX(-3px) rotate(-2deg); } 30% { transform: translateX(3px) rotate(2deg); } 40% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(1deg); } 60% { transform: translateX(-2px) rotate(-1deg); } 70% { transform: translateX(2px) rotate(1deg); } 80% { transform: translateX(-2px) rotate(-1deg); } 90% { transform: translateX(1px) rotate(0deg); } 100% { transform: translateX(-1px) rotate(0deg); } } @keyframes hvr-icon-buzz-out { 10% { transform: translateX(3px) rotate(2deg); } 20% { transform: translateX(-3px) rotate(-2deg); } 30% { transform: translateX(3px) rotate(2deg); } 40% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(1deg); } 60% { transform: translateX(-2px) rotate(-1deg); } 70% { transform: translateX(2px) rotate(1deg); } 80% { transform: translateX(-2px) rotate(-1deg); } 90% { transform: translateX(1px) rotate(0deg); } 100% { transform: translateX(-1px) rotate(0deg); } } .hvr-icon-buzz-out { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; } .hvr-icon-buzz-out::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); } .hvr-icon-buzz-out:active::before, .hvr-icon-buzz-out:focus::before, .hvr-icon-buzz-out:hover::before { animation-name: hvr-icon-buzz-out; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: 1; } .hvr-curl-top-left { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-curl-top-left::before { pointer-events: none; position: absolute; content: ""; height: 0px; width: 0px; top: 0px; left: 0px; background: linear-gradient(135deg, rgb(255, 255, 255) 45%, rgb(170, 170, 170) 50%, rgb(204, 204, 204) 56%, rgb(255, 255, 255) 80%); z-index: 1000; box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px; transition-duration: 0.3s; 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; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-curl-top-right::before { pointer-events: none; position: absolute; content: ""; height: 0px; width: 0px; top: 0px; right: 0px; background: linear-gradient(225deg, rgb(255, 255, 255) 45%, rgb(170, 170, 170) 50%, rgb(204, 204, 204) 56%, rgb(255, 255, 255) 80%); box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 1px; transition-duration: 0.3s; 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; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-curl-bottom-right::before { pointer-events: none; position: absolute; content: ""; height: 0px; width: 0px; bottom: 0px; right: 0px; background: linear-gradient(315deg, rgb(255, 255, 255) 45%, rgb(170, 170, 170) 50%, rgb(204, 204, 204) 56%, rgb(255, 255, 255) 80%); box-shadow: rgba(0, 0, 0, 0.4) -1px -1px 1px; transition-duration: 0.3s; 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; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; } .hvr-curl-bottom-left::before { pointer-events: none; position: absolute; content: ""; height: 0px; width: 0px; bottom: 0px; left: 0px; background: linear-gradient(45deg, rgb(255, 255, 255) 45%, rgb(170, 170, 170) 50%, rgb(204, 204, 204) 56%, rgb(255, 255, 255) 80%); box-shadow: rgba(0, 0, 0, 0.4) 1px -1px 1px; transition-duration: 0.3s; 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; } .cd-container { width: 90%; max-width: 1170px; margin: 0px auto; } .cd-container::after { content: ""; display: table; clear: both; } #cd-timeline { position: relative; padding: 2em 0px; margin-top: 2em; margin-bottom: 2em; } #cd-timeline::before { content: ""; position: absolute; top: 0px; left: 18px; height: 100%; width: 4px; background: rgb(215, 228, 237); } @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 0px; } .cd-timeline-block::after { content: ""; display: table; clear: both; } .cd-timeline-block:first-child { margin-top: 0px; } .cd-timeline-block:last-child { margin-bottom: 0px; } @media only screen and (min-width: 1170px) { .cd-timeline-block { margin: 4em 0px; } .cd-timeline-block:first-child { margin-top: 0px; } .cd-timeline-block:last-child { margin-bottom: 0px; } } .cd-timeline-img { position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; border-radius: 50%; box-shadow: white 0px 0px 0px 4px, rgba(0, 0, 0, 0.08) 0px 2px 0px inset, rgba(0, 0, 0, 0.05) 0px 3px 0px 4px; } .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: rgb(117, 206, 102); } .cd-timeline-img.cd-movie { background: rgb(192, 59, 68); } .cd-timeline-img.cd-location { background: rgb(240, 202, 69); } @media only screen and (min-width: 1170px) { .cd-timeline-img { width: 60px; height: 60px; left: 50%; margin-left: -30px; transform: translateZ(0px); backface-visibility: hidden; } .cssanimations .cd-timeline-img.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-img.bounce-in { visibility: visible; animation: 0.6s ease 0s 1 normal none running cd-bounce-1; } } @-webkit-keyframes cd-bounce-1 { 0% { opacity: 0; transform: scale(0.5); } 60% { opacity: 1; transform: scale(1.2); } 100% { transform: scale(1); } } @keyframes cd-bounce-1 { 0% { opacity: 0; transform: scale(0.5); } 60% { opacity: 1; transform: scale(1.2); } 100% { transform: scale(1); } } .cd-timeline-content { position: relative; margin-left: 60px; background: white; border-radius: 0.25em; padding: 1em; box-shadow: rgb(215, 228, 237) 0px 3px 0px; } .cd-timeline-content::after { content: ""; display: table; clear: both; } .cd-timeline-content h2 { color: rgb(48, 62, 73); } .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 0.8125rem; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block; } .cd-timeline-content p { margin: 1em 0px; line-height: 1.6; } .cd-timeline-content .cd-read-more { float: right; padding: 0.8em 1em; background: rgb(172, 183, 192); color: white; border-radius: 0.25em; } .no-touch .cd-timeline-content .cd-read-more:hover { background-color: rgb(186, 196, 203); } .cd-timeline-content .cd-date { float: left; padding: 0.8em 0px; opacity: 0.7; } .cd-timeline-content::before { content: ""; position: absolute; top: 16px; right: 100%; height: 0px; width: 0px; border-width: 7px; border-style: solid; border-color: transparent white transparent transparent; border-image: initial; } @media only screen and (min-width: 768px) { .cd-timeline-content h2 { font-size: 1.25rem; } .cd-timeline-content p { font-size: 1rem; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 0.875rem; } } @media only screen and (min-width: 1170px) { .cd-timeline-content { margin-left: 0px; padding: 1.6em; width: 45%; } .cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent transparent transparent white; } .cd-timeline-content .cd-read-more { float: left; } .cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 1rem; } .cd-timeline-block:nth-child(2n) .cd-timeline-content { float: right; } .cd-timeline-block:nth-child(2n) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent white transparent transparent; } .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-read-more { float: right; } .cd-timeline-block:nth-child(2n) .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; animation: 0.6s ease 0s 1 normal none running cd-bounce-2; } } @media only screen and (min-width: 1170px) { .cssanimations .cd-timeline-block:nth-child(2n) .cd-timeline-content.bounce-in { animation: 0.6s ease 0s 1 normal none running cd-bounce-2-inverse; } } @-webkit-keyframes cd-bounce-2 { 0% { opacity: 0; transform: translateX(-100px); } 60% { opacity: 1; transform: translateX(20px); } 100% { transform: translateX(0px); } } @keyframes cd-bounce-2 { 0% { opacity: 0; transform: translateX(-100px); } 60% { opacity: 1; transform: translateX(20px); } 100% { transform: translateX(0px); } } @-webkit-keyframes cd-bounce-2-inverse { 0% { opacity: 0; transform: translateX(100px); } 60% { opacity: 1; transform: translateX(-20px); } 100% { transform: translateX(0px); } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; transform: translateX(100px); } 60% { opacity: 1; transform: translateX(-20px); } 100% { transform: translateX(0px); } } .mc-hide-scrolls { overflow: hidden; } body .mc-cycle { height: 100%; left: 0px; overflow: hidden; position: fixed; top: 0px; width: 100%; z-index: -1; } div.mc-image { transition: opacity 1s ease-in-out 0s; 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: rgb(0, 0, 0); display: block; overflow: hidden; position: absolute; z-index: 0; height: 100% !important; width: 100% !important; } .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: rgb(255, 255, 255); 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; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .maximage-slider .fullscreen-controls .img-next { right: 15px; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .maximage-slider:hover .fullscreen-controls .img-prev, .maximage-slider:hover .fullscreen-controls .img-next { 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: 0px auto 60px; padding: 0px; } .bx-wrapper img { max-width: 100%; display: block; } .bx-wrapper .bx-viewport { box-shadow: rgb(204, 204, 204) 0px 0px 5px; border: 5px solid rgb(255, 255, 255); left: -5px; background: rgb(255, 255, 255); transform: translateZ(0px); } .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 rgb(255, 255, 255); height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 2000; } .bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: rgb(102, 102, 102); padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; } .bx-wrapper .bx-pager.bx-default-pager a { background: rgb(102, 102, 102); text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0px 5px; outline: 0px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: rgb(0, 0, 0); } .bx-wrapper .bx-prev { left: 10px; background: url("bxslider/images/arrow-left.png") 0px 0px no-repeat scroll; } .bx-wrapper .bx-next { right: 10px; background: url("bxslider/images/arrow-right.png") 0px 0px no-repeat scroll; } .bx-wrapper .bx-prev:hover { background-position: 0px 0px; } .bx-wrapper .bx-next:hover { background-position: -43px 0px; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0px; 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: 0px; background: url("bxslider/images/arrow-left.png") 0px 0px no-repeat scroll; margin: 0px 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0px; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0px; background: url("bxslider/images/arrow-right.png") 0px 0px no-repeat scroll; margin: 0px 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: 0px; width: 35px; } .bx-wrapper .bx-caption { position: absolute; bottom: 0px; left: 0px; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: rgb(255, 255, 255); font-family: Arial; display: block; font-size: 0.85em; padding: 10px; } .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: rgb(221, 221, 221); } .fc-unthemed .fc-popover { background-color: rgb(255, 255, 255); } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header { background: rgb(238, 238, 238); } .fc-unthemed .fc-popover .fc-header .fc-close { color: rgb(102, 102, 102); } .fc-unthemed .fc-today { background: rgb(252, 248, 227); } .fc-highlight { background: rgb(188, 232, 241); opacity: 0.3; } .fc-bgevent { background: rgb(143, 223, 130); opacity: 0.3; } .fc-nonbusiness { background: rgb(215, 215, 215); } .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; user-select: none; } .fc-icon::after { position: relative; margin: 0px -1em; } .fc-icon-left-single-arrow::after { content: "‹"; font-weight: bold; font-size: 200%; top: -7%; left: 3%; } .fc-icon-right-single-arrow::after { content: "›"; font-weight: bold; font-size: 200%; top: -7%; left: -3%; } .fc-icon-left-double-arrow::after { content: "«"; font-size: 160%; top: -7%; } .fc-icon-right-double-arrow::after { content: "»"; font-size: 160%; top: -7%; } .fc-icon-left-triangle::after { content: "◄"; font-size: 125%; top: 3%; left: -2%; } .fc-icon-right-triangle::after { content: "►"; font-size: 125%; top: 3%; left: 2%; } .fc-icon-down-triangle::after { content: "▼"; font-size: 125%; top: 2%; } .fc-icon-x::after { content: "×"; font-size: 200%; top: 6%; } .fc button { box-sizing: border-box; margin: 0px; height: 2.1em; padding: 0px 0.6em; font-size: 1em; white-space: nowrap; cursor: pointer; } .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: -0.05em; margin: 0px 0.2em; vertical-align: middle; } .fc-state-default { background-color: rgb(245, 245, 245); background-image: linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230)); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(51, 51, 51); text-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px; } .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); } .fc-state-hover { color: rgb(51, 51, 51); text-decoration: none; background-position: 0px -15px; transition: background-position 0.1s linear 0s; } .fc-state-down, .fc-state-active { background-color: rgb(204, 204, 204); background-image: none; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px; } .fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; box-shadow: none; } .fc-button-group { display: inline-block; } .fc .fc-button-group > * { float: left; margin: 0px 0px 0px -1px; } .fc .fc-button-group > :first-child { margin-left: 0px; } .fc-popover { position: absolute; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px; } .fc-popover .fc-header { padding: 2px 4px; } .fc-popover .fc-header .fc-title { margin: 0px 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: 0.9em; margin-top: 2px; } .fc-popover > .ui-widget-header + .ui-widget-content { border-top: 0px; } .fc-divider { border-style: solid; border-width: 1px; } hr.fc-divider { height: 0px; margin: 0px; padding: 0px 0px 2px; border-width: 1px 0px; } .fc-clear { clear: both; } .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton { position: absolute; top: 0px; left: 0px; right: 0px; } .fc-bg { bottom: 0px; } .fc-bg table { height: 100%; } .fc table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0px; font-size: 1em; } .fc th { text-align: center; } .fc th, .fc td { border-style: solid; border-width: 1px; padding: 0px; vertical-align: top; } .fc td.fc-today { border-style: double; } .fc .fc-row { border-style: solid; border-width: 0px; } .fc-row table { border-left: 0px hidden transparent; border-right: 0px hidden transparent; border-bottom: 0px hidden transparent; } .fc-row:first-child table { border-top: 0px hidden transparent; } .fc-row { position: relative; } .fc-row .fc-bg { z-index: 1; } .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0px; } .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: none; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-bottom: 0px; } .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { border-top: 0px; } .fc-scroller { overflow: hidden scroll; } .fc-scroller > * { position: relative; width: 100%; overflow: hidden; } .fc-event { position: relative; display: block; font-size: 0.85em; line-height: 1.3; border-radius: 3px; border: 1px solid rgb(58, 135, 173); background-color: rgb(58, 135, 173); font-weight: normal; } .fc-event, .fc-event:hover, .ui-widget .fc-event { color: rgb(255, 255, 255); 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: rgb(255, 255, 255); opacity: 0.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: 0px; border-left-width: 0px; padding-left: 1px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start { margin-right: 0px; border-right-width: 0px; padding-right: 1px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .fc-h-event .fc-resizer { inset: -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 0px; padding: 0px 1px; } .fc-day-grid-event .fc-content { white-space: nowrap; overflow: hidden; } .fc-day-grid-event .fc-time { font-weight: bold; } .fc-day-grid-event .fc-resizer { left: -3px; right: -3px; width: 7px; } a.fc-more { margin: 1px 3px; font-size: 0.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: 0px 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: 0.75em; } .fc .fc-toolbar > * > :first-child { margin-left: 0px; } .fc-toolbar h2 { margin: 0px; } .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 { 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: 0px; left: 0px; right: 0px; } .fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number { padding: 0px 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: 0.3; } .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: 0px 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: normal; } .fc-time-grid-container, .fc-time-grid { position: relative; z-index: 1; } .fc-time-grid { min-height: 100%; } .fc-time-grid table { border: 0px 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: 0px; left: 0px; right: 0px; } .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: 0px; } .fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; } .fc-time-grid .fc-slats .ui-widget-content { background: none; } .fc-time-grid .fc-highlight-container { position: relative; } .fc-time-grid .fc-highlight { position: absolute; left: 0px; right: 0px; } .fc-ltr .fc-time-grid .fc-event-container { margin: 0px 2.5% 0px 2px; } .fc-rtl .fc-time-grid .fc-event-container { margin: 0px 2px 0px 2.5%; } .fc-time-grid .fc-event, .fc-time-grid .fc-bgevent { position: absolute; z-index: 1; } .fc-time-grid .fc-bgevent { left: 0px; right: 0px; } .fc-v-event.fc-not-start { border-top-width: 0px; padding-top: 1px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .fc-v-event.fc-not-end { border-bottom-width: 0px; padding-bottom: 1px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .fc-time-grid-event { overflow: hidden; } .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title { padding: 0px 1px; } .fc-time-grid-event .fc-time { font-size: 0.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: " - "; } .fc-time-grid-event.fc-short .fc-title { font-size: 0.85em; padding: 0px; } .fc-time-grid-event .fc-resizer { left: 0px; right: 0px; bottom: 0px; 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: 0px; right: 0px; } .fc-time-grid .fc-now-indicator-arrow { margin-top: -5px; } .fc-ltr .fc-time-grid .fc-now-indicator-arrow { left: 0px; border-width: 5px 0px 5px 6px; border-top-color: transparent; border-bottom-color: transparent; } .fc-rtl .fc-time-grid .fc-now-indicator-arrow { right: 0px; border-width: 5px 6px 5px 0px; border-top-color: transparent; border-bottom-color: transparent; } .hll { background-color: rgb(255, 255, 204); } .c { color: rgb(153, 153, 153); } .err { color: rgb(170, 0, 0); background-color: rgb(255, 170, 170); } .k { color: rgb(0, 102, 153); } .o { color: rgb(85, 85, 85); } .cm { color: rgb(153, 153, 153); } .cp { color: rgb(0, 153, 153); } .c1 { color: rgb(153, 153, 153); } .cs { color: rgb(153, 153, 153); } .gd { background-color: rgb(255, 204, 204); border: 1px solid rgb(204, 0, 0); } .ge { font-style: italic; } .gr { color: red; } .gh { color: rgb(0, 51, 0); } .gi { background-color: rgb(204, 255, 204); border: 1px solid rgb(0, 204, 0); } .go { color: rgb(170, 170, 170); } .gp { color: rgb(0, 0, 153); } .gu { color: rgb(0, 51, 0); } .gt { color: rgb(153, 204, 102); } .kc { color: rgb(0, 102, 153); } .kd { color: rgb(0, 102, 153); } .kn { color: rgb(0, 102, 153); } .kp { color: rgb(0, 102, 153); } .kr { color: rgb(0, 102, 153); } .kt { color: rgb(0, 119, 136); } .m { color: rgb(255, 102, 0); } .s { color: rgb(212, 73, 80); } .na { color: rgb(79, 159, 207); } .nb { color: rgb(51, 102, 102); } .nc { color: rgb(0, 170, 136); } .no { color: rgb(51, 102, 0); } .nd { color: rgb(153, 153, 255); } .ni { color: rgb(153, 153, 153); } .ne { color: rgb(204, 0, 0); } .nf { color: rgb(204, 0, 255); } .nl { color: rgb(153, 153, 255); } .nn { color: rgb(0, 204, 255); } .nt { color: rgb(47, 111, 159); } .nv { color: rgb(0, 51, 51); } .ow { color: rgb(0, 0, 0); } .w { color: rgb(187, 187, 187); } .mf { color: rgb(255, 102, 0); } .mh { color: rgb(255, 102, 0); } .mi { color: rgb(255, 102, 0); } .mo { color: rgb(255, 102, 0); } .sb { color: rgb(204, 51, 0); } .sc { color: rgb(204, 51, 0); } .sd { color: rgb(204, 51, 0); font-style: italic; } .s2 { color: rgb(204, 51, 0); } .se { color: rgb(204, 51, 0); } .sh { color: rgb(204, 51, 0); } .si { color: rgb(170, 0, 0); } .sx { color: rgb(204, 51, 0); } .sr { color: rgb(51, 170, 170); } .s1 { color: rgb(204, 51, 0); } .ss { color: rgb(255, 204, 51); } .bp { color: rgb(51, 102, 102); } .vc { color: rgb(0, 51, 51); } .vg { color: rgb(0, 51, 51); } .vi { color: rgb(0, 51, 51); } .il { color: rgb(255, 102, 0); } .css .nt + .nt, .css .o, .css .o + .nt { color: rgb(153, 153, 153); } code[class*="language-"], pre[class*="language-"] { color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px; 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; tab-size: 4; hyphens: none; } code[class*="language-"] ::selection, code[class*="language-"]::selection, pre[class*="language-"] ::selection, pre[class*="language-"]::selection { text-shadow: none; background: rgb(179, 212, 252); } @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } pre[class*="language-"] { padding: 1em; margin: 0.5em 0px; overflow: auto; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: rgb(245, 242, 240); } :not(pre) > code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; } .token.cdata, .token.comment, .token.doctype, .token.prolog { color: rgb(112, 128, 144); } .token.punctuation { color: rgb(153, 153, 153); } .namespace { opacity: 0.7; } .token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag { color: rgb(153, 0, 85); } .token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string { color: rgb(102, 153, 0); } .language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url { color: rgb(166, 127, 89); background: rgba(255, 255, 255, 0.5); } .token.atrule, .token.attr-value, .token.keyword { color: rgb(0, 119, 170); } .token.function { color: rgb(221, 74, 104); } .token.important, .token.regex, .token.variable { color: rgb(238, 153, 0); } .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 0; } pre.line-numbers, pre.line-numbers > code { position: relative; } .line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0px; font-size: 100%; left: -3.8em; width: 3em; letter-spacing: -1px; border-right: 1px solid rgb(153, 153, 153); user-select: none; } .line-numbers-rows > span { pointer-events: none; display: block; counter-increment: a 1; } .line-numbers-rows > span::before { content: counter(a); color: rgb(153, 153, 153); display: block; padding-right: 0.8em; text-align: right; } pre[class*="language-"] { position: relative; } pre[class*="language-"][data-language]::before { content: attr(data-language); color: rgb(0, 0, 0); background-color: rgb(207, 207, 207); display: inline-block; position: absolute; top: 0px; right: 0px; font-size: 0.9em; border-radius: 0px 0px 0px 5px; padding: 0px 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") left top 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: rgb(248, 248, 248); } div.pp_default .pp_content_container .pp_left { background: url("prettyPhoto/default/sprite_y.png") -7px 0px repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url("prettyPhoto/default/sprite_y.png") right top repeat-y; padding-right: 13px; } div.pp_default .pp_next:hover { background: url("prettyPhoto/default/sprite_next.png") right center no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url("prettyPhoto/default/sprite_prev.png") left center no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url("prettyPhoto/default/sprite.png") 0px -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url("prettyPhoto/default/sprite.png") 0px -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url("prettyPhoto/default/sprite.png") 0px -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url("prettyPhoto/default/sprite.png") 0px -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 rgb(248, 248, 248); border: 1px solid rgb(170, 170, 170); } 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 0px 0px; } 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: rgb(153, 153, 153); font-size: 11px; left: 75px; line-height: 25px; position: absolute; top: 2px; margin: 0px; padding: 0px 0px 0px 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: 0.7; } div.pp_default .pp_description { font-size: 11px; font-weight: 700; line-height: 14px; margin: 5px 50px 5px 0px; } 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") left bottom 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") right center no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url("prettyPhoto/light_rounded/btnPrevious.png") left center 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") 0px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url("prettyPhoto/light_rounded/sprite.png") 0px -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") 0px -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") left top repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url("prettyPhoto/dark_rounded/contentPattern.png") right top repeat-y; } div.dark_rounded .pp_next:hover { background: url("prettyPhoto/dark_rounded/btnNext.png") right center no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url("prettyPhoto/dark_rounded/btnPrevious.png") left center 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") 0px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url("prettyPhoto/dark_rounded/sprite.png") 0px -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: rgb(255, 255, 255); } 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") 0px -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: rgb(0, 0, 0); } div.dark_square .pp_description { color: rgb(255, 255, 255); margin: 0px 85px 0px 0px; } 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") 0px -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url("prettyPhoto/dark_square/sprite.png") 0px -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") 0px -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") right center no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url("prettyPhoto/dark_square/btnPrevious.png") left center 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") 0px -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url("prettyPhoto/light_square/sprite.png") 0px -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") 0px -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") right center no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url("prettyPhoto/light_square/btnPrevious.png") left center 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") left top 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") left top repeat-y; } div.facebook .pp_content_container .pp_right { background: url("prettyPhoto/facebook/contentPatternRight.png") right top 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") 0px -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url("prettyPhoto/facebook/sprite.png") 0px -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: 0px 37px 0px 0px; } 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") 0px -71px no-repeat; height: 22px; margin-top: 0px; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0px -96px; cursor: default; } div.facebook .pp_arrow_next { background: url("prettyPhoto/facebook/sprite.png") -32px -71px no-repeat; height: 22px; margin-top: 0px; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0px; } div.facebook .pp_nav p { font-size: 15px; padding: 0px 3px 0px 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") right center no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url("prettyPhoto/facebook/btnPrevious.png") left center 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") left top 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: rgb(0, 0, 0); display: none; left: 0px; position: absolute; top: 0px; 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 0px 2px; } .pp_description { display: none; margin: 0px; } .pp_social { float: left; margin: 0px; } .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 0px 0px; } .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: 0px; 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: 0px 0px 0px 5px; padding: 0px; } .pp_gallery ul a { border: 1px solid rgba(0, 0, 0, 0.5); display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a img { border: 0px; } .pp_gallery li { display: block; float: left; margin: 0px 5px 0px 0px; padding: 0px; } .pp_gallery li.default a { background: url("prettyPhoto/facebook/default_thumbnail.gif") 0px 0px 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: 0px; top: 0px; display: block; line-height: 22px; text-indent: -10000px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; position: absolute; top: 50%; width: 24px; margin: -12px 0px 0px -12px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0px 0px 15px; } div.ppt { color: rgb(255, 255, 255); display: none; font-size: 17px; z-index: 9999; margin: 0px 0px 5px 15px; } div.pp_default .pp_content, div.light_rounded .pp_content { background-color: rgb(255, 255, 255); } 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: rgb(0, 0, 0); } 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: rgb(255, 255, 255); } 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: rgb(255, 255, 255); } 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: 0px -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") left top repeat; } div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder { color: rgb(196, 196, 196); } div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline { color: rgb(255, 255, 255); } .pp_top, .pp_bottom { height: 20px; position: relative; } * html .pp_top, * html .pp_bottom { padding: 0px 20px; } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0px; 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: 0px; position: static; } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0px; top: 0px; width: 20px; } .pp_fade, .pp_gallery li.default a img { display: none; } .flip-clock-wrapper * { box-sizing: border-box; backface-visibility: hidden; } .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: rgb(204, 204, 204); } .flip-clock-wrapper a:hover { color: rgb(255, 255, 255); } .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 { } .flip-clock-wrapper { font: 11px "Helvetica Neue", Helvetica, sans-serif; user-select: none; } .flip-clock-meridium { background: none !important; box-shadow: 0px 0px 0px !important; font-size: 36px !important; } .flip-clock-meridium a { color: rgb(49, 51, 51); } .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: bold; line-height: 87px; border-radius: 6px; background: rgb(0, 0, 0); } .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0px; top: 0px; 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%; perspective: 200px; margin: 0px !important; overflow: visible !important; cursor: default !important; } .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0px; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: transparent solid 1px; } .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 { transform-origin: 50% 100%; top: 0px; } .flip-clock-wrapper ul li a div.up::after { content: ""; position: absolute; top: 44px; left: 0px; z-index: 5; width: 100%; height: 3px; background-color: rgba(0, 0, 0, 0.4); } .flip-clock-wrapper ul li a div.down { transform-origin: 50% 0px; bottom: 0px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0px; z-index: 1; width: 100%; height: 200%; color: rgb(204, 204, 204); text-shadow: rgb(0, 0, 0) 0px 1px 2px; text-align: center; background-color: rgb(51, 51, 51); border-radius: 6px; font-size: 70px; } .flip-clock-wrapper ul li a div.up div.inn { top: 0px; } .flip-clock-wrapper ul li a div.down div.inn { bottom: 0px; } .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; } .flip-clock-wrapper .flip { box-shadow: rgba(0, 0, 0, 0.7) 0px 2px 5px; } .flip-clock-wrapper ul.play li.flip-clock-active { animation: 0.5s linear 0.5s 1 normal both running asd; z-index: 5; } .flip-clock-divider { float: left; display: inline-block; position: relative; width: 20px; height: 100px; } .flip-clock-divider:first-child { width: 0px; } .flip-clock-dot { display: block; background: rgb(50, 52, 52); width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; left: 5px; } .flip-clock-divider .flip-clock-label { position: absolute; top: -1.5em; right: -86px; color: black; 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; } } @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; animation: 0.5s linear 0.5s 1 normal both running turn; } @-webkit-keyframes turn { 0% { transform: rotateX(90deg); } 100% { 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; animation: 0.5s linear 0s 1 normal both running turn2; } @-webkit-keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { 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: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.1)), to(black)); animation: 0.5s linear 0s 1 normal both running show; } .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.1)), to(black)); animation: 0.5s linear 0.3s 1 normal both running hide; } .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(black), to(rgba(0, 0, 0, 0.1))); animation: 0.5s linear 0s 1 normal both running show; } .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(black), to(rgba(0, 0, 0, 0.1))); animation: 0.5s linear 0.2s 1 normal both running hide; } @-webkit-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; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } .datepicker { border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0px; left: 0px; padding: 4px; } .datepicker-dropdown::before { content: ""; display: inline-block; border-width: 0px 7px 7px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-top-style: initial; border-top-color: initial; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown::after { content: ""; display: inline-block; border-width: 0px 6px 6px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 255, 255); border-top-style: initial; border-top-color: initial; position: absolute; } .datepicker-dropdown.datepicker-orient-left::before { left: 6px; } .datepicker-dropdown.datepicker-orient-left::after { left: 7px; } .datepicker-dropdown.datepicker-orient-right::before { right: 6px; } .datepicker-dropdown.datepicker-orient-right::after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom::before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom::after { top: -6px; } .datepicker-dropdown.datepicker-orient-top::before { bottom: -7px; border-bottom: 0px; border-top: 7px solid rgba(0, 0, 0, 0.15); } .datepicker-dropdown.datepicker-orient-top::after { bottom: -6px; border-bottom: 0px; border-top: 6px solid rgb(255, 255, 255); } .datepicker > div { display: none; } .datepicker table { margin: 0px; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.new, .datepicker table tr td.old { color: rgb(119, 119, 119); } .datepicker table tr td.day:hover, .datepicker table tr td.focused { background: rgb(238, 238, 238); cursor: pointer; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: 0px 0px; color: rgb(119, 119, 119); cursor: default; } .datepicker table tr td.highlighted { color: rgb(0, 0, 0); background-color: rgb(217, 237, 247); border-color: rgb(133, 197, 229); border-radius: 0px; } .datepicker table tr td.highlighted.focus, .datepicker table tr td.highlighted:focus { color: rgb(0, 0, 0); background-color: rgb(175, 217, 238); border-color: rgb(41, 143, 194); } .datepicker table tr td.highlighted:hover { color: rgb(0, 0, 0); background-color: rgb(175, 217, 238); border-color: rgb(82, 173, 219); } .datepicker table tr td.highlighted.active, .datepicker table tr td.highlighted:active { color: rgb(0, 0, 0); background-color: rgb(175, 217, 238); border-color: rgb(82, 173, 219); } .datepicker table tr td.highlighted.active.focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted:active:hover { color: rgb(0, 0, 0); background-color: rgb(145, 203, 232); border-color: rgb(41, 143, 194); } .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled].focus, .datepicker table tr td.highlighted[disabled]:focus, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted.focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, fieldset[disabled] .datepicker table tr td.highlighted:hover { background-color: rgb(217, 237, 247); border-color: rgb(133, 197, 229); } .datepicker table tr td.highlighted.focused { background: rgb(175, 217, 238); } .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active { background: rgb(217, 237, 247); color: rgb(119, 119, 119); } .datepicker table tr td.today { color: rgb(0, 0, 0); background-color: rgb(255, 219, 153); border-color: rgb(255, 183, 51); } .datepicker table tr td.today.focus, .datepicker table tr td.today:focus { color: rgb(0, 0, 0); background-color: rgb(255, 201, 102); border-color: rgb(179, 116, 0); } .datepicker table tr td.today:hover { color: rgb(0, 0, 0); background-color: rgb(255, 201, 102); border-color: rgb(245, 158, 0); } .datepicker table tr td.today.active, .datepicker table tr td.today:active { color: rgb(0, 0, 0); background-color: rgb(255, 201, 102); border-color: rgb(245, 158, 0); } .datepicker table tr td.today.active.focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active.focus, .datepicker table tr td.today:active:focus, .datepicker table tr td.today:active:hover { color: rgb(0, 0, 0); background-color: rgb(255, 188, 66); border-color: rgb(179, 116, 0); } .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled].focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today.focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover { background-color: rgb(255, 219, 153); border-color: rgb(255, 183, 51); } .datepicker table tr td.today.focused { background: rgb(255, 201, 102); } .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active { background: rgb(255, 219, 153); color: rgb(119, 119, 119); } .datepicker table tr td.range { color: rgb(0, 0, 0); background-color: rgb(238, 238, 238); border-color: rgb(187, 187, 187); border-radius: 0px; } .datepicker table tr td.range.focus, .datepicker table tr td.range:focus { color: rgb(0, 0, 0); background-color: rgb(213, 213, 213); border-color: rgb(124, 124, 124); } .datepicker table tr td.range:hover { color: rgb(0, 0, 0); background-color: rgb(213, 213, 213); border-color: rgb(157, 157, 157); } .datepicker table tr td.range.active, .datepicker table tr td.range:active { color: rgb(0, 0, 0); background-color: rgb(213, 213, 213); border-color: rgb(157, 157, 157); } .datepicker table tr td.range.active.focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active.focus, .datepicker table tr td.range:active:focus, .datepicker table tr td.range:active:hover { color: rgb(0, 0, 0); background-color: rgb(195, 195, 195); border-color: rgb(124, 124, 124); } .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled].focus, .datepicker table tr td.range[disabled]:focus, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.focus, fieldset[disabled] .datepicker table tr td.range:focus, fieldset[disabled] .datepicker table tr td.range:hover { background-color: rgb(238, 238, 238); border-color: rgb(187, 187, 187); } .datepicker table tr td.range.focused { background: rgb(213, 213, 213); } .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active { background: rgb(238, 238, 238); color: rgb(119, 119, 119); } .datepicker table tr td.range.highlighted { color: rgb(0, 0, 0); background-color: rgb(228, 238, 243); border-color: rgb(157, 193, 211); } .datepicker table tr td.range.highlighted.focus, .datepicker table tr td.range.highlighted:focus { color: rgb(0, 0, 0); background-color: rgb(193, 215, 227); border-color: rgb(75, 136, 166); } .datepicker table tr td.range.highlighted:hover { color: rgb(0, 0, 0); background-color: rgb(193, 215, 227); border-color: rgb(115, 166, 192); } .datepicker table tr td.range.highlighted.active, .datepicker table tr td.range.highlighted:active { color: rgb(0, 0, 0); background-color: rgb(193, 215, 227); border-color: rgb(115, 166, 192); } .datepicker table tr td.range.highlighted.active.focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted:active:hover { color: rgb(0, 0, 0); background-color: rgb(168, 200, 216); border-color: rgb(75, 136, 166); } .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled].focus, .datepicker table tr td.range.highlighted[disabled]:focus, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted.focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:hover { background-color: rgb(228, 238, 243); border-color: rgb(157, 193, 211); } .datepicker table tr td.range.highlighted.focused { background: rgb(193, 215, 227); } .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active { background: rgb(228, 238, 243); color: rgb(119, 119, 119); } .datepicker table tr td.range.today { color: rgb(0, 0, 0); background-color: rgb(247, 202, 119); border-color: rgb(241, 164, 23); } .datepicker table tr td.range.today.focus, .datepicker table tr td.range.today:focus { color: rgb(0, 0, 0); background-color: rgb(244, 183, 71); border-color: rgb(129, 86, 8); } .datepicker table tr td.range.today:hover { color: rgb(0, 0, 0); background-color: rgb(244, 183, 71); border-color: rgb(191, 128, 12); } .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:active { color: rgb(0, 0, 0); background-color: rgb(244, 183, 71); border-color: rgb(191, 128, 12); } .datepicker table tr td.range.today.active.focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today:active:hover { color: rgb(0, 0, 0); background-color: rgb(242, 170, 37); border-color: rgb(129, 86, 8); } .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled].focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today.focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover { background-color: rgb(247, 202, 119); border-color: rgb(241, 164, 23); } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active { background: rgb(247, 202, 119); color: rgb(119, 119, 119); } .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted { color: rgb(255, 255, 255); background-color: rgb(119, 119, 119); border-color: rgb(85, 85, 85); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; } .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected:focus { color: rgb(255, 255, 255); background-color: rgb(94, 94, 94); border-color: rgb(22, 22, 22); } .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected:hover { color: rgb(255, 255, 255); background-color: rgb(94, 94, 94); border-color: rgb(55, 55, 55); } .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected:active { color: rgb(255, 255, 255); background-color: rgb(94, 94, 94); border-color: rgb(55, 55, 55); } .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected:active:hover { color: rgb(255, 255, 255); background-color: rgb(76, 76, 76); border-color: rgb(22, 22, 22); } .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected.highlighted[disabled].focus, .datepicker table tr td.selected.highlighted[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:hover, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover { background-color: rgb(119, 119, 119); border-color: rgb(85, 85, 85); } .datepicker table tr td.active, .datepicker table tr td.active.highlighted { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(46, 109, 164); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; } .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active:focus { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); border-color: rgb(18, 43, 64); } .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active:hover { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); border-color: rgb(32, 77, 116); } .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); border-color: rgb(32, 77, 116); } .datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover { color: rgb(255, 255, 255); background-color: rgb(32, 77, 116); border-color: rgb(18, 43, 64); } .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active.highlighted[disabled].focus, .datepicker table tr td.active.highlighted[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:hover, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active[disabled]:hover, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover { background-color: rgb(51, 122, 183); border-color: rgb(46, 109, 164); } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span.focused, .datepicker table tr td span:hover { background: rgb(238, 238, 238); } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: 0px 0px; color: rgb(119, 119, 119); cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(46, 109, 164); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; } .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active:hover:focus { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); border-color: rgb(18, 43, 64); } .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); border-color: rgb(32, 77, 116); } .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); border-color: rgb(32, 77, 116); } .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover { color: rgb(255, 255, 255); background-color: rgb(32, 77, 116); border-color: rgb(18, 43, 64); } .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active.disabled:hover[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active:hover:hover { background-color: rgb(51, 122, 183); border-color: rgb(46, 109, 164); } .datepicker table tr td span.new, .datepicker table tr td span.old { color: rgb(119, 119, 119); } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { background: rgb(238, 238, 238); } .datepicker .next.disabled, .datepicker .prev.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0px 2px 0px 5px; vertical-align: middle; } .input-group.date .input-group-addon { cursor: pointer; } .input-daterange { width: 100%; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0px 0px 3px; } .input-daterange input:last-child { border-radius: 0px 3px 3px 0px; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; line-height: 1.42857; text-shadow: rgb(255, 255, 255) 0px 1px 0px; border-width: 1px 0px; margin-left: -5px; margin-right: -5px; } .ui-timepicker-wrapper { overflow-y: auto; height: 150px; width: 6.5em; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; outline: none; z-index: 10001; margin: 0px; } .ui-timepicker-wrapper.ui-timepicker-with-duration { width: 13em; } .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { width: 11em; } .ui-timepicker-list { margin: 0px; padding: 0px; list-style: none; } .ui-timepicker-duration { margin-left: 5px; color: rgb(136, 136, 136); } .ui-timepicker-list:hover .ui-timepicker-duration { color: rgb(136, 136, 136); } .ui-timepicker-list li { padding: 3px 0px 3px 5px; cursor: pointer; white-space: nowrap; color: rgb(0, 0, 0); list-style: none; margin: 0px; } .ui-timepicker-list:hover .ui-timepicker-selected { background: rgb(255, 255, 255); color: rgb(0, 0, 0); } li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: rgb(25, 128, 236); color: rgb(255, 255, 255); } li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: rgb(204, 204, 204); } .ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: rgb(136, 136, 136); cursor: default; } .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: rgb(242, 242, 242); } .bootstrap-datetimepicker-widget { list-style: none; } .bootstrap-datetimepicker-widget.dropdown-menu { margin: 2px 0px; padding: 4px; width: 19em; } @media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 1200px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } .bootstrap-datetimepicker-widget.dropdown-menu::before, .bootstrap-datetimepicker-widget.dropdown-menu::after { content: ""; display: inline-block; position: absolute; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom::before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.2); top: -7px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom::after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px; } .bootstrap-datetimepicker-widget.dropdown-menu.top::before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.top::after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right::before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right::after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0px; } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0px; } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0px; } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Clear the picker"; } .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Set the date to today"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0px; margin: 0px; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0px; } .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 4px; } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: rgb(119, 119, 119); cursor: not-allowed; } .bootstrap-datetimepicker-widget table th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Previous Month"; } .bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; content: "Next Month"; } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: rgb(238, 238, 238); } .bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; } .bootstrap-datetimepicker-widget table td.cw { font-size: 0.8em; height: 20px; line-height: 20px; color: rgb(119, 119, 119); } .bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: rgb(238, 238, 238); cursor: pointer; } .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: rgb(119, 119, 119); } .bootstrap-datetimepicker-widget table td.today { position: relative; } .bootstrap-datetimepicker-widget table td.today::before { content: ""; display: inline-block; border-style: solid; border-color: rgba(0, 0, 0, 0.2) transparent rgb(51, 122, 183); border-image: initial; border-width: 0px 0px 7px 7px; position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: rgb(51, 122, 183); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; } .bootstrap-datetimepicker-widget table td.active.today::before { border-bottom-color: rgb(255, 255, 255); } .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: rgb(119, 119, 119); cursor: not-allowed; } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px; } .bootstrap-datetimepicker-widget table td span:hover { background: rgb(238, 238, 238); } .bootstrap-datetimepicker-widget table td span.active { background-color: rgb(51, 122, 183); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; } .bootstrap-datetimepicker-widget table td span.old { color: rgb(119, 119, 119); } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: rgb(119, 119, 119); cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .bootstrap-datetimepicker-widget.wider { width: 21em; } .bootstrap-datetimepicker-widget .datepicker-decades .decade { line-height: 1.8em !important; } .input-group.date .input-group-addon { cursor: pointer; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-horizontal .twentytwenty-handle::after, .twentytwenty-vertical .twentytwenty-handle::before, .twentytwenty-vertical .twentytwenty-handle::after { content: " "; display: block; background: white; position: absolute; z-index: 30; box-shadow: rgba(51, 51, 51, 0.5) 0px 0px 12px; } .twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-horizontal .twentytwenty-handle::after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle::before, .twentytwenty-vertical .twentytwenty-handle::after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0px; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { transition-property: opacity; } .twentytwenty-before-label::before, .twentytwenty-after-label::before { color: white; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label::before, .twentytwenty-after-label::before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0px 20px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label::before, .twentytwenty-horizontal .twentytwenty-after-label::before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label::before, .twentytwenty-vertical .twentytwenty-after-label::before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0px; height: 0px; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0px; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label::before { content: attr(data-content); } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label::before { content: attr(data-content); } .twentytwenty-horizontal .twentytwenty-before-label::before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label::before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label::before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label::before { bottom: 10px; } .twentytwenty-overlay { transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; border-radius: 1000px; box-shadow: rgba(51, 51, 51, 0.5) 0px 0px 12px; z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle::before { bottom: 50%; margin-bottom: 22px; box-shadow: white 0px 3px 0px, rgba(51, 51, 51, 0.5) 0px 0px 12px; } .twentytwenty-horizontal .twentytwenty-handle::after { top: 50%; margin-top: 22px; box-shadow: white 0px -3px 0px, rgba(51, 51, 51, 0.5) 0px 0px 12px; } .twentytwenty-vertical .twentytwenty-handle::before { left: 50%; margin-left: 22px; box-shadow: white 3px 0px 0px, rgba(51, 51, 51, 0.5) 0px 0px 12px; } .twentytwenty-vertical .twentytwenty-handle::after { right: 50%; margin-right: 22px; box-shadow: white -3px 0px 0px, rgba(51, 51, 51, 0.5) 0px 0px 12px; } .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; } .odometer.odometer-auto-theme, .odometer.odometer-theme-minimal { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; inset: 0px; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner { display: block; backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value { display: block; transform: translateZ(0px); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s ease 0s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner { transition: transform 2s ease 0s; transform: translateY(0px); } .odometer.odometer-auto-theme, .odometer.odometer-theme-car { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; inset: 0px; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon-inner { display: block; backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value { display: block; transform: translateZ(0px); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s ease 0s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner { transition: transform 2s ease 0s; transform: translateY(0px); } .odometer.odometer-auto-theme, .odometer.odometer-theme-car { border-radius: 0.34em; font-family: Arimo, monospace; padding: 0.15em; background: rgb(0, 0, 0); color: rgb(238, 224, 211); } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit { box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 0.3em inset; background-size: 100%; background-image: linear-gradient(rgb(51, 51, 51) 0px, rgb(51, 51, 51) 40%, rgb(16, 16, 16) 60%, rgb(51, 51, 51) 80%, rgb(51, 51, 51) 100%); padding: 0px 0.15em; } .odometer.odometer-auto-theme .odometer-digit:first-child, .odometer.odometer-theme-car .odometer-digit:first-child { border-radius: 0.2em 0px 0px 0.2em; } .odometer.odometer-auto-theme .odometer-digit:last-child, .odometer.odometer-theme-car .odometer-digit:last-child { border-radius: 0px 0.2em 0.2em 0px; background-size: 100%; background-image: linear-gradient(rgb(238, 224, 211) 0px, rgb(238, 224, 211) 40%, rgb(187, 170, 154) 60%, rgb(238, 224, 211) 80%, rgb(238, 224, 211) 100%); background-color: rgb(238, 224, 211); color: rgb(0, 0, 0); } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner { left: 0.15em; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner { transition-timing-function: linear; } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; inset: 0px; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; transform: translateZ(0px); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s ease 0s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { transition: transform 2s ease 0s; transform: translateY(0px); } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: "Helvetica Neue", sans-serif; line-height: 1.1em; } .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { text-align: center; } .odometer.odometer-auto-theme, .odometer.odometer-theme-digital { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-digital .odometer-digit { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-digital .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-digital .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; inset: 0px; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-digital .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-digital .odometer-digit .odometer-ribbon-inner { display: block; backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-digital .odometer-digit .odometer-value { display: block; transform: translateZ(0px); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-digital .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-digital.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s ease 0s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-digital.odometer-animating-up.odometer-animating .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-digital.odometer-animating-down .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-digital.odometer-animating-down.odometer-animating .odometer-ribbon-inner { transition: transform 2s ease 0s; transform: translateY(0px); } .odometer.odometer-auto-theme, .odometer.odometer-theme-digital { background-size: 100%; background-image: radial-gradient(rgba(139, 245, 165, 0.4), rgb(0, 0, 0)); background-color: rgb(0, 0, 0); font-family: Wallpoet, monospace; padding: 0px 0.2em; line-height: 1.1em; color: rgb(139, 245, 165); } .odometer.odometer-auto-theme .odometer-digit + .odometer-digit, .odometer.odometer-theme-digital .odometer-digit + .odometer-digit { margin-left: 0.1em; } .odometer.odometer-auto-theme, .odometer.odometer-theme-plaza { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-plaza .odometer-digit { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-plaza .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-plaza .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; inset: 0px; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-plaza .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-plaza .odometer-digit .odometer-ribbon-inner { display: block; backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-plaza .odometer-digit .odometer-value { display: block; transform: translateZ(0px); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-plaza .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-plaza.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s ease 0s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-plaza.odometer-animating-up.odometer-animating .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-plaza.odometer-animating-down .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-plaza.odometer-animating-down.odometer-animating .odometer-ribbon-inner { transition: transform 2s ease 0s; transform: translateY(0px); } .odometer.odometer-auto-theme, .odometer.odometer-theme-plaza { border-radius: 0.15em; background-color: rgb(240, 248, 255); font-family: "Helvetica Neue", sans-serif; font-weight: 100; padding: 0px 0.12em; line-height: 1.2em; font-size: 1.2em; background-size: 16px 16px; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-plaza .odometer-digit { border-radius: 0.1em; padding: 0px 0.03em; color: rgb(100, 139, 175); } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-plaza .odometer-digit .odometer-digit-inner { left: 0.03em; } .odometer.odometer-auto-theme, .odometer.odometer-theme-slot-machine { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-slot-machine .odometer-digit { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; inset: 0px; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-ribbon-inner { display: block; backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-value { display: block; transform: translateZ(0px); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-slot-machine.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s ease 0s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-slot-machine.odometer-animating-up.odometer-animating .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-slot-machine.odometer-animating-down .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-slot-machine.odometer-animating-down.odometer-animating .odometer-ribbon-inner { transition: transform 2s ease 0s; transform: translateY(0px); } .odometer.odometer-auto-theme, .odometer.odometer-theme-slot-machine { border-radius: 0.34em; background-size: 100%; background-image: linear-gradient(rgb(255, 255, 0), rgb(255, 165, 0)); background-color: rgb(255, 204, 0); font-family: Rye, monospace; padding: 0.15em; color: rgb(248, 0, 0); line-height: 1.35em; border: 0.03em solid rgb(0, 0, 0); -webkit-text-stroke: 0.05em rgb(0, 0, 0); } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-slot-machine .odometer-digit { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0.1em inset, rgb(255, 255, 255) 0px 0px 0px 0.03em, rgba(0, 0, 0, 0.2) 0px 0px 0px 0.05em; border-radius: 0.2em; background-size: 100%; background-image: linear-gradient(rgb(204, 204, 204) 0px, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(204, 204, 204) 100%); border: 0.03em solid rgb(68, 68, 68); padding: 0.1em 0.15em 0px; } .odometer.odometer-auto-theme .odometer-digit:first-child, .odometer.odometer-theme-slot-machine .odometer-digit:first-child { box-shadow: rgba(0, 0, 0, 0.5) 0.05em 0px 0.1em inset, rgb(255, 255, 255) 0px 0px 0px 0.03em, rgba(0, 0, 0, 0.2) 0px 0px 0px 0.05em; } .odometer.odometer-auto-theme .odometer-digit:last-child, .odometer.odometer-theme-slot-machine .odometer-digit:last-child { box-shadow: rgba(0, 0, 0, 0.5) -0.05em 0px 0.1em inset, rgb(255, 255, 255) 0px 0px 0px 0.03em, rgba(0, 0, 0, 0.2) 0px 0px 0px 0.05em; } .odometer.odometer-auto-theme .odometer-digit + .odometer-digit, .odometer.odometer-theme-slot-machine .odometer-digit + .odometer-digit { margin-left: 0.15em; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-digit-inner { padding-top: 0.08em; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-slot-machine .odometer-digit .odometer-value.odometer-last-value { left: 0px; right: 0px; text-align: center; } .odometer.odometer-auto-theme, .odometer.odometer-theme-train-station { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; inset: 0px; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-train-station .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-train-station .odometer-digit .odometer-ribbon-inner { display: block; backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-train-station .odometer-digit .odometer-value { display: block; transform: translateZ(0px); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-train-station .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s ease 0s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-up.odometer-animating .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-down .odometer-ribbon-inner { transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-down.odometer-animating .odometer-ribbon-inner { transition: transform 2s ease 0s; transform: translateY(0px); } .odometer.odometer-auto-theme, .odometer.odometer-theme-train-station { font-family: Economica, sans-serif; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit { display: inline-block; vertical-align: middle; border-radius: 0.1em; background-size: 100%; background-image: linear-gradient(rgb(17, 17, 17) 0px, rgb(17, 17, 17) 35%, rgb(51, 51, 51) 55%, rgb(17, 17, 17) 55%, rgb(17, 17, 17) 100%); background-color: rgb(34, 34, 34); padding: 0px 0.15em; color: rgb(255, 255, 255); } .odometer.odometer-auto-theme .odometer-digit + .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit + .odometer-digit { margin-left: 0.1em; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-inner { left: 0.15em; } .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); } .slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; } .slick-track::before, .slick-track::after { display: table; content: ""; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: url("slick-slider/ajax-loader.gif") center center no-repeat rgb(255, 255, 255); } @font-face { font-family: slick; font-weight: normal; font-style: normal; src: url("slick-slider/fonts/slick.woff") format("woff"), url("slick-slider/fonts/slick.ttf") format("truetype"); } .slick-prev, .slick-next { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translate(0px, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { opacity: 1; } .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.25; } .slick-prev::before, .slick-next::before { font-family: slick; font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { right: -25px; left: auto; } .slick-prev::before { content: "←"; } [dir="rtl"] .slick-prev::before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { right: auto; left: -25px; } .slick-next::before { content: "→"; } [dir="rtl"] .slick-next::before { content: "←"; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0px; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; } .slick-dots li button::before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; } .slick-dots li.slick-active button::before { opacity: 0.75; color: black; }