/* START: 字体文件导入 */ @font-face{font-family: Montserrat-ExtraBold-4;font-weight: 400;font-style: normal;src: url("./fonts/Montserrat/Montserrat-ExtraBold-4.otf");} @font-face{font-family: Montserrat-Black-2;font-weight: 400;font-style: normal;src: url("./fonts/Montserrat/Montserrat-Black-2.otf");} @font-face{font-family: Montserrat-Medium-7;font-weight: 400;font-style: normal;src: url("./fonts/Montserrat/Montserrat-Medium-7.otf");} @font-face{font-family: Montserrat-Light-6;font-weight: 400;font-style: normal;src: url("./fonts/Montserrat/Montserrat-Light-6.otf");} @font-face{font-family: MontDemo-Heavy;font-weight: 400;font-style: normal;src: url("./fonts/Mont/MontDemo-Heavy.otf");} /* END: 字体文件导入 */ @keyframes plyr-progress{to{ background-position: 25px 0;} } @keyframes plyr-popup{0%{ opacity: 0.5; transform: translateY(10px);} to{ opacity: 1; transform: translateY(0);} } @keyframes plyr-fade-in{from{ opacity: 0;} to{ opacity: 1;} } .plyr{-moz-osx-font-smoothing: auto;-webkit-font-smoothing: subpixel-antialiased;direction: ltr;font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;font-variant-numeric: tabular-nums;font-weight: 500;line-height: 1.7;max-width: 100%;min-width: 200px;position: relative;text-shadow: none;transition: box-shadow 0.3s ease;} .plyr audio,.plyr video{border-radius: inherit;height: auto;vertical-align: middle;width: 100%;} .plyr button{font: inherit;line-height: inherit;width: auto;} .plyr:focus{outline: 0;} .plyr--full-ui{box-sizing: border-box;} .plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing: inherit;} .plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action: manipulation;} .plyr__badge{background: #4a5764;border-radius: 2px;color: #fff;font-size: 9px;line-height: 1;padding: 3px 4px;} .plyr--full-ui ::-webkit-media-text-track-container{display: none;} .plyr__captions{animation: plyr-fade-in 0.3s ease;bottom: 0;color: #fff;display: none;font-size: 14px;left: 0;padding: 10px;position: absolute;text-align: center;transition: transform 0.4s ease-in-out;width: 100%;} .plyr__captions .plyr__caption{background: rgba(0, 0, 0, 0.8);border-radius: 2px;-webkit-box-decoration-break: clone;box-decoration-break: clone;line-height: 185%;padding: 0.2em 0.5em;white-space: pre-wrap;} .plyr__captions .plyr__caption div{display: inline;} .plyr__captions span:empty{display: none;} @media (min-width: 480px){.plyr__captions{ font-size: 16px; padding: 20px;} } @media (min-width: 768px){.plyr__captions{ font-size: 18px;} } .plyr--captions-active .plyr__captions{display: block;} .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions{transform: translateY(-40px);} .plyr__control{background: 0 0;border: 0;border-radius: 3px;color: inherit;cursor: pointer;flex-shrink: 0;overflow: visible;padding: 7px;position: relative;transition: all 0.3s ease;} .plyr__control svg{display: block;fill: currentColor;height: 18px;pointer-events: none;width: 18px;} .plyr__control:focus{outline: 0;} .plyr__control.plyr__tab-focus{box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);outline: 0;} a.plyr__control{text-decoration: none;} a.plyr__control::after,a.plyr__control::before{display: none;} .plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display: none;} .plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded="true"]{background: #00b3ff;color: #fff;} .plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded="true"]{background: #00b3ff;color: #fff;} .plyr__control--overlaid{background: rgba(0, 179, 255, 0.8);border: 0;border-radius: 100%;color: #fff;display: none;left: 50%;padding: 15px;position: absolute;top: 50%;transform: translate(-50%, -50%);z-index: 2;} .plyr__control--overlaid svg{left: 2px;position: relative;} .plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background: #00b3ff;} .plyr--playing .plyr__control--overlaid{opacity: 0;visibility: hidden;} .plyr--full-ui.plyr--video .plyr__control--overlaid{display: block;} .plyr--full-ui ::-webkit-media-controls{display: none;} .plyr__controls{align-items: center;display: flex;justify-content: flex-end;text-align: center;} .plyr__controls .plyr__progress__container{flex: 1;min-width: 0;} .plyr__controls .plyr__controls__item{margin-left: 2.5px;} .plyr__controls .plyr__controls__item:first-child{margin-left: 0;margin-right: auto;} .plyr__controls .plyr__controls__item.plyr__progress__container{padding-left: 2.5px;} .plyr__controls .plyr__controls__item.plyr__time{padding: 0 5px;} .plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left: 0;} .plyr__controls .plyr__controls__item.plyr__volume{padding-right: 5px;} .plyr__controls .plyr__controls__item.plyr__volume:first-child{padding-right: 0;} .plyr__controls:empty{display: none;} .plyr--audio .plyr__controls{background: #fff;border-radius: inherit;color: #4a5764;padding: 10px;} .plyr--video .plyr__controls{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;bottom: 0;color: #fff;left: 0;padding: 20px 5px 5px;position: absolute;right: 0;transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;z-index: 3;} @media (min-width: 480px){.plyr--video .plyr__controls{ padding: 35px 10px 10px;} } .plyr--video.plyr--hide-controls .plyr__controls{opacity: 0;pointer-events: none;transform: translateY(100%);} .plyr [data-plyr="airplay"],.plyr [data-plyr="captions"],.plyr [data-plyr="fullscreen"],.plyr [data-plyr="pip"]{display: none;} .plyr--airplay-supported [data-plyr="airplay"],.plyr--captions-enabled [data-plyr="captions"],.plyr--fullscreen-enabled [data-plyr="fullscreen"],.plyr--pip-supported [data-plyr="pip"]{display: inline-block;} .plyr__menu{display: flex;position: relative;} .plyr__menu .plyr__control svg{transition: transform 0.3s ease;} .plyr__menu .plyr__control[aria-expanded="true"] svg{transform: rotate(90deg);} .plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip{display: none;} .plyr__menu__container{animation: plyr-popup 0.2s ease;background: rgba(255, 255, 255, 0.9);border-radius: 4px;bottom: 100%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);color: #4a5764;font-size: 16px;margin-bottom: 10px;position: absolute;right: -3px;text-align: left;white-space: nowrap;z-index: 3;} .plyr__menu__container > div{overflow: hidden;transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);} .plyr__menu__container::after{border: 4px solid transparent;border-top-color: rgba(255, 255, 255, 0.9);content: "";height: 0;position: absolute;right: 15px;top: 100%;width: 0;} .plyr__menu__container [role="menu"]{padding: 7px;} .plyr__menu__container [role="menuitem"],.plyr__menu__container [role="menuitemradio"]{margin-top: 2px;} .plyr__menu__container [role="menuitem"]:first-child,.plyr__menu__container [role="menuitemradio"]:first-child{margin-top: 0;} .plyr__menu__container .plyr__control{align-items: center;color: #4a5764;display: flex;font-size: 14px;padding: 4px 11px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 100%;} .plyr__menu__container .plyr__control > span{align-items: inherit;display: flex;width: 100%;} .plyr__menu__container .plyr__control::after{border: 4px solid transparent;content: "";position: absolute;top: 50%;transform: translateY(-50%);} .plyr__menu__container .plyr__control--forward{padding-right: 28px;} .plyr__menu__container .plyr__control--forward::after{border-left-color: rgba(74, 87, 100, 0.8);right: 5px;} .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color: currentColor;} .plyr__menu__container .plyr__control--back{font-weight: 500;margin: 7px;margin-bottom: 3px;padding-left: 28px;position: relative;width: calc(100% - 14px);} .plyr__menu__container .plyr__control--back::after{border-right-color: rgba(74, 87, 100, 0.8);left: 7px;} .plyr__menu__container .plyr__control--back::before{background: #c1c9d1;box-shadow: 0 1px 0 #fff;content: "";height: 1px;left: 0;margin-top: 4px;overflow: hidden;position: absolute;right: 0;top: 100%;} .plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color: currentColor;} .plyr__menu__container .plyr__control[role="menuitemradio"]{padding-left: 7px;} .plyr__menu__container .plyr__control[role="menuitemradio"]::after,.plyr__menu__container .plyr__control[role="menuitemradio"]::before{border-radius: 100%;} .plyr__menu__container .plyr__control[role="menuitemradio"]::before{background: rgba(0, 0, 0, 0.1);content: "";display: block;flex-shrink: 0;height: 16px;margin-right: 10px;transition: all 0.3s ease;width: 16px;} .plyr__menu__container .plyr__control[role="menuitemradio"]::after{background: #fff;border: 0;height: 6px;left: 12px;opacity: 0;top: 50%;transform: translateY(-50%) scale(0);transition: transform 0.3s ease, opacity 0.3s ease;width: 6px;} .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before{background: #00b3ff;} .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::after{opacity: 1;transform: translateY(-50%) scale(1);} .plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before{background: rgba(0, 0, 0, 0.1);} .plyr__menu__container .plyr__menu__value{align-items: center;display: flex;margin-left: auto;margin-right: -5px;overflow: hidden;padding-left: 25px;pointer-events: none;} .plyr--full-ui input[type="range"]{-webkit-appearance: none;background: 0 0;border: 0;border-radius: 26px;color: #00b3ff;display: block;height: 19px;margin: 0;padding: 0;transition: box-shadow 0.3s ease;width: 100%;} .plyr--full-ui input[type="range"]::-webkit-slider-runnable-track{background: 0 0;border: 0;border-radius: 2.5px;height: 5px;transition: box-shadow 0.3s ease;-webkit-user-select: none;user-select: none;background-image: linear-gradient( to right, currentColor var(--value, 0), transparent var(--value, 0) );} .plyr--full-ui input[type="range"]::-webkit-slider-thumb{background: #fff;border: 0;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);height: 13px;position: relative;transition: all 0.2s ease;width: 13px;-webkit-appearance: none;margin-top: -4px;} .plyr--full-ui input[type="range"]::-moz-range-track{background: 0 0;border: 0;border-radius: 2.5px;height: 5px;transition: box-shadow 0.3s ease;-moz-user-select: none;user-select: none;} .plyr--full-ui input[type="range"]::-moz-range-thumb{background: #fff;border: 0;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);height: 13px;position: relative;transition: all 0.2s ease;width: 13px;} .plyr--full-ui input[type="range"]::-moz-range-progress{background: currentColor;border-radius: 2.5px;height: 5px;} .plyr--full-ui input[type="range"]::-ms-track{background: 0 0;border: 0;border-radius: 2.5px;height: 5px;transition: box-shadow 0.3s ease;-ms-user-select: none;user-select: none;color: transparent;} .plyr--full-ui input[type="range"]::-ms-fill-upper{background: 0 0;border: 0;border-radius: 2.5px;height: 5px;transition: box-shadow 0.3s ease;-ms-user-select: none;user-select: none;} .plyr--full-ui input[type="range"]::-ms-fill-lower{background: 0 0;border: 0;border-radius: 2.5px;height: 5px;transition: box-shadow 0.3s ease;-ms-user-select: none;user-select: none;background: currentColor;} .plyr--full-ui input[type="range"]::-ms-thumb{background: #fff;border: 0;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);height: 13px;position: relative;transition: all 0.2s ease;width: 13px;margin-top: 0;} .plyr--full-ui input[type="range"]::-ms-tooltip{display: none;} .plyr--full-ui input[type="range"]:focus{outline: 0;} .plyr--full-ui input[type="range"]::-moz-focus-outer{border: 0;} .plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);outline: 0;} .plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track{box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);outline: 0;} .plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track{box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);outline: 0;} .plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track{background-color: rgba(255, 255, 255, 0.25);} .plyr--full-ui.plyr--video input[type="range"]::-moz-range-track{background-color: rgba(255, 255, 255, 0.25);} .plyr--full-ui.plyr--video input[type="range"]::-ms-track{background-color: rgba(255, 255, 255, 0.25);} .plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);} .plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);} .plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);} .plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track{background-color: rgba(193, 201, 209, 0.66);} .plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track{background-color: rgba(193, 201, 209, 0.66);} .plyr--full-ui.plyr--audio input[type="range"]::-ms-track{background-color: rgba(193, 201, 209, 0.66);} .plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);} .plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);} .plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);} .plyr__poster{background-color: #000;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;transition: opacity 0.2s ease;width: 100%;z-index: 1;} .plyr--stopped.plyr__poster-enabled .plyr__poster{opacity: 1;} .plyr__time{font-size: 14px;} .plyr__time + .plyr__time::before{content: "\2044";margin-right: 10px;} @media (max-width: 767px){.plyr__time + .plyr__time{ display: none;} } .plyr--video .plyr__time{text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);} .plyr__tooltip{background: rgba(255, 255, 255, 0.9);border-radius: 3px;bottom: 100%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);color: #4a5764;font-size: 14px;font-weight: 500;left: 50%;line-height: 1.3;margin-bottom: 10px;opacity: 0;padding: 5px 7.5px;pointer-events: none;position: absolute;transform: translate(-50%, 10px) scale(0.8);transform-origin: 50% 100%;transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;white-space: nowrap;z-index: 2;} .plyr__tooltip::before{border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid rgba(255, 255, 255, 0.9);bottom: -4px;content: "";height: 0;left: 50%;position: absolute;transform: translateX(-50%);width: 0;z-index: 2;} .plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity: 1;transform: translate(-50%, 0) scale(1);} .plyr .plyr__control:hover .plyr__tooltip{z-index: 3;} .plyr__controls > .plyr__control:first-child .plyr__tooltip,.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip{left: 0;transform: translate(0, 10px) scale(0.8);transform-origin: 0 100%;} .plyr__controls > .plyr__control:first-child .plyr__tooltip::before,.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before{left: 16px;} .plyr__controls > .plyr__control:last-child .plyr__tooltip{left: auto;right: 0;transform: translate(0, 10px) scale(0.8);transform-origin: 100% 100%;} .plyr__controls > .plyr__control:last-child .plyr__tooltip::before{left: auto;right: 16px;transform: translateX(50%);} .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip{transform: translate(0, 0) scale(1);} .plyr--video{background: #000;overflow: hidden;} .plyr--video.plyr--menu-open{overflow: visible;} .plyr__video-wrapper{background: #000;border-radius: inherit;overflow: hidden;position: relative;z-index: 0;} .plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height: 0;padding-bottom: 56.25%;} .plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border: 0;height: 100%;left: 0;position: absolute;top: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 100%;} .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container{padding-bottom: 240%;position: relative;transform: translateY(-38.28125%);} .plyr__progress{left: 6.5px;margin-right: 13px;position: relative;} .plyr__progress input[type="range"],.plyr__progress__buffer{margin-left: -6.5px;margin-right: -6.5px;width: calc(100% + 13px);} .plyr__progress input[type="range"]{position: relative;z-index: 2;} .plyr__progress .plyr__tooltip{font-size: 14px;left: 0;} .plyr__progress__buffer{-webkit-appearance: none;background: 0 0;border: 0;border-radius: 100px;height: 5px;left: 0;margin-top: -2.5px;padding: 0;position: absolute;top: 50%;} .plyr__progress__buffer::-webkit-progress-bar{background: 0 0;} .plyr__progress__buffer::-webkit-progress-value{background: currentColor;border-radius: 100px;min-width: 5px;transition: width 0.2s ease;} .plyr__progress__buffer::-moz-progress-bar{background: currentColor;border-radius: 100px;min-width: 5px;transition: width 0.2s ease;} .plyr__progress__buffer::-ms-fill{border-radius: 100px;transition: width 0.2s ease;} .plyr--video .plyr__progress__buffer{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);color: rgba(255, 255, 255, 0.25);} .plyr--audio .plyr__progress__buffer{color: rgba(193, 201, 209, 0.66);} .plyr--loading .plyr__progress__buffer{animation: plyr-progress 1s linear infinite;background-image: linear-gradient( -45deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent );background-repeat: repeat-x;background-size: 25px 25px;color: transparent;} .plyr--video.plyr--loading .plyr__progress__buffer{background-color: rgba(255, 255, 255, 0.25);} .plyr--audio.plyr--loading .plyr__progress__buffer{background-color: rgba(193, 201, 209, 0.66);} .plyr__volume{align-items: center;display: flex;flex: 1;position: relative;} .plyr__volume input[type="range"]{margin-left: 5px;position: relative;z-index: 2;} @media (min-width: 480px){.plyr__volume{ max-width: 90px;} } @media (min-width: 768px){.plyr__volume{ max-width: 110px;} } .plyr--is-ios .plyr__volume{display: none !important;} .plyr--is-ios.plyr--vimeo [data-plyr="mute"]{display: none!importanti;} .plyr:-webkit-full-screen{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;} .plyr:-ms-fullscreen{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;} .plyr:fullscreen{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;} .plyr:-webkit-full-screen video{height: 100%;} .plyr:-ms-fullscreen video{height: 100%;} .plyr:fullscreen video{height: 100%;} .plyr:-webkit-full-screen .plyr__video-wrapper{height: 100%;position: static;} .plyr:-ms-fullscreen .plyr__video-wrapper{height: 100%;position: static;} .plyr:fullscreen .plyr__video-wrapper{height: 100%;position: static;} .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display: block;} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display: block;} .plyr:fullscreen .plyr__control .icon--exit-fullscreen{display: block;} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr:-webkit-full-screen.plyr--hide-controls{cursor: none;} .plyr:-ms-fullscreen.plyr--hide-controls{cursor: none;} .plyr:fullscreen.plyr--hide-controls{cursor: none;} @media (min-width: 1024px){.plyr:-webkit-full-screen .plyr__captions{ font-size: 21px;} .plyr:-ms-fullscreen .plyr__captions{ font-size: 21px;} .plyr:fullscreen .plyr__captions{ font-size: 21px;} } .plyr:-webkit-full-screen{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;} .plyr:-webkit-full-screen video{height: 100%;} .plyr:-webkit-full-screen .plyr__video-wrapper{height: 100%;position: static;} .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display: block;} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr:-webkit-full-screen.plyr--hide-controls{cursor: none;} @media (min-width: 1024px){.plyr:-webkit-full-screen .plyr__captions{ font-size: 21px;} } .plyr:-moz-full-screen{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;} .plyr:-moz-full-screen video{height: 100%;} .plyr:-moz-full-screen .plyr__video-wrapper{height: 100%;position: static;} .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display: block;} .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr:-moz-full-screen.plyr--hide-controls{cursor: none;} @media (min-width: 1024px){.plyr:-moz-full-screen .plyr__captions{ font-size: 21px;} } .plyr:-ms-fullscreen{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;} .plyr:-ms-fullscreen video{height: 100%;} .plyr:-ms-fullscreen .plyr__video-wrapper{height: 100%;position: static;} .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display: block;} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr:-ms-fullscreen.plyr--hide-controls{cursor: none;} @media (min-width: 1024px){.plyr:-ms-fullscreen .plyr__captions{ font-size: 21px;} } .plyr--fullscreen-fallback{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 10000000;} .plyr--fullscreen-fallback video{height: 100%;} .plyr--fullscreen-fallback .plyr__video-wrapper{height: 100%;position: static;} .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display: block;} .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr--fullscreen-fallback.plyr--hide-controls{cursor: none;} @media (min-width: 1024px){.plyr--fullscreen-fallback .plyr__captions{ font-size: 21px;} } .plyr__ads{border-radius: inherit;bottom: 0;cursor: pointer;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;z-index: -1;} .plyr__ads > div,.plyr__ads > div iframe{height: 100%;position: absolute;width: 100%;} .plyr__ads::after{background: rgba(35, 41, 47, 0.8);border-radius: 2px;bottom: 10px;color: #fff;content: attr(data-badge-text);font-size: 11px;padding: 2px 6px;pointer-events: none;position: absolute;right: 10px;z-index: 3;} .plyr__ads::after:empty{display: none;} .plyr__cues{background: currentColor;display: block;height: 5px;left: 0;margin: -2.5px 0 0;opacity: 0.8;position: absolute;top: 50%;width: 3px;z-index: 3;} .plyr__preview-thumb{background-color: rgba(255, 255, 255, 0.9);border-radius: 3px;bottom: 100%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);margin-bottom: 10px;opacity: 0;padding: 3px;pointer-events: none;position: absolute;transform: translate(0, 10px) scale(0.8);transform-origin: 50% 100%;transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;z-index: 2;} .plyr__preview-thumb--is-shown{opacity: 1;transform: translate(0, 0) scale(1);} .plyr__preview-thumb::before{border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid rgba(255, 255, 255, 0.9);bottom: -4px;content: "";height: 0;left: 50%;position: absolute;transform: translateX(-50%);width: 0;z-index: 2;} .plyr__preview-thumb__image-container{background: #c1c9d1;border-radius: 2px;overflow: hidden;position: relative;z-index: 0;} .plyr__preview-thumb__image-container img{height: 100%;left: 0;max-height: none;max-width: none;position: absolute;top: 0;width: 100%;} .plyr__preview-thumb__time-container{bottom: 6px;left: 0;position: absolute;right: 0;white-space: nowrap;z-index: 3;} .plyr__preview-thumb__time-container span{background-color: rgba(0, 0, 0, 0.55);border-radius: 2px;color: #fff;font-size: 14px;padding: 3px 6px;} .plyr__preview-scrubbing{bottom: 0;filter: blur(1px);height: 100%;left: 0;margin: auto;opacity: 0;overflow: hidden;position: absolute;right: 0;top: 0;transition: opacity 0.3s ease;width: 100%;z-index: 1;} .plyr__preview-scrubbing--is-shown{opacity: 1;} .plyr__preview-scrubbing img{height: 100%;left: 0;max-height: none;max-width: none;object-fit: contain;position: absolute;top: 0;width: 100%;} .plyr--no-transition{transition: none !important;} .plyr__sr-only{clip: rect(1px, 1px, 1px, 1px);overflow: hidden;border: 0 !important;height: 1px !important;padding: 0 !important;position: absolute !important;width: 1px !important;} .plyr [hidden]{display: none !important;} @font-face{font-family: "mofont";src: url("fonts/mofont.eot");src: url("fonts/mofont.eot?#iefix") format("embedded-opentype"), url("fonts/mofont.woff") format("woff"), url("fonts/mofont.ttf") format("truetype"), url("fonts/mofont.svg#mofont") format("svg");} @font-face{font-family: "FontAwesome";src: url("fonts/fontawesome-webfont.eot?v=4.3.0");src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");font-weight: normal;font-style: normal;} .fa{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);} .fa-lg{font-size: 1.33333333em;line-height: 0.75em;vertical-align: -15%;} .fa-2x{font-size: 2em;} .fa-3x{font-size: 3em;} .fa-4x{font-size: 4em;} .fa-5x{font-size: 5em;} .fa-fw{width: 1.28571429em;text-align: center;} .fa-ul{padding-left: 0;margin-left: 2.14285714em;list-style-type: none;} .fa-ul > li{position: relative;} .fa-li{position: absolute;left: -2.14285714em;width: 2.14285714em;top: 0.14285714em;text-align: center;} .fa-li.fa-lg{left: -1.85714286em;} .fa-border{padding: 0.2em 0.25em 0.15em;border: solid 0.08em #eeeeee;border-radius: 0.1em;} .pull-right{float: right;} .pull-left{float: left;} .fa.pull-left{margin-right: 0.3em;} .fa.pull-right{margin-left: 0.3em;} .fa-spin{-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;} .fa-pulse{-webkit-animation: fa-spin 1s infinite steps(8);animation: fa-spin 1s infinite steps(8);} @-webkit-keyframes fa-spin{0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{ -webkit-transform: rotate(359deg); transform: rotate(359deg);} } @keyframes fa-spin{0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{ -webkit-transform: rotate(359deg); transform: rotate(359deg);} } .fa-rotate-90{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);} .fa-rotate-180{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .fa-rotate-270{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);} .fa-flip-horizontal{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);} .fa-flip-vertical{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform: scale(1, -1);-ms-transform: scale(1, -1);transform: scale(1, -1);} :root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter: none;} .fa-stack{position: relative;display: inline-block;width: 2em;height: 2em;line-height: 2em;vertical-align: middle;} .fa-stack-1x,.fa-stack-2x{position: absolute;left: 0;width: 100%;text-align: center;} .fa-stack-1x{line-height: inherit;} .fa-stack-2x{font-size: 2em;} .fa-inverse{color: #ffffff;} .fa-glass:before{content: "\f000";} .fa-music:before{content: "\f001";} .fa-search:before{content: "\f002";} .fa-envelope-o:before{content: "\f003";} .fa-heart:before{content: "\f004";} .fa-star:before{content: "\f005";} .fa-star-o:before{content: "\f006";} .fa-user:before{content: "\f007";} .fa-film:before{content: "\f008";} .fa-th-large:before{content: "\f009";} .fa-th:before{content: "\f00a";} .fa-th-list:before{content: "\f00b";} .fa-check:before{content: "\f00c";} .fa-remove:before,.fa-close:before,.fa-times:before{content: "\f00d";} .fa-search-plus:before{content: "\f00e";} .fa-search-minus:before{content: "\f010";} .fa-power-off:before{content: "\f011";} .fa-signal:before{content: "\f012";} .fa-gear:before,.fa-cog:before{content: "\f013";} .fa-trash-o:before{content: "\f014";} .fa-home:before{content: "\f015";} .fa-file-o:before{content: "\f016";} .fa-clock-o:before{content: "\f017";} .fa-road:before{content: "\f018";} .fa-download:before{content: "\f019";} .fa-arrow-circle-o-down:before{content: "\f01a";} .fa-arrow-circle-o-up:before{content: "\f01b";} .fa-inbox:before{content: "\f01c";} .fa-play-circle-o:before{content: "\f01d";} .fa-rotate-right:before,.fa-repeat:before{content: "\f01e";} .fa-refresh:before{content: "\f021";} .fa-list-alt:before{content: "\f022";} .fa-lock:before{content: "\f023";} .fa-flag:before{content: "\f024";} .fa-headphones:before{content: "\f025";} .fa-volume-off:before{content: "\f026";} .fa-volume-down:before{content: "\f027";} .fa-volume-up:before{content: "\f028";} .fa-qrcode:before{content: "\f029";} .fa-barcode:before{content: "\f02a";} .fa-tag:before{content: "\f02b";} .fa-tags:before{content: "\f02c";} .fa-book:before{content: "\f02d";} .fa-bookmark:before{content: "\f02e";} .fa-print:before{content: "\f02f";} .fa-camera:before{content: "\f030";} .fa-font:before{content: "\f031";} .fa-bold:before{content: "\f032";} .fa-italic:before{content: "\f033";} .fa-text-height:before{content: "\f034";} .fa-text-width:before{content: "\f035";} .fa-align-left:before{content: "\f036";} .fa-align-center:before{content: "\f037";} .fa-align-right:before{content: "\f038";} .fa-align-justify:before{content: "\f039";} .fa-list:before{content: "\f03a";} .fa-dedent:before,.fa-outdent:before{content: "\f03b";} .fa-indent:before{content: "\f03c";} .fa-video-camera:before{content: "\f03d";} .fa-photo:before,.fa-image:before,.fa-picture-o:before{content: "\f03e";} .fa-pencil:before{content: "\f040";} .fa-map-marker:before{content: "\f041";} .fa-adjust:before{content: "\f042";} .fa-tint:before{content: "\f043";} .fa-edit:before,.fa-pencil-square-o:before{content: "\f044";} .fa-share-square-o:before{content: "\f045";} .fa-check-square-o:before{content: "\f046";} .fa-arrows:before{content: "\f047";} .fa-step-backward:before{content: "\f048";} .fa-fast-backward:before{content: "\f049";} .fa-backward:before{content: "\f04a";} .fa-play:before{content: "\f04b";} .fa-pause:before{content: "\f04c";} .fa-stop:before{content: "\f04d";} .fa-forward:before{content: "\f04e";} .fa-fast-forward:before{content: "\f050";} .fa-step-forward:before{content: "\f051";} .fa-eject:before{content: "\f052";} .fa-chevron-left:before{content: "\f053";} .fa-chevron-right:before{content: "\f054";} .fa-plus-circle:before{content: "\f055";} .fa-minus-circle:before{content: "\f056";} .fa-times-circle:before{content: "\f057";} .fa-check-circle:before{content: "\f058";} .fa-question-circle:before{content: "\f059";} .fa-info-circle:before{content: "\f05a";} .fa-crosshairs:before{content: "\f05b";} .fa-times-circle-o:before{content: "\f05c";} .fa-check-circle-o:before{content: "\f05d";} .fa-ban:before{content: "\f05e";} .fa-arrow-left:before{content: "\f060";} .fa-arrow-right:before{content: "\f061";} .fa-arrow-up:before{content: "\f062";} .fa-arrow-down:before{content: "\f063";} .fa-mail-forward:before,.fa-share:before{content: "\f064";} .fa-expand:before{content: "\f065";} .fa-compress:before{content: "\f066";} .fa-plus:before{content: "\f067";} .fa-minus:before{content: "\f068";} .fa-asterisk:before{content: "\f069";} .fa-exclamation-circle:before{content: "\f06a";} .fa-gift:before{content: "\f06b";} .fa-leaf:before{content: "\f06c";} .fa-fire:before{content: "\f06d";} .fa-eye:before{content: "\f06e";} .fa-eye-slash:before{content: "\f070";} .fa-warning:before,.fa-exclamation-triangle:before{content: "\f071";} .fa-plane:before{content: "\f072";} .fa-calendar:before{content: "\f073";} .fa-random:before{content: "\f074";} .fa-comment:before{content: "\f075";} .fa-magnet:before{content: "\f076";} .fa-chevron-up:before{content: "\f077";} .fa-chevron-down:before{content: "\f078";} .fa-retweet:before{content: "\f079";} .fa-shopping-cart:before{content: "\f07a";} .fa-folder:before{content: "\f07b";} .fa-folder-open:before{content: "\f07c";} .fa-arrows-v:before{content: "\f07d";} .fa-arrows-h:before{content: "\f07e";} .fa-bar-chart-o:before,.fa-bar-chart:before{content: "\f080";} .fa-twitter-square:before{content: "\f081";} .fa-facebook-square:before{content: "\f082";} .fa-camera-retro:before{content: "\f083";} .fa-key:before{content: "\f084";} .fa-gears:before,.fa-cogs:before{content: "\f085";} .fa-comments:before{content: "\f086";} .fa-thumbs-o-up:before{content: "\f087";} .fa-thumbs-o-down:before{content: "\f088";} .fa-star-half:before{content: "\f089";} .fa-heart-o:before{content: "\f08a";} .fa-sign-out:before{content: "\f08b";} .fa-linkedin-square:before{content: "\f08c";} .fa-thumb-tack:before{content: "\f08d";} .fa-external-link:before{content: "\f08e";} .fa-sign-in:before{content: "\f090";} .fa-trophy:before{content: "\f091";} .fa-github-square:before{content: "\f092";} .fa-upload:before{content: "\f093";} .fa-lemon-o:before{content: "\f094";} .fa-phone:before{content: "\f095";} .fa-square-o:before{content: "\f096";} .fa-bookmark-o:before{content: "\f097";} .fa-phone-square:before{content: "\f098";} .fa-twitter:before{content: "\f099";} .fa-facebook-f:before,.fa-facebook:before{content: "\f09a";} .fa-github:before{content: "\f09b";} .fa-unlock:before{content: "\f09c";} .fa-credit-card:before{content: "\f09d";} .fa-rss:before{content: "\f09e";} .fa-hdd-o:before{content: "\f0a0";} .fa-bullhorn:before{content: "\f0a1";} .fa-bell:before{content: "\f0f3";} .fa-certificate:before{content: "\f0a3";} .fa-hand-o-right:before{content: "\f0a4";} .fa-hand-o-left:before{content: "\f0a5";} .fa-hand-o-up:before{content: "\f0a6";} .fa-hand-o-down:before{content: "\f0a7";} .fa-arrow-circle-left:before{content: "\f0a8";} .fa-arrow-circle-right:before{content: "\f0a9";} .fa-arrow-circle-up:before{content: "\f0aa";} .fa-arrow-circle-down:before{content: "\f0ab";} .fa-globe:before{content: "\f0ac";} .fa-wrench:before{content: "\f0ad";} .fa-tasks:before{content: "\f0ae";} .fa-filter:before{content: "\f0b0";} .fa-briefcase:before{content: "\f0b1";} .fa-arrows-alt:before{content: "\f0b2";} .fa-group:before,.fa-users:before{content: "\f0c0";} .fa-chain:before,.fa-link:before{content: "\f0c1";} .fa-cloud:before{content: "\f0c2";} .fa-flask:before{content: "\f0c3";} .fa-cut:before,.fa-scissors:before{content: "\f0c4";} .fa-copy:before,.fa-files-o:before{content: "\f0c5";} .fa-paperclip:before{content: "\f0c6";} .fa-save:before,.fa-floppy-o:before{content: "\f0c7";} .fa-square:before{content: "\f0c8";} .fa-navicon:before,.fa-reorder:before,.fa-bars:before{content: "\f0c9";} .fa-list-ul:before{content: "\f0ca";} .fa-list-ol:before{content: "\f0cb";} .fa-strikethrough:before{content: "\f0cc";} .fa-underline:before{content: "\f0cd";} .fa-table:before{content: "\f0ce";} .fa-magic:before{content: "\f0d0";} .fa-truck:before{content: "\f0d1";} .fa-pinterest:before{content: "\f0d2";} .fa-pinterest-square:before{content: "\f0d3";} .fa-google-plus-square:before{content: "\f0d4";} .fa-google-plus:before{content: "\f0d5";} .fa-money:before{content: "\f0d6";} .fa-caret-down:before{content: "\f0d7";} .fa-caret-up:before{content: "\f0d8";} .fa-caret-left:before{content: "\f0d9";} .fa-caret-right:before{content: "\f0da";} .fa-columns:before{content: "\f0db";} .fa-unsorted:before,.fa-sort:before{content: "\f0dc";} .fa-sort-down:before,.fa-sort-desc:before{content: "\f0dd";} .fa-sort-up:before,.fa-sort-asc:before{content: "\f0de";} .fa-envelope:before{content: "\f0e0";} .fa-linkedin:before{content: "\f0e1";} .fa-rotate-left:before,.fa-undo:before{content: "\f0e2";} .fa-legal:before,.fa-gavel:before{content: "\f0e3";} .fa-dashboard:before,.fa-tachometer:before{content: "\f0e4";} .fa-comment-o:before{content: "\f0e5";} .fa-comments-o:before{content: "\f0e6";} .fa-flash:before,.fa-bolt:before{content: "\f0e7";} .fa-sitemap:before{content: "\f0e8";} .fa-umbrella:before{content: "\f0e9";} .fa-paste:before,.fa-clipboard:before{content: "\f0ea";} .fa-lightbulb-o:before{content: "\f0eb";} .fa-exchange:before{content: "\f0ec";} .fa-cloud-download:before{content: "\f0ed";} .fa-cloud-upload:before{content: "\f0ee";} .fa-user-md:before{content: "\f0f0";} .fa-stethoscope:before{content: "\f0f1";} .fa-suitcase:before{content: "\f0f2";} .fa-bell-o:before{content: "\f0a2";} .fa-coffee:before{content: "\f0f4";} .fa-cutlery:before{content: "\f0f5";} .fa-file-text-o:before{content: "\f0f6";} .fa-building-o:before{content: "\f0f7";} .fa-hospital-o:before{content: "\f0f8";} .fa-ambulance:before{content: "\f0f9";} .fa-medkit:before{content: "\f0fa";} .fa-fighter-jet:before{content: "\f0fb";} .fa-beer:before{content: "\f0fc";} .fa-h-square:before{content: "\f0fd";} .fa-plus-square:before{content: "\f0fe";} .fa-angle-double-left:before{content: "\f100";} .fa-angle-double-right:before{content: "\f101";} .fa-angle-double-up:before{content: "\f102";} .fa-angle-double-down:before{content: "\f103";} .fa-angle-left:before{content: "\f104";} .fa-angle-right:before{content: "\f105";} .fa-angle-up:before{content: "\f106";} .fa-angle-down:before{content: "\f107";} .fa-desktop:before{content: "\f108";} .fa-laptop:before{content: "\f109";} .fa-tablet:before{content: "\f10a";} .fa-mobile-phone:before,.fa-mobile:before{content: "\f10b";} .fa-circle-o:before{content: "\f10c";} .fa-quote-left:before{content: "\f10d";} .fa-quote-right:before{content: "\f10e";} .fa-spinner:before{content: "\f110";} .fa-circle:before{content: "\f111";} .fa-mail-reply:before,.fa-reply:before{content: "\f112";} .fa-github-alt:before{content: "\f113";} .fa-folder-o:before{content: "\f114";} .fa-folder-open-o:before{content: "\f115";} .fa-smile-o:before{content: "\f118";} .fa-frown-o:before{content: "\f119";} .fa-meh-o:before{content: "\f11a";} .fa-gamepad:before{content: "\f11b";} .fa-keyboard-o:before{content: "\f11c";} .fa-flag-o:before{content: "\f11d";} .fa-flag-checkered:before{content: "\f11e";} .fa-terminal:before{content: "\f120";} .fa-code:before{content: "\f121";} .fa-mail-reply-all:before,.fa-reply-all:before{content: "\f122";} .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content: "\f123";} .fa-location-arrow:before{content: "\f124";} .fa-crop:before{content: "\f125";} .fa-code-fork:before{content: "\f126";} .fa-unlink:before,.fa-chain-broken:before{content: "\f127";} .fa-question:before{content: "\f128";} .fa-info:before{content: "\f129";} .fa-exclamation:before{content: "\f12a";} .fa-superscript:before{content: "\f12b";} .fa-subscript:before{content: "\f12c";} .fa-eraser:before{content: "\f12d";} .fa-puzzle-piece:before{content: "\f12e";} .fa-microphone:before{content: "\f130";} .fa-microphone-slash:before{content: "\f131";} .fa-shield:before{content: "\f132";} .fa-calendar-o:before{content: "\f133";} .fa-fire-extinguisher:before{content: "\f134";} .fa-rocket:before{content: "\f135";} .fa-maxcdn:before{content: "\f136";} .fa-chevron-circle-left:before{content: "\f137";} .fa-chevron-circle-right:before{content: "\f138";} .fa-chevron-circle-up:before{content: "\f139";} .fa-chevron-circle-down:before{content: "\f13a";} .fa-html5:before{content: "\f13b";} .fa-css3:before{content: "\f13c";} .fa-anchor:before{content: "\f13d";} .fa-unlock-alt:before{content: "\f13e";} .fa-bullseye:before{content: "\f140";} .fa-ellipsis-h:before{content: "\f141";} .fa-ellipsis-v:before{content: "\f142";} .fa-rss-square:before{content: "\f143";} .fa-play-circle:before{content: "\f144";} .fa-ticket:before{content: "\f145";} .fa-minus-square:before{content: "\f146";} .fa-minus-square-o:before{content: "\f147";} .fa-level-up:before{content: "\f148";} .fa-level-down:before{content: "\f149";} .fa-check-square:before{content: "\f14a";} .fa-pencil-square:before{content: "\f14b";} .fa-external-link-square:before{content: "\f14c";} .fa-share-square:before{content: "\f14d";} .fa-compass:before{content: "\f14e";} .fa-toggle-down:before,.fa-caret-square-o-down:before{content: "\f150";} .fa-toggle-up:before,.fa-caret-square-o-up:before{content: "\f151";} .fa-toggle-right:before,.fa-caret-square-o-right:before{content: "\f152";} .fa-euro:before,.fa-eur:before{content: "\f153";} .fa-gbp:before{content: "\f154";} .fa-dollar:before,.fa-usd:before{content: "\f155";} .fa-rupee:before,.fa-inr:before{content: "\f156";} .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content: "\f157";} .fa-ruble:before,.fa-rouble:before,.fa-rub:before{content: "\f158";} .fa-won:before,.fa-krw:before{content: "\f159";} .fa-bitcoin:before,.fa-btc:before{content: "\f15a";} .fa-file:before{content: "\f15b";} .fa-file-text:before{content: "\f15c";} .fa-sort-alpha-asc:before{content: "\f15d";} .fa-sort-alpha-desc:before{content: "\f15e";} .fa-sort-amount-asc:before{content: "\f160";} .fa-sort-amount-desc:before{content: "\f161";} .fa-sort-numeric-asc:before{content: "\f162";} .fa-sort-numeric-desc:before{content: "\f163";} .fa-thumbs-up:before{content: "\f164";} .fa-thumbs-down:before{content: "\f165";} .fa-youtube-square:before{content: "\f166";} .fa-youtube:before{content: "\f167";} .fa-xing:before{content: "\f168";} .fa-xing-square:before{content: "\f169";} .fa-youtube-play:before{content: "\f16a";} .fa-dropbox:before{content: "\f16b";} .fa-stack-overflow:before{content: "\f16c";} .fa-instagram:before{content: "\f16d";} .fa-flickr:before{content: "\f16e";} .fa-adn:before{content: "\f170";} .fa-bitbucket:before{content: "\f171";} .fa-bitbucket-square:before{content: "\f172";} .fa-tumblr:before{content: "\f173";} .fa-tumblr-square:before{content: "\f174";} .fa-long-arrow-down:before{content: "\f175";} .fa-long-arrow-up:before{content: "\f176";} .fa-long-arrow-left:before{content: "\f177";} .fa-long-arrow-right:before{content: "\f178";} .fa-apple:before{content: "\f179";} .fa-windows:before{content: "\f17a";} .fa-android:before{content: "\f17b";} .fa-linux:before{content: "\f17c";} .fa-dribbble:before{content: "\f17d";} .fa-skype:before{content: "\f17e";} .fa-foursquare:before{content: "\f180";} .fa-trello:before{content: "\f181";} .fa-female:before{content: "\f182";} .fa-male:before{content: "\f183";} .fa-gittip:before,.fa-gratipay:before{content: "\f184";} .fa-sun-o:before{content: "\f185";} .fa-moon-o:before{content: "\f186";} .fa-archive:before{content: "\f187";} .fa-bug:before{content: "\f188";} .fa-vk:before{content: "\f189";} .fa-weibo:before{content: "\f18a";} .fa-renren:before{content: "\f18b";} .fa-pagelines:before{content: "\f18c";} .fa-stack-exchange:before{content: "\f18d";} .fa-arrow-circle-o-right:before{content: "\f18e";} .fa-arrow-circle-o-left:before{content: "\f190";} .fa-toggle-left:before,.fa-caret-square-o-left:before{content: "\f191";} .fa-dot-circle-o:before{content: "\f192";} .fa-wheelchair:before{content: "\f193";} .fa-vimeo-square:before{content: "\f194";} .fa-turkish-lira:before,.fa-try:before{content: "\f195";} .fa-plus-square-o:before{content: "\f196";} .fa-space-shuttle:before{content: "\f197";} .fa-slack:before{content: "\f198";} .fa-envelope-square:before{content: "\f199";} .fa-wordpress:before{content: "\f19a";} .fa-openid:before{content: "\f19b";} .fa-institution:before,.fa-bank:before,.fa-university:before{content: "\f19c";} .fa-mortar-board:before,.fa-graduation-cap:before{content: "\f19d";} .fa-yahoo:before{content: "\f19e";} .fa-google:before{content: "\f1a0";} .fa-reddit:before{content: "\f1a1";} .fa-reddit-square:before{content: "\f1a2";} .fa-stumbleupon-circle:before{content: "\f1a3";} .fa-stumbleupon:before{content: "\f1a4";} .fa-delicious:before{content: "\f1a5";} .fa-digg:before{content: "\f1a6";} .fa-pied-piper:before{content: "\f1a7";} .fa-pied-piper-alt:before{content: "\f1a8";} .fa-drupal:before{content: "\f1a9";} .fa-joomla:before{content: "\f1aa";} .fa-language:before{content: "\f1ab";} .fa-fax:before{content: "\f1ac";} .fa-building:before{content: "\f1ad";} .fa-child:before{content: "\f1ae";} .fa-paw:before{content: "\f1b0";} .fa-spoon:before{content: "\f1b1";} .fa-cube:before{content: "\f1b2";} .fa-cubes:before{content: "\f1b3";} .fa-behance:before{content: "\f1b4";} .fa-behance-square:before{content: "\f1b5";} .fa-steam:before{content: "\f1b6";} .fa-steam-square:before{content: "\f1b7";} .fa-recycle:before{content: "\f1b8";} .fa-automobile:before,.fa-car:before{content: "\f1b9";} .fa-cab:before,.fa-taxi:before{content: "\f1ba";} .fa-tree:before{content: "\f1bb";} .fa-spotify:before{content: "\f1bc";} .fa-deviantart:before{content: "\f1bd";} .fa-soundcloud:before{content: "\f1be";} .fa-database:before{content: "\f1c0";} .fa-file-pdf-o:before{content: "\f1c1";} .fa-file-word-o:before{content: "\f1c2";} .fa-file-excel-o:before{content: "\f1c3";} .fa-file-powerpoint-o:before{content: "\f1c4";} .fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content: "\f1c5";} .fa-file-zip-o:before,.fa-file-archive-o:before{content: "\f1c6";} .fa-file-sound-o:before,.fa-file-audio-o:before{content: "\f1c7";} .fa-file-movie-o:before,.fa-file-video-o:before{content: "\f1c8";} .fa-file-code-o:before{content: "\f1c9";} .fa-vine:before{content: "\f1ca";} .fa-codepen:before{content: "\f1cb";} .fa-jsfiddle:before{content: "\f1cc";} .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content: "\f1cd";} .fa-circle-o-notch:before{content: "\f1ce";} .fa-ra:before,.fa-rebel:before{content: "\f1d0";} .fa-ge:before,.fa-empire:before{content: "\f1d1";} .fa-git-square:before{content: "\f1d2";} .fa-git:before{content: "\f1d3";} .fa-hacker-news:before{content: "\f1d4";} .fa-tencent-weibo:before{content: "\f1d5";} .fa-qq:before{content: "\f1d6";} .fa-wechat:before,.fa-weixin:before{content: "\f1d7";} .fa-send:before,.fa-paper-plane:before{content: "\f1d8";} .fa-send-o:before,.fa-paper-plane-o:before{content: "\f1d9";} .fa-history:before{content: "\f1da";} .fa-genderless:before,.fa-circle-thin:before{content: "\f1db";} .fa-header:before{content: "\f1dc";} .fa-paragraph:before{content: "\f1dd";} .fa-sliders:before{content: "\f1de";} .fa-share-alt:before{content: "\f1e0";} .fa-share-alt-square:before{content: "\f1e1";} .fa-bomb:before{content: "\f1e2";} .fa-soccer-ball-o:before,.fa-futbol-o:before{content: "\f1e3";} .fa-tty:before{content: "\f1e4";} .fa-binoculars:before{content: "\f1e5";} .fa-plug:before{content: "\f1e6";} .fa-slideshare:before{content: "\f1e7";} .fa-twitch:before{content: "\f1e8";} .fa-yelp:before{content: "\f1e9";} .fa-newspaper-o:before{content: "\f1ea";} .fa-wifi:before{content: "\f1eb";} .fa-calculator:before{content: "\f1ec";} .fa-paypal:before{content: "\f1ed";} .fa-google-wallet:before{content: "\f1ee";} .fa-cc-visa:before{content: "\f1f0";} .fa-cc-mastercard:before{content: "\f1f1";} .fa-cc-discover:before{content: "\f1f2";} .fa-cc-amex:before{content: "\f1f3";} .fa-cc-paypal:before{content: "\f1f4";} .fa-cc-stripe:before{content: "\f1f5";} .fa-bell-slash:before{content: "\f1f6";} .fa-bell-slash-o:before{content: "\f1f7";} .fa-trash:before{content: "\f1f8";} .fa-copyright:before{content: "\f1f9";} .fa-at:before{content: "\f1fa";} .fa-eyedropper:before{content: "\f1fb";} .fa-paint-brush:before{content: "\f1fc";} .fa-birthday-cake:before{content: "\f1fd";} .fa-area-chart:before{content: "\f1fe";} .fa-pie-chart:before{content: "\f200";} .fa-line-chart:before{content: "\f201";} .fa-lastfm:before{content: "\f202";} .fa-lastfm-square:before{content: "\f203";} .fa-toggle-off:before{content: "\f204";} .fa-toggle-on:before{content: "\f205";} .fa-bicycle:before{content: "\f206";} .fa-bus:before{content: "\f207";} .fa-ioxhost:before{content: "\f208";} .fa-angellist:before{content: "\f209";} .fa-cc:before{content: "\f20a";} .fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content: "\f20b";} .fa-meanpath:before{content: "\f20c";} .fa-buysellads:before{content: "\f20d";} .fa-connectdevelop:before{content: "\f20e";} .fa-dashcube:before{content: "\f210";} .fa-forumbee:before{content: "\f211";} .fa-leanpub:before{content: "\f212";} .fa-sellsy:before{content: "\f213";} .fa-shirtsinbulk:before{content: "\f214";} .fa-simplybuilt:before{content: "\f215";} .fa-skyatlas:before{content: "\f216";} .fa-cart-plus:before{content: "\f217";} .fa-cart-arrow-down:before{content: "\f218";} .fa-diamond:before{content: "\f219";} .fa-ship:before{content: "\f21a";} .fa-user-secret:before{content: "\f21b";} .fa-motorcycle:before{content: "\f21c";} .fa-street-view:before{content: "\f21d";} .fa-heartbeat:before{content: "\f21e";} .fa-venus:before{content: "\f221";} .fa-mars:before{content: "\f222";} .fa-mercury:before{content: "\f223";} .fa-transgender:before{content: "\f224";} .fa-transgender-alt:before{content: "\f225";} .fa-venus-double:before{content: "\f226";} .fa-mars-double:before{content: "\f227";} .fa-venus-mars:before{content: "\f228";} .fa-mars-stroke:before{content: "\f229";} .fa-mars-stroke-v:before{content: "\f22a";} .fa-mars-stroke-h:before{content: "\f22b";} .fa-neuter:before{content: "\f22c";} .fa-facebook-official:before{content: "\f230";} .fa-pinterest-p:before{content: "\f231";} .fa-whatsapp:before{content: "\f232";} .fa-server:before{content: "\f233";} .fa-user-plus:before{content: "\f234";} .fa-user-times:before{content: "\f235";} .fa-hotel:before,.fa-bed:before{content: "\f236";} .fa-viacoin:before{content: "\f237";} .fa-train:before{content: "\f238";} .fa-subway:before{content: "\f239";} .fa-medium:before{content: "\f23a";} @charset "UTF-8"; .animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .animated.infinite{-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;} .animated.hinge{-webkit-animation-duration: 2s;animation-duration: 2s;} .animated.bounceIn,.animated.bounceOut{-webkit-animation-duration: 0.75s;animation-duration: 0.75s;} .animated.flipOutX,.animated.flipOutY{-webkit-animation-duration: 0.75s;animation-duration: 0.75s;} @-webkit-keyframes bounce{0%, 20%, 53%, 80%, 100%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 40%, 43%{ -webkit-animation-timing-function: cubic-bezier( 0.755, 0.05, 0.855, 0.06 ); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);} 70%{ -webkit-animation-timing-function: cubic-bezier( 0.755, 0.05, 0.855, 0.06 ); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);} 90%{ -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);} } @keyframes bounce{0%, 20%, 53%, 80%, 100%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 40%, 43%{ -webkit-animation-timing-function: cubic-bezier( 0.755, 0.05, 0.855, 0.06 ); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);} 70%{ -webkit-animation-timing-function: cubic-bezier( 0.755, 0.05, 0.855, 0.06 ); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);} 90%{ -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);} } .bounce{-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;transform-origin: center bottom;} @-webkit-keyframes flash{0%, 50%, 100%{ opacity: 1;} 25%, 75%{ opacity: 0;} } @keyframes flash{0%, 50%, 100%{ opacity: 1;} 25%, 75%{ opacity: 0;} } .flash{-webkit-animation-name: flash;animation-name: flash;} @-webkit-keyframes pulse{0%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 50%{ -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);} 100%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} } @keyframes pulse{0%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 50%{ -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);} 100%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} } .pulse{-webkit-animation-name: pulse;animation-name: pulse;} @-webkit-keyframes rubberBand{0%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 30%{ -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);} 40%{ -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);} 50%{ -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);} 65%{ -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);} 75%{ -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);} 100%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} } @keyframes rubberBand{0%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 30%{ -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);} 40%{ -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);} 50%{ -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);} 65%{ -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);} 75%{ -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);} 100%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} } .rubberBand{-webkit-animation-name: rubberBand;animation-name: rubberBand;} @-webkit-keyframes shake{0%, 100%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90%{ -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);} 20%, 40%, 60%, 80%{ -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} } @keyframes shake{0%, 100%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90%{ -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);} 20%, 40%, 60%, 80%{ -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} } .shake{-webkit-animation-name: shake;animation-name: shake;} @-webkit-keyframes swing{20%{ -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);} 40%{ -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);} 60%{ -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);} 80%{ -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);} 100%{ -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);} } @keyframes swing{20%{ -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);} 40%{ -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);} 60%{ -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);} 80%{ -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);} 100%{ -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);} } .swing{-webkit-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing;} @-webkit-keyframes tada{0%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 10%, 20%{ -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} 100%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} } @keyframes tada{0%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 10%, 20%{ -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} 100%{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} } .tada{-webkit-animation-name: tada;animation-name: tada;} @-webkit-keyframes wobble{0%{ -webkit-transform: none; transform: none;} 15%{ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);} 30%{ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);} 45%{ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);} 60%{ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);} 75%{ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);} 100%{ -webkit-transform: none; transform: none;} } @keyframes wobble{0%{ -webkit-transform: none; transform: none;} 15%{ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);} 30%{ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);} 45%{ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);} 60%{ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);} 75%{ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);} 100%{ -webkit-transform: none; transform: none;} } .wobble{-webkit-animation-name: wobble;animation-name: wobble;} @-webkit-keyframes jello{11.1%{ -webkit-transform: none; transform: none;} 22.2%{ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);} 33.3%{ -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);} 44.4%{ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);} 55.5%{ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);} 66.6%{ -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);} 77.7%{ -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);} 88.8%{ -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);} 100%{ -webkit-transform: none; transform: none;} } @keyframes jello{11.1%{ -webkit-transform: none; transform: none;} 22.2%{ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);} 33.3%{ -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);} 44.4%{ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);} 55.5%{ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);} 66.6%{ -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);} 77.7%{ -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);} 88.8%{ -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);} 100%{ -webkit-transform: none; transform: none;} } .jello{-webkit-animation-name: jello;animation-name: jello;-webkit-transform-origin: center;transform-origin: center;} @-webkit-keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 20%{ -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);} 40%{ -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);} 60%{ opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);} 80%{ -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);} 100%{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} } @keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 20%{ -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);} 40%{ -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);} 60%{ opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);} 80%{ -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);} 100%{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} } .bounceIn{-webkit-animation-name: bounceIn;animation-name: bounceIn;} @-webkit-keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);} 60%{ opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);} 75%{ -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} 90%{ -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);} 100%{ -webkit-transform: none; transform: none;} } @keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);} 60%{ opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);} 75%{ -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} 90%{ -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);} 100%{ -webkit-transform: none; transform: none;} } .bounceInDown{-webkit-animation-name: bounceInDown;animation-name: bounceInDown;} @-webkit-keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);} 60%{ opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);} 75%{ -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);} 90%{ -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);} 100%{ -webkit-transform: none; transform: none;} } @keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);} 60%{ opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);} 75%{ -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);} 90%{ -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);} 100%{ -webkit-transform: none; transform: none;} } .bounceInLeft{-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;} @-webkit-keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{ opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{ -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{ -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} 100%{ -webkit-transform: none; transform: none;} } @keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{ opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{ -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{ -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} 100%{ -webkit-transform: none; transform: none;} } .bounceInRight{-webkit-animation-name: bounceInRight;animation-name: bounceInRight;} @-webkit-keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);} 60%{ opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);} 75%{ -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);} 90%{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);} 100%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);} 60%{ opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);} 75%{ -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);} 90%{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);} 100%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } .bounceInUp{-webkit-animation-name: bounceInUp;animation-name: bounceInUp;} @-webkit-keyframes bounceOut{20%{ -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);} 50%, 55%{ opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);} 100%{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} } @keyframes bounceOut{20%{ -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);} 50%, 55%{ opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);} 100%{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} } .bounceOut{-webkit-animation-name: bounceOut;animation-name: bounceOut;} @-webkit-keyframes bounceOutDown{20%{ -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);} 40%, 45%{ opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);} 100%{ opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);} } @keyframes bounceOutDown{20%{ -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);} 40%, 45%{ opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);} 100%{ opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);} } .bounceOutDown{-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown;} @-webkit-keyframes bounceOutLeft{20%{ opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);} 100%{ opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);} } @keyframes bounceOutLeft{20%{ opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);} 100%{ opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);} } .bounceOutLeft{-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft;} @-webkit-keyframes bounceOutRight{20%{ opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);} 100%{ opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);} } @keyframes bounceOutRight{20%{ opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);} 100%{ opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);} } .bounceOutRight{-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight;} @-webkit-keyframes bounceOutUp{20%{ -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} 40%, 45%{ opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} 100%{ opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);} } @keyframes bounceOutUp{20%{ -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);} 40%, 45%{ opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} 100%{ opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);} } .bounceOutUp{-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;} @-webkit-keyframes fadeIn{0%{ opacity: 0;} 100%{ opacity: 1;} } @keyframes fadeIn{0%{ opacity: 0;} 100%{ opacity: 1;} } .fadeIn{-webkit-animation-name: fadeIn;animation-name: fadeIn;} @-webkit-keyframes fadeInDown{0%{ opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInDown{0%{ opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInDown{-webkit-animation-name: fadeInDown;animation-name: fadeInDown;} @-webkit-keyframes fadeInDownBig{0%{ opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInDownBig{0%{ opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInDownBig{-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;} @-webkit-keyframes fadeInLeft{0%{ opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInLeft{0%{ opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInLeft{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;} @-webkit-keyframes fadeInLeftBig{0%{ opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInLeftBig{0%{ opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInLeftBig{-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;} @-webkit-keyframes fadeInRight{0%{ opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInRight{0%{ opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInRight{-webkit-animation-name: fadeInRight;animation-name: fadeInRight;} @-webkit-keyframes fadeInRightBig{0%{ opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInRightBig{0%{ opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInRightBig{-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;} @-webkit-keyframes fadeInUp{0%{ opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInUp{0%{ opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;} @-webkit-keyframes fadeInUpBig{0%{ opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInUpBig{0%{ opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInUpBig{-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;} @-webkit-keyframes fadeOut{0%{ opacity: 1;} 100%{ opacity: 0;} } @keyframes fadeOut{0%{ opacity: 1;} 100%{ opacity: 0;} } .fadeOut{-webkit-animation-name: fadeOut;animation-name: fadeOut;} @-webkit-keyframes fadeOutDown{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} } @keyframes fadeOutDown{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} } .fadeOutDown{-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;} @-webkit-keyframes fadeOutDownBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);} } @keyframes fadeOutDownBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);} } .fadeOutDownBig{-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} } @keyframes fadeOutLeft{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} } .fadeOutLeft{-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);} } @keyframes fadeOutLeftBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);} } .fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} } @keyframes fadeOutRight{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} } .fadeOutRight{-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;} @-webkit-keyframes fadeOutRightBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);} } @keyframes fadeOutRightBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);} } .fadeOutRightBig{-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutUp{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} } @keyframes fadeOutUp{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} } .fadeOutUp{-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;} @-webkit-keyframes fadeOutUpBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);} } @keyframes fadeOutUpBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);} } .fadeOutUpBig{-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig;} @-webkit-keyframes flip{0%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} 40%{ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} 50%{ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 80%{ -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 100%{ -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} } @keyframes flip{0%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} 40%{ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} 50%{ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 80%{ -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 100%{ -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} } .animated.flip{-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip;} @-webkit-keyframes flipInX{0%{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;} 40%{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 60%{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;} 80%{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);} 100%{ -webkit-transform: perspective(400px); transform: perspective(400px);} } @keyframes flipInX{0%{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;} 40%{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 60%{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;} 80%{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);} 100%{ -webkit-transform: perspective(400px); transform: perspective(400px);} } .flipInX{-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;} @-webkit-keyframes flipInY{0%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;} 40%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 60%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;} 80%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);} 100%{ -webkit-transform: perspective(400px); transform: perspective(400px);} } @keyframes flipInY{0%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;} 40%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 60%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;} 80%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);} 100%{ -webkit-transform: perspective(400px); transform: perspective(400px);} } .flipInY{-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY;animation-name: flipInY;} @-webkit-keyframes flipOutX{0%{ -webkit-transform: perspective(400px); transform: perspective(400px);} 30%{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;} 100%{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;} } @keyframes flipOutX{0%{ -webkit-transform: perspective(400px); transform: perspective(400px);} 30%{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;} 100%{ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;} } .flipOutX{-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;} @-webkit-keyframes flipOutY{0%{ -webkit-transform: perspective(400px); transform: perspective(400px);} 30%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;} 100%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;} } @keyframes flipOutY{0%{ -webkit-transform: perspective(400px); transform: perspective(400px);} 30%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;} 100%{ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;} } .flipOutY{-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipOutY;animation-name: flipOutY;} @-webkit-keyframes lightSpeedIn{0%{ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;} 60%{ -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;} 80%{ -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;} 100%{ -webkit-transform: none; transform: none; opacity: 1;} } @keyframes lightSpeedIn{0%{ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;} 60%{ -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;} 80%{ -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;} 100%{ -webkit-transform: none; transform: none; opacity: 1;} } .lightSpeedIn{-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} @-webkit-keyframes lightSpeedOut{0%{ opacity: 1;} 100%{ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;} } @keyframes lightSpeedOut{0%{ opacity: 1;} 100%{ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;} } .lightSpeedOut{-webkit-animation-name: lightSpeedOut;animation-name: lightSpeedOut;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;} @-webkit-keyframes rotateIn{0%{ -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;} 100%{ -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;} } @keyframes rotateIn{0%{ -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;} 100%{ -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;} } .rotateIn{-webkit-animation-name: rotateIn;animation-name: rotateIn;} @-webkit-keyframes rotateInDownLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;} } @keyframes rotateInDownLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;} } .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;} } @keyframes rotateInDownRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;} } .rotateInDownRight{-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;} } @keyframes rotateInUpLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;} } .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;} } @keyframes rotateInUpRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;} } .rotateInUpRight{-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight;} @-webkit-keyframes rotateOut{0%{ -webkit-transform-origin: center; transform-origin: center; opacity: 1;} 100%{ -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;} } @keyframes rotateOut{0%{ -webkit-transform-origin: center; transform-origin: center; opacity: 1;} 100%{ -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;} } .rotateOut{-webkit-animation-name: rotateOut;animation-name: rotateOut;} @-webkit-keyframes rotateOutDownLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;} } @keyframes rotateOutDownLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;} } .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;} } @keyframes rotateOutDownRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;} } .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;} } @keyframes rotateOutUpLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;} } .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;} } @keyframes rotateOutUpRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;} } .rotateOutUpRight{-webkit-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight;} @-webkit-keyframes hinge{0%{ -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 20%, 60%{ -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 40%, 80%{ -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;} 100%{ -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;} } @keyframes hinge{0%{ -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 20%, 60%{ -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 40%, 80%{ -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;} 100%{ -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;} } .hinge{-webkit-animation-name: hinge;animation-name: hinge;} @-webkit-keyframes rollIn{0%{ opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes rollIn{0%{ opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .rollIn{-webkit-animation-name: rollIn;animation-name: rollIn;} @-webkit-keyframes rollOut{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);} } @keyframes rollOut{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);} } .rollOut{-webkit-animation-name: rollOut;animation-name: rollOut;} @-webkit-keyframes zoomIn{0%{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 50%{ opacity: 1;} } @keyframes zoomIn{0%{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 50%{ opacity: 1;} } .zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn;} @-webkit-keyframes zoomInDown{0%{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} } @keyframes zoomInDown{0%{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} } .zoomInDown{-webkit-animation-name: zoomInDown;animation-name: zoomInDown;} @-webkit-keyframes zoomInLeft{0%{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} } @keyframes zoomInLeft{0%{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} } .zoomInLeft{-webkit-animation-name: zoomInLeft;animation-name: zoomInLeft;} @-webkit-keyframes zoomInRight{0%{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} } @keyframes zoomInRight{0%{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} } .zoomInRight{-webkit-animation-name: zoomInRight;animation-name: zoomInRight;} @-webkit-keyframes zoomInUp{0%{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} } @keyframes zoomInUp{0%{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} } .zoomInUp{-webkit-animation-name: zoomInUp;animation-name: zoomInUp;} @-webkit-keyframes zoomOut{0%{ opacity: 1;} 50%{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 100%{ opacity: 0;} } @keyframes zoomOut{0%{ opacity: 1;} 50%{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 100%{ opacity: 0;} } .zoomOut{-webkit-animation-name: zoomOut;animation-name: zoomOut;} @-webkit-keyframes zoomOutDown{40%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 100%{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} } @keyframes zoomOutDown{40%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 100%{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} } .zoomOutDown{-webkit-animation-name: zoomOutDown;animation-name: zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);} 100%{ opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;} } @keyframes zoomOutLeft{40%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);} 100%{ opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;} } .zoomOutLeft{-webkit-animation-name: zoomOutLeft;animation-name: zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);} 100%{ opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;} } @keyframes zoomOutRight{40%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);} 100%{ opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;} } .zoomOutRight{-webkit-animation-name: zoomOutRight;animation-name: zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 100%{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} } @keyframes zoomOutUp{40%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 100%{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} } .zoomOutUp{-webkit-animation-name: zoomOutUp;animation-name: zoomOutUp;} @-webkit-keyframes slideInDown{0%{ -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;} 100%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes slideInDown{0%{ -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;} 100%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } .slideInDown{-webkit-animation-name: slideInDown;animation-name: slideInDown;} @-webkit-keyframes slideInLeft{0%{ -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;} 100%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes slideInLeft{0%{ -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;} 100%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } .slideInLeft{-webkit-animation-name: slideInLeft;animation-name: slideInLeft;} @-webkit-keyframes slideInRight{0%{ -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;} 100%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes slideInRight{0%{ -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;} 100%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } .slideInRight{-webkit-animation-name: slideInRight;animation-name: slideInRight;} @-webkit-keyframes slideInUp{0%{ -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;} 100%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes slideInUp{0%{ -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;} 100%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } .slideInUp{-webkit-animation-name: slideInUp;animation-name: slideInUp;} @-webkit-keyframes slideOutDown{0%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100%{ visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} } @keyframes slideOutDown{0%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100%{ visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} } .slideOutDown{-webkit-animation-name: slideOutDown;animation-name: slideOutDown;} @-webkit-keyframes slideOutLeft{0%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100%{ visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} } @keyframes slideOutLeft{0%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100%{ visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} } .slideOutLeft{-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;} @-webkit-keyframes slideOutRight{0%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100%{ visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} } @keyframes slideOutRight{0%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100%{ visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} } .slideOutRight{-webkit-animation-name: slideOutRight;animation-name: slideOutRight;} @-webkit-keyframes slideOutUp{0%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100%{ visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} } @keyframes slideOutUp{0%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100%{ visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} } .slideOutUp{-webkit-animation-name: slideOutUp;animation-name: slideOutUp;} .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;-ms-touch-action: pan-Y;-moz-backface-visibility: hidden;} .owl-carousel .owl-stage:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .owl-carousel .owl-stage-outer{position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);} .owl-carousel .owl-item{min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none;} .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;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .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{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .owl-carousel.owl-grab{cursor: move;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;} @keyframes fadeOut{0%{ opacity: 1;} 100%{ opacity: 0;} } .owl-height{transition: height 0.5s ease-in-out;} .owl-carousel .owl-item .owl-lazy{opacity: 0;transition: opacity 0.4s ease;} .owl-carousel .owl-item img.owl-lazy{transform-style: preserve-3d;} .owl-carousel .owl-video-wrapper{position: relative;height: 100%;background: #000;} .owl-carousel .owl-video-play-icon{position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;background: url(owl.video.play.png) no-repeat;cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;transition: transform 0.1s ease;} .owl-carousel .owl-video-play-icon:hover{-ms-transform: scale(1.3, 1.3);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;} .owl-carousel .owl-video-frame{position: relative;z-index: 1;height: 100%;width: 100%;} .owl-theme .owl-dots,.owl-theme .owl-nav{text-align: center;-webkit-tap-highlight-color: transparent;} .owl-theme .owl-nav{margin-top: 10px;} .owl-theme .owl-nav [class*="owl-"]{color: #fff;font-size: 14px;margin: 5px;padding: 4px 7px;background: #d6d6d6;display: inline-block;cursor: pointer;border-radius: 3px;} .owl-theme .owl-nav [class*="owl-"]:hover{background: #869791;color: #fff;text-decoration: none;} .owl-theme .owl-nav .disabled{opacity: 0.5;cursor: default;} .owl-theme .owl-nav.disabled + .owl-dots{margin-top: 10px;} .owl-theme .owl-dots .owl-dot{display: inline-block;zoom: 1;} .owl-theme .owl-dots .owl-dot span{width: 10px;height: 10px;margin: 5px 7px;background: #d6d6d6;display: block;-webkit-backface-visibility: visible;transition: opacity 0.2s ease;border-radius: 30px;} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background: #869791;} .mCustomScrollbar{-ms-touch-action: pinch-zoom;touch-action: pinch-zoom;} .mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action: auto;touch-action: auto;} .mCustomScrollBox{position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: 0;direction: ltr;} .mCSB_container{overflow: hidden;width: auto;height: auto;} .mCSB_inside > .mCSB_container{margin-right: 30px;} .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right: 0;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right: 0;margin-left: 30px;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left: 0;} .mCSB_scrollTools{position: absolute;width: 16px;height: auto;left: auto;top: 0;right: 0;bottom: 0;opacity: 0.75;filter: "alpha(opacity=75)";-ms-filter: "alpha(opacity=75)";} .mCSB_outside + .mCSB_scrollTools{right: -26px;} .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right: auto;left: 0;} .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left: -26px;} .mCSB_scrollTools .mCSB_draggerContainer{position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: auto;} .mCSB_scrollTools a + .mCSB_draggerContainer{margin: 20px 0;} .mCSB_scrollTools .mCSB_draggerRail{width: 2px;height: 100%;margin: 0 auto;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;} .mCSB_scrollTools .mCSB_dragger{cursor: pointer;width: 100%;height: 30px;z-index: 1;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position: relative;width: 4px;height: 100%;margin: 0 auto;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;text-align: center;} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width: 12px;} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width: 8px;} .mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display: block;position: absolute;height: 20px;width: 100%;overflow: hidden;margin: 0 auto;cursor: pointer;} .mCSB_scrollTools .mCSB_buttonDown{bottom: 0;} .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right: 0;margin-bottom: 30px;} .mCSB_horizontal.mCSB_outside > .mCSB_container{min-height: 100%;} .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom: 0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal{width: auto;height: 16px;top: auto;right: 0;bottom: 0;left: 0;} .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom: -26px;} .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin: 0 20px;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width: 100%;height: 2px;margin: 7px 0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width: 30px;height: 100%;left: 0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width: 100%;height: 4px;margin: 6px auto;} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height: 12px;margin: 2px auto;} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height: 8px;margin: 4px 0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display: block;position: absolute;width: 20px;height: 100%;overflow: hidden;margin: 0 auto;cursor: pointer;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left: 0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right: 0;} .mCSB_container_wrapper{position: absolute;height: auto;width: auto;overflow: hidden;top: 0;left: 0;right: 0;bottom: 0;margin-right: 30px;margin-bottom: 30px;} .mCSB_container_wrapper > .mCSB_container{padding-right: 30px;padding-bottom: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom: 20px;} .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right: 20px;} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom: 0;} .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{right: 0;} .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left: 20px;} .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{left: 0;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{margin-right: 0;margin-left: 30px;} .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{padding-right: 0;} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{padding-bottom: 0;} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right: 0;margin-left: 0;} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom: 0;} .mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;-moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;-o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;-moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;-o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;} .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity: 0;filter: "alpha(opacity=0)";-ms-filter: "alpha(opacity=0)";} .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,.mCustomScrollBox:hover > .mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";} .mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0, 0, 0, 0.4);filter: "alpha(opacity=40)";-ms-filter: "alpha(opacity=40)";} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255, 255, 255, 0.75);filter: "alpha(opacity=75)";-ms-filter: "alpha(opacity=75)";} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255, 255, 255, 0.85);filter: "alpha(opacity=85)";-ms-filter: "alpha(opacity=85)";} .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255, 255, 255, 0.9);filter: "alpha(opacity=90)";-ms-filter: "alpha(opacity=90)";} .mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image: url(mCSB_buttons.png);background-repeat: no-repeat;opacity: 0.4;filter: "alpha(opacity=40)";-ms-filter: "alpha(opacity=40)";} .mCSB_scrollTools .mCSB_buttonUp{background-position: 0 0;} .mCSB_scrollTools .mCSB_buttonDown{background-position: 0 -20px;} .mCSB_scrollTools .mCSB_buttonLeft{background-position: 0 -40px;} .mCSB_scrollTools .mCSB_buttonRight{background-position: 0 -56px;} .mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity: 0.75;filter: "alpha(opacity=75)";-ms-filter: "alpha(opacity=75)";} .mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity: 0.9;filter: "alpha(opacity=90)";-ms-filter: "alpha(opacity=90)";} .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0, 0, 0, 0.15);} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;background-color: rgba(0, 0, 0, 0.75);} .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: rgba(0, 0, 0, 0.85);} .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: rgba(0, 0, 0, 0.9);} .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position: -80px 0;} .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position: -80px -20px;} .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position: -80px -40px;} .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position: -80px -56px;} .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width: 4px;background-color: #fff;background-color: rgba(255, 255, 255, 0.1);-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 4px;background-color: #fff;background-color: rgba(255, 255, 255, 0.75);-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;} .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width: 100%;height: 4px;margin: 6px auto;} .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255, 255, 255, 0.85);} .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255, 255, 255, 0.9);} .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position: -32px 0;} .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position: -32px -20px;} .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position: -40px -40px;} .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position: -40px -56px;} .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0, 0, 0, 0.1);-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;background-color: rgba(0, 0, 0, 0.75);-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #000;background-color: rgba(0, 0, 0, 0.85);} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: #000;background-color: rgba(0, 0, 0, 0.9);} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position: -112px 0;} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position: -112px -20px;} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position: -120px -40px;} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position: -120px -56px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width: 4px;background-color: #fff;background-color: rgba(255, 255, 255, 0.1);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 6px;background-color: #fff;background-color: rgba(255, 255, 255, 0.75);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width: 100%;height: 4px;margin: 6px 0;} .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width: 100%;height: 6px;margin: 5px auto;} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255, 255, 255, 0.85);} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255, 255, 255, 0.9);} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position: -16px 0;} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position: -16px -20px;} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position: -20px -40px;} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position: -20px -56px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0, 0, 0, 0.1);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;background-color: rgba(0, 0, 0, 0.75);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #000;background-color: rgba(0, 0, 0, 0.85);} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: #000;background-color: rgba(0, 0, 0, 0.9);} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position: -96px 0;} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position: -96px -20px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position: -100px -40px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position: -100px -56px;} .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color: #fff;background-color: rgba(255, 255, 255, 0.1);} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 2px;} .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width: 100%;} .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width: 100%;height: 2px;margin: 7px auto;} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0, 0, 0, 0.15);} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;background-color: rgba(0, 0, 0, 0.75);} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #000;background-color: rgba(0, 0, 0, 0.85);} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: #000;background-color: rgba(0, 0, 0, 0.9);} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position: -80px 0;} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position: -80px -20px;} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position: -80px -40px;} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position: -80px -56px;} .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color: #fff;background-color: rgba(255, 255, 255, 0.15);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height: 14px;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 14px;margin: 0 1px;} .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width: 14px;} .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height: 14px;margin: 1px 0;} .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width: 16px;height: 16px;margin: -1px 0;} .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width: 4px;} .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height: 16px;width: 16px;margin: 0 -1px;} .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height: 4px;margin: 6px 0;} .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position: 0 -72px;} .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position: 0 -92px;} .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position: 0 -112px;} .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position: 0 -128px;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;background-color: rgba(0, 0, 0, 0.75);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0, 0, 0, 0.15);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #000;background-color: rgba(0, 0, 0, 0.85);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: #000;background-color: rgba(0, 0, 0, 0.9);} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position: -80px -72px;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position: -80px -92px;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position: -80px -112px;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position: -80px -128px;} .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width: 4px;} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color: transparent;background-position: center;} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw);} @font-face{font-family: Geo-Regular;font-weight: 400;font-style: normal;src: url("./fonts/Geo-Regular.ttf") format("truetype");} /* 表单样式 */ input[type="checkbox"],input[type="radio"]{display: none;} .formPage .container_header .subtitle,.formPage .container_header .title{text-align: center;} .formPage .module_container{padding-top: 60px;padding-bottom: 30px;} .formPage .postbody{margin-bottom: 0;padding: 0 10%;} .formPage .postbody.editorDes{font-size: 16px;line-height: 26px;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #acacac;} input:-moz-placeholder,textarea:-moz-placeholder{color: #acacac;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #acacac;} .mo-form-list{max-width: 700px;padding: 30px 0;margin: 0 auto;} .mo-input-item:after{content: "";display: block;clear: both;} .mo-input-item.error input::-webkit-input-placeholder,.mo-input-item.error textarea::-webkit-input-placeholder,.mo-input-item.error input::-moz-placeholder,.mo-input-item.error textarea::-moz-placeholder,.mo-input-item.error input:-moz-placeholder,.mo-input-item.error textarea:-moz-placeholder,.mo-input-item.error input:-ms-input-placeholder,.mo-input-item.error textarea:-ms-input-placeholder{color: #9f3a38;} .mo-input-item.error input{background: #fff6f6;border-color: #e0b4b4;border-radius: "";box-shadow: none;} .mo-input-items{width: 100%;position: relative;padding: 8px 0;} .mo-input-title{position: relative;font-size: 14px;float: left;line-height: 34px;color: #60676b;margin-right: 10px;width: 110px;text-align: right;min-height: 34px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 10px;box-sizing: border-box;} .mo-input-wrap{width: calc(100% - 120px);box-sizing: border-box;} ._mo_requiredInput .mo-input-title:after{content: "*";position: absolute;right: 0px;color: red;top: 0;} .mo-input-tip{font-size: 14px;line-height: 16px;padding-top: 6px;} .mo-input-tip.mo-errorMes{color: #ff5151;} .mo-type-text .mo-input-title{line-height: 40px;padding-right: 10px;box-sizing: border-box;} .mo-text-wrap{float: left;padding-right: 30px;-webkit-box-sizing: border-box;box-sizing: border-box;} .mo-text.mo-code input{width: 128px;} .mo-text.mo-code img{vertical-align: -11px;margin-left: 10px;display: none;cursor: pointer;} .mo-text.mo-code .icon { } .mo-text input{width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;margin: 0;outline: 0;tap-highlight-color: rgba(255, 255, 255, 0);line-height: 1.21428571em;padding: 0.67857143em 1em;font-size: 1.25em;background: #fff;border: 1px solid rgba(34, 36, 38, 0.15);color: rgba(0, 0, 0, 0.87);border-radius: 0.28571429rem;-webkit-box-shadow: 0 0 0 0 transparent inset;box-shadow: 0 0 0 0 transparent inset;-webkit-transition: color 0.1s ease, border-color 0.1s ease, outline 0.36s ease;transition: color 0.1s ease, border-color 0.1s ease, outline 0.36s ease;} .mo-checkbox-wrap{display: inline-block;vertical-align: middle;line-height: 34px;float: left;width: calc(100% - 120px);padding-right: 30px;-webkit-box-sizing: border-box;box-sizing: border-box;} .mo-checkbox{display: inline-block;margin-right: 10px;} .mo-checkbox .mo-inputName{padding-left: 1.85714em;color: #60676b;-webkit-transition: color 0.1s ease;transition: color 0.1s ease;cursor: auto;position: relative;display: block;outline: 0;font-size: 14px;line-height: 16px;cursor: pointer;} .mo-checkbox .mo-inputName:after{content: "";position: absolute;top: 0;left: 0;width: 14px;height: 14px;border: 1px solid rgba(34, 36, 38, 0.15);border-radius: 0.28571429rem;z-index: 2;background: #fff;} .mo-checkbox.checked .mo-inputName:before{content: "\f00c";font: normal normal normal 14px/1 FontAwesome;position: absolute;top: 0;left: 0;margin: 1px 0 0 1px;} .mo-radio-wrap{display: inline-block;padding-top: 8px;} .mo-radio{display: inline-block;margin-right: 10px;} .mo-radio .mo-inputName{padding-left: 1.85714em;color: #60676b;-webkit-transition: color 0.1s ease;transition: color 0.1s ease;cursor: auto;position: relative;display: block;outline: 0;font-size: 14px;line-height: 16px;cursor: pointer;display: inline-block;} .mo-radio .mo-inputName:after{content: "";position: absolute;top: 0;left: 0;width: 14px;height: 14px;border: 1px solid rgba(34, 36, 38, 0.15);border-radius: 50%;background: #fff;} .mo-radio.checked .mo-inputName:before{content: "";font: normal normal normal 16px/1 FontAwesome;position: absolute;width: 6px;height: 6px;background: #60676b;border-radius: 50%;top: 5px;left: 5px;z-index: 2;} .mo-select-wrap{display: inline-block;vertical-align: middle;line-height: 34px;position: relative;} .mo-select-wrap select{display: none;} .mo-select{width: 150px;position: relative;} .mo-fakeSelect{position: relative;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid rgba(34, 36, 38, 0.15);border-radius: 0.28571429rem;} .mo-option-selected{position: relative;padding-left: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;background: #fff;border-radius: 2px;} .mo-option-selected:after{content: "\f078";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;line-height: 30px;text-rendering: auto;position: absolute;right: 10px;top: 0;} .mo-fakeoptions{display: none;width: 100%;border: 1px solid rgba(34, 36, 38, 0.15);background: #fff;cursor: pointer;box-sizing: border-box;z-index: 20;} .mo-fakeoption{border-bottom: 1px solid rgba(34, 36, 38, 0.15);padding-left: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;display: block;} .mo-textarea-wrap{display: inline-block;vertical-align: middle;line-height: 34px;padding-right: 30px;} .mo-textarea textarea{width: 100%;margin: 0;tap-highlight-color: rgba(255, 255, 255, 0);padding: 0.78571429em 1em;border: 1px solid rgba(34, 36, 38, 0.15);outline: 0;color: rgba(0, 0, 0, 0.87);border-radius: 0.28571429rem;-webkit-transition: color 0.1s ease, border-color 0.1s ease;transition: color 0.1s ease, border-color 0.1s ease;font-size: 1.25em;line-height: 1.2857;-webkit-box-sizing: border-box;box-sizing: border-box;background: #fff;} .mo-button input{border: 1px solid;width: 100px;line-height: 34px;font-size: 14px;background: #ede9e9;border-radius: 2px;border-color: #ccc;cursor: pointer;color: #888;transition: 0.36s ease;vertical-align: middle;} .mo-button input:hover{background: #f9f3f3;border-color: #d9d9d9;} .mo-fakeSelect[data-optionpos="top"] .mo-fakeoptions{position: absolute;bottom: 100%;} .mo-fakeSelect[data-optionpos="bottom"] .mo-fakeoptions{position: absolute;top: 100%;} #formmask{position: fixed;top: 0;left: 0;z-index: 999;background: rgba(198, 198, 198, 0.27);bottom: 0;right: 0;} .formMesBox{position: absolute;width: 300px;height: 100px;background: rebeccapurple;left: 50%;top: 50%;transform: translate(-50%, -90%);} .formTip{font-size: 14px;line-height: 36px;vertical-align: middle;display: inline-block;} .formTip .icon{display: none;font-size: 20px;text-align: center;margin: 0 10px;} .formTip .mes{line-height: 36px;display: inline-block;vertical-align: 2px;display: none;} .formTip.loading .icon{display: inline-block;animation: fa-spin 2s infinite linear;} .formTip.loading .icon:before { } .formTip.suc .icon{display: inline-block;} .formTip.suc .icon:before{content: "\f058";color: #1d9d74;} .formTip.error .icon{display: inline-block;color: #ff5151;} .formTip.error .mes{color: #ff5151;} .formTip.error .icon:before{content: "\f057";color: #ff5151;display: inline-block;} .theme-b .formPage .mo-input-title{color: #8a8a8a;} .theme-b .formPage .mo-textarea textarea{background: #313131;border: 1px solid rgba(121, 121, 121, 0.29);color: rgba(125, 125, 125, 0.87);} .theme-b .formPage .mo-button input{border: 1px solid rgba(115, 115, 115, 0.21);background: #313131;} .theme-b .formPage .mo-button input:hover{background: #474747;color: #bababa;} .theme-b .formPage .mo-fakeoption { } .theme-b .formPage .mo-text input{border: 1px solid rgba(115, 115, 115, 0.21);background: #313131;color: rgba(125, 125, 125, 0.87);} .theme-b .formPage .mo-fakeoptions{background: #313131;border: 1px solid rgba(115, 115, 115, 0.21);} .theme-b .formPage .mo-fakeoption{transition: 0.36s ease;border-color: rgba(115, 115, 115, 0.21);} .theme-b .formPage .mo-fakeoption:hover{background: #474747;color: #bababa;} .theme-b .formPage .mo-fakeSelect{background: #313131;border: 1px solid rgba(115, 115, 115, 0.21);} .theme-b .formPage .mo-radio .mo-inputName:after{border: 1px solid rgba(115, 115, 115, 0.21);background: #313131;} .theme-b .formPage .mo-checkbox .mo-inputName:after{background: #313131;border: 1px solid rgba(115, 115, 115, 0.21);} /* 地图问题解决方法 -- 禁止地图缩放 */ .map.module .container_content{position: relative;} .map.module .container_content:after{content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 10;} /******************************* 编辑器样式 *******************************/ /* slick-slider */ .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slick-track{position: relative;top: 0;left: 0;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;} [;ir="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-slide div{font-size: 0;} .slick-vertical .slick-slide{border: none;} .slick-prev,.slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;transform: translateY(-50%);display: block;width: 52px;height: 52px;padding: 0;cursor: pointer;color: #a1a1a1;border: none;outline: none;} .slick-prev .fa,.slick-next .fa{font-size: 30px;margin: 11px 21px;} .slick-prev{left: 0;z-index: 1;} .slick-next{right: 0;} .slick-arrow .fa:before{transition: all 0.1s linear;} .slick-prev.slick-disabled .fa:before,.slick-next.slick-disabled .fa:before{opacity: 0;} .slick-dots{position: absolute;bottom: 0;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;} .slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0;padding: 0;cursor: pointer;} .slick-dots li button{font-size: 0;line-height: 0;display: block;width: 5px;height: 5px;margin: 7px;cursor: pointer;color: transparent;border: 0;outline: none;border-radius: 100px;background-color: rgba(200, 200, 200, 0.6);transition: all 0.1s linear;} .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: 0;left: 0;width: 6px;height: 6px;content: "";text-align: center;opacity: 0.6;color: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button{background: #fff;} /* 播放器样式 */ @keyframes plyr-progress{to{ background-position: 25px 0;} } @keyframes plyr-popup{0%{ opacity: 0.5; transform: translateY(10px);} to{ opacity: 1; transform: translateY(0);} } @keyframes plyr-fade-in{from{ opacity: 0;} to{ opacity: 1;} } .plyr{-moz-osx-font-smoothing: auto;-webkit-font-smoothing: subpixel-antialiased;direction: ltr;font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;font-variant-numeric: tabular-nums;font-weight: 500;line-height: 1.7;max-width: 100%;min-width: 200px;position: relative;text-shadow: none;transition: box-shadow 0.3s ease;} .plyr audio,.plyr video{border-radius: inherit;height: auto;vertical-align: middle;width: 100%;} .plyr button{font: inherit;line-height: inherit;width: auto;} .plyr:focus{outline: 0;} .plyr--full-ui{box-sizing: border-box;} .plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing: inherit;} .plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action: manipulation;} .plyr__badge{background: #4a5764;border-radius: 2px;color: #fff;font-size: 9px;line-height: 1;padding: 3px 4px;} .plyr--full-ui ::-webkit-media-text-track-container{display: none;} .plyr__captions{animation: plyr-fade-in 0.3s ease;bottom: 0;color: #fff;display: none;font-size: 14px;left: 0;padding: 10px;position: absolute;text-align: center;transition: transform 0.4s ease-in-out;width: 100%;} .plyr__captions .plyr__caption{background: rgba(0, 0, 0, 0.8);border-radius: 2px;-webkit-box-decoration-break: clone;box-decoration-break: clone;line-height: 185%;padding: 0.2em 0.5em;white-space: pre-wrap;} .plyr__captions .plyr__caption div{display: inline;} .plyr__captions span:empty{display: none;} @media (min-width: 480px){.plyr__captions{ font-size: 16px; padding: 20px;} } @media (min-width: 768px){.plyr__captions{ font-size: 18px;} } .plyr--captions-active .plyr__captions{display: block;} .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions{transform: translateY(-40px);} .plyr__control{background: 0 0;border: 0;border-radius: 3px;color: inherit;cursor: pointer;flex-shrink: 0;overflow: visible;padding: 7px;position: relative;transition: all 0.3s ease;} .plyr__control svg{display: block;fill: currentColor;height: 18px;pointer-events: none;width: 18px;} .plyr__control:focus{outline: 0;} .plyr__control.plyr__tab-focus{box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);outline: 0;} a.plyr__control{text-decoration: none;} a.plyr__control::after,a.plyr__control::before{display: none;} .plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display: none;} .plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded="true"]{background: #00b3ff;color: #fff;} .plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded="true"]{background: #00b3ff;color: #fff;} .plyr__control--overlaid{background: rgba(0, 179, 255, 0.8);border: 0;border-radius: 100%;color: #fff;display: none;left: 50%;padding: 15px;position: absolute;top: 50%;transform: translate(-50%, -50%);z-index: 2;} .plyr__control--overlaid svg{left: 2px;position: relative;} .plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background: #00b3ff;} .plyr--playing .plyr__control--overlaid{opacity: 0;visibility: hidden;} .plyr--full-ui.plyr--video .plyr__control--overlaid{display: block;} .plyr--full-ui ::-webkit-media-controls{display: none;} .plyr__controls{align-items: center;display: flex;justify-content: flex-end;text-align: center;} .plyr__controls .plyr__progress__container{flex: 1;min-width: 0;} .plyr__controls .plyr__controls__item{margin-left: 2.5px;} .plyr__controls .plyr__controls__item:first-child{margin-left: 0;margin-right: auto;} .plyr__controls .plyr__controls__item.plyr__progress__container{padding-left: 2.5px;} .plyr__controls .plyr__controls__item.plyr__time{padding: 0 5px;} .plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left: 0;} .plyr__controls .plyr__controls__item.plyr__volume{padding-right: 5px;} .plyr__controls .plyr__controls__item.plyr__volume:first-child{padding-right: 0;} .plyr__controls:empty{display: none;} .plyr--audio .plyr__controls{background: #fff;border-radius: inherit;color: #4a5764;padding: 10px;} .plyr--video .plyr__controls{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;bottom: 0;color: #fff;left: 0;padding: 20px 5px 5px;position: absolute;right: 0;transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;z-index: 3;} @media (min-width: 480px){.plyr--video .plyr__controls{ padding: 35px 10px 10px;} } .plyr--video.plyr--hide-controls .plyr__controls{opacity: 0;pointer-events: none;transform: translateY(100%);} .plyr [data-plyr="airplay"],.plyr [data-plyr="captions"],.plyr [data-plyr="fullscreen"],.plyr [data-plyr="pip"]{display: none;} .plyr--airplay-supported [data-plyr="airplay"],.plyr--captions-enabled [data-plyr="captions"],.plyr--fullscreen-enabled [data-plyr="fullscreen"],.plyr--pip-supported [data-plyr="pip"]{display: inline-block;} .plyr__menu{display: flex;position: relative;} .plyr__menu .plyr__control svg{transition: transform 0.3s ease;} .plyr__menu .plyr__control[aria-expanded="true"] svg{transform: rotate(90deg);} .plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip{display: none;} .plyr__menu__container{animation: plyr-popup 0.2s ease;background: rgba(255, 255, 255, 0.9);border-radius: 4px;bottom: 100%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);color: #4a5764;font-size: 16px;margin-bottom: 10px;position: absolute;right: -3px;text-align: left;white-space: nowrap;z-index: 3;} .plyr__menu__container > div{overflow: hidden;transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);} .plyr__menu__container::after{border: 4px solid transparent;border-top-color: rgba(255, 255, 255, 0.9);content: "";height: 0;position: absolute;right: 15px;top: 100%;width: 0;} .plyr__menu__container [role="menu"]{padding: 7px;} .plyr__menu__container [role="menuitem"],.plyr__menu__container [role="menuitemradio"]{margin-top: 2px;} .plyr__menu__container [role="menuitem"]:first-child,.plyr__menu__container [role="menuitemradio"]:first-child{margin-top: 0;} .plyr__menu__container .plyr__control{align-items: center;color: #4a5764;display: flex;font-size: 14px;padding: 4px 11px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 100%;} .plyr__menu__container .plyr__control > span{align-items: inherit;display: flex;width: 100%;} .plyr__menu__container .plyr__control::after{border: 4px solid transparent;content: "";position: absolute;top: 50%;transform: translateY(-50%);} .plyr__menu__container .plyr__control--forward{padding-right: 28px;} .plyr__menu__container .plyr__control--forward::after{border-left-color: rgba(74, 87, 100, 0.8);right: 5px;} .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color: currentColor;} .plyr__menu__container .plyr__control--back{font-weight: 500;margin: 7px;margin-bottom: 3px;padding-left: 28px;position: relative;width: calc(100% - 14px);} .plyr__menu__container .plyr__control--back::after{border-right-color: rgba(74, 87, 100, 0.8);left: 7px;} .plyr__menu__container .plyr__control--back::before{background: #c1c9d1;box-shadow: 0 1px 0 #fff;content: "";height: 1px;left: 0;margin-top: 4px;overflow: hidden;position: absolute;right: 0;top: 100%;} .plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color: currentColor;} .plyr__menu__container .plyr__control[role="menuitemradio"]{padding-left: 7px;} .plyr__menu__container .plyr__control[role="menuitemradio"]::after,.plyr__menu__container .plyr__control[role="menuitemradio"]::before{border-radius: 100%;} .plyr__menu__container .plyr__control[role="menuitemradio"]::before{background: rgba(0, 0, 0, 0.1);content: "";display: block;flex-shrink: 0;height: 16px;margin-right: 10px;transition: all 0.3s ease;width: 16px;} .plyr__menu__container .plyr__control[role="menuitemradio"]::after{background: #fff;border: 0;height: 6px;left: 12px;opacity: 0;top: 50%;transform: translateY(-50%) scale(0);transition: transform 0.3s ease, opacity 0.3s ease;width: 6px;} .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before{background: #00b3ff;} .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::after{opacity: 1;transform: translateY(-50%) scale(1);} .plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before{background: rgba(0, 0, 0, 0.1);} .plyr__menu__container .plyr__menu__value{align-items: center;display: flex;margin-left: auto;margin-right: -5px;overflow: hidden;padding-left: 25px;pointer-events: none;} .plyr--full-ui input[type="range"]{-webkit-appearance: none;background: 0 0;border: 0;border-radius: 26px;color: #00b3ff;display: block;height: 19px;margin: 0;padding: 0;transition: box-shadow 0.3s ease;width: 100%;} .plyr--full-ui input[type="range"]::-webkit-slider-runnable-track{background: 0 0;border: 0;border-radius: 2.5px;height: 5px;transition: box-shadow 0.3s ease;-webkit-user-select: none;user-select: none;background-image: linear-gradient( to right, currentColor var(--value, 0), transparent var(--value, 0) );} .plyr--full-ui input[type="range"]::-webkit-slider-thumb{background: #fff;border: 0;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);height: 13px;position: relative;transition: all 0.2s ease;width: 13px;-webkit-appearance: none;margin-top: -4px;} .plyr--full-ui input[type="range"]::-moz-range-track{background: 0 0;border: 0;border-radius: 2.5px;height: 5px;transition: box-shadow 0.3s ease;-moz-user-select: none;user-select: none;} .plyr--full-ui input[type="range"]::-moz-range-thumb{background: #fff;border: 0;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);height: 13px;position: relative;transition: all 0.2s ease;width: 13px;} .plyr--full-ui input[type="range"]::-moz-range-progress{background: currentColor;border-radius: 2.5px;height: 5px;} .plyr--full-ui input[type="range"]::-ms-track{background: 0 0;border: 0;border-radius: 2.5px;height: 5px;transition: box-shadow 0.3s ease;-ms-user-select: none;user-select: none;color: transparent;} .plyr--full-ui input[type="range"]::-ms-fill-upper{background: 0 0;border: 0;border-radius: 2.5px;height: 5px;transition: box-shadow 0.3s ease;-ms-user-select: none;user-select: none;} .plyr--full-ui input[type="range"]::-ms-fill-lower{background: 0 0;border: 0;border-radius: 2.5px;height: 5px;transition: box-shadow 0.3s ease;-ms-user-select: none;user-select: none;background: currentColor;} .plyr--full-ui input[type="range"]::-ms-thumb{background: #fff;border: 0;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);height: 13px;position: relative;transition: all 0.2s ease;width: 13px;margin-top: 0;} .plyr--full-ui input[type="range"]::-ms-tooltip{display: none;} .plyr--full-ui input[type="range"]:focus{outline: 0;} .plyr--full-ui input[type="range"]::-moz-focus-outer{border: 0;} .plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);outline: 0;} .plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track{box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);outline: 0;} .plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track{box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);outline: 0;} .plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track{background-color: rgba(255, 255, 255, 0.25);} .plyr--full-ui.plyr--video input[type="range"]::-moz-range-track{background-color: rgba(255, 255, 255, 0.25);} .plyr--full-ui.plyr--video input[type="range"]::-ms-track{background-color: rgba(255, 255, 255, 0.25);} .plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);} .plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);} .plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);} .plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track{background-color: rgba(193, 201, 209, 0.66);} .plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track{background-color: rgba(193, 201, 209, 0.66);} .plyr--full-ui.plyr--audio input[type="range"]::-ms-track{background-color: rgba(193, 201, 209, 0.66);} .plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);} .plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);} .plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);} .plyr__poster{background-color: #000;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;transition: opacity 0.2s ease;width: 100%;z-index: 1;} .plyr--stopped.plyr__poster-enabled .plyr__poster{opacity: 1;} .plyr__time{font-size: 14px;} .plyr__time + .plyr__time::before{content: "\2044";margin-right: 10px;} @media (max-width: 767px){.plyr__time + .plyr__time{ display: none;} } .plyr--video .plyr__time{text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);} .plyr__tooltip{background: rgba(255, 255, 255, 0.9);border-radius: 3px;bottom: 100%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);color: #4a5764;font-size: 14px;font-weight: 500;left: 50%;line-height: 1.3;margin-bottom: 10px;opacity: 0;padding: 5px 7.5px;pointer-events: none;position: absolute;transform: translate(-50%, 10px) scale(0.8);transform-origin: 50% 100%;transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;white-space: nowrap;z-index: 2;} .plyr__tooltip::before{border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid rgba(255, 255, 255, 0.9);bottom: -4px;content: "";height: 0;left: 50%;position: absolute;transform: translateX(-50%);width: 0;z-index: 2;} .plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity: 1;transform: translate(-50%, 0) scale(1);} .plyr .plyr__control:hover .plyr__tooltip{z-index: 3;} .plyr__controls > .plyr__control:first-child .plyr__tooltip,.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip{left: 0;transform: translate(0, 10px) scale(0.8);transform-origin: 0 100%;} .plyr__controls > .plyr__control:first-child .plyr__tooltip::before,.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before{left: 16px;} .plyr__controls > .plyr__control:last-child .plyr__tooltip{left: auto;right: 0;transform: translate(0, 10px) scale(0.8);transform-origin: 100% 100%;} .plyr__controls > .plyr__control:last-child .plyr__tooltip::before{left: auto;right: 16px;transform: translateX(50%);} .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip{transform: translate(0, 0) scale(1);} .plyr--video{background: #000;overflow: hidden;} .plyr--video.plyr--menu-open{overflow: visible;} .plyr__video-wrapper{background: #000;border-radius: inherit;overflow: hidden;position: relative;z-index: 0;} .plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height: 0;padding-bottom: 56.25%;} .plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border: 0;height: 100%;left: 0;position: absolute;top: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 100%;} .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container{padding-bottom: 240%;position: relative;transform: translateY(-38.28125%);} .plyr__progress{left: 6.5px;margin-right: 13px;position: relative;} .plyr__progress input[type="range"],.plyr__progress__buffer{margin-left: -6.5px;margin-right: -6.5px;width: calc(100% + 13px);} .plyr__progress input[type="range"]{position: relative;z-index: 2;} .plyr__progress .plyr__tooltip{font-size: 14px;left: 0;} .plyr__progress__buffer{-webkit-appearance: none;background: 0 0;border: 0;border-radius: 100px;height: 5px;left: 0;margin-top: -2.5px;padding: 0;position: absolute;top: 50%;} .plyr__progress__buffer::-webkit-progress-bar{background: 0 0;} .plyr__progress__buffer::-webkit-progress-value{background: currentColor;border-radius: 100px;min-width: 5px;transition: width 0.2s ease;} .plyr__progress__buffer::-moz-progress-bar{background: currentColor;border-radius: 100px;min-width: 5px;transition: width 0.2s ease;} .plyr__progress__buffer::-ms-fill{border-radius: 100px;transition: width 0.2s ease;} .plyr--video .plyr__progress__buffer{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);color: rgba(255, 255, 255, 0.25);} .plyr--audio .plyr__progress__buffer{color: rgba(193, 201, 209, 0.66);} .plyr--loading .plyr__progress__buffer{animation: plyr-progress 1s linear infinite;background-image: linear-gradient( -45deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent );background-repeat: repeat-x;background-size: 25px 25px;color: transparent;} .plyr--video.plyr--loading .plyr__progress__buffer{background-color: rgba(255, 255, 255, 0.25);} .plyr--audio.plyr--loading .plyr__progress__buffer{background-color: rgba(193, 201, 209, 0.66);} .plyr__volume{align-items: center;display: flex;flex: 1;position: relative;} .plyr__volume input[type="range"]{margin-left: 5px;position: relative;z-index: 2;} @media (min-width: 480px){.plyr__volume{ max-width: 90px;} } @media (min-width: 768px){.plyr__volume{ max-width: 110px;} } .plyr--is-ios .plyr__volume{display: none !important;} .plyr--is-ios.plyr--vimeo [data-plyr="mute"]{display: none !important;} .plyr:-webkit-full-screen{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;} .plyr:-ms-fullscreen{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;} .plyr:fullscreen{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;} .plyr:-webkit-full-screen video{height: 100%;} .plyr:-ms-fullscreen video{height: 100%;} .plyr:fullscreen video{height: 100%;} .plyr:-webkit-full-screen .plyr__video-wrapper{height: 100%;position: static;} .plyr:-ms-fullscreen .plyr__video-wrapper{height: 100%;position: static;} .plyr:fullscreen .plyr__video-wrapper{height: 100%;position: static;} .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display: block;} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display: block;} .plyr:fullscreen .plyr__control .icon--exit-fullscreen{display: block;} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr:-webkit-full-screen.plyr--hide-controls{cursor: none;} .plyr:-ms-fullscreen.plyr--hide-controls{cursor: none;} .plyr:fullscreen.plyr--hide-controls{cursor: none;} @media (min-width: 1024px){.plyr:-webkit-full-screen .plyr__captions{ font-size: 21px;} .plyr:-ms-fullscreen .plyr__captions{ font-size: 21px;} .plyr:fullscreen .plyr__captions{ font-size: 21px;} } .plyr:-webkit-full-screen{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;} .plyr:-webkit-full-screen video{height: 100%;} .plyr:-webkit-full-screen .plyr__video-wrapper{height: 100%;position: static;} .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display: block;} .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr:-webkit-full-screen.plyr--hide-controls{cursor: none;} @media (min-width: 1024px){.plyr:-webkit-full-screen .plyr__captions{ font-size: 21px;} } .plyr:-moz-full-screen{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;} .plyr:-moz-full-screen video{height: 100%;} .plyr:-moz-full-screen .plyr__video-wrapper{height: 100%;position: static;} .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display: block;} .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr:-moz-full-screen.plyr--hide-controls{cursor: none;} @media (min-width: 1024px){.plyr:-moz-full-screen .plyr__captions{ font-size: 21px;} } .plyr:-ms-fullscreen{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;} .plyr:-ms-fullscreen video{height: 100%;} .plyr:-ms-fullscreen .plyr__video-wrapper{height: 100%;position: static;} .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display: block;} .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr:-ms-fullscreen.plyr--hide-controls{cursor: none;} @media (min-width: 1024px){.plyr:-ms-fullscreen .plyr__captions{ font-size: 21px;} } .plyr--fullscreen-fallback{background: #000;border-radius: 0 !important;height: 100%;margin: 0;width: 100%;bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 10000000;} .plyr--fullscreen-fallback video{height: 100%;} .plyr--fullscreen-fallback .plyr__video-wrapper{height: 100%;position: static;} .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height: 0;position: relative;top: 50%;transform: translateY(-50%);} .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display: block;} .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg{display: none;} .plyr--fullscreen-fallback.plyr--hide-controls{cursor: none;} @media (min-width: 1024px){.plyr--fullscreen-fallback .plyr__captions{ font-size: 21px;} } .plyr__ads{border-radius: inherit;bottom: 0;cursor: pointer;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;z-index: -1;} .plyr__ads > div,.plyr__ads > div iframe{height: 100%;position: absolute;width: 100%;} .plyr__ads::after{background: rgba(35, 41, 47, 0.8);border-radius: 2px;bottom: 10px;color: #fff;content: attr(data-badge-text);font-size: 11px;padding: 2px 6px;pointer-events: none;position: absolute;right: 10px;z-index: 3;} .plyr__ads::after:empty{display: none;} .plyr__cues{background: currentColor;display: block;height: 5px;left: 0;margin: -2.5px 0 0;opacity: 0.8;position: absolute;top: 50%;width: 3px;z-index: 3;} .plyr__preview-thumb{background-color: rgba(255, 255, 255, 0.9);border-radius: 3px;bottom: 100%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);margin-bottom: 10px;opacity: 0;padding: 3px;pointer-events: none;position: absolute;transform: translate(0, 10px) scale(0.8);transform-origin: 50% 100%;transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;z-index: 2;} .plyr__preview-thumb--is-shown{opacity: 1;transform: translate(0, 0) scale(1);} .plyr__preview-thumb::before{border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid rgba(255, 255, 255, 0.9);bottom: -4px;content: "";height: 0;left: 50%;position: absolute;transform: translateX(-50%);width: 0;z-index: 2;} .plyr__preview-thumb__image-container{background: #c1c9d1;border-radius: 2px;overflow: hidden;position: relative;z-index: 0;} .plyr__preview-thumb__image-container img{height: 100%;left: 0;max-height: none;max-width: none;position: absolute;top: 0;width: 100%;} .plyr__preview-thumb__time-container{bottom: 6px;left: 0;position: absolute;right: 0;white-space: nowrap;z-index: 3;} .plyr__preview-thumb__time-container span{background-color: rgba(0, 0, 0, 0.55);border-radius: 2px;color: #fff;font-size: 14px;padding: 3px 6px;} .plyr__preview-scrubbing{bottom: 0;filter: blur(1px);height: 100%;left: 0;margin: auto;opacity: 0;overflow: hidden;position: absolute;right: 0;top: 0;transition: opacity 0.3s ease;width: 100%;z-index: 1;} .plyr__preview-scrubbing--is-shown{opacity: 1;} .plyr__preview-scrubbing img{height: 100%;left: 0;max-height: none;max-width: none;object-fit: contain;position: absolute;top: 0;width: 100%;} .plyr--no-transition{transition: none !important;} .plyr__sr-only{clip: rect(1px, 1px, 1px, 1px);overflow: hidden;border: 0 !important;height: 1px !important;padding: 0 !important;position: absolute !important;width: 1px !important;} .plyr [hidden]{display: none !important;} /* end 播放器 */ @font-face{font-family: HELVETICANEUELTPRO-THEX;font-weight: 400;font-style: normal;src: url("./fonts/HELVETICANEUELTPRO-THEX.OTF");} @font-face{font-family: HELVETICANEUELTPRO-EX;font-weight: 400;font-style: normal;src: url("./fonts/HELVETICANEUELTPRO-EX.OTF");} @font-face{font-family: HELVETICANEUELTPRO-EXO;font-weight: 400;font-style: normal;src: url("./fonts/HELVETICANEUELTPRO-EXO.OTF");} @font-face{font-family: KAUSHANSCRIPT-REGULAR;font-weight: 400;font-style: normal;src: url("./fonts/KAUSHANSCRIPT-REGULAR.TTF") format("truetype");} @font-face{font-family: GOTHAMRND-BOOK;font-weight: 400;font-style: normal;src: url("./fonts/GOTHAMRND-BOOK.OTF");} @font-face{font-family: GothamRnd-Light;font-weight: 400;font-style: normal;src: url("./fonts/GothamRnd-Light.otf");} @font-face{font-family: KUNSTLER;font-weight: 400;font-style: normal;src: url("./fonts/KUNSTLER.otf");} @font-face{font-family: Didot;font-weight: 400;font-style: normal;src: url("./fonts/Didot.ttf") format("truetype");} @font-face{font-family: AVGARDD;font-weight: 400;font-style: normal;src: url("./fonts/AVGARDD.TTF") format("truetype");} @font-face{font-family: HelveNueThin;font-weight: 400;font-style: normal;src: url("./fonts/HelveNueThin.TTF") format("truetype");} @font-face{font-family: HELVETICANEUETHN;font-weight: 400;font-style: normal;src: url("./fonts/HELVETICANEUETHN.TTF") format("truetype");} @font-face{font-family: LANEUP;font-weight: 400;font-style: normal;src: url("./fonts/LANEUP.TTF") format("truetype");} @font-face{font-family: GOTHAM-BLACKITALIC;font-weight: 400;font-style: normal;src: url("./fonts/GOTHAM-BLACKITALIC.OTF");} @font-face{font-family: GOTHAM-BLACK;font-weight: 400;font-style: normal;src: url("./fonts/GOTHAM-BLACK.OTF");} @font-face{font-family: GOTHAM-BOLD;font-weight: 400;font-style: normal;src: url("./fonts/GOTHAM-BOLD.OTF");} @font-face{font-family: BureauEagleBook;font-weight: 400;font-style: normal;src: url("./fonts/BureauEagleBook.otf");} @font-face{font-family: DisneyEnglish-Bold;font-weight: 400;font-style: normal;src: url("./fonts/DisneyEnglish-Bold.otf");} @font-face{font-family: Montserrat-Bold;font-weight: 400;font-style: normal;src: url("./fonts/Montserrat-Bold.otf");} @font-face{font-family: AMRCANAN;font-weight: 400;font-style: normal;src: url("./fonts/AMRCANAN.otf");} @font-face{font-family: Oswald-Medium;font-weight: 400;font-style: normal;src: url("./fonts/Oswald-Medium.ttf");} @font-face { font-family: "hinted-NHaasGroteskDSPro-65Md"; src: url("./fonts/hinted-NHaasGroteskDSPro-65Md.woff2") format("woff2"), url("./fonts/hinted-NHaasGroteskDSPro-65Md.woff") format("woff"), url("./fonts/hinted-NHaasGroteskDSPro-65Md.ttf") format("truetype"), url("./fonts/hinted-NHaasGroteskDSPro-65Md.eot") format("embedded-opentype"), url("./fonts/hinted-NHaasGroteskDSPro-65Md.svg") format("svg"); font-weight: normal; font-style: normal;} @font-face { font-family: "PhillySans-1"; src: url("./fonts/PhillySans-1.woff2") format("woff2"), url("./fonts/PhillySans-1.woff") format("woff"), url("./fonts/PhillySans-1.ttf") format("truetype"), url("./fonts/PhillySans-1.eot") format("embedded-opentype"), url("./fonts/PhillySans-1.svg") format("svg"); font-weight: normal; font-style: normal;} @font-face { font-family: "CALIFB"; src: url("./fonts/CALIFB.TTF"); font-weight: normal; font-style: normal;} .post .postbody{position: relative;z-index: 0;} /* slike-slider */ /* 2019.07.02 yyq */ /* Slider */ .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list{position: relative;display: block;overflow: hidden;margin: 0 auto;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slick-track{position: relative;top: 0;left: 0;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;} /* add */ .slick-slide div{font-size: 0;} .slick-vertical .slick-slide{border: none;} /* Arrows */ .slick-prev,.slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 46px;height: 46px;padding: 0;cursor: pointer;color: #fff;border: none;outline: none;background-color: rgba(0, 0, 0, 0.4);border-radius: 50px;} .slick-prev .fa,.slick-next .fa{font-size: 24px;margin: 10px 20px;} .slick-prev{left: 0;z-index: 1;} .slick-next{right: 0;} /* Dots */ .slick-dotted.slick-slider{margin-bottom: 30px;} .slick-dots{position: absolute;bottom: 20px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;} .slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;} .slick-dots li button{font-size: 0;line-height: 0;display: block;width: 6px;height: 6px;margin: 7px;cursor: pointer;color: transparent;border: 0;outline: none;border-radius: 100px;box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.6);transition: all 0.1s linear;} .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: 0;left: 0;width: 6px;height: 6px;content: "";text-align: center;opacity: 0.6;color: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button{transform: scale(2);box-shadow: inset 0 0 0 1px #fff;background: none;} /* 2019.07.02 yyq */ #postMian{min-width: auto;} img[src="//resources.jsmo.xin"] { display: none !important;} /* 2019/10/30 yyq 修改 新编辑器样式*/ body #sitecontent .npagePage.content_editor .postInfo,body #sitecontent .npagePage.content_editor #postInfo,body #sitecontent .npagePage.content_editor .tabBtn,body #sitecontent .pageEditor.content_editor .container_header,body #sitecontent .npagePage.content_editor #pageTarget{display: none;} body #sitecontent .npagePage.content_editor,body #sitecontent .npagePage.content_editor .container_content,body #sitecontent .npagePage.content_editor .postWrap,body #sitecontent .npagePage.content_editor #postWrapper,body #sitecontent .npagePage.content_editor .postMianCont,body #sitecontent .npagePage.content_editor .postContent,body #sitecontent .npagePage.content_editor .postbody,body #sitecontent .npagePage.content_editor .mlistpost,body #sitecontent .npagePage.content_editor .listWrap,body #sitecontent .npagePage.content_editor #postContent,body #sitecontent .npagePage.content_editor #listContent,.content_editor.npagePage .container_content > .content_wrapper{padding: 0;margin: 0;width: auto;max-width: none;float: none;overflow: inherit;} #sitecontent .npagePage.content_editor .listContent_post{padding-top: 80px;} #sitecontent .npagePage.content_editor .postbody{overflow: inherit;} /* #sitecontent .npagePage.content_editor .listContent_post .content_wrapper{margin-right: -20px;} #sitecontent .npagePage.content_editor .item_block{width: calc(100% / 4 - 20px);height: auto;float: left;margin: 0 20px 20px 0;} #sitecontent .npagePage.content_editor .item_img{float: none;width: auto;} #sitecontent .npagePage.content_editor .item_wrapper{float: none;padding: 24px 0;width: auto;} */ #sitecontent .npagePage.content_editor #banner{/*display: none;*/ } #sitecontent .npagePage.content_editor .module_container{width: auto;max-width: 1200px;padding: 0;} .singlescreen.bodyindex .page_contect_editor{position: absolute;bottom: 0;} .singlescreen.bodyindex .ff_indexPage{position: relative;z-index: 2;} .singlescreen.bodyindex #sitecontent{position: relative;z-index: 1;} /* 2019/10/30 yyq 修改 新编辑器样式*/ /* 2021/01/13 yyq 修改 新编辑器表单默认样式*/ .content_editor input{display: inline-block;appearance: radio;} /* 2021/01/13 yyq 修改 新编辑器表单默认样式*/