/* Start:/local/templates/winback-new/css/swiper.min.css?173935335319774*/ /** * Swiper 4.3.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 31, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-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-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-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;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,right top,left 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:-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,left top,right 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:-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 bottom,left top,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:-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 top,left bottom,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:-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-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-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;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-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-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-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-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-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-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-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-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.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;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.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-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{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%;-ms-transform-origin:50%;transform-origin:50%;-webkit-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%;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);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-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;-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-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* End */ /* Start:/local/templates/winback-new/css/style.css?173935335337183*/ @font-face { font-family: HelveticaNeueBold; src: url("/local/templates/winback-new/css/../fonts/HelveticaNeueLTW1G-BdCn.ttf") format("truetype"); font-weight: bold; } html, body, p, h1, h2, h3, h4, h5, h6, ul, li, a{ margin: 0; padding: 0; font-family: "HelveticaNeuelTW1G", Helvetica, Arial, sans-serif; } input{outline: none;} ul, li, a{ text-decoration: none; list-style: none; } .block__image__mob{ display: none; } .return__header .super{ font-size: 16px; color: #000000; } .super{ color: #000000!important; vertical-align: super; font-size: 10px; } body{ position: relative; } body.overflow_hidden{ overflow: hidden; } .items__return--mob, .return__description--mob{ display: none; } .benefits_mob{ display: none; } .header{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: center; padding: 30px 120px; z-index: 30; position: relative; max-width: 1920px; margin: 0 auto; box-shadow: 0px 3px 10px #0000001a; } .content{ max-width: 1920px; margin: 0 auto; } .header__left{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; } .header__right{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; align-content: center; } .header__social{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; margin-right: 20px; } .header__social.mob{ display: none; } .header__logo img{ height: 40px; margin-right: 30px; } .header__menu ul{ display: flex; height: 40px; } .header__menu ul li{ height: 100%; margin-right: 40px; } .header__menu ul li:last-child{ margin-right: 0; } .header__menu ul li a{ display: block; color: #25282a; font-weight: bold; font-size: 16px; line-height: 20px; padding: 10px 20px; } .header__icon{ margin-right: 15px; } .header__icon:last-child{ margin-right: 0; } .block_products{ height: 580px; } .header__big{ font-size: 60px; font-weight: bold; margin-bottom: 30px; color: #000000; text-transform: uppercase; font-family: HelveticaNeueBold; } .block__image.big__image__third{ margin-top: 30px; margin-bottom: 30px; } .block__image{ height: 468px; display: flex; justify-content: flex-end; } .block_products, .block__image{ position: relative; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; } .block_products{ background-position: center; } .block__products--hover{ width: 100%; /* max-width: 900px; */ height: 750px; position: absolute; bottom: 0; left: 0; } .info__description--hover{ display: none; margin-bottom: 0; padding-left: 0; } .info__description--hover.show{ display: block; } .info__description--hover li{ list-style-type: disc !important; list-style-position: inside; } .block__products--hover{ cursor: pointer; } .big__image__first{ background-image: url("/local/templates/winback-new/css/../img/big_img_1.png"); } .big__image__second{ background-image: url("/local/templates/winback-new/css/../img/big_img_2.png"); } .big__image__third{ background-image: url("/local/templates/winback-new/css/../img/big_img_3.png"); } .big__image__fourth{ background-image: url("/local/templates/winback-new/css/../img/big_img_4.png"); } .big__image__fifth{ background-image: url("/local/templates/winback-new/css/../img/big_img_5.png"); } .big__image__first .block__image--text, .big__image__second .block__image--text, .big__image__third .block__image--text, .big__image__fourth .block__image--text, .big__image__fifth .block__image--text{ /*position: absolute; */ height: 468px; /* right: 210px; */ /* top: 50%; */ /* margin-top: -193px; */ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start; align-content: end; min-width: 720px; margin-right: 1vw; } .products_text{ padding-top: 40px; } .products_text.mn{ padding-bottom: 20px; } .products_text.kz{ margin-bottom: 20px; } .products_text.kz-ru{ margin-bottom: 20px; } .products_text.kg{ margin-bottom: 20px; } .products_text.kg-ru{ margin-bottom: 20px; } .products_text.am{ margin-bottom: 20px; } .products__description{ text-align: center; font-size: 24px; max-width: 990px; margin: 0 auto; } .products__description .grey{ color: #b3b4b2; padding-top: 5px; } .products__header{ text-align: center; text-transform: uppercase; } .info__header{ font-size: 24px; font-weight: bold; border-bottom: 2px solid black; padding-bottom: 10px; margin-bottom: 10px; } .info__description{ font-size: 24px; } .book__description, .book__header{ text-align: center; } .book__description{ font-size: 16px; margin-bottom: 20px; } .big__image__first .block__image--header{ max-width: 730px; } .book__header, .products__header, .big__image__first .block__image--header, .big__image__second .block__image--header, .big__image__third .block__image--header, .big__image__fourth .block__image--header, .big__image__fifth .block__image--header{ color: #78be25; font-size: 36px; margin-bottom: 20px; font-weight: bold; } .products__header.by{ color: #fff; } .big__image__first .block__image--description, .big__image__second .block__image--description, .big__image__third .block__image--description, .big__image__fourth .block__image--description, .big__image__fifth .block__image--description{ font-size: 20px; margin-bottom: 35px; color: #000; } .big__image__first .block__image--button, .big__image__second .block__image--button, .big__image__third .block__image--button, .big__image__fourth .block__image--button, .big__image__fifth .block__image--button{ border-radius: 50px; background-color: #78be25; font-size: 16px; text-align: center; padding: 15px 40px 15px 20px; color: #fff; border: 1px solid #78be25; box-sizing: border-box; } .block__benefit{ background-color: #f8f8f8; padding-bottom: 100px; } .return__header, .facilities__header, .benefit__header{ text-align: center; font-weight: bold; font-size: 36px; color: #78be25; padding-top: 90px; margin-bottom: 20px; } .benefits{ box-shadow: 0px 0px 10px #0000000d; background-color: #fff; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; padding: 40px; width: 100%; max-width: 1000px; margin: 0 auto; box-sizing: border-box; } .row__benefits{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: center; } .row__benefits .benefit{ padding: 30px; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; align-content: center; width: 230px; box-sizing: border-box; } .benefit .benefit__1, .benefit .benefit__2, .benefit .benefit__3, .benefit .benefit__4, .benefit .benefit__5, .benefit .benefit__6, .benefit .benefit__7, .benefit .benefit__8{ height: 105px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: center; align-content: center; } .row__first .benefit:nth-child(1){ padding-right: 60px; padding-bottom: 60px; border-right: 2px solid #eaeaea; border-bottom: 2px solid #eaeaea; } .row__first .benefit:nth-child(2){ padding-bottom: 60px; border-right: 2px solid #eaeaea; border-bottom: 2px solid #eaeaea; } .row__first .benefit:nth-child(3){ padding-bottom: 60px; border-right: 2px solid #eaeaea; border-bottom: 2px solid #eaeaea; } .row__first .benefit:nth-child(4){ padding-left: 60px; padding-bottom: 50px; border-bottom: 2px solid #eaeaea; } .row__second .benefit:nth-child(1){ padding-right: 60px; padding-bottom: 60px; border-right: 2px solid #eaeaea; } .row__second .benefit:nth-child(2){ border-right: 2px solid #eaeaea; padding-bottom: 60px; } .row__second .benefit:nth-child(3){ border-right: 2px solid #eaeaea; padding-bottom: 60px; } .row__second .benefit:nth-child(4){ padding-left: 60px; padding-bottom: 60px; } .benefit .benefit__1 img{ width: 100px; } .benefit .benefit__2 img{ width: 86px; } .benefit .benefit__3 img{ width: 77px; } .benefit .benefit__4 img{ width: 93px; } .benefit .benefit__5 img{ width: 101px; } .benefit .benefit__6 img{ width: 100px; } .benefit .benefit__7 img{ width: 100px; } .benefit .benefit__8 img{ width: 106px; } .benefit .text{ font-size: 18px; text-align: center; margin-top: 20px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: center; align-content: center; } .block__facilities{ background-color: #f8f8f8; } .facilities__img{ width: 140px; height: 140px; background: #fff 0% 0% no-repeat padding-box; box-shadow: 0px 0px 10px #0000000d; opacity: 1; border-radius: 100px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; margin: 0 auto 20px; } .facilities__text{ text-align: center; } .facilities__img.img__1 img{ width: 65px; } .facilities__img.img__2 img{ width: 75px; } .facilities__img.img__3 img{ width: 75px; } .blocks__facilities__items{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; padding-bottom: 100px; } .facilities__item{ max-width: 215px; margin-right: 140px; } .facilities__item:last-child{ margin-right: 0; } .green{ color: #78be25; } .facilities__text{ font-size: 18px; } .facilities__header{ max-width: 1050px; width: 100%; margin: 0 auto; padding-bottom: 40px; } .item__return--hover{ display: none; } .items__return{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; } .item__return{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; width: 100%; max-width: 390px; margin-right: 40px; border: 2px solid #78be25; padding: 110px 80px; box-sizing: border-box; height: 280px; } .item__return:hover{ padding: 60px 35px 40px; background-color: #78be25; height: 280px; } .item__return.return__button:hover{ padding: 50px 35px 40px; } .item__return:hover > .item__text{ display: none; } .item__return:hover > .item__return--hover{ display: flex; } .item__return .item__text{ font-size: 24px; text-align: center; } .item__return:last-child{ margin-right: 0; } .item__text--hover{ font-size: 16px; color: #fff; } .item__text--hover .bold{ font-weight: bold; color: #fff; } .item__text--hover ul{ max-width: 280px; width: 100%; margin: 15px auto 0; } .item__text--hover ul li{ list-style-type: disc !important; list-style-position: outside; padding-bottom: 10px; } .block__return--button{ border-radius: 50px; background-color: #fff; font-size: 16px; text-align: center; padding: 15px 30px 15px 20px; color: #78be25; border: 1px solid #78be25; box-sizing: border-box; display: block; margin: 20px auto 0; } .return__description{ text-align: center; font-size: 16px; margin-bottom: 40px; } .description_2{ max-width: 960px; font-size: 18px; margin: 0 auto; line-height: 26px; } .block__return{ padding:0 20px 100px; } .block__notes{ padding: 30px 120px 100px; background-color: #f8f8f8; font-size: 14px; line-height: 18px; } .note__text{ margin-bottom: 15px; } .note__text .number_top{ vertical-align: super; font-size: 10px; } .block__book{ background-image: url("/local/templates/winback-new/css/../img/back_book.png"); display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; background-size: cover; padding-top: 90px; padding-bottom: 100px; box-sizing: border-box; } .flip-handle-block{ position: absolute; z-index: 90; bottom: 30%; right: -180px; pointer-events: none; transition: all 1s; } .flip-handle-block img{ width: 50px; height: 50px; display: block; } .flip-handle-block.disappear{ opacity: 0; transition: all 0.5s; } .flip-handle-block span{ display: block; font-size: 18px; color: #000; position: relative; top: 0; right: -45px; width: 200px; } .flipbook-block{ position: relative; } #flipbook{ max-width: 1300px !important; max-height: 900px !important; margin: 0 auto !important; } .burger{ display: none; width: 20px; height: 20px; position: relative; margin: 0; padding: 0; border: 0; outline: none; flex-shrink: 0; background: transparent; border: 0; outline: none; margin-right: 20px; } .burger__line{ top: calc(50% - 3px / 2); } .burger__line:before, .burger__line:after{ content: ''; } .burger__line:before{ top: -8px; } .burger__line:after{ top: 8px; } .burger__line, .burger__line:before, .burger__line:after{ height: 3px; width: 20px; display: block; background: #78be20; position: absolute; left: 50%; border-radius: 4px; transition: all 0.3s ease; transform: translateX(-50%); } .burger__input{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; z-index: 2; } .burger__input:checked + .burger__line:before{ transform: translateY(8px) translateX(-50%) rotate(45deg); } .burger__input:checked + .burger__line:after{ transform: translateY(-8px) translateX(-50%) rotate(-45deg); } .burger__input:checked + .burger__line{ background-color: transparent; } .menu__mob{ display: none; padding: 30px; position: absolute; z-index: 20; top: 103px; left: 0; background-color: #fff; height: 100vh; width: 250px; } .menu__mob.show{ display: block; } .menu__mob ul{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: center; } .menu__mob ul li{ margin-bottom: 20px; } .menu__mob ul li a{ font-size: 14px; color: #25282a; font-weight: bold; } body.overflow-hidden{ overflow: hidden; } .return-button.popup{ cursor: pointer; } .return-button{ display: inline-block; height: 50px; line-height: 50px; border-radius: 25px; background-color: #78be20; color: #fff; font-size: 16px; padding-left: 20px; padding-right: 35px; border: 1px solid transparent; transition: .2s all; } .return-button span{ position: relative; transition: .2s all; } .return-button span::before{ content: ''; display: block; position: absolute; top: 7px; right: -18px; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); transition: .2s all; } .return-button:hover, .return-button:focus{ background: #fff; border: 1px solid #78be20; } .return-button:hover span, .return-button:focus span{ color: #78be20; } .return-button:hover span::before, .return-button:focus span::before{ border-top: 1px solid #78be20; border-right: 1px solid #78be20; } .popup-button .return-button span::before{ border-top: 1px solid #78be20; border-right: 1px solid #78be20; } .popup-button .return-button{ background-color: #fff; color: #78be20; } .popup-button .return-button:hover, .popup-button .return-button:focus{ background: #fff; border: 1px solid #fff; } .popup-button{ text-align: center; } .popup-button-mob .return-button span::before{ border-top: 1px solid #fff; border-right: 1px solid #fff; } .popup-button-mob .return-button{ background-color: #78be20; color: #fff; } .popup-button-mob .return-button:hover, .popup-button-mob .return-button:focus{ background: #78be20; border: 1px solid #78be20; } .popup-button-mob{ text-align: center; } .popup-button-mob .return-button{ height: 40px; line-height: 40px; padding-left: 60px; padding-right: 60px; } .popup-button-mob .return-button span, .popup-button-mob .return-button:focus span{ color: #fff; } .popup-button-mob{ margin-top: 5px; } .view-book{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; } .view-book .product-review-form__btn{ justify-content: center; display: flex; align-items: center; margin: 0 0 20px 0; } .view-book .product-review-form__btn:first-child{ margin-right: 20px; } .view-book .product-review-form__btn span:before{ top: 18px; } .product-review-form__btn{ display: block; height: 50px; line-height: 40px; padding-left: 15px; padding-right: 30px; background-color: #78be20; max-width: 200px; width: 100%; margin: 30px auto 0; border-radius: 25px; font-size: 16px; font-weight: 500; color: #fff; transition: .2s all; outline: none; } .product-review-form__btn span{ position: relative; } .product-review-form__btn span:before{ content: ''; display: block; position: absolute; top: 7px; right: -15px; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); transition: .2s all; } .product-review-form__btn:hover{ background: #fff; border: 1px solid #78be20; color: #78be20; } .product-review-form__btn:hover span:before{ border-top: 1px solid #78be20; border-right: 1px solid #78be20; } @media (max-width: 1700px){ .header__big{ font-size: 50px; } .big__image__first .block__image--header, .big__image__second .block__image--header, .big__image__third .block__image--header, .big__image__fourth .block__image--header, .big__image__fifth .block__image--header{ font-size: 24px; margin-bottom: 10px; } .big__image__first .block__image--description, .big__image__second .block__image--description, .big__image__third .block__image--description, .big__image__fourth .block__image--description, .big__image__fifth .block__image--description{ font-size: 16px; margin-bottom: 30px; } .big__image__first .block__image--text, .big__image__second .block__image--text, .big__image__third .block__image--text, .big__image__fourth .block__image--text, .big__image__fifth .block__image--text{ min-width: 430px; margin-right: 5vw; width: 38vw; } } @media (max-width: 1600px){ .header__menu ul li{ margin-right: 15px; } .block__notes{ padding: 30px 30px 100px; } } @media (max-width: 1500px){ .big__image__first .block__image--text{ top: 220px; } .big__image__second .block__image--text, .big__image__third .block__image--text{ top: 200px; } } @media (max-width: 1460px){ .burger{ display: inline-flex; } .header{ padding: 30px; } .header__menu{ display: none; } .block__image{ background-position: center; } .big__image__first{ background-image: url("/local/templates/winback-new/css/../img/big_img_1_tb.png"); } .big__image__second{ background-image: url("/local/templates/winback-new/css/../img/big_img_2_tb.png"); } .big__image__third{ background-image: url("/local/templates/winback-new/css/../img/big_img_3_tb.png"); } .big__image__fourth{ background-image: url("/local/templates/winback-new/css/../img/big_img_4_tb.png"); } .big__image__fifth{ background-image: url("/local/templates/winback-new/css/../img/big_img_5_tb.png"); } .block__image{ height: 400px; } .big__image__first .block__image--text, .big__image__second .block__image--text, .big__image__third .block__image--text, .big__image__fourth .block__image--text, .big__image__fifth .block__image--text{ height: 400px; width: 42vw; } .flip-handle-block{ right: -80px; } .flip-handle-block.mob{ right: 150px; width: 30px; bottom: -20px; /*display: none;*/ } .flip-handle-block.mob span { font-size: 12px; right: 240px; width: 260px; top: 30px; } .flip-handle-block.mob img{ width: 30px; height: 30px; } } @media (max-width: 1024px){ .description_2{ max-width: 540px; } .item__return.return__button:hover{ padding: 50px 20px 40px; } .item__return{ max-width: 310px; margin-right: 20px; } .flip-handle-block span{ font-size: 16px; right: -30px; width: 157px; } .flip-handle-block{ right: -40px; } .big__image__first .block__image--text{ top: 170px; } .benefits{ padding: 30px; max-width: 970px; } .row__first .benefit:nth-child(1){ padding-right: 40px; padding-bottom: 40px; } .row__first .benefit:nth-child(2){ padding-bottom: 40px; } .row__first .benefit:nth-child(3){ padding-bottom: 40px; } .row__first .benefit:nth-child(4){ padding-left: 40px; padding-bottom: 50px; } .row__second .benefit:nth-child(1){ padding-right: 40px; padding-bottom: 40px; } .row__second .benefit:nth-child(2){ padding-bottom: 40px; } .row__second .benefit:nth-child(3){ padding-bottom: 40px; } .row__second .benefit:nth-child(4){ padding-left: 40px; padding-bottom: 40px; } /*.big__image__second .block__image--text,*/ /*.big__image__third .block__image--text{*/ /* top: 120px;*/ /*}*/ .big__image__first .block__image--description, .big__image__second .block__image--description, .big__image__third .block__image--description, .big__image__fourth .block__image--description, .big__image__fifth .block__image--description{ font-size: 14px; margin-bottom: 20px; } /*.big__image__first .block__image--text{*/ /* top: 125px;*/ /*}*/ .products__description{ font-size: 16px; max-width: 680px; } .products__header{ font-size: 28px; } .facilities__item{ margin-right: 60px; } } @media (max-width: 1023px){ .block_products{ margin-bottom: 60px; } .return__description.desktop, .items__return.desktop{ display: none; } .return__description--mob{ display: block; max-width: 260px; margin: 0 auto; font-size: 14px; } .items__return--mob{ display: block; } .items__return.desktop{ display: none; } .items__return--mob{ display: block; max-width: 290px; margin: 0 auto; } .return__description--mob{ display: none; font-size: 14px; } .item__return--mob{ padding: 20px 0; border-bottom: 1px solid #c7c9c7; } .return__header--mob{ position: relative; } .return__header--mob:after{ content: ''; display: block; width: 10px; height: 10px; border-right: solid 2px #7bc143; border-bottom: solid 2px #7bc143; position: absolute; right: 5px; top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; -moz-transition: all linear 0.2s; transition: all linear 0.2s; } .return__header--mob.rotate:after{ display: none; } .return__header--mob.rotate:before{ display: block; content: ''; width: 10px; height: 10px; border-right: solid 2px #7bc143; border-bottom: solid 2px #7bc143; position: absolute; right: 5px; top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; -moz-transition: all linear 0.2s; transition: all linear 0.2s; transform: rotate(225deg); } .return__header--mob:hover + .return__header--mob:before{ display: block; } .return__header--mob .bold{ font-weight: bold; } .return__description--mob .underline{ text-decoration: underline; color: #78be25; } .return__description--mob.show_description{ display: block; } .return__description--mob .description__text{ margin-top: 20px; } .return__description--mob .description__text ul{ max-width: 280px; width: 100%; margin: 15px auto 0; } .return__description--mob .description__text ul li{ list-style-type: disc !important; list-style-position: inside; padding-bottom: 10px; } .block_products{ height: 700px; } .info__header{ font-size: 18px; } .info__description{ font-size: 16px; } .benefits_mob{ display: block; } .benefits.dektop{ display: none; } .big__image__first .block__image--text, .big__image__second .block__image--text, .big__image__third .block__image--text, .big__image__fourth .block__image--text, .big__image__fifth .block__image--text{ min-width: 350px; margin-right: 2vw; } } @media (max-width: 768px){ #flipbook{ width: 90vw!important; height: 68vw!important; } .flip-handle-block.mob{ right: 30px; } .return__header, .facilities__header, .benefit__header{ font-size: 18px; padding-top: 65px; } .description_2{ font-size: 14px; max-width: 280px; } .block__notes{ font-size: 12px; } .products__header, .book__header{ font-size: 18px; } .block__book{ padding-top: 60px; padding-bottom: 65px; } } @media (max-width: 767px){ .block__image__mob{ display: block; } .big__image__first{ height: 109vw; position: relative; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: right; } .block__image{ display: none; } .block__image__mob .block__image--text{ text-align: center; padding-bottom: 70px; } .block__image__mob .block__image--header{ font-size: 18px; margin-bottom: 20px; color: #78be25; font-weight: bold; padding-right: 20px; padding-left: 20px; } .block__image__mob .block__image--header.first{ margin-bottom: 8px; } .block__image__mob .block__image--description{ font-size: 14px; margin-bottom: 20px; } .big__image__first{ height: 71vw; background-size: cover; background-position: center; background-image: url("/local/templates/winback-new/css/../img/big_img_1_mob.png"); } .big__image__second{ height: 71vw; background-size: cover; background-position: center; background-image: url("/local/templates/winback-new/css/../img/big_img_2_mob.png"); } .big__image__third{ height: 71vw; background-size: cover; background-position: center; background-image: url("/local/templates/winback-new/css/../img/big_img_3_mob.png"); } .big__image__fourth{ height: 71vw; background-size: cover; background-position: center; background-image: url("/local/templates/winback-new/css/../img/big_img_4_mob.png"); } .big__image__fifth{ height: 71vw; background-size: cover; background-position: center; background-image: url("/local/templates/winback-new/css/../img/big_img_5_mob.png"); } .book__description, .book__header{ padding: 0 20px; } .products_text{ padding: 20px; } .facilities__header{ padding-right: 20px; padding-left: 20px; } } @media (max-width: 650px){ .header__right{ display: none; } .header__social.mob{ display: flex; margin-bottom: 20px; } .header__logo img{ height: 30px; } .header{ padding: 10px; } .menu__mob{ top: 53px; } .blocks__facilities__items{ flex-direction: column; align-items: start; } .facilities__item{ max-width: 100%; margin-right: 20px; margin-left: 20px; } .facilities__item{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: start; align-items: center; align-content: center; margin-bottom: 15px; } .facilities__img{ margin-bottom: 0; margin-right: 30px; width: 100px; height: 100px; } .facilities__text{ text-align: left; font-size: 16px; } .facilities__img.img__3 img{ width: 55px; } .facilities__img.img__2 img{ width: 55px; } .facilities__img.img__1 img{ width: 45px; } } @media (max-width: 550px){ .header__big{ font-size: 32px; margin-bottom: 13px; } .block__image__mob .block__image--header{ max-width: 250px; margin: 0 auto 10px; padding: 0; } .block__image__mob .block__image--description{ max-width: 215px; margin: 0 auto 20px; } } @media (max-width: 425px){ .facilities__img{ width: 60px; height: 60px; } .facilities__text{ text-align: left; font-size: 14px; } .facilities__img.img__3 img{ width: 30px; } .facilities__img.img__2 img{ width: 35px; } .facilities__img.img__1 img{ width: 30px; } .view-book .product-review-form__btn:first-child{ margin-right: 0; } .view-book{ align-content: center; flex-direction: column; align-items: center; } } .benefits__container .swiper-slide{ width: 130px; text-align: center; } .benefits__container .benefit__1, .benefits__container .benefit__2, .benefits__container .benefit__3, .benefits__container .benefit__4, .benefits__container .benefit__5, .benefits__container .benefit__6, .benefits__container .benefit__7, .benefits__container .benefit__8{ width: 60px; height: 60px; background: #fff 0% 0% no-repeat padding-box; box-shadow: 0px 0px 10px #0000000d; opacity: 1; border-radius: 30px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; margin: 0 auto 20px; } .benefits__container .benefit .benefit__1 img{ width: 35px; } .benefits__container .benefit .benefit__2 img{ width: 30px; } .benefits__container .benefit .benefit__3 img{ width: 30px; } .benefits__container .benefit .benefit__4 img{ width: 30px; } .benefits__container .benefit .benefit__5 img{ width: 35px; } .benefits__container .benefit .benefit__6 img{ width: 30px; } .benefits__container .benefit .benefit__7 img{ width: 30px; } .benefits__container .benefit .benefit__8 img{ width: 35px; } .benefits__container .benefit .text{ font-size: 12px; } .benefits__container{ padding-bottom: 30px; } .benefits__container .swiper-scrollbar .swiper-scrollbar-drag{ background: #78be20; } .recipes{ flex-wrap: wrap; align-items: stretch; display: none; margin-left: -50px; margin-right: -50px; background-color: #fff; } @media (max-width: 1440px){ .recipes{ margin-left: -15px; margin-right: -15px; } } @media (max-width: 1366px){ .recipes{ display: block; margin: 0; } .recipes > *{ margin-bottom: 40px; } } .recipes__left{ width: 50%; padding-right: 50px; } .recipes__right{ width: 50%; padding-left: 50px; } @media (max-width: 1440px){ .recipes__right{ padding-left: 15px; } .recipes__left{ padding-right: 15px; } } @media (max-width: 1366px){ .recipes__right, .recipes__left{ padding: 0; width: 100%; } } .recipes__card{ width: calc(50% - 100px); margin-left: 50px; margin-right: 50px; margin-bottom: 50px; } @media (min-width: 769px){ .recipes__card{ display: flex; flex-wrap: wrap; } .recipes{ display: none; max-width: 720px; margin: 0 auto; } } @media (max-width: 1440px){ .recipes__card{ width: calc(50% - 30px); margin-left: 15px; margin-right: 15px; } } @media (max-width: 1366px){ .recipes__card{ width: 100%; margin: 0 0 30px; } } @media (max-width: 767px){ .recipes{ margin-top: -10px; } .recipes > *{ border-bottom: 1px solid #f0f0f0; padding-bottom: 40px; padding-top: 20px; margin-bottom: 0; } } .recipes__top{ height: 67px; font-size: 18px; line-height: 67px; font-weight: bold; padding-left: 20px; border: 1px solid #f0f0f0; border-bottom: none; margin: 0; } @media (min-width: 768px){ .recipes__top{ width: 100%; } } @media (max-width: 767px){ .recipes__top{ border: none; height: 50px; line-height: 50px; } } .recipes__main{ display: flex; } @media (min-width: 768px){ .recipes__main{ width: 100%; height: calc(100% - 68px); } } @media (max-width: 767px){ .recipes__main{ display: block; } } .recipes__img{ min-width: 270px; position: relative; overflow: hidden; } @media (max-width: 767px){ .recipes__img{ height: 300px; max-width: 243px; width: 100%; } } @media (min-width: 768px){ .recipes__info{ width: calc(100% - 270px); } } @media (max-width: 767px){ .recipes__info{ position: relative; } } .recipes__img img{ min-height: 100%; max-width: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .recipes__full-text{ padding: 27px 30px 30px; border: 1px solid #f0f0f0; border-bottom: none; border-left: none; } @media (min-width: 768px){ .recipes__full-text{ height: calc(100% - 70px); } } @media (max-width: 767px){ .recipes__full-text{ padding: 25px 15px 0; } } .recipes__header{ font-size: 16px; font-weight: bold; margin-top: 0; margin-bottom: 10px; } .recipes__header span{ color: #b3b4b2; font-size: 12px; margin-left: 15px; } .recipes__full-text ul{ margin-top: 0; margin-bottom: 20px; padding-left: 0; list-style: none; } .recipes__full-text{ font-size: 14px; } .recipes__full-text ul li{ font-size: 14px; line-height: 30px; position: relative; padding-left: 16px; } .recipes__full-text ul li:before{ content: ''; display: block; height: 5px; width: 5px; border-radius: 50%; background-color: #78be20; position: absolute; left: 0; top: 11px; } .recipes__text{ font-size: 14px; line-height: 18px; } .recipes__supplement-info{ display: flex; background-color: #78be20; padding-top: 15px; padding-bottom: 15px; } .recipes__supplement-info-item{ width: 20%; text-align: center; color: #fff; } .recipes__supplement-info-item:not(:last-child){ border-right: 2px solid rgba(255, 255, 255, 0.5); } @media (max-width: 767px){ .recipes__supplement-info{ flex-direction: column; position: absolute; top: -300px; width: calc(100% - 240px); right: 0; height: 300px; justify-content: space-between; padding-bottom: 10px; } .recipes__supplement-info-item{ width: 100%; } .recipes__supplement-info-item::after{ content: ''; display: block; height: 2px; width: 45px; background: rgba(255, 255, 255, 0.5); margin: 0 auto; } .recipes__supplement-info-item:not(:last-child){ border-right: none; } } .recipes__supplement-info-item .value{ font-size: 20px; line-height: 18px; font-weight: bold; margin-bottom: 4px; } .recipes__supplement-info-item .unit{ font-size: 12px; line-height: 18px; } /*------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------*/ /*---START POPUP STYLE--------------------------------------------------------------------START POPUP STYLE---*/ /*------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------*/ .min__form--close{ width: 15px; height: 15px; background-image: url("/local/templates/winback-new/css/../img/close_black.png"); background-size: 15px; } .min__form--close{ cursor: pointer; } .popup__fade{ display: none; } .popup__fade:before{ content: ''; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.7; z-index: 9999; } .min__form{ position: fixed; top: 30px; left: 50%; width: 516px; margin-left: -258px; z-index: 99999; opacity: 1; height: 400px; } .min__form--close{ position: absolute; top: 15px; right: 15px; } @media (max-width: 1000px){ .min__form{ width: 290px; margin-left: -145px; height: 420px; } .min__form--close{ top: 10px; right: 15px; } #herbalifewelcome{ height: 420px; } } /*------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------*/ /*---END POPUP STYLE------------------------------------------------------------------------END POPUP STYLE---*/ /*------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------*/ .recipe-translated { width: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: "HelveticaNeuelTW1G", Helvetica, Arial, sans-serif; font-size: 1.1458vw; text-align: center; background-color: rgba(255, 255, 255, 0.9); padding: 1.5625vw; box-shadow: inset 0 0 1.0417vw 0.2604vw #fff; opacity: 0; transition: opacity 0.8s; } .recipe-translated:hover { opacity: 1; } .facilities__header .products__header, .book__header, .benefit__header, .return__header, .header__menu ul li a{ text-transform: uppercase; } /* End */ /* Start:/local/templates/winback-new/css/ru/style.css?17393533531965*/ .block_products{ height: 1070px; background-image: url("/local/templates/winback-new/css/ru/../../img/products.png"); } .chicken__img{ background-image: url("/local/templates/winback-new/css/ru/../../img/chicken_soup.jpg"); background-position: 48% 0%; height: 1070px; background-size: cover; } .products__info{ position: absolute; padding: 25px; background-color: #fff; right: 170px; top: 250px; border-radius: 20px; width: 415px; } .products__green{ position: absolute; right: 383px; top: 235px; background-color: #78be25; width: 175px; height: 40px; border-radius: 15px; } @media (max-width: 1024px){ .products__info{ right: 60px; top: 300px; } .products__green{ right: 277px; top: 285px; } } @media (max-width: 1024px){ .products__green{ width: 100px; top: 185px; } .products__info{ width: 350px; top: 200px; } } @media (max-width: 767px){ .products__info{ width: 300px; right: 10px; } .products__green{ top: 190px; right: 190px; } } @media (max-width: 379px){ .products__info{ top: 235px; } .products__green{ top: 225px; } } .flipbook .page4{ background-image: url(/local/templates/winback-new/css/ru/../../images/required/page-4.jpg); } .flipbook .page6{ background-image: url(/local/templates/winback-new/css/ru/../../images/required/page-6.jpg); } .flipbook .page8{ background-image: url(/local/templates/winback-new/css/ru/../../images/required/page-8.jpg); } .flipbook .page10{ background-image: url(/local/templates/winback-new/css/ru/../../images/required/page-10.jpg); } .flipbook .page12{ background-image: url(/local/templates/winback-new/css/ru/../../images/required/page-12.jpg); } .flipbook .page3{ background-image: url(/upload/herbalifewelcome/image/ru/page-3.jpg); } .flipbook .page5{ background-image: url(/upload/herbalifewelcome/image/ru/page-5.jpg); } .flipbook .page7{ background-image: url(/upload/herbalifewelcome/image/ru/page-7.jpg); } .flipbook .page9{ background-image: url(/upload/herbalifewelcome/image/ru/page-9.jpg); } .flipbook .page11{ background-image: url(/upload/herbalifewelcome/image/ru/page-11.jpg); } /* End */ /* Start:/local/templates/herbalife-official-new/css/mobile.widget.css?17393533513376*/ .notic-app-download { position: relative; background: #3A6800; transition: all linear 0.2s; } @media(min-width: 1025px) { .notic-app-download { display: none !important; } } .notic-app-download__content { padding: 10px 15px; } .notic-app-download__text-wrap { display: flex; align-items: center; } @media(max-width: 767px) { .notic-app-download__text-wrap { display: block; text-align: center; margin-left: 8px; } } @media(max-width: 1023px) { .notic-app-download--fixed { display: none !important; } } .notic-app-download--fixed { position: fixed; top: -68px; left: 0; z-index: 200; width: 100%; } .notic-app-download--fixed.show { top: 0; } .notic-app-download__content { display: flex; align-items: center; justify-content: center; } @media(max-width: 369px) { .notic-app-download__content { justify-content: flex-start; } } .notic-app-download__text { font-size: 16px; line-height: 16px; color: #FFFFFF; margin: 0 0 0 20px; } @media(max-width: 767px) { .notic-app-download__text { width: 100%; font-size: 12px; line-height: 12px; margin: 0; } } .notic-app-download__link { color: #FFFFFF; text-decoration: underline; font-size: 16px; line-height: 16px; margin-left: 40px; } @media(max-width: 767px) { .notic-app-download__link { width: 100%; margin-left: 0; font-size: 12px; line-height: 12px; } } .notic-app-download__close { display: flex; align-items: center; justify-content: center; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); height: 30px; width: 30px; background: transparent; border: 0; } @media(max-width: 767px) { .notic-app-download__close { right: 10px; } } @media(max-width: 369px) { .notic-app-download__close { right: 0; } } .notic-app-download__close svg { width: 13px; max-width: 13px; height: 13px; } .notic-app-download__close svg path { fill: #fff; } .notic-app-download__close img { width: 13px; max-width: 13px; height: 13px; } .footer__text { position: relative; } .footer__app-links { display: flex; align-items: center; margin-top: 35px; } .footer__app-links a+a { margin-left: 30px; } .footer__app-link { display: inline-block; width: 128px; } .footer__app-images { display: block; } .footer__app-links--absolute { position: absolute; left: auto; top: auto; } @media(min-width: 1700px) { .app-hidden-lg { display: none; } } @media(min-width: 1024px) and (max-width: 1699px) { .app-hidden-md { display: none; } } @media(min-width: 768px) and (max-width: 1023px) { .app-hidden-tablet { display: none; } } @media(max-width: 767px) { .app-hidden-sm { display: none; } } @media (max-width: 1699px) { .footer__link-dsa { width: 100%; max-width: 35px; margin-top: -30px; } .footer__app-links { margin-top: 25px; } } @media (max-width: 767px) { .footer__app-links { margin-top: 25px; } } .notic-app-download__icon img{ width: 40px; min-width: 40px; } /* End */ /* Start:/local/templates/.default/css/cookie.css?17393533491113*/ .cookie-banner{ position: fixed; bottom: 100px; width: 80%; left: 10%; display: flex; align-items: center; box-shadow: 0 0 8px 2px #8d8d8d; border-radius: 5px; z-index: 500; background: #fff; padding: 15px 25px; } .cookie-banner__text{ color: #878b90; margin-right: 30px; font-size: 14px; } .cookie-banner__text a{ color: #7ac142; } .cookie-banner__text a:hover{ color: #5f9b30; } .cookie-banner__close{ border-radius: 5px; padding: 10px 20px; border: 1px solid #7ac142; background: #7ac142; color: #fff; cursor: pointer; } .cookie-banner__close:hover{ background: #fff; color: #7ac142; } @media (max-width: 1023px) { .cookie-banner{ bottom: 50px; width: 90%; left: 5%; } } @media (max-width: 768px) { .cookie-banner{ flex-direction: column; padding: 10px 15px; } .cookie-banner__text{ margin-bottom: 15px; margin-right: 0; font-size: 12px; } .cookie-banner__close{ font-size: 14px; padding: 5px 15px; } } /* End */ /* Start:/local/templates/winback-new/template_styles.css?173935335398938*/ @charset "UTF-8"; /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } *{ box-sizing: border-box; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover, .nav-top .top-level ul li:hover > a { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .clearfix:before, .list-advantage:before, .clearfix:after, .list-advantage:after { content: " "; display: table; } .clearfix:after, .list-advantage:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1179px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1179px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1179px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1179px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1180px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1180px) { .visible-lg-block { display: block !important; } } @media (min-width: 1180px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1180px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1179px) { .hidden-md { display: none !important; } } /* @media (min-width: 1180px) { .hidden-lg { display: none !important; } } */ @media (min-width: 1367px) { .laptop-show { display: none !important; } } @media (min-width: 1700px) { .desktop-show { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } @-webkit-keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* footer */ .footer { position: relative; background-color: #515151; padding: 25px 0 28px; } .footer__inner { display: flex; align-items: center; } @media screen and (max-width: 1699px) and (min-width: 768px) { .footer__inner--flex-start { align-items: flex-start; } .footer__inner--flex-start .footer__text { line-height: 43px; } } .footer__copy { max-width: 809px; margin-right: 30px; } .footer__copy-text { color: #b3b4b2; font-size: 12px; font-weight: 500; line-height: 18px; } .footer__copy .links-wrapper a { color: #ffffff; font-size: 14px; font-weight: 700; line-height: 21px; display: block; margin-bottom: 10px; } .footer__link { margin: 0 auto; } .footer__partner { display: inline-flex; border-radius: 3px; border: 1px solid #ffffff; color: #ffffff; font-size: 14px; font-weight: 500; line-height: 18px; justify-content: center; padding: 11px 17px 11px 48px; background-image: url('/local/templates/winback-new/img/from-css/image_1.svg'); background-repeat: no-repeat; background-size: 21px auto; background-position: 16px center; } .footer__right { margin-left: 30px; padding-bottom: 10px; } .footer__social { display: flex; align-items: center; } .footer__social-title { color: #ffffff; font-size: 14px; font-weight: 700; line-height: 21px; margin-bottom: 13px; } .footer__social--link { height: 35px; width: 35px; } .footer__social--link:not(:last-child) { margin-right: 15px; } .footer-nav { box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.3); background-color: #ffffff; display: flex; flex: 1 auto; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; } .footer-nav.stop { position: relative; } .footer-nav__item { width: 100%; } .footer-nav__link { display: flex; align-items: center; justify-content: center; color: #25282a; font-size: 14px; font-weight: 500; line-height: 21px; padding: 25px 20px; height: 100%; } .footer-nav__link:before { content: ''; background: transparent; background-repeat: no-repeat; background-position: center center; display: inline-flex; margin-right: 15px; } .footer-nav__link--client:before { background-image: url('/local/templates/winback-new/img/from-css/image_2.svg'); width: 22px; height: 31px; } .footer-nav__link--weight:before { background-image: url('/local/templates/winback-new/img/from-css/image_3.svg'); width: 29px; height: 30px; } .footer-nav__link--food:before { background-image: url('/local/templates/winback-new/img/from-css/image_4.svg'); width: 27px; height: 30px; } .footer-nav__link--body:before { background-image: url('/local/templates/winback-new/img/from-css/image_5.svg'); width: 30px; height: 27px; } .footer-nav__link:hover, .footer-nav__link.active { background-color: #78be20; color: #fff; } .footer-nav__link--client:hover:before, .footer-nav__link--client.active:before { background-image: url('/local/templates/winback-new/img/from-css/image_6.svg'); } .footer-nav__link--weight:hover:before { background-image: url('/local/templates/winback-new/img/from-css/image_7.svg'); } .footer-nav__link--food:hover:before { background-image: url('/local/templates/winback-new/img/from-css/image_8.svg'); } .footer-nav__link--body:hover:before { background-image: url('/local/templates/winback-new/img/from-css/image_9.svg'); } .footer__text { display: none; } .footer__link-dsa { width: 80px; height: 80px; background: url('/local/templates/winback-new/images/example/dsa-black.svg') center center no-repeat; display:block; } @media (max-width: 1699px) { .footer { padding: 28px 0 28px; } .footer__copy { max-width: 100%; margin-right: 0; margin-top: 14px; } .footer__text { display: block; margin: 0 auto; color: #ffffff; font-size: 14px; font-weight: 700; line-height: 21px; order: 3; } .footer__link { margin: 0; order: 1; } .footer__link-dsa { order: 2; margin: 0 auto; } .footer__right { margin-left: 0; order: 4; } .footer__social-title { display: none; } .footer-nav__link { padding-top: 10px; padding-bottom: 10px; height: 75px; } .footer__text a { color: #ffffff; } } @media (max-width: 1023px) { .footer { padding: 25px 0 28px; } .footer__inner { display: block; } .footer__copy { margin-top: 0; } .footer__copy--sm .footer__copy-text { display: none; } .footer__social-title { display: block; font-size: 12px; margin-bottom: 8px; } .footer__copy .links-wrapper a { font-size: 12px; margin-bottom: 18px; } .footer__partner { background-position: 26px center; font-size: 12px; width: 100%; } .footer__right { margin-top: 20px; padding-bottom: 22px; } .footer__copy-.footer-nav { width: 100vw; display: none; } .footer-nav { width: 100vw; display: none; } .footer-nav__item { width: 25%; } .footer-nav__link { font-size: 0; line-height: 0; padding: 0; height: 50px; } .footer-nav__link:before { margin-right: 0; background-size: contain; height: 100%; } .footer-nav__link--client:before { width: 16px; } .footer-nav__link--weight:before { width: 22px; } .footer-nav__link--food:before { width: 22px; } .footer-nav__link--body:before { width: 24px; } } /* footer */ .footer__slogan { display: none; } .footer__slogan { color: #b3b4b2; font-size: 12px; font-weight: 500; line-height: 18px; margin-top: 25px; } .container.container--main-page { max-width: 1700px; margin: 0 auto; } @media (max-width: 1699px) { .container.container--main-page { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1023px) { .container.container--main-page { padding-left: 15px; padding-right: 15px; } } .elem-social { font-size: 0; text-decoration: none; display: inline-block; width: 36px; height: 36px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; } .elem-social .icon { color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .elem-social--vk { background-color: #4c75a4; } .elem-social--fb { background-color: #3b5999; } .elem-social--ok { background-color: #f58520; } .elem-social--yt { background-color: #d02200; } .elem-social--yt .icon { width: 2rem; } .elem-social--ig:before { content: ''; display: block; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#f9a351), to(#7547ad)); background: -webkit-linear-gradient(left, #f9a351, #7547ad); background: -moz-linear-gradient(left, #f9a351, #7547ad); background: -o-linear-gradient(left, #f9a351, #7547ad); background: linear-gradient(to right, #f9a351, #7547ad); -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); transform: rotate(-35deg); } .elem-social--ig .icon { width: 2rem; } /* page-wrapper */ @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } } @media (max-width: 1699px) and (min-width: 1024px) { .hidden-md { display: none !important; } } @media (min-width: 1700px) { .hidden-lg { display: none !important; } } .icon { display: inline-block; vertical-align: middle; width: 1em; height: 1em; fill: currentColor; } .icon-facebook { font-size: 1.1rem; width: 0.5294117647em; } .icon-instagram { font-size: 1.2rem; width: 1em; } .icon-odnoklassniki { font-size: 1.1rem; width: 0.6315789474em; } .icon-vk { font-size: 0.6rem; width: 1.8em; } .icon-youtube { font-size: 1.2rem; width: 1em; } .flipbook .page { background-size: cover; height: 100%; overflow: hidden; } .flipbook .page.even { background-color: #fff; box-shadow: inset -2.6042vw 0px 5.2083vw -1.0417vw #ddd !important; } .flipbook .page.odd { background-color: #fff; box-shadow: inset 2.6042vw 0px 5.2083vw -1.0417vw #ddd !important; } .flipbook .page1 { background-image: url(/local/templates/winback-new/images/required/page-1.jpg); } .flipbook .page2 { background-image: url(/local/templates/winback-new/images/required/page-2.jpg); } .elem-lang { position: relative; display: inline-block; } .elem-lang__current { display: inline-block; font-size: 16px; cursor: pointer; padding: 10px 10px 11px 15px; -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; -moz-transition: all linear 0.2s; transition: all linear 0.2s; } .elem-lang__current .icon { color: #fff; -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; -moz-transition: all linear 0.2s; transition: all linear 0.2s; } .elem-lang__current .elem-lang__country, .elem-lang__current .elem-lang__name { display: none; } .elem-lang__current .elem-lang__flag { border-color: transparent; margin-right: 9px; -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; -moz-transition: all linear 0.2s; transition: all linear 0.2s; } .elem-lang__current:hover, .nav-top .top-level ul li:hover > a.elem-lang__current { background-color: #fff; } .elem-lang__current:hover .elem-lang__flag, .nav-top .top-level ul li:hover > a.elem-lang__current .elem-lang__flag { border-color: #e0e0e0; } .elem-lang__current:hover .icon, .nav-top .top-level ul li:hover > a.elem-lang__current .icon { color: #7bc143; } .elem-lang__flag { display: inline-block; vertical-align: middle; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: solid 1px #e0e0e0; margin-right: 10px; } .elem-lang__country { display: inline-block; vertical-align: middle; color: #2e2e2e; } .elem-lang__name { display: inline-block; vertical-align: middle; color: #7bc143; } .elem-lang__item { display: block; font-size: 16px; padding: 9px 20px 10px 16px; border-bottom: solid 1px #e5e5e5; border-left: solid 4px transparent; -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; -moz-transition: all linear 0.2s; transition: all linear 0.2s; } .elem-lang__item:before, .elem-lang__item:after { content: " "; display: table; } .elem-lang__item:after { clear: both; } .elem-lang__item .elem-lang__name { float: right; width: 110px; padding-left: 20px; position: relative; } .elem-lang__item .elem-lang__name:before { content: ''; width: 1px; height: 20px; background-color: #e5e5e5; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .elem-lang__item:hover, .nav-top .top-level ul li:hover > a.elem-lang__item { border-left-color: #7bc143; } .elem-lang__item.current { background-color: #f2f2f2; pointer-events: none; } .elem-lang__list { overflow: auto; max-height: 420px; width: 360px; background-color: #fff; position: absolute; right: 0; top: 0; -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15); z-index: -1; opacity: 0; pointer-events: none; -webkit-transition: all linear 0.4s; -o-transition: all linear 0.4s; -moz-transition: all linear 0.4s; transition: all linear 0.4s; } @media(max-width: 1023px) { .elem-lang__list { display: none; opacity: 1; } } .elem-lang__list--height-mobile { display: block; } .elem-lang__list .mCSB_container { margin-right: 0; } .elem-lang__list .mCSB_scrollTools { opacity: 1; width: 30px; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(55%, white), to(white)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 55%, white 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 55%, white 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 55%, white 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 55%, white 100%); } .elem-lang__list .mCSB_scrollTools .mCSB_draggerContainer { top: 7px; bottom: 7px; } .elem-lang__list .mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .elem-lang__list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #c9c9c9; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 2px; } .elem-lang.opened .elem-lang__current { background-color: #fff; border-bottom: solid 1px #e5e5e5; } .elem-lang.opened .elem-lang__current .elem-lang__flag { border-color: #e0e0e0; } .elem-lang.opened .elem-lang__current .icon { color: #7bc143; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .elem-lang.opened .elem-lang__list { opacity: 1; top: 100%; z-index: 1; pointer-events: auto; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .nav-top .top-level ul .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .nav-top .top-level ul .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .nav-top .top-level ul li:hover > a.mCustomScrollBox > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .nav-top .top-level ul li:hover > a.mCustomScrollBox ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .nav-top .top-level ul li:hover > a.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .nav-top .top-level ul li:hover > a.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url("/local/templates/winback-new/images/required/mCSB_buttons.png"); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_buttonUp, .nav-top .top-level ul .mCSB_scrollTools li:hover > a.mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_buttonDown, .nav-top .top-level ul .mCSB_scrollTools li:hover > a.mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_buttonLeft, .nav-top .top-level ul .mCSB_scrollTools li:hover > a.mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_buttonRight, .nav-top .top-level ul .mCSB_scrollTools li:hover > a.mCSB_buttonRight { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-dark.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-light-2.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-dark-2.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-light-thick.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-dark-thick.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-dark-thin.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .nav-top .top-level ul .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .nav-top .top-level ul .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .nav-top .top-level ul .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .nav-top .top-level ul .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-rounded-dark.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-rounded-dots-dark.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url('/local/templates/winback-new/img/from-css/image_10.png'); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url('/local/templates/winback-new/img/from-css/image_11.png'); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-3d.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-3d-dark.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-3d-thick.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools { -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-3d-thick-dark.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .nav-top .top-level ul .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .nav-top .top-level ul .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_draggerRail { width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .nav-top .top-level ul .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .nav-top .top-level ul li:hover > a.mCSB_draggerContainer .mCSB_draggerRail, .nav-top .top-level ul .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand li:hover > a.mCSB_draggerContainer .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-dark-3.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-inset-dark.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-inset-2-dark.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-inset-3-dark.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-inset-3.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .nav-top .top-level ul li:hover > a.mCSB_dragger .mCSB_dragger_bar, .nav-top .top-level ul .mCS-inset-3-dark.mCSB_scrollTools li:hover > a.mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .elem-lang__list .mCSB_container { margin-right: 0; } .icon-arrow_lang{ font-size: 12px; width: 10px; } .header .elem-lang { margin: 0; z-index: 99; } .header .elem-lang__current .elem-lang__flag { margin-right: 5px; border: 1px solid #f0f0f0 !important; } .menu__mob.show .elem-lang{ display: none!important; } @media (max-width: 1023px) { .header .elem-lang { display: block; } .elem-lang__current { display: block; background-color: transparent; border: none; margin: 0; padding: 8px 10px; position: relative; } .nav-top .elem-lang__current .elem-lang__name { color: #fff; display: inline-block; vertical-align: middle; } .elem-lang__current:hover, .nav-top .top-level ul li:hover > a.elem-lang__current { background-color: #78be20; } .elem-lang.opened .elem-lang__current { background-color: #78be20; border: none; } .elem-lang.opened .elem-lang__current .icon { color: #FFF !important; } .elem-lang__current:hover .icon, .nav-top .top-level ul li:hover > a.elem-lang__current .icon { color: #fff; } .header .elem-lang__current .icon { color: #fff !important; position: absolute; right: 10px; top: 50%; } #langToMobile{ display: none!important; } .menu__mob.show .elem-lang{ display: block!important; } .elem-lang__list{ width: auto; } .elem-lang { /* background-color: #7bc143; */ /* border-top: solid 1px #7bc143; border-bottom: solid 1px #7bc143; */ display: block; } .elem-lang__current { display: block; background-color: #78be20; padding: 8px 10px; position: relative; } .elem-lang__current .elem-lang__name { display: inline-block; color: #fff; } .elem-lang__current .icon { position: absolute; right: 10px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .elem-lang__current .elem-lang__flag { border: none; } .elem-lang__current:hover .icon, .nav-top .top-level ul li:hover > a.elem-lang__current .icon { color: #fff; } .elem-lang__list { width: 100%; } .elem-lang__item { position: relative; padding-left: 50px; } .elem-lang__item .elem-lang__flag { position: absolute; left: 17px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .elem-lang__item .elem-lang__country { display: block; } .elem-lang__item .elem-lang__name { float: none; display: block; padding-left: 0; } .elem-lang__item .elem-lang__name:before { content: none; } .elem-lang.opened .elem-lang__current { background-color: #78be25; border-bottom-width: 2px; border-color: #fff; } .elem-lang.opened .elem-lang__current .icon { color: #fff; margin-top: -2px; } } .header .elem-lang__current .icon { color: #78be20; } @media (max-width: 767px){ .menu__mob.lang-opened .nav-top__link { overflow: hidden; padding-top: 0; padding-bottom: 0; height: 0; } .menu__mob.lang-opened > .elem-btn--bordered { height: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; margin: 0; } } .box-not-found { position: relative; overflow: hidden; } .box-not-found .bg-img { display: block; position: relative; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); max-width: inherit; } .box-not-found--message { width: 505px; position: absolute; top: 35px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 1; text-align: center; } .box-not-found--message .title { font-size: 28px; line-height: 1; color: #7bc143; font-family: "PH", Helvetica, Arial, sans-serif; font-weight: 700; margin-bottom: 16px; } .box-not-found--message .msg-text { font-size: 16px; line-height: 1.6; } .box-not-found--message .msg-text a { color: #7bc143; } .box-not-found--message .msg-text a:hover, .box-not-found--message .msg-text .nav-top .top-level ul li:hover > a, .nav-top .top-level ul .box-not-found--message .msg-text li:hover > a { color: #84d941; } @media (max-width: 991px) { .box-not-found .bg-img { margin-left: -4%; } } @media (max-width: 767px) { .box-not-found .bg-img { margin-left: -3%; height: 410px; } .box-not-found--message { position: relative; width: 100%; top: auto; left: auto; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); padding-top: 20px; padding-left: 20px; padding-right: 20px; text-align: left; -webkit-box-shadow: 0 15px 30px 10px #fff; -moz-box-shadow: 0 15px 30px 10px #fff; box-shadow: 0 15px 30px 10px #fff; } .box-not-found--message .title { font-size: 18px; margin-bottom: 8px; } } @media (max-width: 480px) { .box-not-found .bg-img { height: 270px; } } .iframe__video{ width: 100%; height: 56vw; margin-bottom: 30px; } .winback__slider.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 25px; font-size: 0; } .winback__slider .swiper-pagination-bullet { position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 16px; height: 16px; opacity: 1; background-color: transparent; border: 1px solid transparent; } .winback__slider .swiper-pagination-bullet:before { content: ''; display: block; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #78BE20; } .winback__slider .swiper-pagination-bullet-active { border-color: #78BE20; } .winback__slider .swiper-pagination-bullet-active:before { background-color: #7bc143 !important; } .winback__slider .swiper-button-next, .winback__slider .swiper-button-prev { width: 25px; height: 48px; margin-top: -24px; background-image: none; display: none; } .winback__slider .swiper-button-next .icon, .winback__slider .swiper-button-prev .icon { color: #7bc143; } .winback__slider .swiper-button-prev, .winback__slider .swiper-container-rtl .swiper-button-next { left: 10%; } .winback__slider .swiper-button-next, .winback__slider .swiper-container-rtl .swiper-button-prev { right: 10%; } .winback__slider .swiper-button-next .icon, .winback__slider .swiper-container-rtl .swiper-button-prev .icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 1457px) { .winback__slider .swiper-button-next, .winback__slider .swiper-button-prev { display: none; } } @media (max-width: 1023px) { .winback__slider.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 85px; } } @media (max-width: 991px) { .winback__slider .swiper-pagination-bullet:before { background-color: #d4d4d5; } } /* End */ /* /local/templates/winback-new/css/swiper.min.css?173935335319774 */ /* /local/templates/winback-new/css/style.css?173935335337183 */ /* /local/templates/winback-new/css/ru/style.css?17393533531965 */ /* /local/templates/herbalife-official-new/css/mobile.widget.css?17393533513376 */ /* /local/templates/.default/css/cookie.css?17393533491113 */ /* /local/templates/winback-new/template_styles.css?173935335398938 */