@charset "utf-8"; .webui-popover-content { display: none } .webui-popover-rtl { direction: rtl; text-align: right } .webui-popover { position: absolute; top: 0; left: 0; z-index: 9999; display: none; min-width: 50px; min-height: 32px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid #eee; border-radius: 6px; -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.15); box-shadow: 0px 0px 20px rgba(0,0,0,0.15) } .webui-popover.top,.webui-popover.top-left,.webui-popover.top-right { margin-top: -10px } .webui-popover.right,.webui-popover.right-top,.webui-popover.right-bottom { margin-left: 10px } .webui-popover.bottom,.webui-popover.bottom-left,.webui-popover.bottom-right { margin-top: 10px } .webui-popover.left,.webui-popover.left-top,.webui-popover.left-bottom { margin-left: -10px } .webui-popover.pop { -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: transform .15s cubic-bezier(0.3,0,0,1.5); -o-transition: transform .15s cubic-bezier(0.3,0,0,1.5); transition: transform .15s cubic-bezier(0.3,0,0,1.5); opacity: 0; filter: alpha(opacity=0) } .webui-popover.pop-out { -webkit-transition-property: "opacity,transform"; -o-transition-property: "opacity,transform"; transition-property: "opacity,transform"; -webkit-transition: .15s linear; -o-transition: .15s linear; transition: .15s linear; opacity: 0; filter: alpha(opacity=0) } .webui-popover.fade,.webui-popover.fade-out { -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; opacity: 0; filter: alpha(opacity=0) } .webui-popover.out { opacity: 0; filter: alpha(opacity=0) } .webui-popover.in { -webkit-transform: none; -o-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100) } .webui-popover .webui-popover-content { padding: 9px 14px; overflow: auto; display: block } .webui-popover .webui-popover-content>div:first-child { width: 99% } .webui-popover-inner .close { font-family: arial; margin: 8px 10px 0 0; float: right; font-size: 16px; font-weight: 700; line-height: 16px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); text-decoration: none } .webui-popover-inner .close:hover,.webui-popover-inner .close:focus { opacity: .5; filter: alpha(opacity=50) } .webui-popover-inner .close:after { content: "\00D7"; width: .8em; height: .8em; padding: 4px; position: relative } .webui-popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: 700; line-height: 18px; background-color: #fff; border-bottom: 1px solid #f2f2f2; border-radius: 5px 5px 0 0 } .webui-popover-content { padding: 9px 14px; overflow: auto; display: none } .webui-popover-inverse { background-color: #333; color: #eee } .webui-popover-inverse .webui-popover-title { background: #333; border-bottom: 1px solid #3b3b3b; color: #eee } .webui-no-padding .webui-popover-content { padding: 0 } .webui-no-padding .list-group-item { border-right: none; border-left: none } .webui-no-padding .list-group-item:first-child { border-top: 0 } .webui-no-padding .list-group-item:last-child { border-bottom: 0 } .webui-popover>.webui-arrow,.webui-popover>.webui-arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .webui-popover>.webui-arrow { border-width: 11px } .webui-popover>.webui-arrow:after { border-width: 10px; content: "" } .webui-popover.top>.webui-arrow,.webui-popover.top-right>.webui-arrow,.webui-popover.top-left>.webui-arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: #eee; border-bottom-width: 0 } .webui-popover.top>.webui-arrow:after,.webui-popover.top-right>.webui-arrow:after,.webui-popover.top-left>.webui-arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0 } .webui-popover.right>.webui-arrow,.webui-popover.right-top>.webui-arrow,.webui-popover.right-bottom>.webui-arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: #eee } .webui-popover.right>.webui-arrow:after,.webui-popover.right-top>.webui-arrow:after,.webui-popover.right-bottom>.webui-arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff } .webui-popover.bottom>.webui-arrow,.webui-popover.bottom-right>.webui-arrow,.webui-popover.bottom-left>.webui-arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999; border-bottom-color: #eee; border-top-width: 0 } .webui-popover.bottom>.webui-arrow:after,.webui-popover.bottom-right>.webui-arrow:after,.webui-popover.bottom-left>.webui-arrow:after { content: " "; top: 1px; margin-left: -10px; border-bottom-color: #fff; border-top-width: 0 } .webui-popover.left>.webui-arrow,.webui-popover.left-top>.webui-arrow,.webui-popover.left-bottom>.webui-arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: #eee } .webui-popover.left>.webui-arrow:after,.webui-popover.left-top>.webui-arrow:after,.webui-popover.left-bottom>.webui-arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px } .webui-popover-inverse.top>.webui-arrow,.webui-popover-inverse.top-left>.webui-arrow,.webui-popover-inverse.top-right>.webui-arrow,.webui-popover-inverse.top>.webui-arrow:after,.webui-popover-inverse.top-left>.webui-arrow:after,.webui-popover-inverse.top-right>.webui-arrow:after { border-top-color: #333 } .webui-popover-inverse.right>.webui-arrow,.webui-popover-inverse.right-top>.webui-arrow,.webui-popover-inverse.right-bottom>.webui-arrow,.webui-popover-inverse.right>.webui-arrow:after,.webui-popover-inverse.right-top>.webui-arrow:after,.webui-popover-inverse.right-bottom>.webui-arrow:after { border-right-color: #333 } .webui-popover-inverse.bottom>.webui-arrow,.webui-popover-inverse.bottom-left>.webui-arrow,.webui-popover-inverse.bottom-right>.webui-arrow,.webui-popover-inverse.bottom>.webui-arrow:after,.webui-popover-inverse.bottom-left>.webui-arrow:after,.webui-popover-inverse.bottom-right>.webui-arrow:after { border-bottom-color: #333 } .webui-popover-inverse.left>.webui-arrow,.webui-popover-inverse.left-top>.webui-arrow,.webui-popover-inverse.left-bottom>.webui-arrow,.webui-popover-inverse.left>.webui-arrow:after,.webui-popover-inverse.left-top>.webui-arrow:after,.webui-popover-inverse.left-bottom>.webui-arrow:after { border-left-color: #333 } .webui-popover i.icon-refresh:before { content: "" } .webui-popover i.icon-refresh { display: block; width: 30px; height: 30px; font-size: 20px; top: 50%; left: 50%; position: absolute; margin-left: -15px; margin-right: -15px; background: url('/static/images/loading.gif') no-repeat } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) } } @keyframes rotate { 100% { transform: rotate(360deg) } } .webui-popover-backdrop { background-color: rgba(0,0,0,.65); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9998 } .webui-popover .dropdown-menu { display: block; position: relative; top: 0; border: none; box-shadow: none; float: none } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative } .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform,height } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next,.swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev,.swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next,.swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-white .swiper-pagination-bullet { background: #fff } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0,-50%,0); -moz-transform: translate3d(0,-50%,0); -o-transform: translate(0,-50%); -ms-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px } .swiper-pagination-progress { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical>.swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255,255,255,.5) } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px } .swiper-container-cube,.swiper-container-flip { overflow: visible } .swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite; animation: swiper-preloader-spin 1s steps(12,end) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .hidden { display: none } a:hover,a:active { text-decoration: none } body.ny-nobanner.met-navfixed,body.indexbanner-indexhasbg.met-navfixed { padding-top: 60px } body.ny-nobanner.met-navfixed-navclamp,body.indexbanner-indexhasbg.met-navfixed-navclamp { padding-top: 120px } .dropdown-menu.overflow-visible { overflow: visible } .head_nav_met_16_4_43 { min-height: 60px } .head_nav_met_16_4_43 { background: transparent } .head_nav_met_16_4_43.bgcolor { background: #ffffff; background: } body.ny-nobanner .head_nav_met_16_4_43 { background: #ffffff; background: #1c143a } body.ny-nobanner #tophead { background: #ffffff !important; background: !important } .head_nav_met_16_4_43.navbar-shadow { box-shadow: 0 1px 2px rgba(0,0,0,.1); background: #ffffff; background: #1c143a } .met-head.navbar-fixed-top { z-index: 100 } .head_nav_met_16_4_43.header-zindex { z-index: 1601 } .head_nav_met_16_4_43 .met-langlist .dropdown .dropdown-menu a { line-height: normal } .head_nav_met_16_4_43 .met-logo img { max-height: 80px } .head_nav_met_16_4_43 .met-logo,.head_nav_met_16_4_43 .navbar-toggler,.met-navfixed-navclamp .head_nav_met_16_4_43 .met-langlist .dropdown { height: 60px; line-height: normal } .head_nav_met_16_4_43 .navbar-toggler { width: auto; color: #333333; color: #ffffff } .head_nav_met_16_4_43 .navbar-collapse { overflow-x: hidden } .head_nav_met_16_4_43 .navbar-collapse.flex-navlist { width: 100% } .head_nav_met_16_4_43 .navlist.flex { width: 100%; margin-right: 0!important } .head_nav_met_16_4_43 .navlist.flex .nav-item { flex: auto; text-align: center } .head_nav_met_16_4_43 .navlist.flex .nav-item .nav-link { height: 50px; line-height: 50px; padding: 0 } .head_nav_met_16_4_43 .navlist.flex .nav-item > .dropdown-menu { top: 50px } .head_nav_met_16_4_43 .dropdown-menu { background-color: #ffffff; background-color:; border: none } .head_nav_met_16_4_43 .navlist .nav-item > .dropdown-menu .dropdown-item { color: #333333; color: } .dropdown-menu.dropdown-menu-bullet:before,.dropdown-menu.dropdown-menu-bullet:after { border-bottom-color: #ffffff; border-bottom-color: } .head_nav_met_16_4_43 .navlist .dropdown-menu .dropdown-item:hover,.head_nav_met_16_4_43 .navlist .dropdown-menu .dropdown-item.active { background: #ffffff!important; color: #1c143a !important; color: !important } .head_nav_met_16_4_43 .met-head-user .dropdown-item:hover i { color: #1c143a; color: } .head_nav_met_16_4_43.navbar-default .navbar-nav>.open>.nav-link,.head_nav_met_16_4_43.navbar-default .navbar-nav>.open>.nav-link:focus,.head_nav_met_16_4_43.navbar-default .navbar-nav>.open>.nav-link:hover { color: #1c143a; color: #ff6600 } .head_nav_met_16_4_43 .met-head-user .shop_cart { font-size: 1rem } @media screen\0 { .head_nav_met_16_4_43 .navlist.flex { text-align: center } .head_nav_met_16_4_43 .navlist.flex .nav-item { display: inline-block; float: none } .head_nav_met_16_4_43 .navlist.flex .nav-item .nav-link { padding: 0 20px } } .head_nav_met_16_4_43.navbar-shadow .navlist .nav-item a.nav-link:hover,.head_nav_met_16_4_43 .navlist .nav-item a.nav-link:hover,.head_nav_met_16_4_43.navbar-shadow .navlist .nav-item a.nav-link:hover span,.head_nav_met_16_4_43 .navlist .nav-item a.nav-link:hover span { background: none!important; color: #1c143a !important; color: #ff6600 !important } .head_nav_met_16_4_43 .dropdown-item,.head_nav_met_16_4_43 .navlist .nav-item a.nav-link { color: #333333; color: #ffffff; background: transparent } .ny-nobanner .navlist .nav-item a.nav-link,.head_nav_met_16_4_43.navbar-shadow .navlist .nav-item a.nav-link { color: #333333; color: #ffffff } .head_nav_met_16_4_43 .navlist .nav-item .dropdown-menu a:hover,.head_nav_met_16_4_43 .navlist .nav-item .dropdown-menu a:hover span,.head_nav_met_16_4_43 .navlist .nav-item a.nav-link.active,.head_nav_met_16_4_43 .navlist .nav-item a.nav-link.active span { background: none!important; color: #1c143a !important; color: #ff6600 !important } .ny-nobanner .navlist .nav-item a.active,.head_nav_met_16_4_43.navbar-shadow .navlist .nav-item a.active { color: #1c143a; color: #ff6600 } .head_nav_met_16_4_43 .dropdown-submenu > .dropdown-item.dropdown-a:after { border-top: 0.286rem solid; border-right: 0.286rem solid transparent; border-left: 0.286rem solid transparent } .head_nav_met_16_4_43 .dropdown-submenu .dropdown-menu.block { position: static; border-right: none; border-left: none; padding-left: 10px } .head_nav_met_16_4_43 .navlist .nav-item .dropdown-menu a:hover,.head_nav_met_16_4_43 .navlist .nav-item .dropdown-menu a:hover span { color: #1c143a !important; color: !important; background: #ffffff!important } @media (max-width:767px) { body.ny-nobanner.met-navfixed,body.met-navfixed { padding-top: 60px } .head_nav_met_16_4_43 .dropdown-submenu .dropdown-menu { padding-left: 10px } .head_nav_met_16_4_43 .dropdown-menu-right.dropdown-menu-bullet:after,.head_nav_met_16_4_43 .dropdown-menu-right.dropdown-menu-bullet:before { display: none } .head_nav_met_16_4_43 .navlist .nav-item a.active { background: none !important } .head_nav_met_16_4_43 .met-head-shop li { display: block !important; margin: 0 } } .head_nav_met_16_4_43 .met-langlist .dropdown-menu { top: 60px; padding: 0; margin: 0 } .head_nav_met_16_4_43 .met-langlist .dropdown-menu a+a { border-top: 1px solid rgba(255,255,255,0.2) } .head_nav_met_16_4_43 .met-langlist .dropdown-item { color: #333333; color: } .head_nav_met_16_4_43 .met-langlist .modal { background: rgba(0,0,0,.3) } @media (min-width:768px) { .head_nav_met_16_4_43 .met-langlist .nav-link { padding: 0; overflow: visible; margin-left: 15px } .head_nav_met_16_4_43 .met-langlist .dropdown { height: 60px; line-height: 60px } .head_nav_met_16_4_43 .navlist .nav-item .nav-link { padding-top: 0px; padding-bottom: 0px; height: 60px; line-height: 60px } .head_nav_met_16_4_43 .navlist .nav-item > .dropdown-menu { top: 65px; padding: 0 } .head_nav_met_16_4_43 .navlist .nav-item >.dropdown-menu>.dropdown-submenu .dropdown-menu { padding: 0 } .head_nav_met_16_4_43 .navlist .nav-item > .dropdown-menu { border: none } .head_nav_met_16_4_43 .navlist .nav-item > .dropdown-menu .border-top1 { border-top: 1px solid rgba(255,255,255,0.2) } .head_nav_met_16_4_43 .navlist .nav-item > .dropdown-menu.dropdown-menu-bullet { top: 67px } .head_nav_met_16_4_43 .met-head-user { height: 60px } .head_nav_met_16_4_43 .met-langlist, .head_nav_met_16_4_43 .met-head-user { margin-left: 15px } } @media (max-width:767px) { #tophead { display: none } .head_nav_met_16_4_43 { background: #ffffff; background: #1c143a } .head_nav_met_16_4_43 .met-langlist .dropdown { padding: .715rem 1.072rem } .head_nav_met_16_4_43 .met-langlist a { padding: 5px 15px 5px 5px !important } .head_nav_met_16_4_43 .navlist .nav-item { margin-left: 0!important } .head_nav_met_16_4_43 .met-logo { margin-left: 10px } .head_nav_met_16_4_43 .met-logo img { max-width: 250px } .head_nav_met_16_4_43 .navbar-collapse { width: 100% } .met-head.navbar-fixed-top .head_nav_met_16_4_43 .navbar-collapse { max-height: 340px; overflow-y: auto } .head_nav_met_16_4_43 .navbar-nav { margin: 10px 0!important } .head_nav_met_16_4_43 .navlist .nav-item a.active { background: #f5f5f5 } .head_nav_met_16_4_43 .met-langlist { margin-right: 5px } .head_nav_met_16_4_43 .navlist .nav-item a.nav-link { color: #333333; color: #ffffff } .head_nav_met_16_4_43 .met-langlist .btn-outline.btn-default { color: #333333; color: #ffffff; border-color: #333333; border-color: #ffffff } .head_nav_met_16_4_43.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item { color: #333333; color: #ffffff } .head_nav_met_16_4_43 .navlist .nav-item > .dropdown-menu .border-top1 { border-top: 0px solid rgba(255,255,255,0.2) } } .navbar-default .navbar-nav .nav-link:focus,.navbar-default .navbar-nav .nav-link:hover { background-color: transparent } .met-mask { width: 100%; height: 100%; display: none; position: fixed; left: 0; top: 0; z-index: 99; background: rgba(0,0,0,.2) } .met-head-user .dropdown > a { padding-top: 0px; padding-bottom: 0px; height: 40px; line-height: 40px; color: #333333; color: #ffffff; background: transparent } .ny-nobanner .met-head-user .dropdown > a,.head_nav_met_16_4_43.navbar-shadow .met-head-user .dropdown > a { color: #333333; color: #ffffff } .met-head-user .dropdown .dropdown-item>a { color: #333333; color: #ffffff } .met-head-user .dropdown-menu { top: 45px; padding: 0 } .met-head-user .dropdown-menu-footer { line-height: 35px } .met-head-user .met-head-user-column .avatar img { max-height: 30px } @media (min-width:768px) { .met-head-user > li:nth-child(2) { margin-left: 10px } } @media (max-width:767px) { .met-head-user > li { display: block } .met-head-user > li:first-child { margin-bottom: 10px } } .met-head-user-toggler.active i { display: none } .met-head-user-toggler.active i:first-child { display: inline-block } .met-head-user-toggler i { position: relative; top: -5px } .met-head-user-toggler i:first-child { display: none } .met-head-user li a.btn-outline:hover { border-color: #1c143a; background-color: #1c143a; color: #ffffff; border-color: #ff6600; background-color: #ff6600 } .met-head-user li a.btn-success:hover { opacity: 0.8 } .head_nav_met_16_4_43 .met-head-user li .dropdown-menu li+li .dropdown-item { border-top: 1px solid rgba(255,255,255,0.2) } .head_nav_met_16_4_43 .met-head-user .dropdown i,.head_nav_met_16_4_43 .met-head-user li .dropdown-menu .dropdown-item { color: #333333; color: } .head_nav_met_16_4_43 .met-head-user li .dropdown-menu .dropdown-item:hover { background: #ffffff!important; color: #1c143a; color: } .head_nav_met_16_4_43.navbar-default .hamburger .hamburger-bar,.head_nav_met_16_4_43.navbar-default .hamburger:after,.head_nav_met_16_4_43.navbar-default .hamburger:before { background-color: #333333; background-color: #ffffff } .head_nav_met_16_4_43 .met-head-user li a.btn-success { background-color: #ffffff; color: #fff; border-color: #ff6600; border-radius: 3px } .head_nav_met_16_4_43 .met-head-user li a.btn-outline,.head_nav_met_16_4_43 .met-langlist .btn-outline.btn-default { color: #ffffff; background-color: transparent; border-color: #ffffff; border-radius: 3px } .met-langlist .btn-outline.btn-default:hover,.met-langlist .btn-outline.btn-default:active,.met-langlist .btn-outline.btn-default:focus { border-color: #1c143a; border-color: #ff6600; background-color: #1c143a; background-color: #ff6600; color: #ffffff } .head_nav_met_16_4_43 .met-head-shop .shop_cart i { color: #333333; color: #ffffff } .ny-nobanner .met-head-shop .shop_cart i,.head_nav_met_16_4_43.navbar-shadow .met-head-shop .shop_cart i { color: #333333; color: #ffffff } #topcart-body { color: #333333; color: } .rtl { direction: rtl } @font-face { font-family:'revicons';src:url('/static/fonts/revicons.eot');src:url('/static/fonts/revicons.eot') format('embedded-opentype'),url('/static/fonts/revicons.woff') format('woff'),url('/static/fonts/revicons.ttf') format('truetype'),url('/static/fonts/revicons.svg') format('svg');font-weight:normal;font-style:normal }[class^="revicon-"]:before,[class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em } .revicon-search-1:before { content: '\e802' } .revicon-pencil-1:before { content: '\e831' } .revicon-picture-1:before { content: '\e803' } .revicon-cancel:before { content: '\e80a' } .revicon-info-circled:before { content: '\e80f' } .revicon-trash:before { content: '\e801' } .revicon-left-dir:before { content: '\e817' } .revicon-right-dir:before { content: '\e818' } .revicon-down-open:before { content: '\e83b' } .revicon-left-open:before { content: '\e819' } .revicon-right-open:before { content: '\e81a' } .revicon-angle-left:before { content: '\e820' } .revicon-angle-right:before { content: '\e81d' } .revicon-left-big:before { content: '\e81f' } .revicon-right-big:before { content: '\e81e' } .revicon-magic:before { content: '\e807' } .revicon-picture:before { content: '\e800' } .revicon-export:before { content: '\e80b' } .revicon-cog:before { content: '\e832' } .revicon-login:before { content: '\e833' } .revicon-logout:before { content: '\e834' } .revicon-video:before { content: '\e805' } .revicon-arrow-combo:before { content: '\e827' } .revicon-left-open-1:before { content: '\e82a' } .revicon-right-open-1:before { content: '\e82b' } .revicon-left-open-mini:before { content: '\e822' } .revicon-right-open-mini:before { content: '\e823' } .revicon-left-open-big:before { content: '\e824' } .revicon-right-open-big:before { content: '\e825' } .revicon-left:before { content: '\e836' } .revicon-right:before { content: '\e826' } .revicon-ccw:before { content: '\e808' } .revicon-arrows-ccw:before { content: '\e806' } .revicon-palette:before { content: '\e829' } .revicon-list-add:before { content: '\e80c' } .revicon-doc:before { content: '\e809' } .revicon-left-open-outline:before { content: '\e82e' } .revicon-left-open-2:before { content: '\e82c' } .revicon-right-open-outline:before { content: '\e82f' } .revicon-right-open-2:before { content: '\e82d' } .revicon-equalizer:before { content: '\e83a' } .revicon-layers-alt:before { content: '\e804' } .revicon-popup:before { content: '\e828' } .rev_slider_wrapper { position: relative; z-index: 0 } .rev_slider { position: relative; overflow: visible } .tp-overflow-hidden { overflow: hidden } .tp-simpleresponsive img,.rev_slider img { max-width: none !important; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; margin: 0px; padding: 0px; border-width: 0px; border: none } .rev_slider .no-slides-text { font-weight: bold; text-align: center; padding-top: 80px } .rev_slider >ul,.rev_slider_wrapper >ul,.tp-revslider-mainul >li,.rev_slider >ul >li,.rev_slider >ul >li:before,.tp-revslider-mainul >li:before,.tp-simpleresponsive >ul,.tp-simpleresponsive >ul >li,.tp-simpleresponsive >ul >li:before,.tp-revslider-mainul >li,.tp-simpleresponsive >ul >li { list-style: none !important; position: absolute; margin: 0px !important; padding: 0px !important; overflow-x: visible; overflow-y: visible; list-style-type: none !important; background-image: none; background-position: 0px 0px; text-indent: 0em; top: 0px; left: 0px } .tp-revslider-mainul >li,.rev_slider >ul >li,.rev_slider >ul >li:before,.tp-revslider-mainul >li:before,.tp-simpleresponsive >ul >li,.tp-simpleresponsive >ul >li:before,.tp-revslider-mainul >li,.tp-simpleresponsive >ul >li { visibility: hidden } .tp-revslider-slidesli,.tp-revslider-mainul { padding: 0 !important; margin: 0 !important; list-style: none !important } .rev_slider li.tp-revslider-slidesli { position: absolute !important } .tp-caption .rs-untoggled-content { display: block } .tp-caption .rs-toggled-content { display: none } .rs-toggle-content-active.tp-caption .rs-toggled-content { display: block } .rs-toggle-content-active.tp-caption .rs-untoggled-content { display: none } .rev_slider .tp-caption,.rev_slider .caption { position: relative; visibility: hidden; white-space: nowrap; display: block } .rev_slider .tp-mask-wrap .tp-caption,.rev_slider .tp-mask-wrap *:last-child,.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,.wpb_text_column .rev_slider .tp-mask-wrap *:last-child { margin-bottom: 0 } .tp-svg-layer svg { width: 100%; height: 100%; position: relative; vertical-align: top } .tp-carousel-wrapper { cursor: url(/ui/banner/met_28_1/img/revslider/openhand.cur),move } .tp-carousel-wrapper.dragged { cursor: url(/ui/banner/met_28_1/img/revslider/closedhand.cur),move } .tp-caption { z-index: 1 } .tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important } .tp-caption { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; position: absolute; -webkit-font-smoothing: antialiased !important } .tp-caption.tp-layer-selectable { -moz-user-select: all; -khtml-user-select: all; -webkit-user-select: all; -o-user-select: all } .tp-forcenotvisible,.tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility: hidden !important; display: none !important } .rev_slider embed,.rev_slider iframe,.rev_slider object,.rev_slider audio,.rev_slider video { max-width: none !important } .rev_slider_wrapper { width: 100% } .fullscreen-container { position: relative; padding: 0 } .fullwidthbanner-container { position: relative; padding: 0; overflow: hidden } .fullwidthbanner-container .fullwidthabanner { width: 100%; position: relative } .tp-static-layers { position: absolute; z-index: 101; top: 0px; left: 0px } .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px } .tp-layer-inner-rotation { position: relative !important } img.tp-slider-alternative-image { width: 100%; height: auto } .noFilterClass { filter: none !important } .rs-background-video-layer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; visibility: hidden; z-index: 0 } .tp-caption.coverscreenvideo { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute } .caption.fullscreenvideo,.tp-caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100% } .caption.fullscreenvideo iframe,.caption.fullscreenvideo audio,.caption.fullscreenvideo video,.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe audio,.tp-caption.fullscreenvideo iframe video { width: 100% !important; height: 100% !important; display: none } .fullcoveredvideo audio,.fullscreenvideo audio.fullcoveredvideo video,.fullscreenvideo video { background: #000 } .fullcoveredvideo .tp-poster { background-position: center center; background-size: cover; width: 100%; height: 100%; top: 0px; left: 0px } .videoisplaying .html5vid .tp-poster { display: none } .tp-video-play-button { background: #000; background: rgba(0,0,0,0.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 50%; left: 50%; color: #FFF; z-index: 3; margin-top: -25px; margin-left: -25px; line-height: 50px !important; text-align: center; cursor: pointer; width: 50px; height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; vertical-align: top; z-index: 4; opacity: 0; -webkit-transition: opacity 300ms ease-out !important; -moz-transition: opacity 300ms ease-out !important; -o-transition: opacity 300ms ease-out !important; transition: opacity 300ms ease-out !important } .tp-hiddenaudio,.tp-audio-html5 .tp-video-play-button { display: none !important } .tp-caption .html5vid { width: 100% !important; height: 100% !important } .tp-video-play-button i { width: 50px; height: 50px; display: inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important } .tp-caption:hover .tp-video-play-button { opacity: 1 } .tp-caption .tp-revstop { display: none; border-left: 5px solid #fff !important; border-right: 5px solid #fff !important; margin-top: 15px !important; line-height: 20px !important; vertical-align: top; font-size: 25px !important } .videoisplaying .revicon-right-dir { display: none } .videoisplaying .tp-revstop { display: inline-block } .videoisplaying .tp-video-play-button { display: none } .tp-caption:hover .tp-video-play-button { display: block } .fullcoveredvideo .tp-video-play-button { display: none !important } .fullscreenvideo .fullscreenvideo audio { object-fit: contain !important } .fullscreenvideo .fullscreenvideo video { object-fit: contain !important } .fullscreenvideo .fullcoveredvideo audio { object-fit: cover !important } .fullscreenvideo .fullcoveredvideo video { object-fit: cover !important } .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(to bottom,rgb(0,0,0) 13%,rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom,rgb(0,0,0) 13%,rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom,rgb(0,0,0) 13%,rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom,rgb(0,0,0) 13%,rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom,rgb(0,0,0) 13%,rgb(50,50,50) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.13,rgb(0,0,0)),color-stop(1,rgb(50,50,50))); display: table; max-width: 100%; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .tp-caption:hover .tp-video-controls { opacity: .9 } .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; line-height: 12px; font-size: 12px; color: #fff; padding: 0px; margin: 0px; outline: none } .tp-video-button:hover { cursor: pointer } .tp-video-button-wrap,.tp-video-seek-bar-wrap,.tp-video-vol-bar-wrap { padding: 0px 5px; display: table-cell; vertical-align: middle } .tp-video-seek-bar-wrap { width: 80% } .tp-video-vol-bar-wrap { width: 20% } .tp-volume-bar,.tp-seek-bar { width: 100%; cursor: pointer; outline: none; line-height: 12px; margin: 0; padding: 0 } .rs-fullvideo-cover { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; background: transparent; z-index: 5 } .rs-background-video-layer video::-webkit-media-controls { display: none !important } .rs-background-video-layer audio::-webkit-media-controls { display: none !important } .tp-audio-html5 .tp-video-controls { opacity: 1 !important; visibility: visible !important } .tp-dottedoverlay { background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 3 } .tp-dottedoverlay.twoxtwo { background: url(/static/images/gridtile.png) } .tp-dottedoverlay.twoxtwowhite { background: url(/static/images/gridtile_white.png) } .tp-dottedoverlay.threexthree { background: url(/static/images/gridtile_3x3.png) } .tp-dottedoverlay.threexthreewhite { background: url(/static/images/gridtile_3x3_white.png) } .tp-shadowcover { width: 100%; height: 100%; top: 0px; left: 0px; background: #fff; position: absolute; z-index: -1 } .tp-shadow1 { -webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8); -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8); box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8) } .tp-shadow2:before,.tp-shadow2:after,.tp-shadow3:before,.tp-shadow4:after { z-index: -2; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 85%; max-width: 300px; background: transparent; -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.8); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.8); box-shadow: 0 15px 10px rgba(0,0,0,0.8); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg) } .tp-shadow2:after,.tp-shadow4:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto } .tp-shadow5 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset } .tp-shadow5:before,.tp-shadow5:after { content: ""; position: absolute; z-index: -2; -webkit-box-shadow: 0 0 25px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 25px 0px rgba(0,0,0,0.6); box-shadow: 0 0 25px 0px rgba(0,0,0,0.6); top: 30%; bottom: 0; left: 20px; right: 20px; -moz-border-radius: 100px / 20px; border-radius: 100px / 20px } .tp-button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0px 1px 1px rgba(0,0,0,0.6) !important; font-size: 15px; line-height: 45px !important; font-family: arial,sans-serif; font-weight: bold; letter-spacing: -1px; text-decoration: none } .tp-button.big { color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.6); font-weight: bold; padding: 9px 20px; font-size: 19px; line-height: 57px !important } .purchase:hover,.tp-button:hover,.tp-button.big:hover { background-position: bottom,15px 11px } .tp-button.green,.tp-button:hover.green,.purchase.green,.purchase:hover.green { background-color: #21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b } .tp-button.blue,.tp-button:hover.blue,.purchase.blue,.purchase:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68 } .tp-button.red,.tp-button:hover.red,.purchase.red,.purchase:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212 } .tp-button.orange,.tp-button:hover.orange,.purchase.orange,.purchase:hover.orange { background-color: #ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00 } .tp-button.darkgrey,.tp-button.grey,.tp-button:hover.darkgrey,.tp-button:hover.grey,.purchase.darkgrey,.purchase:hover.darkgrey { background-color: #555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222 } .tp-button.lightgrey,.tp-button:hover.lightgrey,.purchase.lightgrey,.purchase:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555 } .rev-btn,.rev-btn:visited { outline: none !important; box-shadow: none !important; text-decoration: none !important; line-height: 44px; font-size: 17px; font-weight: 500; padding: 12px 35px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: "Roboto",sans-serif; cursor: pointer } .rev-btn.rev-uppercase,.rev-btn.rev-uppercase:visited { text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 900 } .rev-btn.rev-withicon i { font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; margin-left: 10px !important } .rev-btn.rev-hiddenicon i { font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; opacity: 0; margin-left: 0px !important; width: 0px !important } .rev-btn.rev-hiddenicon:hover i { opacity: 1 !important; margin-left: 10px !important; width: auto !important } .rev-btn.rev-medium,.rev-btn.rev-medium:visited { line-height: 36px; font-size: 14px; padding: 10px 30px } .rev-btn.rev-medium.rev-withicon i { font-size: 14px; top: 0px } .rev-btn.rev-medium.rev-hiddenicon i { font-size: 14px; top: 0px } .rev-btn.rev-small,.rev-btn.rev-small:visited { line-height: 28px; font-size: 12px; padding: 7px 20px } .rev-btn.rev-small.rev-withicon i { font-size: 12px; top: 0px } .rev-btn.rev-small.rev-hiddenicon i { font-size: 12px; top: 0px } .rev-maxround { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px } .rev-minround { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .rev-burger { position: relative; width: 60px; height: 60px; box-sizing: border-box; padding: 22px 0 0 14px; border-radius: 50%; border: 1px solid rgba(51,51,51,0.25); tap-highlight-color: transparent; cursor: pointer } .rev-burger span { display: block; width: 30px; height: 3px; background: #333; transition: .7s; pointer-events: none; transform-style: flat !important } .rev-burger span:nth-child(2) { margin: 3px 0 } #dialog_addbutton .rev-burger:hover:first-child,.open .rev-burger:first-child,.open.rev-burger:first-child { transform: translateY(6px) rotate(-45deg); -webkit-transform: translateY(6px) rotate(-45deg) } #dialog_addbutton .rev-burger:hover:nth-child(2),.open .rev-burger:nth-child(2),.open.rev-burger:nth-child(2) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: 0 } #dialog_addbutton .rev-burger:hover:last-child,.open .rev-burger:last-child,.open.rev-burger:last-child { transform: translateY(-6px) rotate(-135deg); -webkit-transform: translateY(-6px) rotate(-135deg) } .rev-burger.revb-white { border: 2px solid rgba(255,255,255,0.2) } .rev-burger.revb-white span { background: #fff } .rev-burger.revb-whitenoborder { border: 0 } .rev-burger.revb-whitenoborder span { background: #fff } .rev-burger.revb-darknoborder { border: 0 } .rev-burger.revb-darknoborder span { background: #333 } .rev-burger.revb-whitefull { background: #fff; border: none } .rev-burger.revb-whitefull span { background: #333 } .rev-burger.revb-darkfull { background: #333; border: none } .rev-burger.revb-darkfull span { background: #fff } @-webkit-keyframes rev-ani-mouse { 0% { opacity: 1; top: 29% } 15% { opacity: 1; top: 50% } 50% { opacity: 0; top: 50% } 100% { opacity: 0; top: 29% } } @-moz-keyframes rev-ani-mouse { 0% { opacity: 1; top: 29% } 15% { opacity: 1; top: 50% } 50% { opacity: 0; top: 50% } 100% { opacity: 0; top: 29% } } @keyframes rev-ani-mouse { 0% { opacity: 1; top: 29% } 15% { opacity: 1; top: 50% } 50% { opacity: 0; top: 50% } 100% { opacity: 0; top: 29% } } .rev-scroll-btn { display: inline-block; position: relative; left: 0; right: 0; text-align: center; cursor: pointer; width: 35px; height: 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid white; border-radius: 23px } .rev-scroll-btn > * { display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #7f8c8d; color: #ffffff; font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing: 2px } .rev-scroll-btn > *:hover,.rev-scroll-btn > *:focus,.rev-scroll-btn > *.active { color: #ffffff } .rev-scroll-btn > *:hover,.rev-scroll-btn > *:focus,.rev-scroll-btn > *:active,.rev-scroll-btn > *.active { filter: alpha(opacity=80) } .rev-scroll-btn.revs-fullwhite { background: #fff } .rev-scroll-btn.revs-fullwhite span { background: #333 } .rev-scroll-btn.revs-fulldark { background: #333; border: none } .rev-scroll-btn.revs-fulldark span { background: #fff } .rev-scroll-btn span { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: white; border-radius: 50%; -webkit-animation: rev-ani-mouse 2.5s linear infinite; -moz-animation: rev-ani-mouse 2.5s linear infinite; animation: rev-ani-mouse 2.5s linear infinite } .rev-scroll-btn.revs-dark { border-color: #333 } .rev-scroll-btn.revs-dark span { background: #333 } .rev-control-btn { position: relative; display: inline-block; z-index: 5; color: #FFF; font-size: 20px; line-height: 60px; font-weight: 400; font-style: normal; font-family: Raleway; text-decoration: none; text-align: center; background-color: #000; border-radius: 50px; text-shadow: none; background-color: rgba(0,0,0,0.50); width: 60px; height: 60px; box-sizing: border-box; cursor: pointer } .rev-cbutton-dark-sr { border-radius: 3px } .rev-cbutton-light { color: #333; background-color: rgba(255,255,255,0.75) } .rev-cbutton-light-sr { color: #333; border-radius: 3px; background-color: rgba(255,255,255,0.75) } .rev-sbutton { line-height: 37px; width: 37px; height: 37px } .rev-sbutton-blue { background-color: #3B5998 } .rev-sbutton-lightblue { background-color: #00A0D1 } .rev-sbutton-red { background-color: #DD4B39 } .tp-bannertimer { visibility: hidden; width: 100%; height: 5px; background: #fff; background: rgba(0,0,0,0.15); position: absolute; z-index: 200; top: 0px } .tp-bannertimer.tp-bottom { top: auto; bottom: 0px !important; height: 5px } .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1 } .caption.slidelink a div,.tp-caption.slidelink a div { width: 3000px; height: 1500px; background: url(/static/images/coloredbg.png) repeat } .tp-caption.slidelink a span { background: url(/static/images/coloredbg.png) repeat } .tp-shape { width: 100%; height: 100% } .tp-caption .rs-starring { display: inline-block } .tp-caption .rs-starring .star-rating { float: none } .tp-caption .rs-starring .star-rating { color: #FFC321 !important; display: inline-block; vertical-align: top } .tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating { position: relative; height: 1em; width: 5.4em; font-family: star } .tp-caption .rs-starring .star-rating:before,.tp-caption .rs-starring-page .star-rating:before { content: "\73\73\73\73\73"; color: #E0DADF; float: left; top: 0; left: 0; position: absolute } .tp-caption .rs-starring .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; font-size: 1em !important } .tp-caption .rs-starring .star-rating span:before,.tp-caption .rs-starring .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0 } .tp-caption .rs-starring .star-rating { color: #FFC321 !important } .tp-caption .rs-starring .star-rating,.tp-caption .rs-starring-page .star-rating { font-size: 1em !important; font-family: star } .tp-loader { top: 50%; left: 50%; z-index: 10000; position: absolute } .tp-loader.spinner0 { width: 40px; height: 40px; background-color: #fff; background: url(/static/images/loader.gif) no-repeat center center; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .tp-loader.spinner5 { background: url(/static/images/loader.gif) no-repeat 10px 10px; background-color: #fff; margin: -22px -22px; width: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0 } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0) } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0 } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center } .tp-loader.spinner3 .bounce1,.tp-loader.spinner3 .bounce2,.tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s } @-webkit-keyframes tp-bouncedelay { 0%,80%,100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%,80%,100% { transform: scale(0.0) } 40% { transform: scale(1.0) } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear } .tp-loader.spinner4 .dot1,.tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15) } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) } } @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) } } @-webkit-keyframes tp-bounce { 0%,100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%,100% { transform: scale(0.0) } 50% { transform: scale(1.0) } } .tp-thumbs.navbar,.tp-bullets.navbar,.tp-tabs.navbar { border: none; min-height: 0; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .tp-tabs,.tp-thumbs,.tp-bullets { position: absolute; display: block; z-index: 1000; top: 0px; left: 0px } .tp-tab,.tp-thumb { cursor: pointer; position: absolute; opacity: 0.5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .tp-arr-imgholder,.tp-videoposter,.tp-thumb-image,.tp-tab-image { background-position: center center; background-size: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px } .tp-tab:hover,.tp-tab.selected,.tp-thumb:hover,.tp-thumb.selected { opacity: 1 } .tp-tab-mask,.tp-thumb-mask { box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important } .tp-tabs,.tp-thumbs { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important } .tp-bullet { width: 15px; height: 15px; position: absolute; background: #fff; background: rgba(255,255,255,0.3); cursor: pointer } .tp-bullet.selected,.tp-bullet:hover { background: #fff } .tp-bannertimer { background: #000; background: rgba(0,0,0,0.15); height: 5px } .tparrows { cursor: pointer; background: #000; background: rgba(0,0,0,0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 1000 } .tparrows:hover { background: #000 } .tparrows:before { font-family: "revicons"; font-size: 15px; color: #fff; display: block; line-height: 40px; text-align: center } .tparrows.tp-leftarrow:before { content: '\e824' } .tparrows.tp-rightarrow:before { content: '\e825' } body.rtl .tp-kbimg { left: 0 !important } .dddwrappershadow { box-shadow: 0 45px 100px rgba(0,0,0,0.4) } .hglayerinfo { position: fixed; bottom: 0px; left: 0px; color: #FFF; font-size: 12px; line-height: 20px; font-weight: 600; background: rgba(0,0,0,0.75); padding: 5px 10px; z-index: 2000; white-space: normal } .hginfo { position: absolute; top: -2px; left: -2px; color: #e74c3c; font-size: 12px; font-weight: 600; background: #000; padding: 2px 5px } .indebugmode .tp-caption:hover { border: 1px dashed #c0392b !important } .helpgrid { border: 2px dashed #c0392b; position: absolute; top: 0px; left: 0px; z-index: 0 } #revsliderlogloglog { padding: 15px; color: #fff; position: fixed; top: 0px; left: 0px; width: 200px; height: 150px; background: rgba(0,0,0,0.7); z-index: 100000; font-size: 10px; overflow: scroll } .hesperiden.tparrows { cursor: pointer; background: rgba(0,0,0,0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 100; border-radius: 50% } .hesperiden.tparrows:hover { background: rgba(0,0,0,1) } .hesperiden.tparrows:before { font-size: 20px; color: rgb(255,255,255); display: block; line-height: 40px; text-align: center } .hesperiden.tparrows.tp-leftarrow:before { content: "\e82c"; margin-left: -3px } .hesperiden.tparrows.tp-rightarrow:before { content: "\e82d"; margin-right: -3px } .hades.tparrows { cursor: pointer; background: rgba(0,0,0,0.25); width: 100px; height: 100px; position: absolute; display: block; z-index: 100 } .hades.tparrows:before { font-size: 30px; color: rgba(255,255,255,1); display: block; line-height: 100px; text-align: center; transition: background 0.3s,color 0.3s } .hades.tparrows.tp-leftarrow:before { content: "\e824" } .hades.tparrows.tp-rightarrow:before { content: "\e825" } .hades.tparrows:hover:before { color: rgba(225,225,225,225); background: rgba(0,0,0,1) } .hades .tp-arr-allwrapper { position: absolute; left: 100%; top: 0px; background: #888; width: 100px; height: 100px; -webkit-transition: all 0.3s; transition: all 0.3s; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -webkit-transform: rotatey(-90deg); transform: rotatey(-90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50% } .hades.tp-rightarrow .tp-arr-allwrapper { left: auto; right: 100%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotatey(90deg); transform: rotatey(90deg) } .hades:hover .tp-arr-allwrapper { -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: rotatey(0deg); transform: rotatey(0deg) } .hades .tp-arr-iwrapper { } .hades .tp-arr-imgholder { background-size: cover; position: absolute; top: 0px; left: 0px; width: 100%; height: 100% } .hades .tp-arr-titleholder { } .hades .tp-arr-subtitleholder { } @media (max-width:767px) { .hades .tp-arr-allwrapper { display: none } .hades.tparrows { width: 40px; height: 40px } .hades.tparrows:before { line-height: 40px; font-size: 24px } } .ares.tparrows { cursor: pointer; background: rgba(255,255,255,1); min-width: 60px; min-height: 60px; position: absolute; display: block; z-index: 100; border-radius: 50% } .ares.tparrows:hover { } .ares.tparrows:before { font-family: "revicons"; font-size: 25px; color: rgba(170,170,170,1); display: block; line-height: 60px; text-align: center; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; z-index: 2; position: relative } .ares.tparrows.tp-leftarrow:before { content: "\e81f" } .ares.tparrows.tp-rightarrow:before { content: "\e81e" } .ares.tparrows:hover:before { color: rgb(0,0,0); } .ares .tp-arr-allwrapper { position: absolute; z-index: 1; display: inline-block; background: rgba(255,255,255,1); min-height: 60px; line-height: 60px; top: 0px; margin-left: 30px; border-radius: 0px 30px 30px 0px; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform: scalex(0); -webkit-transform: scalex(0); transform-origin: 0% 50%; -webkit-transform-origin: 0% 50% } .ares.tp-rightarrow .tp-arr-allwrapper { right: 0px; margin-right: 30px; margin-left: 0px; -webkit-transform-origin: 100% 50%; border-radius: 30px 0px 0px 30px } .ares.tparrows:hover .tp-arr-allwrapper { transform: scalex(1) scaley(1); -webkit-transform: scalex(1) scaley(1) } .ares .tp-arr-titleholder { position: relative; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform: translatex(200px); text-transform: uppercase; color: rgb(0,0,0); font-weight: 400; font-size: 14px; line-height: 60px; white-space: nowrap; padding: 0px 20px; margin-left: 10px; opacity: 0 } .ares.tp-rightarrow .tp-arr-titleholder { transform: translatex(-200px); margin-left: 0px; margin-right: 10px; } .ares.tparrows:hover .tp-arr-titleholder { transform: translatex(0px); -webkit-transform: translatex(0px); transition-delay: 0.1s; opacity: 1 } .hebe.tparrows { cursor: pointer; background: rgba(0,0,0,0.25); min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 100 } .hebe.tparrows:hover { } .hebe.tparrows:before { font-family: "revicons"; font-size: 30px; color: rgb(255,255,255); display: block; line-height: 70px; text-align: center; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; z-index: 2; position: relative; background: rgba(0,0,0,0.5); min-width: 70px; min-height: 70px } .hebe.tparrows.tp-leftarrow:before { content: "\e824" } .hebe.tparrows.tp-rightarrow:before { content: "\e825" } .hebe.tparrows:hover:before { color: rgba(255,255,255,1); background: rgba(0,0,0,0.25) } .hebe .tp-arr-allwrapper { position: absolute; z-index: 0; display: inline-block; background: #000; background: rgba(0,0,0,0.75); min-height: 60px; line-height: 60px; top: -10px; margin-left: 0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform: scalex(0); -webkit-transform: scalex(0); transform-origin: 0% 50%; -webkit-transform-origin: 0% 50% } .hebe.tp-rightarrow .tp-arr-allwrapper { right: 0px; -webkit-transform-origin: 100% 50% } .hebe.tparrows:hover .tp-arr-allwrapper { transform: scalex(1); -webkit-transform: scalex(1) } .hebe .tp-arr-titleholder { position: relative; text-transform: uppercase; color: rgb(255,255,255); font-weight: 600; font-size: 12px; line-height: 90px; white-space: nowrap; padding: 0px 20px 0px 90px } .hebe.tp-rightarrow .tp-arr-titleholder { margin-left: 0px; padding: 0px 90px 0px 20px } .hebe.tparrows:hover .tp-arr-titleholder { transform: translatex(0px); -webkit-transform: translatex(0px); transition-delay: 0.1s; opacity: 1 } .hebe .tp-arr-imgholder { width: 90px; height: 90px; position: absolute; left: 100%; display: block; background-size: cover; background-position: center center; top: 0px; right: -90px } .hebe.tp-rightarrow .tp-arr-imgholder { right: auto; left: -90px; } @media (max-width:767px) { .hebe .tp-arr-allwrapper { display: none } .hebe.tparrows { min-width: 40px; min-height: 40px } .hebe.tparrows:before { min-width: 40px; min-height: 40px; line-height: 40px; font-size: 24px } } .hermes.tparrows { cursor: pointer; background: rgba(0,0,0,0.5); width: 30px; height: 110px; position: absolute; display: block; z-index: 100 } .hermes.tparrows:before { font-family: "revicons"; font-size: 15px; color: rgb(255,255,255); display: block; line-height: 110px; text-align: center; transform: translatex(0px); -webkit-transform: translatex(0px); transition: all 0.3s; -webkit-transition: all 0.3s } .hermes.tparrows.tp-leftarrow:before { content: "\e824" } .hermes.tparrows.tp-rightarrow:before { content: "\e825" } .hermes.tparrows.tp-leftarrow:hover:before { transform: translatex(-20px); -webkit-transform: translatex(-20px); opacity: 0 } .hermes.tparrows.tp-rightarrow:hover:before { transform: translatex(20px); -webkit-transform: translatex(20px); opacity: 0 } .hermes .tp-arr-allwrapper { overflow: hidden; position: absolute; width: 180px; height: 140px; top: 0px; left: 0px; visibility: hidden; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; -webkit-perspective: 1000px; perspective: 1000px } .hermes.tp-rightarrow .tp-arr-allwrapper { right: 0px; left: auto; } .hermes.tparrows:hover .tp-arr-allwrapper { visibility: visible } .hermes .tp-arr-imgholder { width: 180px; position: absolute; left: 0px; top: 0px; height: 110px; transform: translatex(-180px); -webkit-transform: translatex(-180px); transition: all 0.3s; transition-delay: 0.3s } .hermes.tp-rightarrow .tp-arr-imgholder { transform: translatex(180px); -webkit-transform: translatex(180px); } .hermes.tparrows:hover .tp-arr-imgholder { transform: translatex(0px); -webkit-transform: translatex(0px); } .hermes .tp-arr-titleholder { top: 110px; width: 180px; text-align: left; display: block; padding: 0px 10px; line-height: 30px; background: #000; background: rgba(0,0,0,0.75); color: rgb(255,255,255); font-weight: 600; position: absolute; font-size: 12px; white-space: nowrap; letter-spacing: 1px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotatex(-90deg); transform: rotatex(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; box-sizing: border-box } .hermes.tparrows:hover .tp-arr-titleholder { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotatex(0deg); transform: rotatex(0deg) } @media (max-width:767px) { .hermes .tp-arr-allwrapper { display: none } .hermes.tparrows.tp-rightarrow:hover:before,.hermes.tparrows.tp-leftarrow:hover:before { transform: translatex(0px); -webkit-transform: translatex(0px); opacity: 1; background: rgba(0,0,0,0.25); } } .custom.tparrows { cursor: pointer; background: #000; background: rgba(0,0,0,0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 100 } .custom.tparrows:hover { background: #000 } .custom.tparrows:before { font-family: "revicons"; font-size: 15px; color: #fff; display: block; line-height: 40px; text-align: center } .custom.tparrows.tp-leftarrow:before { content: "\e824" } .custom.tparrows.tp-rightarrow:before { content: "\e825" } .hephaistos.tparrows { cursor: pointer; background: rgba(0,0,0,0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 100; border-radius: 50% } .hephaistos.tparrows:hover { background: rgba(0,0,0,1) } .hephaistos.tparrows:before { font-family: "revicons"; font-size: 18px; color: rgb(255,255,255); display: block; line-height: 40px; text-align: center } .hephaistos.tparrows.tp-leftarrow:before { content: "\e82c"; margin-left: -2px } .hephaistos.tparrows.tp-rightarrow:before { content: "\e82d"; margin-right: -2px } .persephone.tparrows { cursor: pointer; background: rgba(201,201,201,0.75); width: 40px; height: 40px; position: absolute; display: block; z-index: 100; border: 1px solid rgba(255,255,255,1) } .persephone.tparrows:hover { background: rgba(0,0,0,1) } .persephone.tparrows:before { font-family: "revicons"; font-size: 15px; color: rgb(255,255,255); display: block; line-height: 40px; text-align: center } .persephone.tparrows.tp-leftarrow:before { content: "\e824" } .persephone.tparrows.tp-rightarrow:before { content: "\e825" } .erinyen.tparrows { cursor: pointer; background: rgba(0,0,0,0.5); min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 100; border-radius: 50% } .erinyen.tparrows:before { font-family: "revicons"; font-size: 20px; color: rgb(255,255,255); display: block; line-height: 70px; text-align: center; z-index: 2; position: relative } .erinyen.tparrows.tp-leftarrow:before { content: "\e824" } .erinyen.tparrows.tp-rightarrow:before { content: "\e825" } .erinyen .tp-arr-allwrapper { position: absolute; z-index: 1; display: inline-block; background: rgba(0,0,0,0.5); min-height: 70px; line-height: 70px; top: 0px; margin-left: 0px; border-radius: 35px; overflow: hidden; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0 } .erinyen.tparrows:hover .tp-arr-allwrapper { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible } .erinyen.tp-rightarrow .tp-arr-allwrapper { right: 0px; margin-right: 0px; margin-left: 0px; -webkit-transform-origin: 100% 50%; border-radius: 35px; padding-right: 20px; padding-left: 10px } .erinyen.tp-leftarrow .tp-arr-allwrapper { padding-left: 20px; padding-right: 10px } .erinyen .tp-arr-titleholder { letter-spacing: 3px; position: relative; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform: translatex(200px); text-transform: uppercase; color: rgb(255,255,255); font-weight: 600; font-size: 13px; line-height: 70px; white-space: nowrap; padding: 0px 20px; margin-left: 11px; opacity: 0 } .erinyen .tp-arr-imgholder { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-position: center center; background-size: cover } .erinyen .tp-arr-img-over { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.51) } .erinyen.tp-rightarrow .tp-arr-titleholder { transform: translatex(-200px); margin-left: 0px; margin-right: 11px; } .erinyen.tparrows:hover .tp-arr-titleholder { transform: translatex(0px); -webkit-transform: translatex(0px); transition-delay: 0.1s; opacity: 1 } .zeus.tparrows { cursor: pointer; min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 100; border-radius: 50%; overflow: hidden; background: rgba(0,0,0,0.1) } .zeus.tparrows:before { font-family: "revicons"; font-size: 20px; color: rgb(255,255,255); display: block; line-height: 70px; text-align: center; z-index: 2; position: relative } .zeus.tparrows.tp-leftarrow:before { content: "\e824" } .zeus.tparrows.tp-rightarrow:before { content: "\e825" } .zeus .tp-arr-allwrapper { background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; transform: scale(0); -webkit-transform: scale(0); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; border-radius: 50% } .zeus .tp-arr-imgholder { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-position: center center; background-size: cover; border-radius: 50%; transform: translatex(-100%); -webkit-transform: translatex(-100%); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s } .zeus.tp-rightarrow .tp-arr-imgholder { transform: translatex(100%); -webkit-transform: translatex(100%); } .zeus.tparrows:hover .tp-arr-imgholder { transform: translatex(0); -webkit-transform: translatex(0); opacity: 1 } .zeus.tparrows:hover .tp-arr-allwrapper { transform: scale(1); -webkit-transform: scale(1); opacity: 1 } .metis.tparrows { background: rgba(255,255,255,1); padding: 10px; transition: all 0.3s; -webkit-transition: all 0.3s; width: 60px; height: 60px; box-sizing: border-box } .metis.tparrows:hover { background: rgba(255,255,255,0.75) } .metis.tparrows:before { color: rgb(0,0,0); transition: all 0.3s; -webkit-transition: all 0.3s } .metis.tparrows:hover:before { transform: scale(1.5) } .dione.tparrows { color: #000; height: 100%; width: 90px; background: transparent; background: rgba(0,0,0,0); line-height: 100%; transition: all 0.3s; -webkit-transition: all 0.3s } .dione.tparrows:hover { background: rgba(0,0,0,0.45) } .dione .tp-arr-imgwrapper { width: 90px; left: 0px; position: absolute; height: 100%; top: 0px; overflow: hidden } .dione.tp-rightarrow .tp-arr-imgwrapper { left: auto; right: 0px } .dione .tp-arr-imgholder { background-position: center center; background-size: cover; width: 90px; height: 100%; top: 0px; visibility: hidden; transform: translatex(-50px); -webkit-transform: translatex(-50px); transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; left: 0px } .dione.tparrows.tp-rightarrow .tp-arr-imgholder { right: 0px; left: auto; transform: translatex(50px); -webkit-transform: translatex(50px) } .dione.tparrows:before { color: 255,255,255; position: absolute; line-height: 30px; margin-left: -22px; top: 50%; left: 50%; font-size: 30px; margin-top: -15px; transition: all 0.3s; -webkit-transition: all 0.3s } .dione.tparrows.tp-rightarrow:before { margin-left: 6px } .dione.tparrows:hover:before { transform: translatex(-20px); -webkit-transform: translatex(-20px); opacity: 0 } .dione.tparrows.tp-rightarrow:hover:before { transform: translatex(20px); -webkit-transform: translatex(20px) } .dione.tparrows:hover .tp-arr-imgholder { transform: translatex(0px); -webkit-transform: translatex(0px); opacity: 1; visibility: visible } .uranus.tparrows { width: 50px; height: 50px; background: rgba(255,255,255,0) } .uranus.tparrows:before { width: 50px; height: 50px; line-height: 50px; font-size: 40px; transition: all 0.3s; -webkit-transition: all 0.3s } .uranus.tparrows:hover:before { opacity: 0.75 } .hesperiden.tp-bullets { } .hesperiden.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; border-radius: 8px } .hesperiden .tp-bullet { width: 12px; height: 12px; position: absolute; background: rgb(153,153,153); background: -moz-linear-gradient(top,rgb(153,153,153) 0%,rgb(225,225,225) 100%); background: -webkit-linear-gradient(top,rgb(153,153,153) 0%,rgb(225,225,225) 100%); background: -o-linear-gradient(top,rgb(153,153,153) 0%,rgb(225,225,225) 100%); background: -ms-linear-gradient(top,rgb(153,153,153) 0%,rgb(225,225,225) 100%); background: linear-gradient(to bottom,rgb(153,153,153) 0%,rgb(225,225,225) 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr="rgb(153,153,153)",endcolorstr="rgb(225,225,225)",gradienttype=0 ); border: 3px solid rgb(229,229,229); border-radius: 50%; cursor: pointer; box-sizing: content-box } .hesperiden .tp-bullet:hover,.hesperiden .tp-bullet.selected { background: rgb(102,102,102) } .hesperiden .tp-bullet-image { } .hesperiden .tp-bullet-title { } .gyges.tp-bullets { } .gyges.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: -moz-linear-gradient(top,rgba(119,119,119,1) 0%,rgba(102,102,102,1) 100%); background: -webkit-linear-gradient(top,rgba(119,119,119,1) 0%,rgba(102,102,102,1) 100%); background: -o-linear-gradient(top,rgba(119,119,119,1) 0%,rgba(102,102,102,1) 100%); background: -ms-linear-gradient(top,rgba(119,119,119,1) 0%,rgba(102,102,102,1) 100%); background: linear-gradient(to bottom,rgba(119,119,119,1) 0%,rgba(102,102,102,1) 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr="rgba(119,119,119,1)", endcolorstr="rgba(102,102,102,1)",gradienttype=0 ); padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; border-radius: 10px } .gyges .tp-bullet { width: 12px; height: 12px; position: absolute; background: rgba(51,51,51,1); border: 3px solid rgba(68,68,68,1); border-radius: 50%; cursor: pointer; box-sizing: content-box } .gyges .tp-bullet:hover,.gyges .tp-bullet.selected { background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); background: -o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); background: -ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr="rgba(255,255,255,1)", endcolorstr="rgba(224,224,224,1)",gradienttype=0 ) } .gyges .tp-bullet-image { } .gyges .tp-bullet-title { } .hades.tp-bullets { } .hades.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .hades .tp-bullet { width: 3px; height: 3px; position: absolute; background: rgba(127,127,127,1); cursor: pointer; border: 5px solid rgba(255,255,255,1); box-sizing: content-box; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); -webkit-perspective: 400; perspective: 400; -webkit-transform: translatez(0.01px); transform: translatez(0.01px) } .hades .tp-bullet:hover,.hades .tp-bullet.selected { background: rgba(86,86,86,1); border-color: rgba(255,255,255,1) } .hades .tp-bullet-image { position: absolute; top: -80px; left: 0; width: 120px; height: 60px; background-position: center center; background-size: cover; visibility: hidden; opacity: 0; transition: all 0.3s; -webkit-transform-style: flat; transform-style: flat; perspective: 600; -webkit-perspective: 600; transform: rotatex(-90deg) translatex(-50%); -webkit-transform: rotatex(-90deg) translate(-50%); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100% } .hades .tp-bullet:hover .tp-bullet-image { display: block; opacity: 1; transform: rotatex(0deg) translatex(-50%); -webkit-transform: rotatex(0deg) translatex(-50%); visibility: visible } .hades .tp-bullet-title { } .ares.tp-bullets { } .ares.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .ares .tp-bullet { width: 13px; height: 13px; position: absolute; background: rgba(0,0,0,.3); border-radius: 50%; cursor: pointer; box-sizing: content-box } .ares .tp-bullet:hover,.ares .tp-bullet.selected { background: rgba(255,255,255,.3) } .ares .tp-bullet-title { position: absolute; color: 136,136,136; font-size: 12px; padding: 0px 10px; font-weight: 600; right: 27px; top: -4px; background: rgba(255,255,255,0.75); visibility: hidden; transform: translatex(-20px); -webkit-transform: translatex(-20px); transition: transform 0.3s; -webkit-transition: transform 0.3s; line-height: 20px; white-space: nowrap } .ares .tp-bullet-title:after { width: 0px; height: 0px; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgba(255,255,255,0.75); content: " "; position: absolute; right: -10px; top: 0px } .ares .tp-bullet:hover .tp-bullet-title { visibility: visible; transform: translatex(0px); -webkit-transform: translatex(0px) } .ares .tp-bullet.selected:hover .tp-bullet-title { background: rgba(255,255,255,1) } .ares .tp-bullet.selected:hover .tp-bullet-title:after { border-color: transparent transparent transparent rgba(255,255,255,1) } .ares.tp-bullets:hover .tp-bullet-title { visibility: hidden } .ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title { visibility: visible; transform: translateX(0px) translatey(0px); -webkit-transform: translateX(0px) translatey(0px) } .ares.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title { right: auto; left: 27px; transform: translatex(20px); -webkit-transform: translatex(20px) } .ares.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title:after { border-width: 10px 10px 10px 0 !important; border-color: transparent rgba(255,255,255,0.75) transparent transparent; right: auto !important; left: -10px !important } .ares.nav-dir-vertical.nav-pos-hor-left .tp-bullet.selected:hover .tp-bullet-title:after { border-color: transparent rgba(255,255,255,1) transparent transparent !important } .ares.nav-dir-horizontal.nav-pos-ver-center .tp-bullet-title,.ares.nav-dir-horizontal.nav-pos-ver-bottom .tp-bullet-title { top: -35px; left: 50%; right: auto; transform: translateX(-50%) translateY(-10px); -webkit-transform: translateX(-50%) translateY(-10px) } .ares.nav-dir-horizontal.nav-pos-ver-center .tp-bullet-title:after,.ares.nav-dir-horizontal.nav-pos-ver-bottom .tp-bullet-title:after { border-width: 10px 10px 0px 10px; border-color: rgba(255,255,255,0.75) transparent transparent transparent; right: auto; left: 50%; margin-left: -10px; top: auto; bottom: -10px } .ares.nav-dir-horizontal.nav-pos-ver-center .tp-bullet.selected:hover .tp-bullet-title:after,.ares.nav-dir-horizontal.nav-pos-ver-bottom .tp-bullet.selected:hover .tp-bullet-title:after { border-color: rgba(255,255,255,1) transparent transparent transparent } .ares.nav-dir-horizontal.nav-pos-ver-center .tp-bullet:hover .tp-bullet-title,.ares.nav-dir-horizontal.nav-pos-ver-bottom .tp-bullet:hover .tp-bullet-title { transform: translateX(-50%) translatey(0px); -webkit-transform: translateX(-50%) translatey(0px) } .ares.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title { top: 25px; left: 50%; right: auto; transform: translateX(-50%) translateY(10px); -webkit-transform: translateX(-50%) translateY(10px) } .ares.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title:after { border-width: 0 10px 10px 10px; border-color: transparent transparent rgba(255,255,255,0.75) transparent; right: auto; left: 50%; margin-left: -10px; bottom: auto; top: -10px } .ares.nav-dir-horizontal.nav-pos-ver-top .tp-bullet.selected:hover .tp-bullet-title:after { border-color: transparent transparent rgba(255,255,255,1) transparent } .ares.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-title { transform: translateX(-50%) translatey(0px); -webkit-transform: translateX(-50%) translatey(0px) } .hebe.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .hebe .tp-bullet { width: 3px; height: 3px; position: absolute; background: rgba(255,255,255,1); cursor: pointer; border: 5px solid rgba(0,0,0,1); border-radius: 50%; box-sizing: content-box; -webkit-perspective: 400; perspective: 400; -webkit-transform: translatez(0.01px); transform: translatez(0.01px); transition: all 0.3s } .hebe .tp-bullet:hover,.hebe .tp-bullet.selected { background: rgba(0,0,0,1); border-color: rgba(255,255,255,1) } .hebe .tp-bullet-image { position: absolute; width: 70px; height: 70px; background-position: center center; background-size: cover; visibility: hidden; opacity: 0; bottom: 3px; transition: all 0.3s; -webkit-transform-style: flat; transform-style: flat; perspective: 600; -webkit-perspective: 600; transform: scale(0) translateX(-50%) translateY(0%); -webkit-transform: scale(0) translateX(-50%) translateY(0%); transform-origin: 0% 100%; -webkit-transform-origin: 0% 100%; margin-bottom: 15px; border-radius: 6px } .hebe .tp-bullet:hover .tp-bullet-image { display: block; opacity: 1; transform: scale(1) translateX(-50%) translateY(0%); -webkit-transform: scale(1) translateX(-50%) translateY(0%); visibility: visible } .hebe.nav-dir-vertical .tp-bullet-image { bottom: auto; margin-right: 15px; margin-bottom: 0px; right: 3px; transform: scale(0) translateX(0px) translateY(-50%); -webkit-transform: scale(0) translateX(0px) translateY(-50%); transform-origin: 100% 0%; -webkit-transform-origin: 100% 0% } .hebe.nav-dir-vertical .tp-bullet:hover .tp-bullet-image { transform: scale(1) translateX(0px) translateY(-50%); -webkit-transform: scale(1) translateX(0px) translateY(-50%) } .hebe.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image { bottom: auto; margin-left: 15px; margin-bottom: 0px; left: 3px; transform: scale(0) translateX(0px) translateY(-50%); -webkit-transform: scale(0) translateX(0px) translateY(-50%); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0% } .hebe.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image { transform: scale(1) translateX(0px) translateY(-50%); -webkit-transform: scale(1) translateX(0px) translateY(-50%) } .hebe.nav-pos-ver-top.nav-dir-horizontal .tp-bullet-image { bottom: auto; top: 3px; transform: scale(0) translateX(-50%) translateY(0%); -webkit-transform: scale(0) translateX(-50%) translateY(0%); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; margin-top: 15px; margin-bottom: 0px } .hebe.nav-pos-ver-top.nav-dir-horizontal .tp-bullet:hover .tp-bullet-image { transform: scale(1) translateX(-50%) translateY(0%); -webkit-transform: scale(1) translateX(-50%) translateY(0%) } .hermes.tp-bullets { } .hermes .tp-bullet { overflow: hidden; border-radius: 50%; width: 16px; height: 16px; background-color: rgba(0,0,0,0); box-shadow: inset 0 0 0 2px rgb(255,255,255); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; position: absolute } .hermes .tp-bullet:hover { background-color: rgba(0,0,0,0.21) } .hermes .tp-bullet:after { content: ' '; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: rgb(255,255,255); box-shadow: 0 0 1px rgb(255,255,255); -webkit-transition: height 0.3s ease; transition: height 0.3s ease } .hermes .tp-bullet.selected:after { height: 100% } .custom.tp-bullets { } .custom.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .custom .tp-bullet { width: 12px; height: 12px; position: absolute; background: #aaa; background: rgba(125,125,125,0.5); cursor: pointer; box-sizing: content-box } .custom .tp-bullet:hover,.custom .tp-bullet.selected { background: rgb(125,125,125) } .custom .tp-bullet-image { } .custom .tp-bullet-title { } .hephaistos .tp-bullet { width: 12px; height: 12px; position: absolute; background: rgba(153,153,153,1); border: 3px solid rgba(255,255,255,0.9); border-radius: 50%; cursor: pointer; box-sizing: content-box; box-shadow: 0px 0px 2px 1px rgba(130,130,130,0.3) } .hephaistos .tp-bullet:hover,.hephaistos .tp-bullet.selected { background: rgba(255,255,255,1); border-color: rgba(0,0,0,1) } .persephone .tp-bullet { width: 12px; height: 12px; position: absolute; background: rgba(170,170,170,1); border: 1px solid rgba(229,229,229,1); cursor: pointer; box-sizing: content-box } .persephone .tp-bullet:hover,.persephone .tp-bullet.selected { background: rgba(0,0,0,1) } .erinyen.tp-bullets { } .erinyen.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: -moz-linear-gradient(top,rgb(84,83,83) 0%,rgb(34,34,34) 100%); background: -webkit-linear-gradient(top,rgb(84,83,83) 0%,rgb(34,34,34) 100%); background: -o-linear-gradient(top,rgb(84,83,83) 0%,rgb(34,34,34) 100%); background: -ms-linear-gradient(top,rgb(84,83,83) 0%,rgb(34,34,34) 100%); background: linear-gradient(to bottom,rgb(84,83,83) 0%,rgb(34,34,34) 100%); padding: 10px 15px; margin-left: -15px; margin-top: -10px; box-sizing: content-box; border-radius: 10px; box-shadow: 0px 0px 2px 1px rgba(33,33,33,0.3) } .erinyen .tp-bullet { width: 13px; height: 13px; position: absolute; background: 17,17,17; border-radius: 50%; cursor: pointer; box-sizing: content-box } .erinyen .tp-bullet:hover,.erinyen .tp-bullet.selected { background: -moz-linear-gradient(top,229,229,229 0%,153,153,153 100%); background: -webkit-linear-gradient(top,229,229,229 0%,153,153,153 100%); background: -o-linear-gradient(top,229,229,229 0%,153,153,153 100%); background: -ms-linear-gradient(top,229,229,229 0%,153,153,153 100%); background: linear-gradient(to bottom,229,229,229 0%,153,153,153 100%); border: 1px solid #555; width: 13px; height: 13px } .zeus .tp-bullet { box-sizing: content-box; -webkit-box-sizing: content-box; border-radius: 50%; background-color: rgba(0,0,0,0); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; width: 13px; height: 13px; border: 2px solid rgb(255,255,255) } .zeus .tp-bullet:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; border-radius: 50%; background-color: rgb(255,255,255); -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease } .zeus .tp-bullet:hover:after,.zeus .tp-bullet.selected:after { -webkit-transform: scale(1.2); transform: scale(1.2) } .zeus .tp-bullet-image,.zeus .tp-bullet-imageoverlay { width: 135px; height: 60px; position: absolute; background: #000; background: rgba(0,0,0,0.5); bottom: 13px; margin-bottom: 10px; transform: translateX(-50%); -webkit-transform: translateX(-50%); box-sizing: border-box; background-size: cover; background-position: center center; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 4px } .zeus .tp-bullet-title,.zeus .tp-bullet-imageoverlay { z-index: 2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transform: translateX(-50%); -webkit-transform: translateX(-50%) } .zeus .tp-bullet-title { color: rgb(255,255,255); text-align: center; line-height: 15px; font-size: 13px; font-weight: 600; z-index: 3; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; bottom: 45px; width: 135px; vertical-align: middle } .zeus .tp-bullet:hover .tp-bullet-title,.zeus .tp-bullet:hover .tp-bullet-image,.zeus .tp-bullet:hover .tp-bullet-imageoverlay { opacity: 1; visibility: visible; -webkit-transform: translateY(0px) translateX(-50%); transform: translateY(0px) translateX(-50%) } .zeus.nav-dir-vertical .tp-bullet-image,.zeus.nav-dir-vertical .tp-bullet-imageoverlay { bottom: auto; margin-right: 10px; margin-bottom: 0px; right: 13px; transform: translateX(0px) translateY(-50%); -webkit-transform: translateX(0px) translateY(-50%) } .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image { transform: translateX(0px) translateY(-50%); -webkit-transform: translateX(0px) translateY(-50%) } .zeus.nav-dir-vertical .tp-bullet-title,.zeus.nav-dir-vertical .tp-bullet-imageoverlay { z-index: 2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transform: translateX(0px) translateY(-50%); -webkit-transform: translateX(0px) translateY(-50%) } .zeus.nav-dir-vertical .tp-bullet-title { bottom: auto; right: 100%; margin-right: 10px } .zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-title,.zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-image,.zeus.nav-dir-vertical .tp-bullet:hover .tp-bullet-imageoverlay { transform: translateX(0px) translateY(-50%); -webkit-transform: translateX(0px) translateY(-50%) } .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-image,.zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay { bottom: auto; margin-left: 10px; margin-bottom: 0px; left: 13px; transform: translateX(0px) translateY(-50%); -webkit-transform: translateX(0px) translateY(-50%) } .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-image { transform: translateX(0px) translateY(-50%); -webkit-transform: translateX(0px) translateY(-50%) } .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,.zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-imageoverlay { z-index: 2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transform: translateX(0px) translateY(-50%); -webkit-transform: translateX(0px) translateY(-50%) } .zeus.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title { bottom: auto; left: 100%; margin-left: 10px } .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-image,.zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay { bottom: auto; top: 13px; margin-top: 10px; margin-bottom: 0px; left: 0px; transform: translateY(0px) translateX(-50%); -webkit-transform: translateX(0px) translateX(-50%) } .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-image { transform: scale(1) translateY(0px) translateX(-50%); -webkit-transform: scale(1) translateY(0px) translateX(-50%) } .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title,.zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-imageoverlay { z-index: 2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transform: translateY(0px) translateX(-50%); -webkit-transform: translateY(0px) translateX(-50%) } .zeus.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title { bottom: auto; top: 13px; margin-top: 20px } .metis .tp-bullet { opacity: 1; width: 50px; height: 50px; padding: 3px; background-color: rgba(0,0,0,0.25); margin: 0px; box-sizing: border-box; transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 50% } .metis .tp-bullet-image { border-radius: 50%; display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); width: 100%; height: 100%; background-size: cover; background-position: center center } .metis .tp-bullet-title { position: absolute; bottom: 50px; margin-bottom: 10px; display: inline-block; left: 50%; background: #000; background: rgba(0,0,0,0.75); color: rgb(255,255,255); padding: 10px 30px; border-radius: 4px; -webkit-border-radius: 4px; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; transform: translatez(0.001px) translatex(-50%) translatey(14px); transform-origin: 50% 100%; -webkit-transform: translatez(0.001px) translatex(-50%) translatey(14px); -webkit-transform-origin: 50% 100%; opacity: 0; white-space: nowrap } .metis .tp-bullet:hover .tp-bullet-title { transform: rotatex(0deg) translatex(-50%); -webkit-transform: rotatex(0deg) translatex(-50%); opacity: 1 } .metis .tp-bullet.selected,.metis .tp-bullet:hover { background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%); background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(119,119,119,1))); background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%); background: -o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%); background: -ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%); background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%) } .metis .tp-bullet-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: rgba(0,0,0,0.75) transparent transparent transparent; bottom: -8px } .metis.nav-dir-vertical.nav-pos-hor-right .tp-bullet-title { margin-bottom: 0px; top: 50%; right: 50px; left: auto; bottom: auto; margin-right: 10px; transform: translateX(-10px) translateY(-50%); -webkit-transform: translateX(-10px) translateY(-50%) } .metis.nav-dir-vertical.nav-pos-hor-right .tp-bullet-title:after { border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgba(0,0,0,0.75); right: -10px; left: auto; bottom: auto; top: 10px } .metis.nav-dir-vertical.nav-pos-hor-right .tp-bullet:hover .tp-bullet-title { transform: translateY(-50%) translateX(0px); -webkit-transform: translateY(-50%) translateX(0px) } .metis.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,.metis.nav-dir-vertical.nav-pos-hor-center .tp-bullet-title { margin-bottom: 0px; top: 50%; left: 50px; right: auto; bottom: auto; margin-left: 10px; transform: translateX(10px) translateY(-50%); -webkit-transform: translateX(10px) translateY(-50%) } .metis.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title:after,.metis.nav-dir-vertical.nav-pos-hor-center .tp-bullet-title:after { border-width: 10px 10px 10px 0; border-color: transparent rgba(0,0,0,0.75) transparent transparent; left: -2px; right: auto; bottom: auto; top: 10px } .metis.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-title,.metis.nav-dir-vertical.nav-pos-hor-center .tp-bullet:hover .tp-bullet-title { transform: translateY(-50%) translateX(0px); -webkit-transform: translateY(-50%) translateX(0px) } .metis.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title { margin-bottom: 0px; top: 50px; left: 50%; bottom: auto; margin-top: 10px; right: auto; transform: translateX(-50%) translateY(10px); -webkit-transform: translateX(-50%) translateY(10px) } .metis.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title:after { border-width: 0 10px 10px 10px; border-color: transparent transparent rgba(0,0,0,0.75) transparent; right: auto; left: 50%; margin-left: -10px; bottom: auto; top: -10px } .metis.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-title { transform: translateX(-50%) translatey(0px); -webkit-transform: translateX(-50%) translatey(0px) } .dione .tp-bullet { opacity: 1; width: 50px; height: 50px; padding: 3px; background-color: rgba(0,0,0,0.25); margin: 0px; box-sizing: border-box; transition: all 0.3s; -webkit-transition: all 0.3s } .dione .tp-bullet-image { display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25); width: 100%; height: 100%; background-size: cover; background-position: center center } .dione .tp-bullet-title { position: absolute; bottom: 65px; display: inline-block; left: 50%; background: rgba(0,0,0,0.65); color: rgb(255,255,255); padding: 10px 30px; border-radius: 4px; -webkit-border-radius: 4px; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; transform: translatez(0.001px) translatex(-50%) translatey(14px); transform-origin: 50% 100%; -webkit-transform: translatez(0.001px) translatex(-50%) translatey(14px); -webkit-transform-origin: 50% 100%; opacity: 0; white-space: nowrap } .dione .tp-bullet:hover .tp-bullet-title { transform: rotatex(0deg) translatex(-50%); -webkit-transform: rotatex(0deg) translatex(-50%); opacity: 1 } .dione .tp-bullet.selected,.dione .tp-bullet:hover { background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%); background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(119,119,119,1))); background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%); background: -o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%); background: -ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%); background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(119,119,119,1) 100%) } .dione .tp-bullet-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: rgba(0,0,0,0.65) transparent transparent transparent; bottom: -8px } .dione.nav-dir-vertical.nav-pos-hor-right .tp-bullet-title { top: 50%; right: 50px; left: auto; bottom: auto; margin-right: 10px; transform: translateX(-10px) translateY(-50%); -webkit-transform: translateX(-10px) translateY(-50%) } .dione.nav-dir-vertical.nav-pos-hor-right .tp-bullet-title:after { border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgba(0,0,0,0.65); right: -10px; left: auto; bottom: auto; top: 10px } .dione.nav-dir-vertical.nav-pos-hor-right .tp-bullet:hover .tp-bullet-title { transform: translateY(-50%) translateX(0px); -webkit-transform: translateY(-50%) translateX(0px) } .dione.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title,.dione.nav-dir-vertical.nav-pos-hor-center .tp-bullet-title { top: 50%; left: 50px; right: auto; bottom: auto; margin-left: 10px; transform: translateX(10px) translateY(-50%); -webkit-transform: translateX(10px) translateY(-50%) } .dione.nav-dir-vertical.nav-pos-hor-left .tp-bullet-title:after,.dione.nav-dir-vertical.nav-pos-hor-center .tp-bullet-title:after { border-width: 10px 10px 10px 0; border-color: transparent rgba(0,0,0,0.65) transparent transparent; left: -2px; right: auto; bottom: auto; top: 10px } .dione.nav-dir-vertical.nav-pos-hor-left .tp-bullet:hover .tp-bullet-title,.dione.nav-dir-vertical.nav-pos-hor-center .tp-bullet:hover .tp-bullet-title { transform: translateY(-50%) translateX(0px); -webkit-transform: translateY(-50%) translateX(0px) } .dione.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title { top: 50px; left: 50%; bottom: auto; margin-top: 10px; right: auto; transform: translateX(-50%) translateY(10px); -webkit-transform: translateX(-50%) translateY(10px) } .dione.nav-dir-horizontal.nav-pos-ver-top .tp-bullet-title:after { border-width: 0 10px 10px 10px; border-color: transparent transparent rgba(0,0,0,0.65) transparent; right: auto; left: 50%; margin-left: -10px; bottom: auto; top: -10px } .dione.nav-dir-horizontal.nav-pos-ver-top .tp-bullet:hover .tp-bullet-title { transform: translateX(-50%) translatey(0px); -webkit-transform: translateX(-50%) translatey(0px) } .uranus .tp-bullet { border-radius: 50%; box-shadow: 0 0 0 2px rgba(255,255,255,0); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; background: transparent; width: 15px; height: 15px } .uranus .tp-bullet.selected,.uranus .tp-bullet:hover { box-shadow: 0 0 0 2px rgba(255,255,255,1); border: none; border-radius: 50%; background: transparent } .uranus .tp-bullet-inner { -webkit-transition: background-color 0.3s ease,-webkit-transform 0.3s ease; transition: background-color 0.3s ease,transform 0.3s ease; top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.3); text-indent: -999em; cursor: pointer; position: absolute } .uranus .tp-bullet.selected .tp-bullet-inner,.uranus .tp-bullet:hover .tp-bullet-inner { transform: scale(0.4); -webkit-transform: scale(0.4); background-color: rgb(255,255,255) } .banner_met_28_1_42.main-slider { position: relative } .banner_met_28_1_42.main-slider .ecoslidert { font-weight: bold; color: #fff } .banner_met_28_1_42.main-slider .ecoslidert span { padding: 10px 20px !important } .banner_met_28_1_42.main-slider .ecodesc { color: #fff; margin-top: 20px !important } .banner_met_28_1_42.main-slider .more-link { margin-top: 20px !important } .banner_met_28_1_42 .rev_slider_wrapper .banner-btn { border: 2px solid; border-color: #222222; border-color:; color: #333333; color:; text-transform: uppercase; font-weight: bold; display: inline-block; padding: 10px 20px !important; z-index: 61 } .banner_met_28_1_42 .rev_slider_wrapper .banner-btn i { margin-left: 18px } .banner_met_28_1_42 .rev_slider_wrapper .banner-btn { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s } .banner_met_28_1_42 .rev_slider_wrapper .banner-btn:before { content: ""; position: absolute; z-index: -1; top: -2px; left: -2px; right: -2px; bottom: -2px; background: #1c143a; background:; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .banner_met_28_1_42 .rev_slider_wrapper .banner-btn:hover:before,.banner_met_28_1_42 .rev_slider_wrapper .banner-btn:focus:before,.banner_met_28_1_42 .rev_slider_wrapper .banner-btn:active:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .banner_met_28_1_42 .rev_slider_wrapper { position: relative; z-index: 0 } .banner_met_28_1_42 .rev_slider >ul,.banner_met_28_1_42 .rev_slider_wrapper >ul,.banner_met_28_1_42 .tp-revslider-mainul >li,.banner_met_28_1_42 .rev_slider >ul >li,.banner_met_28_1_42 .rev_slider >ul >li:before,.banner_met_28_1_42 .tp-revslider-mainul >li:before,.banner_met_28_1_42 .tp-simpleresponsive >ul,.banner_met_28_1_42 .tp-simpleresponsive >ul >li,.banner_met_28_1_42 .tp-simpleresponsive >ul >li:before,.banner_met_28_1_42 .tp-revslider-mainul >li,.banner_met_28_1_42 .tp-simpleresponsive >ul >li { list-style: none!important; position: absolute; margin: 0px!important; padding: 0px!important; overflow-x: visible; overflow-y: visible; list-style-type: none!important; background-image: none; background-position: 0px 0px; text-indent: 0em; top: 0px; left: 0px } .banner_met_28_1_42 .rev_slider_wrapper { width: 100% } .banner_met_28_1_42 .rev_slider { position: relative; overflow: visible } .tp-revslider-slidesli .tp-bgimg { background-size: 100% 100%!important } .banner_met_28_1_42-ny { background-color:; background-color:; height: 120px } .banner_met_28_1_42-ny h1 { margin: 0px; padding: 10px 30px; font-size: 35px; text-shadow: none; color: #333333; color: } .banner_met_28_1_42 .tp-banner .weilei:before { height: 80px; line-height: 80px } .banner_met_28_1_42 .tp-parallax-wrap,.banner_met_28_1_42 .tp-loop-wrap,.banner_met_28_1_42 .tp-mask-wrap { position: static !important } .banner_met_28_1_42 .tp-mask-wrap .tp-caption { padding: 0 !important } .banner_met_28_1_42 .slick-slide .banner-text>a { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 12 } .banner_met_28_1_42 .banner-text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 12 } .banner_met_28_1_42 .banner-text .container { height: 100%; display: table; text-align: center } .banner_met_28_1_42 .banner-text .container .banner-text-con { display: table-cell; vertical-align: middle } .banner_met_28_1_42 .banner-text.p-0 .container { text-align: left } .banner_met_28_1_42 .banner-text.p-0 .container .banner-text-con>div { width: 70%; float: left } .banner_met_28_1_42 .banner-text.p-1 .container { text-align: right } .banner_met_28_1_42 .banner-text.p-1 .container .banner-text-con>div { width: 70%; float: right } .banner_met_28_1_42 .banner-text.p-2 { top: 10% } .banner_met_28_1_42 .banner-text.p-2 .container .banner-text-con { vertical-align: top } .banner_met_28_1_42 .banner-text.p-3 { top: auto; bottom: 10% } .banner_met_28_1_42 .banner-text.p-3 .container .banner-text-con { vertical-align: bottom } .banner_met_28_1_42 .banner-text.p-2 .container .banner-text-con>div,.banner_met_28_1_42 .banner-text.p-3 .container .banner-text-con>div,.banner_met_28_1_42 .banner-text.p-4 .container .banner-text-con>div { width: 70%; display: inline-block } .banner_met_28_1_42 .banner-text h4,.banner_met_28_1_42 .banner-text p { color: #fff } .banner_met_28_1_42 .banner-text h4 { margin: 0; font-size: 30px } .banner_met_28_1_42 .banner-text p { font-size: 36px; margin: 20px 0 0; text-shadow: none } .banner_met_28_1_42 .banner-text .bt-btn,.banner_met_28_1_42 .more-link { z-index: 13 } .banner_met_28_1_42 .banner-text .bt-btn { margin-top: 15px !important } .banner_met_28_1_42 .banner-text .bt-btn .btn { line-height: 2.5; padding: 0 10px !important } @media (max-width:991px) { .banner_met_28_1_42.main-slider .ecodesc,.banner_met_28_1_42.main-slider .more-link { margin-top: 15px !important } .banner_met_28_1_42 .banner-text .banner-btn { padding: 5px 15px !important } } @media (max-width:767px) { .banner_met_28_1_42 .banner-text .container { width: 100% } .banner_met_28_1_42 .banner-text.p-4 .container .banner-text-con { width: 100% } .banner_met_28_1_42.main-slider .ecoslidert span { padding: 10px 15px !important } .banner_met_28_1_42.main-slider .ecodesc,.banner_met_28_1_42.main-slider .more-link { margin-top: 10px !important } .banner_met_28_1_42 .banner-text h4 { font-size: 18px } .banner_met_28_1_42 .banner-text p { margin-top: 15px; font-size: 24px } .banner_met_28_1_42 .banner-text .bt-btn { margin-top: 10px !important } .banner_met_28_1_42 .tparrows { display: none } } .link_met_11_1_63 { background-color: #ffffff; background-color: } .link_met_11_1_63 .breadcrumb-item { float: none; display: inline-block; padding: 0 5px } .link_met_11_1_63 .breadcrumb-item.split { padding: 0 } .link_met_11_1_63 .breadcrumb-item a { color: #222222; color:; transition: color 0.2s ease-out } .link_met_11_1_63 .breadcrumb-item a:hover { color: #1c143a; color: } .link_met_11_1_63 .breadcrumb-item+.breadcrumb-item::before { color: #222222; color: } .link_met_11_1_63 .breadcrumb-item:nth-child(1) { color: #333333; color:; font-size: 16px } .link_met_11_1_63 .container { border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid; border-top: 1px solid } .link_met_11_1_63 .breadcrumb-item+.breadcrumb-item::before { display: none } .link_met_11_1_63 .breadcrumb-item+.breadcrumb-item.split::before { display: inline-block } @media (max-width:767px) { .link_met_11_1_63 .container { text-align: left } } .met-footnav { padding: 5px 0px; background-color: #1c143a } .met-footnav .list h4 a span { color: #333333; color: #ffffff; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .met-footnav .list h4 a:hover span { color: #1c143a !important; color: #ffffff !important } .phone i { margin-left: 8px; margin-right: 8px } .phone span { color: #333333; color: #ffffff; position: relative; top: -4px } .met-footnav .footnav-left ul > li > a { color: #8eddff } .met-footnav .footnav-right { border-left: 1px solid #ffffff; margin-top: 10px } .met-footnav .info-left { text-align: left } .met-footnav .info-right { text-align: left } @media (max-width:991px) { .met-footnav { padding: 10px 0 } .met-footnav .list { margin-bottom: 5px } .met-footnav .footnav-right { border: none } } @media (max-width:767px) { .met-footnav { padding: 15px 0 } .met-footnav .list { margin-bottom: 0px } .met-footnav .info { width: 100% } .met-footnav .info-left,.met-footnav .info-right { text-align: center } } .met-footnav h4 { font-size: 15px; margin-top: 0px; text-shadow: none; line-height: 39px; margin-bottom: 0 } .met-footnav h4 a { color: #fff; text-decoration: none; transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s } .met-footnav h4 a:active,.met-footnav h4 a:focus,.met-footnav h4 a:hover { text-decoration: none } .met-footnav h4 a:hover { color: #8c0000 } .met-footnav .info em { display: block; font-size: 26px; font-style: normal } .met-footnav .info em a { color: #fff; transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; margin: 0 } .met-footnav .info em a:hover { color: #8c0000 } .met-footnav .info p { color: #aaaaaa } .met-footnav .info i { font-size: 26px; cursor: pointer; color: #ffffff!important; transition: all 0.3s ease-out } .met-footnav .info a { margin: 0px 8px } .met-footnav .info a:hover,.met-footnav .info a:focus { text-decoration: none } .met-footnav .info a:hover i,.met-footnav .info a:focus i { color: #ffffff !important; transition: all 0.3s ease-out } .foot_info_met_16_1_4 { background: #ffffff; background: #1c143a; color: #333333; color: #ffffff; padding: 20px 0px } .foot_info_met_16_1_4 a { color: #333333; color: #ffffff } .foot_info_met_16_1_4 a:hover { color: #1c143a } .foot_info_met_16_1_4 .btn-outline.btn-default { color: #333333; color: #ffffff; border-color: } .foot_info_met_16_1_4 .powered_by_metinfo a { color: #1c143a; color: #ff6600 } .foot_info_met_16_1_4.border-top1 { border-color: #3e3e4a } footer { line-height: 1.8 } footer p { margin-bottom: 0px } footer .met-langlist { margin-top: 10px } .foot_info_met_16_1_4 .met-langlist li { display: inline-block; list-style: none } .foot_info_met_16_1_4 .met-langlist .btn-lang .flag-icon { margin-right: 3px } .foot_info_met_16_1_4 .met-langlist .dropdown-menu { min-width: 0; width: 100%; background-color: #ffffff; border-color: #ffffff } .foot_info_met_16_1_4 .met-langlist .dropdown-menu .dropdown-item { white-space: nowrap } @media (max-width:479px) { .foot_info_met_16_1_4 .met-langlist .btn-lang { padding-left: 5px; padding-right: 5px } } .foot_info_met_16_1_4_bottom { overflow: hidden; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100% } .foot_info_met_16_1_4_bottom a.item { color: #ffffff; padding: 5px 0; display: inline-block } .foot_info_met_16_1_4_bottom a.item i { color: #ffffff; font-size: 16px; display: block } .foot_info_met_16_1_4_bottom { display: none } .foot_info_met_16_1_4_bottom.iskeshi { display: block } .foot_info_met_16_1_4_bottom .main { display: flex } .foot_info_met_16_1_4_bottom .main>div { flex: 1 } @media (max-width:767px) { .foot_info_met_16_1_4_bottom { display: block } } .back_top_met_16_1_6.met-scroll-top { position: fixed; right: 10px; bottom: 20px; z-index: 1601 } .back_top_met_16_1_6.met-scroll-top { border-color: #ffffff; background-color: #ffffff; border-color: #5629c0; background-color: #5629c0; color: #ffffff } .back_top_met_16_1_6.met-scroll-top:hover,.back_top_met_16_1_6.met-scroll-top:focus { border-color: #1c143a; background-color: #1c143a; border-color: #073ab9; background-color: #073ab9; color: #ffffff } .back_top_met_16_1_6.views { bottom: 70px } @media (max-width:767px) { .back_top_met_16_1_6.met-scroll-top { bottom: 70px } } .subcolumn_nav_met_28_1_11 { background: #ffffff; background:; padding: 10px 0 } .subcolumn_nav_met_28_1_11 .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .subcolumn_nav_met_28_1_11 .card { margin: 0; background: #ffffff; background:; border: 1px solid #e7eaf1; border-radius: 5px !important; box-shadow: 0 1px 3px rgba(0,37,55,0.05) } .subcolumn_nav_met_28_1_11 .card .sidebar-tile { text-align: center } .subcolumn_nav_met_28_1_11 .met-column-nav-ul li { white-space: nowrap; display: inline-block; float: none } .subcolumn_nav_met_28_1_11 .met-column-nav-ul li a { text-decoration: none; display: block; padding: 5px 10px; font-size: 16px; font-weight: 300; color: #333333; color: } .subcolumn_nav_met_28_1_11 .met-column-nav-ul li>a.active { color: #1c143a; color: #ff6600 } .subcolumn_nav_met_28_1_11 .met-column-nav-ul li a:hover { color: #1c143a; color: #ff6600 } .subcolumn_nav_met_28_1_11 .met-column-nav-ul li.active>a { color: #1c143a; color: #ff6600 } .subcolumn_nav_met_28_1_11 .met-column-nav-ul { list-style: none; margin: 0; padding: 10px 0; text-align: center } .subcolumn_nav_met_28_1_11 .met-column-nav-ul li div a.active { color: #1c143a !important; color: #ff6600 !important } .subcolumn_nav_met_28_1_11 .dropdown-menu { background: #ffffff; border-color: transparent } .subcolumn_nav_met_28_1_11 .dropdown-item:hover,.subcolumn_nav_met_28_1_11 .dropdown-item.active { background: transparent !important } @media (max-width:767px) { .subcolumn_nav_met_28_1_11 .card { background: #ffffff; background:; background:; border: none; border-radius: none; box-shadow: 0 1px 3px rgba(0,37,55,0) } .subcolumn_nav_met_28_1_11 { background: #ffffff; background:; background: } } .para_search_met_16_1_13 { background:; padding: 30px 0px } @media (max-width:992px) { .para_search_met_16_1_13 { padding: 20px 0px } } .para_search_met_16_1_13 .btn-outline.btn-primary { color: #1c143a; border-color: #1c143a; color:; border-color: } .para_search_met_16_1_13 .btn-outline.btn-primary.active,.btn-outline.btn-primary:active,.btn-outline.btn-primary:focus,.btn-outline.btn-primary:hover,.open>.btn-outline.btn-primary.dropdown-toggle { background-color: #1c143a; color: #fff !important; background-color: } .para_search_met_16_1_13 .order a { color: #333333; color:; font-size: 14px; background: #fff; background:; border-radius: 2px } .para_search_met_16_1_13 .order a:hover { color: #1c143a; color: } .para_search_met_16_1_13 .pricetxt { color: #333333; color: } .para_search_met_16_1_13 .price_num { border-color: #e4eaec } .para_search_met_16_1_13 .pricesearch { border-color: #f96868; background-color: #f96868; color: #ffffff } .para_search_met_16_1_13 .pricesearch:hover { opacity: 0.8 } .para_search_met_16_1_13 .type-order { border-top: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4 } .para_search_met_16_1_13 .type-order { border-color: } .para_search_met_16_1_13 .type-order>div { background: #e5e5e5; border-bottom: 1px solid #ededed } .para_search_met_16_1_13 .type-order>div { background:; border-color:; color: } .para_search_met_16_1_13 .type-order ul { background: #fafafa } .para_search_met_16_1_13 .type-order ul { padding: 0; margin: 0; background: #fafafa } .para_search_met_16_1_13 .type-order ul li { height: 40px; line-height: 40px } .para_search_met_16_1_13 .type-order .attr-name { height: 40px; line-height: 40px; white-space: nowrap; position: relative; overflow: hidden } .para_search_met_16_1_13 .type-order .attr-value a { color: #222222; color: } .para_search_met_16_1_13 .type-order .attr-value a:hover,.para_search_met_16_1_13 .type-order ul li.para_select_option a { color: #1c143a; color: } @media (max-width:480px) { .para_search_met_16_1_13 .pricesearch { } } @media (max-width:767px) { .para_search_met_16_1_13 { padding: 10px 0px } .para_search_met_16_1_13 .order .order-list { margin-bottom: 13px } .para_search_met_16_1_13 .w-100 { width: 70px !important } } .product_list_page_met_36_1_12 { display: block; background-color: #ffffff; background-color:; padding: 70px 0 } @media(max-width:768px) { padding:50px 0 } @media(max-width:767px) { padding:20px 0 } .product_list_page_met_36_1_12 .chapList { overflow: hidden; padding-bottom: 50px; font-size: 0 } .product_list_page_met_36_1_12 .chapList dl { float: none; display: inline-block; border: 0.5px solid #dedfdf; background: #fff; margin: 0; padding: 10px } .product_list_page_met_36_1_12 .chapList dl dt { position: relative; width: 100%; overflow: hidden } .product_list_page_met_36_1_12 .chapList dl dt a img { display: block; height: auto; width: 100%; max-width: 100% } .product_list_page_met_36_1_12 .chapList dl dt .sizebox { overflow: hidden; padding: 5px 0; position: absolute; left: 0; bottom: 45px; background: rgba(0,0,0,.7)!important; background: #000; filter: alpha(opacity=70); display: none } .product_list_page_met_36_1_12 .chapList dl dt .sizebox img { float: left; cursor: pointer } .product_list_page_met_36_1_12 .chapList dl dt .icon_7 { color: #FFF; height: 17px; left: 7px; line-height: 17px; width: 57px; position: absolute; top: 7px; text-indent: -9999px; overflow: hidden } .product_list_page_met_36_1_12 .chapList dl dt .colorIndex { width: 218px; padding-top: 6px; height: auto; padding-left: 9px } .product_list_page_met_36_1_12 .chapList dl dt .colorIndex a { float: left; width: 45px!important; border: 1px solid #d8dad9; padding: 1px; margin-right: 6px } .product_list_page_met_36_1_12 .chapList dl dd a.dd-a,.product_list_page_met_36_1_12 .chapList dl dd div.price,.product_list_page_met_36_1_12 .chapList dl dd strong,.product_list_page_met_36_1_12 .chapList dl dd em { display: block; height: 22px; overflow: hidden; text-align: left } .product_list_page_met_36_1_12 .chapList dl dd span font { color: #f0006a; font-size: 16px; padding-left: 3px; padding-right: 10px; font-family: 'Microsoft Yahei' } .product_list_page_met_36_1_12 .chapList dl dd span del { color: #a6a6a6; font-family: 'Microsoft Yahei' } .product_list_page_met_36_1_12 .chapList .shop { color: #222222; color:; text-decoration: underline } .product_list_page_met_36_1_12 .chapList dl dd a.dd-a { padding-left: 8px; white-space: nowrap; color: #333333; color:; overflow: hidden; height: auto; text-overflow: ellipsis; font-size: 14px } .product_list_page_met_36_1_12 .chapList dl dd a.dd-a span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 14px } .product_list_page_met_36_1_12 .chapList .review { padding: 0; border-top: 1px solid #ececec; height: 28px; line-height: 28px; margin-top: 5px } .product_list_page_met_36_1_12 .chapList dl dd strong { color: #7e7e7e; font-weight: normal } .product_list_page_met_36_1_12 .chapList dl dt .colorIndex a:hover,.product_list_page_met_36_1_12 .chapList dl dt .colorIndex a.on { border: 1px solid #e10164 } .product_list_page_met_36_1_12 .img-a { color: #797979; text-decoration: none; font-size: 12px } .product_list_page_met_36_1_12 .my_bigimg { overflow: hidden } .product_list_page_met_36_1_12 .overlay-scale { transition: all 0.6s } .product_list_page_met_36_1_12 .overlay-scale:hover { transform: scale(1.4) } .product_list_page_met_36_1_12 .link-btn { border-color: #333333; background-color: #333333; border-color:; background-color: } .product_list_page_met_36_1_12 .link-btn:hover { border-color: #1c143a; background-color: #1c143a; border-color:; background-color: } .product_list_page_met_36_1_12 .popular-product.right .col-md-9 { float: right } .product_list_page_met_36_1_12 .popular-product.right .col-md-3 .met-sidebar { margin-right: 30px!important } .product_list_page_met_36_1_12 .popular-product.left .col-md-3 .met-sidebar { margin-left: 30px!important } .met_pager { margin-top: 20px; text-align: center } .met_pager * { display: inline-block } .met_pager a { padding: 9px 15px; border: 1px solid #e4eaec; border-right: none; background: #fff; text-align: center; color: #76838f } .met_pager a:hover { background: #f5f5f5; text-decoration: none } .met_pager a.NextA { border-right: 1px solid #e4eaec } .met_pager .PreSpan,.met_pager .NextSpan { padding: 9px 15px; border: 1px solid #e4eaec; background: #fff; color: #ccd5db; cursor: default } .met_pager .firstPage,.met_pager .lastPage { min-width: 40px; height: 28px; line-height: 28px } .met_pager a.Ahover { border-color: #1c143a; background: #1c143a; border-color:; background:; color: #fff; cursor: default } .met_pager a.Ahover:hover { border-color: #1c143a; background: #1c143a; border-color:; background:; color: #fff } .met_pager a { text-decoration: none } .met_pager a:active,.met_pager a:focus,.met_pager a:hover { text-decoration: none } .met_pager .PageText { display: none; margin-left: 10px; color: #aaa } .met_pager input { display: none } .met_pager .firstPage,.met_pager .lastPage { height: auto; line-height: inherit } .pager li { width: 49%; display: inline-block } .pager li a { max-width: 100% } .product_list_page_met_36_1_12 #met-pager-btn { border-color: #1c143a; background-color: #1c143a; border-color:; background-color: } @media(max-width:767px) { .product_list_page_met_36_1_12 .popular-product.right .col-md-9 { float: none } .product_list_page_met_36_1_12 .popular-product.right .col-md-3 .met-sidebar { margin-right: 0!important } .product_list_page_met_36_1_12 .popular-product.left .col-md-3 .met-sidebar { margin-left: 0!important } .product_list_page_met_36_1_12 .chapList { padding-bottom: 0 } } /* FILE ARCHIVED ON 20:44:26 May 29, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 17:16:42 Jan 20, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.526 exclusion.robots: 0.026 exclusion.robots.policy: 0.015 esindex: 0.011 cdx.remote: 6.779 LoadShardBlock: 362.506 (3) PetaboxLoader3.datanode: 297.054 (4) PetaboxLoader3.resolve: 207.583 (2) load_resource: 244.519 */