.scroller-con {position: relative;width: 100%;height: 200px;opacity: 0;transition-property: opacity, visibility, top;transition-duration: 0.3s;transition-timing-function: ease-out;-moz-transition-property: opacity, visibility, top;-moz-transition-duration: 0.3s;-moz-transition-timing-function: ease-out;-webkit-transition-property: opacity, visibility, top;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;-o-transition-property: opacity, visibility, top;-o-transition-duration: 0.3s;-o-transition-timing-function: ease-out;-ms-transition-property: opacity, visibility, top;-ms-transition-duration: 0.3s;-ms-transition-timing-function: ease-out;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }.scroller-con * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }.scroller-con .scroller {overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 100%; }.scroller-con .scroller .inner {position: absolute !important; }.scroller-con .scroller .real-inner {position: absolute;top: 0;left: 0; }.scroller-con .scrollbar .scrollbary.animatetoptoo {transition-property: opacity, visibility, top;transition-duration: 0.3s;transition-timing-function: ease-out;-moz-transition-property: opacity, visibility, top;-moz-transition-duration: 0.3s;-moz-transition-timing-function: ease-out;-webkit-transition-property: opacity, visibility, top;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;-o-transition-property: opacity, visibility, top;-o-transition-duration: 0.3s;-o-transition-timing-function: ease-out;-ms-transition-property: opacity, visibility, top;-ms-transition-duration: 0.3s;-ms-transition-timing-function: ease-out; }.scroller-con .scroller::-webkit-scrollbar {display: none; }.scroller-con.safe {opacity: 1; }.scroller-con.type-scrollTop {overflow: hidden;height: auto; }.scroller-con.type-scrollTop .scrollbary_bg, .scroller-con.type-scrollTop .scrollbary {position: fixed; }.scroller-con.dzsscr-inited {opacity: 1; }.inner.inner-for-horizontal {white-space: nowrap;width: auto; }.inner.inner-for-horizontal > img {max-width: none; }.scroller-con.auto-height {height: auto; }.scroller-con.auto-height .scroller {position: relative;height: auto; }.scroller-con.auto-height .scroller .inner {position: relative !important;display: inline-block; }.scroller-con.auto-height .scroller .real-inner {position: relative;top: 0;left: 0; }.scroller-con.auto-height .scroller::-webkit-scrollbar {display: none; }.scroller-con.overflow-visible .scroller {overflow: visible; }.scroller-con.overflow-x-visible .scroller {overflow: visible;overflow-y: hidden;overflow-x: visible; }.scroller-con.easing .inner {transition-property: left, top;transition-duration: 0.3s;transition-timing-function: ease-out;-moz-transition-property: left, top;-moz-transition-duration: 0.3s;-moz-transition-timing-function: ease-out;-webkit-transition-property: left, top;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;-o-transition-property: left, top;-o-transition-duration: 0.3s;-o-transition-timing-function: ease-out;-ms-transition-property: left, top;-ms-transition-duration: 0.3s;-ms-transition-timing-function: ease-out; }.scroller-con .scrollbar.easing > * {transition-property: left, top;transition-duration: 0.7s;transition-timing-function: ease-out;-moz-transition-property: left, top;-moz-transition-duration: 0.7s;-moz-transition-timing-function: ease-out;-webkit-transition-property: left, top;-webkit-transition-duration: 0.7s;-webkit-transition-timing-function: ease-out;-o-transition-property: left, top;-o-transition-duration: 0.7s;-o-transition-timing-function: ease-out;-ms-transition-property: left, top;-ms-transition-duration: 0.7s;-ms-transition-timing-function: ease-out; }.scroller-con .scrollbary {position: absolute;cursor: pointer; }.scroller-con .scrollbary_bg {position: absolute;cursor: pointer; }.scroller-con .scrollbarx {position: absolute;cursor: pointer; }.scroller-con .scrollbarx_bg {position: absolute;cursor: pointer; }.scroller-con.swipe-enabled {cursor: move;cursor: -moz-grab;cursor: grab;cursor: url('../dzsscroller/styleimg/openhand-b06c243f534d9c5461d16528156cd5a8.cur') 4 4, move; }.scroller-con.swipe-enabled.closedhand {cursor: url('../dzsscroller/styleimg/closedhand-a8c874b93b3d848f39a71260c57e3863.cur') 4 4, move; }.scroller-con.skin_default .scrollbarx {width: 60px;height: 7px;left: 0;bottom: -10px;background: #5896c6;border-radius: 2px; }.scroller-con.skin_default .scrollbarx_bg {height: 7px;left: 0;bottom: -10px;background: #eee;border-radius: 5px; }.scroller-con.skin_default .scrollbary {width: 10px;height: 60px;top: 0;right: -11px;background: #5896c6;border-radius: 2px; }.scroller-con.skin_default .scrollbary_bg {width: 10px;top: 0;right: -11px;background: #eee;border-radius: 5px; }.scroller-con.dir-ver .scroller {width: calc(100% - 16px); }.scroller-con.skin_apple.dir-ver .scroller {width: 100%; }.scroller-con.skin_alternate {margin-bottom: 40px; }.scroller-con.skin_alternate .scrollbarx {width: 200px;height: 30px;left: 0;bottom: -30px;background: yellow; }.scroller-con.skin_alternate .scrollbarx_bg {height: 30px;left: 0;bottom: -30px;background: #000; }.scroller-con.skin_alternate .scrollbary {width: 7px;height: 60px;top: 0;right: -10px;background: transparent url('../dzsscroller/styleimg/scroller1-c9a73c0607c86ced832492faab668c4c.png'); }.scroller-con.skin_alternate .scrollbary_bg {width: 7px;top: 0;right: -10px;background: #eee; }.scroller-con.skin_blackwhite {margin-top: 30px; }.scroller-con.skin_blackwhite .scrollbarx {position: absolute;width: 35px;height: 10px;left: 0;top: -15px;background: url('../dzsscroller/styleimg/s3scrollerx-427a4078515701142225c622a785aba0.png');cursor: pointer; }.scroller-con.skin_blackwhite .scrollbarx_bg {position: absolute;height: 1px;left: 0;top: -10px;background: #eee;cursor: pointer; }.scroller-con.skin_blackwhite .scrollbary {width: 10px;height: 35px;top: 0;right: -15px;background: url('../dzsscroller/styleimg/s3scrollery-8a4237351c4ac81a188aa10259bbd9f5.png'); }.scroller-con.skin_blackwhite .scrollbary_bg {position: absolute;width: 1px;top: 0;right: -10px;background: #fff;cursor: pointer; }.scroller-con.skin_progress .scrollbarx {width: 60px;height: 19px;left: 0;bottom: -20px;background-image: url('../dzsscroller/styleimg/progress-5dd839e998a20965933034a6186fec52.png');border-radius: 15px; }.scroller-con.skin_progress .scrollbarx_bg {height: 19px;left: 0;bottom: -20px;background: #191d21;border-radius: 15px;border: 1px solid #1a1a1a;box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }.scroller-con.skin_progress .scrollbary {width: 19px;height: 60px;top: 0;right: -28px;background-image: url('../dzsscroller/styleimg/progressy-a920f6c9f5d7ab392983093f72f6db6f.png');border-radius: 15px; }.scroller-con.skin_progress .scrollbary_bg {width: 19px;top: 0;right: -28px;background: #191d21;border-radius: 15px;border: 1px solid #1a1a1a;box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }.scroller-con.skin_progressbox .scrollbarx {width: 60px;height: 19px;left: 0;bottom: -16px;background-image: url('../dzsscroller/styleimg/progressblue-772ba206b679e62292bfa8bb7b3230a9.png'); }.scroller-con.skin_progressbox .scrollbarx_bg {height: 19px;left: 0;bottom: -16px;background: #191d21;border: 1px solid #1a1a1a;box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }.scroller-con.skin_progressbox .scrollbary {width: 19px;height: 60px;top: 0;right: -28px;background-image: url('../dzsscroller/styleimg/progressy-a920f6c9f5d7ab392983093f72f6db6f.png');border-radius: 15px; }.scroller-con.skin_progressbox .scrollbary_bg {width: 19px;top: 0;right: -28px;background: #191d21;border: 1px solid #1a1a1a;box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }.scroller-con.skin_slider .scrollbarx {width: 60px;height: 7px;left: 0;bottom: -10px;background: #5896c6;border-radius: 2px; }.scroller-con.skin_slider .scrollbarx_bg {height: 7px;left: 0;bottom: -10px;background: #eee;border-radius: 5px; }.scroller-con.skin_slider .scrollbary {width: 30px;height: 30px;top: 0;right: -30px;background-image: url('../dzsscroller/styleimg/handle-abff5a2fceada844f2c4c4fc0aec0ca4.png');background-repeat: no-repeat;background-position: center center; }.scroller-con.skin_slider .scrollbary_bg {width: 7px;top: 0;right: -18px;background: #282a31;border-radius: 15px;border: 1px solid #1a1a1a;box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }.scroller-con.skin_slider.scrollbars-inset .scrollbary {right: 0px; }.scroller-con.skin_slider.scrollbars-inset .scrollbary_bg {right: 0px; }.scroller-con.skin_slider.scrollbars-inset .scrollbarx {bottom: 0px; }.scroller-con.skin_slider.scrollbars-inset .scrollbarx_bg {bottom: 10px; }.scroller-con.skin_slider .scrollbarx {width: 30px;height: 30px;left: 0;bottom: -31px;background-color: transparent;background-image: url('../dzsscroller/styleimg/handle-abff5a2fceada844f2c4c4fc0aec0ca4.png');background-repeat: no-repeat;background-position: center center; }.scroller-con.skin_slider .scrollbarx_bg {height: 7px;left: 0;bottom: -20px;background: #282a31;border-radius: 15px;border: 1px solid #1a1a1a;box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }.scroller-con.skin_slider .scrollbary {width: 30px;height: 30px;top: 0;right: -30px;background-image: url('../dzsscroller/styleimg/handle-abff5a2fceada844f2c4c4fc0aec0ca4.png');background-repeat: no-repeat;background-position: center center; }.scroller-con.skin_slider .scrollbary_bg {width: 7px;top: 0;right: -18px;background: #282a31;border-radius: 15px;border: 1px solid #1a1a1a;box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }.scroller-con.skin_timeline .scrollbar {opacity: 0; }.scroller-con.skin_timeline .scrollbarx {width: 17px;height: 17px;left: 0;bottom: 7px;background-color: transparent;background-image: url('../dzsscroller/styleimg/skin_timeline_handle-bb1d00f56158e144be5dd4e97c69c120.png');background-repeat: no-repeat;background-size: cover;background-position: center center; }.scroller-con.skin_timeline .scrollbarx_bg {height: 30px;left: 0;bottom: 0px;background-image: url('../dzsscroller/styleimg/skin_timeline_bg-890a535160bd1abfa5796a48c00cee2c.png');background-position: center center;background-repeat: repeat-x;box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }.scroller-con.skin_timeline .scrollbary {width: 30px;height: 30px;top: 0;right: -30px;background-image: url('../dzsscroller/styleimg/handle-abff5a2fceada844f2c4c4fc0aec0ca4.png');background-repeat: no-repeat;background-position: center center; }.scroller-con.skin_timeline .scrollbary_bg {width: 7px;top: 0;right: -18px;background: #282a31;border-radius: 15px;box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }.scroller-con.skin_royale {margin-bottom: 30px; }.scroller-con.skin_royale .scrollbarx_bg, .scroller-con.skin_royale .scrollbary_bg {background-color: #1c1a17;border-radius: 3px; }.scroller-con.skin_royale .scrollbarx, .scroller-con.skin_royale .scrollbary {background-color: #363330;border-radius: 3px; }.scroller-con.skin_royale .scrollbarx_bg {height: 14px;top: auto;bottom: -24px; }.scroller-con.skin_royale .scrollbarx {width: 50px;height: 14px;top: auto;bottom: -24px; }.scroller-con.skin_royale .scrollbary_bg {width: 14px;left: auto;right: -24px; }.scroller-con.skin_royale .scrollbary {width: 14px;left: auto;right: -24px;height: 50px; }.scroller-con.skin_apple .scrollbarx {width: 90px;height: 8px;left: 0;bottom: -15px;background: rgba(0, 0, 0, 0.5);border-radius: 10px; }.scroller-con.skin_apple .scrollbarx_bg {height: 0px; }.scroller-con.skin_apple .scrollbary {width: 8px;height: 90px;top: 0;right: 0px;background: rgba(0, 0, 0, 0.5);border-radius: 10px; }.scroller-con.skin_apple .scrollbary_bg {width: 8px;right: 0;background: rgba(255, 255, 255, 0);transition-property: all;transition-duration: 0.3s;transition-timing-function: ease-out;-moz-transition-property: all;-moz-transition-duration: 0.3s;-moz-transition-timing-function: ease-out;-webkit-transition-property: all;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;-o-transition-property: all;-o-transition-duration: 0.3s;-o-transition-timing-function: ease-out;-ms-transition-property: all;-ms-transition-duration: 0.3s;-ms-transition-timing-function: ease-out; }.scroller-con.skin_apple .scrollbar:hover .scrollbary_bg, .scroller-con.skin_apple .scrollbar.dragging .scrollbary_bg {background: rgba(255, 255, 255, 0.3); }.scroller-con.skin_bigblue {margin-bottom: 30px; }.scroller-con.skin_bigblue .scrollbary {width: 20px;background: #59c8ef;opacity: 0.2;border-radius: 0;height: 350px; }.scroller-con.skin_bigblue .scrollbary_bg {opacity: 0;border-radius: 0; }.scroller-con.skin_bigblue .scrollbarx {width: 350px;background: #59c8ef;opacity: 0.2;border-radius: 0;height: 20px;top: 100%;bottom: auto;margin-top: 5px; }.scroller-con.skin_bigblue .scrollbax_bg {opacity: 0;border-radius: 0;top: 100%;bottom: auto;margin-top: 5px; }.scroller-con.skin_luna {margin-bottom: 30px; }.scroller-con.skin_luna .scrollbary {width: 20px;background: #59c8ef;opacity: 0.2;border-radius: 0;height: 350px; }.scroller-con.skin_luna .scrollbary_bg {opacity: 0;border-radius: 0; }.scroller-con.skin_luna .scrollbarx {width: 100px;background: #fafafa;opacity: 1;border-radius: 0;height: 16px;top: 100%;bottom: auto;margin-top: 7px;margin-left: 2px; }.scroller-con.skin_luna .scrollbarx svg.arrow-left, .scroller-con.skin_luna .scrollbarx svg.arrow-right {width: 5px;height: 7px;position: absolute;top: 5px;left: 6px; }.scroller-con.skin_luna .scrollbarx svg.arrow-left path, .scroller-con.skin_luna .scrollbarx svg.arrow-right path {fill: #555; }.scroller-con.skin_luna .scrollbarx svg.arrow-right {right: 6px;left: auto;transform: scaleX(-1); }.scroller-con.skin_luna .scrollbarx_bg {opacity: 1;border-radius: 0;background-color: rgba(50, 50, 50, 0.1);height: 20px;top: 100%;bottom: auto;margin-top: 5px; }.scroller-con.skin_cerc {margin-bottom: 30px; }.scroller-con.skin_cerc .scrollbary {width: 20px;background: #59c8ef;opacity: 0.2;border-radius: 0;height: 350px; }.scroller-con.skin_cerc .scrollbary_bg {opacity: 0;border-radius: 0; }.scroller-con.skin_cerc .scrollbarx {width: 22px;background: #444444;opacity: 1;border-radius: 50%;height: 22px;top: 100%;bottom: auto;margin-top: 7px;margin-left: 2px; }.scroller-con.skin_cerc .scrollbarx svg.arrow-left, .scroller-con.skin_cerc .scrollbarx svg.arrow-right {width: 3px;height: 7px;position: absolute;top: 8px;left: 5px; }.scroller-con.skin_cerc .scrollbarx svg.arrow-left path, .scroller-con.skin_cerc .scrollbarx svg.arrow-right path {fill: #e5c100; }.scroller-con.skin_cerc .scrollbarx svg.arrow-right {right: 5px;left: auto;transform: scaleX(-1); }.scroller-con.skin_cerc .scrollbarx_bg {opacity: 1;border-radius: 0;background-color: rgba(50, 50, 50, 0.1);height: 1px;top: 100%;bottom: auto;margin-top: 18px; }.scroller-con.place-scrollbar-left .scrollbary, .scroller-con.place-scrollbar-left .scrollbary_bg {left: auto;right: 100%; }body.scroller-con {overflow: hidden !important;margin-top: 0 !important; }body.scroller-con .inner {width: 100%; }body.scroller-con.skin_blackwhite .scrollbary {right: 0; }body.scroller-con.skin_blackwhite .scrollbary_bg {right: 5px; }.preloader {width: 50px;height: 50px;position: absolute;top: 50%;left: 50%;border-radius: 10px;background: #fff url('../dzsscroller/styleimg/preloader-8393c5f7e394698f751ee6a11fff3dc7.gif') center no-repeat; }.fullwidth {width: 100%; }.fullheight {height: 100%; }