/* Start:/libs/css-hamburgers/dist/hamburgers.min.css?170526226122172*/ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)} /* End */ /* Start:/libs/scrollBar/jquery.mCustomScrollbar.css?170526226153583*/ /* == 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{ 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{ 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{ 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{ 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, /* auto-expanded scrollbar */ .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, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .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{ 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(/libs/scrollBar/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 .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ 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{ 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{ 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{ 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{ 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{ 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{ 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-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{ 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-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{ 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-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{ 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-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{ 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-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger: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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); 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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .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: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); 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: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); 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); 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 .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 .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; 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); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ 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{ 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; 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{ 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{ 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 .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); 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{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ 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{ 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{ 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 .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); 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-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{ 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-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{ 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{ 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-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .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{ 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{ 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); } /* ---------------------------------------- */ /* End */ /* Start:/libs/jquery-ui/jquery-ui.min.css?170526226130747*/ /*! jQuery UI - v1.12.1 - 2018-01-28 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/libs/jquery-ui/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/libs/jquery-ui/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/libs/jquery-ui/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/libs/jquery-ui/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/libs/jquery-ui/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/libs/jquery-ui/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/libs/jquery-ui/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/libs/fancybox/jquery.fancybox.min.css?170526226114065*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* End */ /* Start:/libs/swiper-master/swiper.min.css?170526226119774*/ /** * Swiper 4.2.2 * 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: April 1, 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:/libs/selectize/selectize.css?17052622618785*/ /** * selectize.css (v0.12.6) * Copyright (c) 2013–2015 Brian Reavis & contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * * @author Brian Reavis */ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; -webkit-box-shadow: inset 0 0 12px 4px #fff; box-shadow: inset 0 0 12px 4px #fff; } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden; } .selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .selectize-dropdown-header-close:hover { color: #000000; } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; /* fixes ie bug (see #392) */ position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #d0d0d0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #ffffff; } .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 0; top: 0; font-size: 23px; } .selectize-control { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #fff; cursor: text; display: inline-block; } .selectize-input { border: 1px solid #d0d0d0; padding: 8px 8px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .selectize-control.multi .selectize-input.has-items { padding: 6px 8px 3px; } .selectize-input.full { background-color: #fff; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } .selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0; } .selectize-control.multi .selectize-input > div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #7d7d7d; background: #ffffff; border: 0 solid #ffffff; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #fff; margin: -1px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .selectize-dropdown .option, .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .option, .selectize-dropdown [data-disabled], .selectize-dropdown [data-disabled] [data-selectable].option { cursor: inherit; opacity: 0.5; } .selectize-dropdown [data-selectable].option { opacity: 1; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #303030; background: #fff; cursor: default; } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #808080 transparent; } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; } /* End */ /* Start:/css/slick.css?17052623081895*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/css/main.min.css?1705262308475360*/ @charset "UTF-8"; @font-face { font-family: Mont-Bold; font-weight: 400; font-style: normal; font-display: swap; src: url(/css/../fonts/Mont-Bold/Mont-Bold.eot); src: url(/css/../fonts/Mont-Bold/Mont-Bold.eot?#iefix) format("embedded-opentype"), url(/css/../fonts/Mont-Bold/Mont-Bold.woff) format("woff"), url(/css/../fonts/Mont-Bold/Mont-Bold.ttf) format("truetype") } @font-face { font-family: Mont-Regular; font-weight: 400; font-style: normal; font-display: swap; src: url(/css/../fonts/Mont-Regular/Mont-Regular.eot); src: url(/css/../fonts/Mont-Regular/Mont-Regular.eot?#iefix) format("embedded-opentype"), url(/css/../fonts/Mont-Regular/Mont-Regular.woff) format("woff"), url(/css/../fonts/Mont-Regular/Mont-Regular.ttf) format("truetype") } @font-face { font-family: Mont-Light; font-weight: 400; font-style: normal; font-display: swap; src: url(/css/../fonts/Mont-Light/Mont-Light.eot); src: url(/css/../fonts/Mont-Light/Mont-Light.eot?#iefix) format("embedded-opentype"), url(/css/../fonts/Mont-Light/Mont-Light.woff) format("woff"), url(/css/../fonts/Mont-Light/Mont-Light.ttf) format("truetype") } @font-face { font-family: Mont-SemiBold; font-weight: 400; font-style: normal; font-display: swap; src: url(/css/../fonts/Mont-SemiBold/Mont-SemiBold.eot); src: url(/css/../fonts/Mont-SemiBold/Mont-SemiBold.eot?#iefix) format("embedded-opentype"), url(/css/../fonts/Mont-SemiBold/Mont-SemiBold.woff) format("woff"), url(/css/../fonts/Mont-SemiBold/Mont-SemiBold.ttf) format("truetype") } @font-face { font-family: Mont-Heavy; font-weight: 400; font-style: normal; font-display: swap; src: url(/css/../fonts/Mont-Heavy/Mont-Heavy.eot); src: url(/css/../fonts/Mont-Heavy/Mont-Heavy.eot?#iefix) format("embedded-opentype"), url(/css/../fonts/Mont-Heavy/Mont-Heavy.woff) format("woff"), url(/css/../fonts/Mont-Heavy/Mont-Heavy.ttf) format("truetype") } @font-face { font-family: NightMachineRUSbyDaymarius; font-weight: 400; font-style: normal; font-display: swap; src: url(/css/../fonts/NightMachineRUSbyDaymarius/NightMachineRUSbyDaymarius.eot); src: url(/css/../fonts/NightMachineRUSbyDaymarius/NightMachineRUSbyDaymarius.eot?#iefix) format("embedded-opentype"), url(/css/../fonts/NightMachineRUSbyDaymarius/NightMachineRUSbyDaymarius.woff) format("woff"), url(/css/../fonts/NightMachineRUSbyDaymarius/NightMachineRUSbyDaymarius.ttf) format("truetype") } ::-webkit-input-placeholder { color: rgba(0, 0, 0, .3) } :-moz-placeholder { color: rgba(0, 0, 0, .3) } ::-moz-placeholder { color: rgba(0, 0, 0, .3) } :-ms-input-placeholder { color: rgba(0, 0, 0, .3) } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } input[type=number] { -moz-appearance: textfield } body input:focus:required:invalid, body textarea:focus:required:invalid { color: #666 } body input:required:valid, body textarea:required:valid { color: #666 } body, html { height: 100% } body { font-size: 16px; min-width: 320px; position: relative; line-height: 1.75; font-family: Mont-Regular, sans-serif; overflow-x: hidden; opacity: 1; margin: 0 } body.scroll-hidden { overflow-y: hidden } ul { margin: 0; padding: 0; list-style-type: none } a { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; text-decoration: none } * { -webkit-box-sizing: border-box; box-sizing: border-box } .conf-wrap { position: absolute; left: 0; top: 0; width: 230px; height: 150px; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .08); box-shadow: 0 4px 20px rgba(0, 0, 0, .08); z-index: 9; background: #fff; -webkit-transition: left 0s, top 0s, opacity .2s ease, visibility .2s ease; -o-transition: left 0s, top 0s, opacity .2s ease, visibility .2s ease; transition: left 0s, top 0s, opacity .2s ease, visibility .2s ease; pointer-events: none; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .conf-wrap.disable { opacity: 0; visibility: hidden } .conf-wrap img { display: block; max-width: 100%; margin: 0 auto } .my-container { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0 15px; max-width: 1762px; width: 100% } .my-container.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } h1, h2, h3, h4, h5, h6 { font-weight: 400 } h1 { margin: 0 } .h1 { display: block; margin: 0; color: #000; font-size: 61px; line-height: 78px; font-family: Mont-Regular, sans-serif } .h2 { font-size: 39px; line-height: 48px; color: #000; margin: 0; font-family: Mont-Regular, sans-serif; display: block } .main-wrapper { position: relative; overflow: hidden; padding-top: 120px } .up-btn { width: 100px; height: 100px; background: no-repeat url(/css/../img/up_bg.svg) 50%; background-size: auto; position: fixed; z-index: 15; right: -100px; bottom: 20%; cursor: pointer; -webkit-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease } .up-btn.active-up-btn { right: 99px } .s-pagination { text-align: center; padding-bottom: 25px; width: 100% } .s-pagination ul { 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 } .s-pagination ul li.active a { font-family: Mont-Bold, sans-serif } .s-pagination ul li a { color: #000; font-size: 21px; line-height: 21px; padding-left: 28px; padding-right: 28px } .s-pagination ul li a:hover { color: #f60 } .s-sitemap { padding-top: 150px; padding-bottom: 150px } .s-sitemap .h1 { margin-bottom: 60px } .s-sitemap .ssm-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-sitemap .ssm-items .ssm-itm { width: 27%; margin-top:50px; } .s-sitemap .ssm-items .ssm-itm ul li { display: block; margin-bottom: 10px } .s-sitemap .ssm-items .ssm-itm ul li a { display: block; color: #f60 } .fix-nav { position: fixed; z-index: 13; bottom: 0; left: 0; height: 60px; width: 100%; background: #fff; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .09); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .09); display: none } .fix-nav .fn-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .fix-nav .fn-items .fn-itm { width: 43px; height: 60px } .fix-nav .fn-items .fn-itm.active .fni-icn::before { opacity: 0 } .fix-nav .fn-items .fn-itm.active .fni-icn::after { opacity: 1 } .fix-nav .fn-items .fn-itm .fni-icn { position: relative; width: 100%; height: 100%; display: block; cursor: pointer } .fix-nav .fn-items .fn-itm .fni-icn::after, .fix-nav .fn-items .fn-itm .fni-icn::before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .fix-nav .fn-items .fn-itm .fni-icn::after { opacity: 0 } .fix-nav .fn-items .fn-itm .fni-icn:hover::before { opacity: 0 } .fix-nav .fn-items .fn-itm .fni-icn:hover::after { opacity: 1 } .fix-nav .fn-items .fn-itm .fni-icn.bur::before { width: 25px; height: 13px; margin-left: -12.5px; margin-top: -6.5px; background: url(/css/../img/bur.svg) } .fix-nav .fn-items .fn-itm .fni-icn.bur::after { width: 25px; height: 13px; margin-left: -12.5px; margin-top: -6.5px; background: url(/css/../img/bur_h.svg) } .fix-nav .fn-items .fn-itm .fni-icn.sr::before { width: 20px; height: 21px; margin-left: -10px; margin-top: -10.5px; background: url(/css/../img/i1.svg) } .fix-nav .fn-items .fn-itm .fni-icn.sr::after { display: none } .fix-nav .fn-items .fn-itm .fni-icn.sr:hover::before { opacity: 1 } .fix-nav .fn-items .fn-itm .fni-icn.fv::before { width: 22px; height: 20px; background: url(/css/../img/fn2.svg); margin-left: -11px; margin-top: -10px } .fix-nav .fn-items .fn-itm .fni-icn.fv::after { width: 24px; height: 23px; background: url(/css/../img/i16.png); margin-left: -12px; margin-top: -11.5px } .fix-nav .fn-items .fn-itm .fni-icn.bs::before { width: 43px; height: 26px; background: url(/css/../img/fn3.png); margin-left: -21.5px; margin-top: -13px } .fix-nav .fn-items .fn-itm .fni-icn.bs:hover::before { opacity: 1 } .fix-nav .fn-items .fn-itm .fni-icn.bs .bs-cir { background: #f60; width: 20px; height: 20px; border-radius: 50%; text-align: center; display: block; position: absolute; left: 50%; margin-left: -10px; top: 50%; margin-top: -10px; color: #fff; font-size: 9px; line-height: 20px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .fix-nav .fn-items .fn-itm .fni-icn.bs .bs-cir.bs-empty { background: #000 } .fix-nav .fn-items .fn-itm .fni-icn.fl::before { width: 23px; height: 22px; background: url(/css/../img/fn4.svg); margin-left: -11.5px; margin-top: -11px } .fix-nav .fn-items .fn-itm .fni-icn.fl::after { width: 23px; height: 22px; background: url(/css/../img/fn4_h.svg); margin-left: -11.5px; margin-top: -11px } .fix-nav .fn-items .fn-itm .fni-icn.br::before { width: 25px; height: 13px; background: url(/css/../img/i29.svg); margin-left: -12.5px; margin-top: -6.5px } .fix-nav .fn-items .fn-itm .fni-icn.br::after { width: 25px; height: 13px; background: url(/css/../img/i29_h.svg); margin-left: -12.5px; margin-top: -6.5px } .fix-nav .fn-items .fn-itm .fni-search { position: absolute; left: -290px; top: 7px; width: 290px; height: 32px; -webkit-transition: all .7s ease-in; -o-transition: all .7s ease-in; transition: all .7s ease-in; visibility: hidden; opacity: 0; z-index: 1 } .fix-nav .fn-items .fn-itm .fni-search.active { opacity: 1; visibility: visible; left: 7px; top: 7px } .fix-nav .fn-items .fn-itm .fni-search button { position: absolute; left: 0; top: 0; background: 0 0; width: 32px; height: 32px; background: no-repeat url(/css/../img/i1.svg) 50%; border: none; cursor: pointer } .fix-nav .fn-items .fn-itm .fni-search input { width: 100%; outline: 0; color: #000; font-size: 13px; line-height: 15px; border: none; background: 0 0; border: 1px solid #e6e6e6; letter-spacing: .2px; padding-bottom: 7.5px; padding-top: 7.5px; padding-left: 40px; padding-right: 35px; background: #fff } .fix-nav .fn-items .fn-itm .fni-search input::-webkit-input-placeholder { color: #000; font-family: Mont-Regular, sans-serif } .fix-nav .fn-items .fn-itm .fni-search input:-moz-placeholder { color: #000; font-family: Mont-Regular, sans-serif } .fix-nav .fn-items .fn-itm .fni-search input::-moz-placeholder { color: #000; font-family: Mont-Regular, sans-serif } .fix-nav .fn-items .fn-itm .fni-search input:-ms-input-placeholder { color: #000; font-family: Mont-Regular, sans-serif } .c-count { width: 100%; padding-left: 45px; padding-right: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative } .c-count .cc-inp { width: 100%; outline: 0; border: 1px solid #e6e6e6; color: #000; font-size: 18px; line-height: 21px; font-family: Mont-SemiBold, sans-serif; padding-top: 6px; padding-bottom: 6px; text-align: center; padding-left: 5px; padding-right: 5px; -webkit-box-sizing: border-box; box-sizing: border-box } .c-count .cc-btn { width: 45px; height: 100%; position: absolute; cursor: pointer; top: 0 } .c-count .cc-btn.cc-min { background: no-repeat url(/css/../img/i6.png) 50%; left: 0 } .c-count .cc-btn.cc-plus { right: 0; background: no-repeat url(/css/../img/i5.png) 50% } .or { color: #f60 } .main-wrapper .mCSB_inside > .mCSB_container { margin-right: 45px } .main-wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #959595; width: 3px; border-radius: 0 } .main-wrapper .mCSB_scrollTools .mCSB_draggerRail { width: 1px; background: #cdcdcd } .swiper-pagination.k-dots .swiper-pagination-bullet { width: 10px; height: 10px; background: 0 0; position: relative; opacity: 1; margin: 0; outline: 0 } .swiper-pagination.k-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background: #b9b9b9 } .swiper-pagination.k-dots .swiper-pagination-bullet::after { content: ''; position: absolute; left: 50%; top: 50%; width: 4px; height: 4px; margin-left: -2px; margin-top: -2px; border: 1px solid #b9b9b9; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50% } .bl-arr .bl-arrows { width: 180px; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; right: 8px; top: 65px; position: absolute } .bl-arr .bl-arrows .swiper-button-next, .bl-arr .bl-arrows .swiper-button-prev { margin: 0; padding: 0; background: no-repeat url(/css/../img/arr2.png) 50%; width: 50%; height: 100%; position: relative; opacity: 1; cursor: pointer; outline: 0; top: 0; -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease } .bl-arr .bl-arrows .swiper-button-next.swiper-button-disabled, .bl-arr .bl-arrows .swiper-button-prev.swiper-button-disabled { opacity: .3 } .bl-arr .bl-arrows .swiper-button-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .btn { color: #fff; font-size: 13px; line-height: 13px; font-family: Mont-SemiBold, sans-serif; background: #000; padding-top: 14.5px; padding-bottom: 14.5px; padding-left: 66.7px; padding-right: 66.7px; display: inline-block; border: 1px solid #000; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; outline: 0 } .btn.active, .btn:hover { background: #f60; color: #fff; border-color: #f60 } .btn.white { border-color: #e6e6e6; background: #fff; color: #000 } .btn.white:hover { border-color: #000; background: #000; color: #fff } .btn.or { border-color: #f60; background: #f60; color: #fff } .btn.or:hover { background: #fff; color: #f60 } .btn-more { display: inline-block; position: relative; outline: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; color: #000; font-size: 12.6px; line-height: 15px; font-family: Mont-Light, sans-serif; padding-bottom: 8px; cursor: pointer } .btn-more::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e6e6e6; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .btn-more.black { color: #000; font-size: 15px; line-height: 19px; font-family: Mont-Regular, sans-serif } .btn-more.black::before { background: #000 } .btn-more:hover { color: #f60 } .btn-more:hover::before { background: #f60 } .btn-arrow { width: 60px; height: 20px; display: block; position: relative } .btn-arrow::after, .btn-arrow::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat url(/css/../img/arr4.png) 0 50%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .btn-arrow::after { background: no-repeat url(/css/../img/arr4_h.png) 0 50%; opacity: 0 } .btn-arrow:hover::before { opacity: 0 } .btn-arrow:hover::after { opacity: 1 } .btn-with-arr { color: #000; font-size: 18px; line-height: 21px; font-family: Mont-Light, sans-serif; position: relative; padding-right: 65px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer } .btn-with-arr::after, .btn-with-arr::before { content: ''; position: absolute; width: 32px; height: 8px; background: url(/css/../img/arr5.png); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; right: 0; top: 50%; margin-top: -4px } .btn-with-arr::after { background: url(/css/../img/arr5_h.png); opacity: 0 } .btn-with-arr:hover { color: #f60 } .btn-with-arr:hover::before { opacity: 0 } .btn-with-arr:hover::after { opacity: 1 } .cb-wrap .container, .rb-wrap .container { display: block; position: relative; padding-left: 25px; margin-bottom: 0; cursor: pointer; font-size: 13px; line-height: 13px; font-family: Mont-Regular, sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: rgba(0, 0, 0, .8) } .cb-wrap .container input, .rb-wrap .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 } .cb-wrap .checkmark, .rb-wrap .checkmark { position: absolute; top: 0; left: 0; height: 11px; width: 11px; border: 1px solid #000; background-color: #fff; border-radius: 50% } .cb-wrap.cb-circle .quest-answer, .rb-wrap.cb-circle .quest-answer { margin-left: 15px } .cb-wrap.cb-circle .container, .rb-wrap.cb-circle .container { font-size: 12px; line-height: 13px; font-family: Mont-SemiBold, sans-serif; color: #000; padding-left: 48px } .cb-wrap.cb-circle .container .checkmark, .rb-wrap.cb-circle .container .checkmark { width: 22px; height: 22px; background: url(/css/../img/cb_bg.png); border: none; top: -4px } .cb-wrap.cb-circle .container .checkmark::after, .rb-wrap.cb-circle .container .checkmark::after { width: 15px; height: 12px; background: url(/css/../img/cb_ic.png); content: ''; position: absolute; left: 7px; top: 3px; display: none } .cb-wrap.cb-circle .container input:checked ~ .checkmark, .rb-wrap.cb-circle .container input:checked ~ .checkmark { background: url(/css/../img/cb_bg.png) } .cb-wrap.cb-circle .container input:checked ~ .checkmark::after, .rb-wrap.cb-circle .container input:checked ~ .checkmark::after { display: block } .cb-wrap .container input:checked ~ .checkmark, .rb-wrap .container input:checked ~ .checkmark { background-color: #000 } .cb-wrap .container input:checked ~ .checkmark:after, .rb-wrap .container input:checked ~ .checkmark:after { display: block } .cb-wrap .container .checkmark:after, .rb-wrap .container .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: #fff } header { position: fixed; z-index: 11; width: 100%; left: 0; top: 0; background: #fff } header .hd-name { display: none } header.no-fixed { position: absolute; left: 0; top: 0; width: 100%; z-index: 9 } header.absolute { position: absolute; left: 0; width: 100%; z-index: 9 } header.small-header { padding-top: 34px; padding-bottom: 46px } header .top-line { padding-top: 15px; padding-bottom: 15px } header .top-line .tl-hidden-basket { position: absolute; right: 0; top: 0; width: 46px; height: 46px; display: none } header .top-line .tl-hidden-basket .tl-hb-num { position: relative; color: #fff; font-size: 10px; line-height: 10px; left: 30px; top: 1px } header .top-line .tl-hidden-basket::before { content: ''; position: absolute; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); border: 33px solid transparent; border-top: 33px solid #f60; right: -33px; top: -33px } header .top-line .my-container.flex { max-width: 1868px; padding-left: 44px; padding-right: 44px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } header .top-line .tl-phone { position: absolute; right: 135px; top: 15px; width: 60px; height: 60px; background: no-repeat url(/css/../img/phone_icn.svg) 50%; cursor: pointer; display: none } header .top-line .tl-logo svg { display: block; max-width: 100%; margin: 0 auto } header .top-line .tl-logo img { display: block; max-width: 100%; margin: 0 auto } header .top-line .tl-burger { position: relative; cursor: pointer; top: 0; padding-left: 26px; color: #f60; font-size: 14px; line-height: 18px; font-family: Mont-Bold, sans-serif } header .top-line .tl-burger::after { content: ''; position: absolute; width: 15px; height: 18px; left: 0; top: 0; background: no-repeat url(/css/../img/mini_burger.svg) 50% } header .top-line .tl-burger .hamburger { opacity: 0 } header .top-line .tl-burger .hamburger .hamburger-box { width: 49px; margin-top: 10px } header .top-line .tl-burger .hamburger .hamburger-inner, header .top-line .tl-burger .hamburger .hamburger-inner:after, header .top-line .tl-burger .hamburger .hamburger-inner:before { height: 1px; width: 49px } header .top-line .tl-burger .hamburger .hamburger-inner:before { top: -9px } header .top-line .tl-burger .hamburger .hamburger-inner:after { top: 9px } header .top-line .tl-burger .hamburger--slider .hamburger-inner:before { top: 10px } header .top-line .tl-burger .hamburger--slider .hamburger-inner:after { top: 20px } header .top-line .tl-mnu-ul ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } header .top-line .tl-mnu-ul ul li a { padding-left: 7.5px; padding-right: 7.5px; font-size: 14px; line-height: 18px; font-family: Mont-Bold, sans-serif; color: rgba(14, 14, 14, .5) } header .top-line .tl-mnu-ul ul li a:hover { color: #f60 } header .top-line .tl-search { display: block; position: relative; top: 0; width: 21px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; height: 36px; cursor: pointer } header .top-line .tl-search::after { content: ''; position: absolute; left: 3px; top: 8px; width: 17px; height: 18px; background: url(/css/../img/close_srch.svg); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; opacity: 0 } header .top-line .tl-search .tl-open { width: 21px; height: 34px; left: 0; top: 0; position: absolute; background-repeat: no-repeat; background-position: 50%; background-image: url(/css/../img/i1.svg); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer } header .top-line .tl-search.active .tl-open { opacity: 0 } header .top-line .tl-search.active::after { opacity: 1 } header .top-line .tl-form { width: 140px; } header .top-line .tl-form label { display: block; position: relative; margin-left: auto; margin-right: auto } header .top-line .tl-form label::before { content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 18px; background: url(/css/../img/srch-icn.svg) } header .top-line .tl-form label input { width: 120px; height: 20px; display: block; border: 0; border-bottom: 1px solid #c9c9c9; /* padding-left: 31px; padding-right: 31px; */ outline: 0; /* font-size: 24px; */ /* line-height: 31px; */ /* padding-bottom: 16px; */ font-family: Mont-Bold, sans-serif; color: #9c9c9c; padding: 0; margin-left: 18px; } header .top-line .tls-form { position: absolute; left: 0; top: 74px; padding-top: 58px; padding-bottom: 128px; width: 100%; background: #fff; -webkit-box-shadow: 0 15px 17px rgba(0, 0, 0, .05); box-shadow: 0 15px 17px rgba(0, 0, 0, .05); opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding-left: 15px; padding-right: 15px } header .top-line .tls-form.active { opacity: 1; visibility: visible } header .top-line .tls-form label { display: block; max-width: 693px; width: 100%; position: relative; margin-left: auto; margin-right: auto } header .top-line .tls-form label::before { content: ''; position: absolute; left: 0; top: 7px; width: 15px; height: 18px; background: url(/css/../img/srch-icn.svg) } header .top-line .tls-form label input { width: 100%; display: block; border: 0; border-bottom: 1px solid #c9c9c9; padding-left: 31px; padding-right: 31px; outline: 0; font-size: 24px; line-height: 31px; padding-bottom: 16px; font-family: Mont-Bold, sans-serif; color: #9c9c9c } header .top-line .tls-form label input::-webkit-input-placeholder { color: #9c9c9c } header .top-line .tls-form label input:-moz-placeholder { color: #9c9c9c } header .top-line .tls-form label input::-moz-placeholder { color: #9c9c9c } header .top-line .tl-form label input:-ms-input-placeholder { color: #9c9c9c } header .top-line .tl-form label input::-webkit-input-placeholder { color: #9c9c9c } header .top-line .tl-form label input:-moz-placeholder { color: #9c9c9c } header .top-line .tl-form label input::-moz-placeholder { color: #9c9c9c } header .top-line .tl-form label input:-ms-input-placeholder { color: #9c9c9c } header .top-line .tl-basket { width: 44px; height: 32px; position: relative; top: 1px } header .top-line .tl-basket noindex { display: block; height: 100% } header .top-line .tl-basket .tlb-adap-a { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100% } header .top-line .tl-basket.tl-empty .tlb-icon .tlb-num { background: #000; color: #fff } header .top-line .tl-basket .tlb-icon { cursor: pointer; width: 100%; height: 100% } header .top-line .tl-basket .tlb-icon::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat url(/css/../img/bask.svg) 50% } header .top-line .tl-basket .tlb-icon .tlb-num { width: 17px; height: 17px; background: #f60; border-radius: 50%; text-align: center; line-height: 17px; color: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; font-size: 9px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } header .top-line .tl-basket .tlb-content { padding-top: 45px; padding-bottom: 106px; position: absolute; min-width: 930px; max-width: 930px; background: #fff; left: 50%; top: 80px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 4; -webkit-box-shadow: 0 4px 54.15px 2.85px rgba(1, 1, 1, .06); box-shadow: 0 4px 54.15px 2.85px rgba(1, 1, 1, .06); padding-left: 40px; padding-right: 40px; display: none } header .top-line .tl-basket .tlb-content .tlb-scroll { max-height: 300px; overflow-y: auto } header .top-line .tl-basket .tlb-content .tlb-empty { text-align: center } header .top-line .tl-basket .tlb-content .tlb-empty p { font-size: 18px; line-height: 21px } header .top-line .tl-basket .tlb-content .tlb-empty .btn { margin-left: auto; margin-right: auto } header .top-line .tl-basket .tlb-content.active { display: block } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #efefef; position: relative; padding-right: 15px; padding-bottom: 25px; margin-bottom: 35px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm:last-child { margin-bottom: 0 } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-img { min-width: 103px; max-width: 103px } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-img img { display: block; max-width: 100%; margin: 0 auto } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-count { width: 158px; position: relative; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; top: 0; margin-right: 15px } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt { padding-left: 40px; min-width: 366px; max-width: 366px } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt .tlb-hdr { display: inline-block; font-family: Mont-Heavy, sans-serif; color: #000; font-size: 18px; line-height: 21px; position: relative; margin-bottom: 49px } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt .tlb-hdr::before { content: ''; position: absolute; bottom: -7px; left: 0; width: 100%; height: 1px; background: #e55c38; opacity: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt .tlb-hdr:hover { color: #e55c38 } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt .tlb-hdr:hover::before { opacity: 1 } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt .tlb-char { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr { padding-left: 24px; position: relative; margin-right: 42px } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr .tlb-ch-clr-circle { width: 11px; height: 11px; border-radius: 50%; position: absolute; left: 0; top: 1px; background-size: contain; background-position: 50% } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr .tlb-ch-descr { color: #000; font-size: 12.6px; line-height: 15px; display: block } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-name { color: #000; font-size: 13px; line-height: 15px; margin-right: 38px } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-name:last-child { margin-right: 0 } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-price { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-price .tlb-pr-new { display: block; color: #000; font-size: 18px; line-height: 21px; font-family: Mont-SemiBold, sans-serif; text-transform: uppercase } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-price .tlb-pr-old { display: inline-block; color: #000; font-size: 12px; line-height: 12px; font-family: Mont-Bold, sans-serif; position: relative; top: -10px } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-price .tlb-pr-old::before { content: ''; position: absolute; left: 0; top: 4px; height: 1px; -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); width: 100%; background: #e55c38 } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-delete { width: 16px; height: 18px; background: no-repeat url(/css/../img/delete_new.svg) 50%; position: absolute; right: 0; top: 0; cursor: pointer } header .top-line .tl-basket .tlb-content .tlb-btm { text-align: right; padding-top: 31px; padding-bottom: 31px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0; left: 0; width: 100%; padding-left: 40px; padding-right: 40px } header .top-line .tl-basket .tlb-content .tlb-btm .tlb-b-price { color: rgba(0, 0, 0, .5); font-size: 18px; line-height: 21px; width: 50% } header .top-line .tl-basket .tlb-content .tlb-btm .tlb-b-price .tlb-bp-num { margin-left: 20px; color: #000; font-size: 30px; line-height: 30px; font-family: Mont-SemiBold, sans-serif; text-transform: uppercase } header .top-line .tl-basket .tlb-content .btn { display: block; width: 50%; text-align: center } header .top-line .tl-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } header .top-line .tl-right .tlr-phone { color: #000; font-size: 18px; line-height: 21px; font-family: Mont-Bold, sans-serif } header .top-line .tl-right .tlr-phone:hover { color: #f60 } header .top-line .tl-right .tlr-phone:nth-child(2) { margin-left: 30px } header .top-line .tl-marker { width: 25px; height: 25px; position: relative; top: -2px } header .top-line .tl-marker.active .tlm-icn::before { opacity: 0 } header .top-line .tl-marker.active .tlm-icn::after { opacity: 1 } header .top-line .tl-marker.active .tlm-content { display: block } header .top-line .tl-marker .tlm-icn { cursor: pointer; width: 25px; height: 25px; display: block; z-index: 3; position: relative } header .top-line .tl-marker .tlm-icn::after, header .top-line .tl-marker .tlm-icn::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: no-repeat url(/css/../img/i3.svg) 50% } header .top-line .tl-marker .tlm-icn::after { background: no-repeat url(/css/../img/i3_h.svg) 50%; opacity: 0 } header .top-line .tl-marker .tlm-icn:hover::before { opacity: 0 } header .top-line .tl-marker .tlm-icn:hover::after { opacity: 1 } header .top-line .tl-marker .tlm-content { position: absolute; width: 334px; background: #fff; z-index: 0; top: 0; left: -32px; padding-left: 32px; padding-right: 32px; padding-top: 45px; padding-bottom: 45px; display: none } header .top-line .tl-marker .tlm-content .tlm-c-itm { margin-bottom: 30px } header .top-line .tl-marker .tlm-content .tlm-c-itm:last-child { margin-bottom: 0 } header .top-line .tl-marker .tlm-content .tlm-c-itm .tlb-ci-descr { display: block; font-size: 9px; line-height: 12px; font-family: Mont-SemiBold, sans-serif; color: #bdbdbd } header .top-line .tl-marker .tlm-content .tlm-c-itm a.tlb-ci-descr:hover { color: #f60 } header .top-line .tl-marker .tlm-content .tlm-c-itm .tlb-ci-descr-bg { font-size: 24px; line-height: 30px; color: #000; font-family: Mont-SemiBold, sans-serif; display: block } header .top-line .tl-sh { width: 25px; height: 25px; cursor: pointer; position: relative; top: -2px } header .top-line .tl-sh::after, header .top-line .tl-sh::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: no-repeat url(/css/../img/i10.svg) 50% } header .top-line .tl-sh::after { background: no-repeat url(/css/../img/i10_h.svg) 50%; opacity: 0 } header .top-line .tl-sh:hover::before { opacity: 0 } header .top-line .tl-sh:hover::after { opacity: 1 } header .top-line .tl-callback { color: #000; font-size: 18px; line-height: 13px; position: relative; top: 4px; padding-bottom: 11px } header .top-line .tl-callback::before { content: ''; position: absolute; bottom: -6px; left: 0; width: 100%; height: 1px; background: #c9c9c9; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } header .top-line .tl-callback:hover { color: #e55c38 } header .top-line .tl-callback:hover::before { background: #e55c38 } header .top-line .tl-phones { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; /* top: -1px */ flex-direction: column; padding: 10px 0px 0px 20px; font-size: 14px; } header .top-line .tl-phones .tlr-contact { text-decoration: none; color: #000; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; text-decoration: none; } header .top-line .tl-phones .tlr-phone { color: #000; font-size: 16px; line-height: 21px; font-family: Mont-Bold, sans-serif; letter-spacing: .2px; margin-left: 31px } header .top-line .tl-phones .tlr-phone:nth-child(2) { display: none } header .top-line .tl-phones .tlr-phone:first-child { margin-left: 0 } header .top-line .tl-phones .tlr-phone:hover { color: #e55c38 } header .top-line .tl-phones .tlr-contact:hover { color: #e55c38 } .search-page .my-container { max-width: 1868px; padding-left: 88px; padding-right: 88px; padding-top: 45px; padding-bottom: 45px } .search-page .sp-search { width: 100%; outline: 0; color: #000; font-size: 13px; line-height: 15px; border: none; background: 0 0; border-bottom: 1px solid #e6e6e6; letter-spacing: .2px; padding-bottom: 15px; padding-right: 35px; max-width: 320px } .search-page .sp-search::-webkit-input-placeholder { color: #000; font-family: Mont-Regular, sans-serif } .search-page .sp-search:-moz-placeholder { color: #000; font-family: Mont-Regular, sans-serif } .search-page .sp-search::-moz-placeholder { color: #000; font-family: Mont-Regular, sans-serif } .search-page .sp-search:-ms-input-placeholder { color: #000; font-family: Mont-Regular, sans-serif } .search-page .sp-search p { color: #000 } .search-page a { color: #f60 } .burger-mnu { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 11; background: #fff; -webkit-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; opacity: 0; visibility: hidden } .burger-mnu.active { visibility: visible; opacity: 1 } .burger-mnu .bm-phone { position: absolute; left: 15px; top: 15px; width: 60px; height: 60px; background: no-repeat url(/css/../img/phone_icn.svg) 50%; cursor: pointer; display: none } .burger-mnu .bm-close { position: absolute; right: 25px; top: 25px; width: 60px; height: 60px; background: no-repeat url(/css/../img/close.svg) 50%; cursor: pointer } .burger-mnu .my-container.flex { height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 80px; padding-right: 80px; max-width: 1440px; width: 100%; padding-bottom: 101px } .burger-mnu .my-container.flex .bm-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-left: 53px } .burger-mnu .my-container.flex .bm-content .bmc-left { width: 44%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 83px; padding-left: 15% } .burger-mnu .my-container.flex .bm-content .bmc-left ul li { margin-bottom: 44px } .burger-mnu .my-container.flex .bm-content .bmc-left ul li:last-child { margin-bottom: 0 } .burger-mnu .my-container.flex .bm-content .bmc-left ul li a { font-size: 16px; line-height: 28px; font-family: Mont-Bold, sans-serif; color: #000; display: block } .burger-mnu .my-container.flex .bm-content .bmc-left ul li a:hover { color: #f60 } .burger-mnu .my-container.flex .bm-content .bmc-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 56%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .burger-mnu .my-container.flex .bm-content .bmc-right .bmc-r-hdr { display: block; width: 100%; font-size: 24px; line-height: 28px; font-family: Mont-SemiBold, sans-serif; color: #000; margin-bottom: 46px } .burger-mnu .my-container.flex .bm-content .bmc-right .bmc-r-hdr:hover { color: #f60 } .burger-mnu .my-container.flex .bm-content .bmc-right .bmc-r-column { max-width: 300px; width: 100% } .burger-mnu .my-container.flex .bm-content .bmc-right .bmc-r-column ul li a { color: rgba(0, 0, 0, .7); font-size: 14px; line-height: 47px; font-family: Mont-SemiBold, sans-serif; display: block } .burger-mnu .my-container.flex .bm-content .bmc-right .bmc-r-column ul li a:hover { color: #f60 } .burger-mnu .my-container.flex .bmc-btm { position: absolute; bottom: 0; left: 0; width: 100%; margin-left: auto; margin-right: auto } .burger-mnu .my-container.flex .bmc-btm .my-container { padding-top: 20px; padding-bottom: 20px; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 44%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-t-soc-descr { display: block; width: 100%; font-size: 11px; line-height: 15px; font-family: Mont-Regular, sans-serif; letter-spacing: .05em; color: rgba(0, 0, 0, .6); margin-bottom: 15px; position: relative; left: 17px } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts { width: 60px; height: 60px; position: relative; margin-right: 4px; opacity: .6; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts:last-child { margin-right: 0 } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts::after, .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts::after { opacity: 0 } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts:hover { opacity: 1 } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts:hover::before { opacity: 0 } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts:hover::after { opacity: 1 } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.tl::before { background: no-repeat url(/css/../img/s1.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.tl::after { background: no-repeat url(/css/../img/s1_h.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.fm::before { background: no-repeat url(/css/../img/YT.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.fm::after { background: no-repeat url(/css/../img/YT_or.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.fb::before { background: no-repeat url(/css/../img/s3.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.fb::after { background: no-repeat url(/css/../img/s3_h.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.ws::before { background: no-repeat url(/css/../img/s4.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.ws::after { background: no-repeat url(/css/../img/s4_h.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.vk::before { background: no-repeat url(/css/../img/s5.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.vk::after { background: no-repeat url(/css/../img/s5_h.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.sk::before { background: no-repeat url(/css/../img/s7.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.sk::after { background: no-repeat url(/css/../img/s7_h.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.zn::before { background: no-repeat url(/css/../img/zen_icn.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.zn::after { background: no-repeat url(/css/../img/zen_icn_h.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.od::before { background: no-repeat url(/css/../img/od_icn.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts.od::after { background: no-repeat url(/css/../img/od_icn_h.svg) 50% } .burger-mnu .my-container.flex .bmc-btm .bmc-b-right { width: 56%; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-left: 53px; position: relative; bottom: 20px } .burger-mnu .my-container.flex .bmc-btm .bmc-b-right .bmc-br-descr { font-size: 11px; line-height: 28px; font-family: Mont-Light, sans-serif; color: rgba(0, 0, 0, .6); position: relative; padding-left: 30px } .burger-mnu .my-container.flex .bmc-btm .bmc-b-right .bmc-br-descr::before { content: ''; position: absolute; left: 0; top: 50% } .burger-mnu .my-container.flex .bmc-btm .bmc-b-right .bmc-br-descr.ad { margin-right: 56px } .burger-mnu .my-container.flex .bmc-btm .bmc-b-right .bmc-br-descr.ad::before { width: 12px; height: 13px; background: url(/css/../img/mar.svg) 50%; background-size: contain; margin-top: -7px; opacity: .4 } .burger-mnu .my-container.flex .bmc-btm .bmc-b-right .bmc-br-descr.tm::before { width: 13px; height: 13px; background: url(/css/../img/clock.svg); background-size: contain; margin-top: -6.5px } .s-breadcrumbs { margin-bottom: 18px } .s-breadcrumbs.mobile-hidden { display: none } .s-breadcrumbs .my-container { max-width: 1868px; padding-left: 88px; padding-right: 88px } .s-breadcrumbs .sb-slider .swiper-slide { width: auto; padding-right: 63px } .s-breadcrumbs .sb-slider .swiper-slide .sbs-itm { display: block; font-size: 13px; line-height: 15px; color: #ababab; font-family: Mont-SemiBold, sans-serif; position: relative } .s-breadcrumbs .sb-slider .swiper-slide .sbs-itm::before { content: ''; position: absolute; background: #e6e6e6; top: 7px; width: 16px; height: 1px; left: -41px } .s-breadcrumbs .sb-slider .swiper-slide .sbs-itm.active, .s-breadcrumbs .sb-slider .swiper-slide .sbs-itm:hover { color: #000 } .s-breadcrumbs ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-breadcrumbs ul li { padding-right: 63px; position: relative } .s-breadcrumbs ul li:hover a { color: #000 } .s-breadcrumbs ul li.active a { color: #000 } .s-breadcrumbs ul li:last-child { padding-right: 0 } .s-breadcrumbs ul li:last-child::before { display: none } .s-breadcrumbs ul li::before { content: ''; position: absolute; top: 15px; background: #e6e6e6; height: 1px; width: 16px; right: 23.5px } .s-breadcrumbs ul li a { color: #ababab; font-size: 13px; line-height: 15px; font-family: Mont-SemiBold, sans-serif } .s-brands .sb-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-brands .sb-items .sb-itm { width: 25%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; border: 1px solid #e0e0e0; min-height: 346px } .s-brands .sb-items .sb-itm .sbi-descr { display: block; position: absolute; color: #333; font-size: 18px; line-height: 23px; font-family: Mont-Bold, sans-serif; top: 43px; left: 0; padding-left: 42px; padding-right: 15px; width: 100% } .s-brands .sb-items .sb-itm img { display: block; max-width: 100%; margin: 0 auto } .s-show { padding-top: 25px; padding-bottom: 25px; width: 100% } .s-show.s-one .my-container.flex::before { display: none } .s-show.s-one .ss-itm:nth-child(1) { display: none } .s-show .my-container.flex { width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; padding-right: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative } .s-show .my-container.flex::before { content: ''; position: absolute; left: 50%; top: 41%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1px; height: 17px; background: #000 } .s-show .ss-itm { width: auto; min-width: 140px; position: relative; margin-left: 55px; margin-right: 55px; padding-left: 16px } .s-show .ss-itm .ss-i-a { color: #000; font-size: 12px; line-height: 15px; font-family: Mont-Bold, sans-serif } .s-show .ss-itm .ss-i-a:hover { color: #f60 } .s-show .ss-itm .selectize-input { color: #000; font-size: 12px; line-height: 15px; padding-right: 16px; border: 0; background: 0 0; font-family: Mont-Bold, sans-serif } .s-show .ss-itm .select-items div { padding-top: 13px; font-family: Mont-Regular, sans-serif; border-color: transparent } .s-show .ss-itm .selectize-control.single .selectize-input.dropdown-active::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .s-show .ss-itm .selectize-control.single .selectize-input:after { width: 8px; height: 5px; padding: 0; margin: 0; right: 0; top: 13px; background: no-repeat url(/css/../img/arr10.svg) 50%; border: none } .s-detail { padding-top: 20px } .s-detail .my-container.flex { max-width: 100%; padding-left: 0; padding-right: 0 } .s-detail .sd-photos { width: -webkit-calc(100% - 626px); width: calc(100% - 626px) } .s-detail .sdp-main { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #fff; min-height: 796px; position: relative; padding: 15px; padding-bottom: 100px; padding-top: 100px } .s-detail .sdp-main::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .04) } .s-detail .sdp-main::before { content: ''; position: absolute; right: 28px; bottom: 28px; background: url(/css/../img/i7.png) 50%; width: 54px; height: 53px } .s-detail .sdp-main .sdp-m-block { position: absolute; left: 5.6%; top: -12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-detail .sdp-main .sdp-m-block .sri-t-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .s-detail .sdp-main .sdp-m-block .sri-t-row.sri-disc { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; margin-top: 0 } .s-detail .sdp-main .sdp-m-block .sri-t-row.sri-disc .sri-t-dis { font-size: 10px; line-height: 12px; font-family: Mont-SemiBold, sans-serif; text-align: center; position: relative; padding-top: 5.5px; padding-bottom: 5.5px; margin-bottom: 15px; margin-right: 15px } .s-detail .sdp-main .sdp-m-block .sri-t-row.sri-disc .sri-t-dis:last-child { margin-right: 0 } .s-detail .sdp-main .sdp-m-block .sri-t-row.sri-disc .sri-t-dis::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .s-detail .sdp-main .sdp-m-block .sri-t-row.sri-disc .sri-t-dis.d-1 { width: 83px; color: #fff } .s-detail .sdp-main .sdp-m-block .sri-t-row.sri-disc .sri-t-dis.d-1 span { position: relative } .s-detail .sdp-main .sdp-m-block .sri-t-row.sri-disc .sri-t-dis.d-1::before { background: no-repeat url(/css/../img/sri1.png) 50% } .s-detail .sdp-main .sdp-m-block .sri-t-row.sri-disc .sri-t-dis.d-2 { width: 69px; color: #f60 } .s-detail .sdp-main .sdp-m-block .sri-t-row.sri-disc .sri-t-dis.d-2 span { position: relative } .s-detail .sdp-main .sdp-m-block .sri-t-row.sri-disc .sri-t-dis.d-2::before { background: no-repeat url(/css/../img/sri2.png) 50% } .s-detail .sdp-main .sdp-m-block .sri-t-row.sri-disc .sri-t-dis.d-3 { width: 75px; color: #f60 } .s-detail .sdp-main .sdp-m-block .sri-t-row.sri-disc .sri-t-dis.d-3 span { position: relative } .s-detail .sdp-main .sdp-m-block .sri-t-row.sri-disc .sri-t-dis.d-3::before { background: no-repeat url(/css/../img/sri3.png) 50% } .s-detail .sdp-main .sdp-m-block .sdp-m-hdr { color: #000; font-size: 37.75px; font-family: Mont-Regular, sans-serif; line-height: 41px; letter-spacing: 0; margin-right: 44px; position: relative; top: -100px } .s-detail .sdp-main .sdp-m-block .sdp-m-disc { color: #fb0; font-size: 9px; line-height: 13px; position: relative; font-family: Mont-Bold, sans-serif } .s-detail .sdp-main .sdp-m-block .sdp-m-disc span { position: relative; z-index: 1 } .s-detail .sdp-main .sdp-m-block .sdp-m-disc::before { content: ''; position: absolute; width: 85px; height: 21px; left: 50%; top: 50%; -webkit-transform: translate(-47%, -50%); -ms-transform: translate(-47%, -50%); transform: translate(-47%, -50%); background: url(/css/../img/word-bg.jpg) } .s-detail .sdp-main img { display: block; max-width: 100%; margin: 0 auto } .s-detail .sdp-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-detail .sdp-itm { width: 50%; height: 456px; position: relative } .s-detail .sdp-itm:hover span::after { opacity: 0 } .s-detail .sdp-itm.sdp-video::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat url(/css/../img/play.png) 50% } .s-detail .sdp-itm span { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50% } .s-detail .sdp-itm span::after { content: ''; position: absolute; background: rgba(0, 0, 0, .04); left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-detail .sd-content { width: 655px; padding-left: 59px; padding-top: 68px; position: relative } .s-detail .sd-content .sd-block { top: 0; position: absolute; max-width: 491px; width: 100% } .s-detail .sd-content .sdc-review { position: absolute; right: 0; top: 1px; color: #000; font-size: 12.6px; line-height: 15px; padding-right: 32px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer } .s-detail .sd-content .sdc-review::after, .s-detail .sd-content .sdc-review::before { content: ''; position: absolute; width: 18px; height: 16px; background: url(/css/../img/i8.png); right: 0; top: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-detail .sd-content .sdc-review::after { background: url(/css/../img/i8_h.png); opacity: 0 } .s-detail .sd-content .sdc-review:hover { color: #e55c38 } .s-detail .sd-content .sdc-review:hover::before { opacity: 0 } .s-detail .sd-content .sdc-review:hover::after { opacity: 1 } .s-detail .sd-content .sdc-ul { max-width: 391px; width: 100% } .s-detail .sd-content .sdc-ul li { color: #000; font-size: 13px; line-height: 15px; margin-bottom: 23px } .s-detail .sd-content .sdc-descr { color: #000; font-size: 13px; line-height: 15px; margin-right: 24px } .s-detail .sd-content .sdc-rd { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 23px } .s-detail .sd-content .sdc-rd .sdc-descr { min-width: 102px; margin-bottom: 15px } .s-detail .sd-content .sdc-rd .rb-wrap { min-width: 65px; margin-right: 26px; margin-bottom: 15px } .s-detail .sd-content .sdc-rd .rb-wrap.active .container { font-family: Mont-Bold, sans-serif } .s-detail .sd-content .sdc-rd .rb-wrap:last-child { margin-right: 0 } .s-detail .sd-content .sdc-color { margin-bottom: 26px } .s-detail .sd-content .sdc-color .sdc-descr { display: block; color: #000; font-size: 13px; line-height: 15px; margin-bottom: 20px } .s-detail .sd-content .sdc-color .sdc-descr .sdc-color-choosen { font-family: Mont-Bold, sans-serif } .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-next, .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-prev { width: 20px; height: 100%; background: 0 0; padding: 0; margin: 0; top: 0; -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; outline: 0 } .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-next::before, .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-prev::before { top: 0; width: 30px; right: 0; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(2, 0, 36, 0)), color-stop(50%, #fff)); background: -o-linear-gradient(left, rgba(2, 0, 36, 0) 0, #fff 50%); background: linear-gradient(90deg, rgba(2, 0, 36, 0) 0, #fff 50%); content: ''; position: absolute } .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-next::after, .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-prev::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat url(/css/../img/arrow_5kwt.svg) 50%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-next.swiper-button-disabled, .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-prev.swiper-button-disabled { opacity: 0 } .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-next { right: 0 } .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-prev { left: 0 } .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-prev::before { right: auto; left: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(2, 0, 36, 0)), color-stop(50%, #fff)); background: -o-linear-gradient(left, rgba(2, 0, 36, 0) 0, #fff 50%); background: linear-gradient(90deg, rgba(2, 0, 36, 0) 0, #fff 50%); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-prev::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-slide { width: 106px } .s-detail .sd-content .sdc-color .sdc-c-slider .sdc-c-itm { width: 106px; height: 83px; background-size: auto; background-repeat: no-repeat; background-position: 50% 50%; border: 2px solid transparent; cursor: pointer } .s-detail .sd-content .sdc-color .sdc-c-slider .sdc-c-itm.active { border-color: #f60 } .s-detail .sd-content .sdc-all { display:inline-block; position:relative; /*margin-right:30px;*/ cursor:pointer; color:#000; display: flex; align-items: center; font-family:Mont-Light,sans-serif; font-size:12.6px; line-height:13px; /*top:-6px;*/ /*padding-bottom:4px;*/ /*margin-bottom:31px*/ } .s-detail .sd-content .sdc-all img{ margin-right: 10px; } .s-detail .sd-content .sdc-all::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; /* height: 1px;*/ background: #e7e7e7; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-detail .sd-content .sdc-all:hover::before { background: #000 } .s-detail .sd-content .sdc-all .burger { width: 18px; height: 5px; background: url(/css/../img/i9.png); right: -30px; top: 4px; position: absolute } .s-detail .sd-content .sdc-t-g { color: rgba(0, 0, 0, .8); font-size: 13px; line-height: 15px; position: relative; padding-left: 31px; margin-bottom: 15px; display: block } .s-detail .sd-content .sdc-t-g::before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 12px; height: 12px; background: url(/css/../img/srib-no.svg) } .s-detail .sd-content .sdc-t-g.sdc-have::before { background: url(/css/../img/srib-have.svg) } .s-detail .sd-content .sdc-two-wrap { width: 100% } .s-detail .sd-content .sdc-two { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 27px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); max-width: 95px; width: 100%; position: relative } .s-detail .sd-content .sdc-two::after { content: ''; position: absolute; left: 50%; top: 0; height: 100%; width: 1px; background: #fafafa } .s-detail .sd-content .sdc-two .sdc-t-descr { width: 47px; height: 47px; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative } .s-detail .sd-content .sdc-two .sdc-t-descr:nth-child(2) { margin-left: 1px } .s-detail .sd-content .sdc-two .sdc-t-descr::after, .s-detail .sd-content .sdc-two .sdc-t-descr::before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-detail .sd-content .sdc-two .sdc-t-descr::after { opacity: 0 } .s-detail .sd-content .sdc-two .sdc-t-descr.active, .s-detail .sd-content .sdc-two .sdc-t-descr:hover { color: #f60 } .s-detail .sd-content .sdc-two .sdc-t-descr.active::before, .s-detail .sd-content .sdc-two .sdc-t-descr:hover::before { opacity: 0 } .s-detail .sd-content .sdc-two .sdc-t-descr.active::after, .s-detail .sd-content .sdc-two .sdc-t-descr:hover::after { opacity: 1 } .s-detail .sd-content .sdc-two .sdc-t-descr.fav::after, .s-detail .sd-content .sdc-two .sdc-t-descr.fav::before { width: 11px; height: 11px; margin-top: -5.5px; margin-left: -5.5px; background: no-repeat url(/css/../img/i11.svg) 50%; background-size: contain } .s-detail .sd-content .sdc-two .sdc-t-descr.fav::after { background: no-repeat url(/css/../img/i11_h.svg) 50%; background-size: contain } .s-detail .sd-content .sdc-two .sdc-t-descr.sim::after, .s-detail .sd-content .sdc-two .sdc-t-descr.sim::before { width: 14px; height: 12px; margin-left: -7px; margin-top: -6px; background: url(/css/../img/i13.svg); background-size: contain } .s-detail .sd-content .sdc-two .sdc-t-descr.sim::after { background: url(/css/../img/i13_h.svg); background-size: contain } .s-detail .sd-content .sdc-prices { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 21px } .s-detail .sd-content .sdc-prices .sdc-pr { color: #000; font-size: 40px; line-height: 40px; font-family: Mont-SemiBold, sans-serif; margin-right: 26px } .s-detail .sd-content .sdc-prices .sdc-pr-old { color: #000; font-size: 18px; line-height: 21px; font-family: Mont-Bold, sans-serif; position: relative; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; top: -4px } .s-detail .sd-content .sdc-prices .sdc-pr-old::after { content: ''; position: absolute; top: 9px; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); left: 0; width: 100%; height: 3px; background: #e55c38 } .s-detail .sd-content .sdc-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 14px } .s-detail .sd-content .sdc-buttons .btn { padding-left: 5px; padding-right: 5px; width: 248px; text-align: center; font-family: Mont-SemiBold, sans-serif; font-size: 13px; line-height: 13px; padding-top: 19px; padding-bottom: 18px; margin-bottom: 10px } .s-detail .sd-content .sdc-buttons .btn.white { font-family: Mont-Regular, sans-serif } .s-detail .sd-content .sdc-gr { color: #989898; font-size: 13px; line-height: 15px } .s-detail .sd-content .sdc-gr a { color: #f60; position: relative; border-bottom: 1px solid #f60 } .s-detail .sd-content .sdc-gr a:hover { border-color: transparent } .s-detail .sd-slider { display: none } .s-detail .sd-slider .swiper-button-next, .s-detail .sd-slider .swiper-button-prev { width: 46px; height: 46px; background: rgba(255, 255, 255, .4); margin: 0; padding: 0; outline: 0; margin-top: -23px } .s-detail .sd-slider .swiper-button-next::after, .s-detail .sd-slider .swiper-button-prev::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat url(/css/../img/arr.png) 50% } .s-detail .sd-slider .swiper-button-prev { left: 0 } .s-detail .sd-slider .swiper-button-prev::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .s-detail .sd-slider .swiper-button-next { right: 0 } .s-detail .sd-slider .swiper-slide { width: 100% } .s-detail .sd-slider .sdp-itm { width: 100%; height: 320px; display: block } .sd-chars { padding-top: 131px; padding-bottom: 131px } .sd-chars .my-container { max-width: 1256px } .sd-chars .sdc-tabs .swiper-slide { width: auto; padding-right: 49px } .sd-chars .sdc-tabs .swiper-slide:last-child { padding-right: 0 } .sd-chars .sdc-tabs .sdc-tab { color: rgba(0, 0, 0, .3); font-size: 24px; line-height: 30px; font-family: Mont-SemiBold, sans-serif; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .sd-chars .sdc-tabs .sdc-tab.active, .sd-chars .sdc-tabs .sdc-tab:hover { color: #010101 } .sd-chars .sdc-wrap-content .sdc-content { display: none } .sd-chars .sdc-wrap-content .sdc-content.active { display: block } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars { padding-top: 67px } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-hdr { display: block; color: #000; font-size: 14px; line-height: 21px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 31px } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .btn-more.black.active { color: #f60 } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .btn-more.black.active::before { background: #f60 } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul { max-width: 630px; width: 100%; margin-bottom: 40px } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin-bottom: 27px } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li:last-child { margin-bottom: 0 } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li.hidden { display: none } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li.hidden.active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li .hd-flex { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #f2f2f2 } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li span { background: #fff; position: relative; z-index: 1; font-family: Mont-Regular, sans-serif; font-size: 14px; line-height: 21px; color: #3d3d3d; width: auto } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li span:nth-child(2) { color: rgba(61, 61, 61, .8); width: auto; text-align: left; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box } .sd-chars .sdc-wrap-content .sdc-content .sdc-review { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 45px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-left { width: 437px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-left .sdc-rl-row { margin-bottom: 20px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-left .sdc-rl-row input, .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-left .sdc-rl-row textarea { border: 1px solid #e6e6e6; width: 100%; outline: 0; color: #1e1e1e; font-size: 15px; line-height: 20px; padding-left: 26px; padding-top: 14px; padding-bottom: 16px; padding-right: 15px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-left .sdc-rl-row textarea { resize: none; height: 264px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .btn { margin-top: 14px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right { width: -webkit-calc(100% - 437px); width: calc(100% - 437px); padding-left: 71px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-add { color: rgba(0, 0, 0, .3); font-size: 24px; line-height: 32px; position: relative; padding-right: 30px; margin-top: 30px; display: none } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-add::before { content: '+'; position: absolute; right: 0; font-size: 28px; line-height: 28px; top: 4px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-add:hover { color: #000 } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items { height: auto } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm { margin-bottom: 63px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm.answer { padding-left: 40px; margin-top: 20px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 9px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-top .sdc-rr-t-name { color: rgba(30, 30, 30, .5); font-size: 15px; line-height: 20px; position: relative; padding-left: 35px; padding-right: 39px; margin-right: 29px; margin-bottom: 10px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-top .sdc-rr-t-name::after { content: ''; position: absolute; width: 1px; height: 18px; background: #e6e6e6; right: 0; top: 50%; margin-top: -9px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-top .sdc-rr-t-name::before { content: ''; left: 0; top: 1px; position: absolute; width: 18px; height: 16px; background: url(/css/../img/i8.png) 50%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-top .sdc-rr-t-date { color: rgba(30, 30, 30, .5); font-size: 15px; line-height: 20px; margin-bottom: 10px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-content { padding-bottom: 16px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-content p { margin: 0; color: #1e1e1e; font-size: 15px; line-height: 24px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-content ul li { position: relative; display: block; color: #1e1e1e; font-size: 15px; line-height: 24px; padding-left: 35px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-content ul li::before { content: '+'; position: absolute; left: 0; top: 0 } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-btm .sdc-rr-ans { display: inline-block; color: rgba(30, 30, 30, .5); font-size: 15px; line-height: 20px; position: relative; padding-bottom: 4px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-btm .sdc-rr-ans::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #cdcdcd; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-btm .sdc-rr-ans:hover { color: #e55c38 } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-btm .sdc-rr-ans:hover::before { opacity: 0 } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-btm .sdc-rr-comment { padding-top: 20px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-btm .sdc-rr-comment input, .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-btm .sdc-rr-comment textarea { border: 1px solid #e6e6e6; width: 100%; max-width: 290px; outline: 0; color: #1e1e1e; font-size: 15px; line-height: 20px; padding-left: 26px; padding-top: 14px; padding-bottom: 16px; padding-right: 15px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm .sdc-rr-btm .sdc-rr-comment textarea { resize: none; height: 130px } .sd-chars .sdc-wrap-content .sdc-content .sdc-txt { padding-top: 45px } .sd-chars .sdc-wrap-content .sdc-content .sdc-txt p { margin: 0; margin-bottom: 30px; font-family: Mont-Regular, sans-serif; font-size: 15px; line-height: 24px } .sd-chars .sdc-wrap-content .sdc-content .sdc-txt p b { font-family: Mont-SemiBold, sans-serif; display: block } .s-two { overflow: hidden; padding-top: 24px; padding-bottom: 120px } .s-two .my-container { max-width: 1256px } .s-two .st-top.my-container { margin-bottom: 102px } .s-two .st-top.my-container .h1 { position: relative } .s-two .st-top.my-container .h1::before { content: ''; position: absolute; width: 372px; height: 430px; background: url(/css/../img/triangle.png); left: -381px; top: 35px } .s-two .st-items { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-two .st-items .st-itm { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 845px; position: relative } .s-two .st-items .st-itm.gray { background: #fafafa; overflow: hidden } .s-two .st-items .st-itm.gray.active .sti-im::after { top: -120% } .s-two .st-items .st-itm.gray.active .sti-im .sti-im-bg, .s-two .st-items .st-itm.gray.active .sti-im img { -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0) } .s-two .st-items .st-itm .sti-im { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .s-two .st-items .st-itm .sti-im::after { content: ''; position: absolute; width: 120%; height: 120%; background: #fafafa; left: -10%; top: -10%; -webkit-transition: all .7s ease-in; -o-transition: all .7s ease-in; transition: all .7s ease-in } .s-two .st-items .st-itm img { display: block; max-width: 100%; width: 100%; margin: 0 auto; mix-blend-mode: multiply; -webkit-transform: scale(1.2) translateY(30px); -ms-transform: scale(1.2) translateY(30px); transform: scale(1.2) translateY(30px); position: relative; -webkit-transition: all .7s ease .3s; -o-transition: all .7s ease .3s; transition: all .7s ease .3s } .s-two .st-items .st-itm .sti-im-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; mix-blend-mode: multiply; -webkit-transform: scale(1.2) translateY(30px); -ms-transform: scale(1.2) translateY(30px); transform: scale(1.2) translateY(30px); -webkit-transition: all .7s ease .3s; -o-transition: all .7s ease .3s; transition: all .7s ease .3s } .s-two .st-items .st-itm .sti-content { max-width: 470px; width: 100% } .s-two .st-items .st-itm .sti-content .sti-hdr { display: block; position: relative; color: #000; font-size: 39px; line-height: 60px; margin-bottom: 39px } .s-two .st-items .st-itm .sti-content .sti-hdr .sti-h-num { position: absolute; left: -62px; top: -8px; color: rgba(96, 96, 96, .5); font-size: 14px; line-height: 14px; letter-spacing: 3.4px } .s-two .st-items .st-itm .sti-content .sti-p { margin: 0; color: #3d3d3d; font-size: 14px; line-height: 30px } .s-related { padding-top: 54px; position: relative; padding-bottom: 35px } .s-related.sr-bikes .sr-slider .swiper-slide .srs-itm .srs-img { min-height: 422px } .s-related.no-hdr .sr-top { min-height: 48px } .s-related.no-hdr .sr-top .h2 { display: none } .s-related .my-container { max-width: 1256px } .s-related .sr-top.my-container { max-width: 1868px; padding-left: 88px; padding-right: 88px } .s-related .sr-top .h2 { margin-bottom: 52px; opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .s-related .sr-top .h2.active { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .s-related .sr-slider .swiper-pagination.k-dots { display: none } .s-related .sr-slider .swiper-slide { width: 25%; margin-top: 16px; margin-bottom: 168px; border: 1px solid #eee; border-left: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative } .s-related .sr-slider .swiper-slide::before { left: -12px; top: -4px; width: -webkit-calc(100% + 24px); width: calc(100% + 24px); height: -webkit-calc(100% + 9px); height: calc(100% + 9px); -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1); position: absolute; content: ''; opacity: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: #fff } .s-related .sr-slider .swiper-slide:hover { z-index: 1 } .s-related .sr-slider .swiper-slide:hover::before { opacity: 1 } .s-related .sr-slider .swiper-slide:hover .srs-itm { background: #fff } .s-related .sr-slider .swiper-slide:hover .srs-itm .srs-hidden { opacity: 1 } .s-related .sr-slider .swiper-slide:last-child { border-right: 1px solid transparent } .s-related .sr-slider .swiper-slide .srs-itm { position: relative; padding-left: 45px; padding-top: 30px; padding-right: 15px; padding-bottom: 36px; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-related .sr-slider .swiper-slide .srs-itm .srs-name { display: block; color: #000; font-size: 18px; line-height: 30px; font-family: Mont-Heavy, sans-serif; margin-bottom: 14px; min-height: 60px } .s-related .sr-slider .swiper-slide .srs-itm .srs-gray { display: block; color: rgba(0, 0, 0, .5); font-size: 15.87px; line-height: 21px } .s-related .sr-slider .swiper-slide .srs-itm .srs-price { display: block; color: #000; font-size: 24px; line-height: 24px; font-family: Mont-SemiBold, sans-serif } .s-related .sr-slider .swiper-slide .srs-itm .srs-img { min-height: 320px; 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; margin-top: 13px } .s-related .sr-slider .swiper-slide .srs-itm .srs-img img { display: block; max-width: 100%; margin: 0 auto } .s-related .sr-slider .swiper-slide .srs-itm .srs-hidden { position: absolute; left: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; bottom: -155px; background: #fff; padding-left: 30px; padding-right: 30px; padding-bottom: 49.5px; padding-top: 45.5px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; opacity: 0; z-index: -1 } .s-related .sr-slider .swiper-slide .srs-itm .srs-hidden .btn { width: 100%; padding-top: 22.5px; padding-bottom: 22.5px; padding-left: 5px; padding-right: 5px; text-align: center } .s-plus { padding-top: 23px; padding-bottom: 100px } .s-plus .my-container.flex { padding-left: 14% } .s-plus .sp-lft { position: relative; min-width: 290px; padding-top: 135px; margin-right: 152px } .s-plus .h1 { position: absolute } .s-plus .sp-items { width: -webkit-calc(100% - 290px); width: calc(100% - 290px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-plus .sp-items .sp-itm { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-top: -150px } .s-plus .sp-items .sp-itm:first-child { margin-top: 0 } .s-plus .sp-items .sp-itm:nth-child(even) { position: relative; margin-top: 384px } .s-plus .sp-itm { position: relative; overflow: hidden; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: top .5s ease, -webkit-transform 1.3s ease; transition: top .5s ease, -webkit-transform 1.3s ease; -o-transition: transform 1.3s ease, top .5s ease; transition: transform 1.3s ease, top .5s ease; transition: transform 1.3s ease, top .5s ease, -webkit-transform 1.3s ease } .s-plus .sp-itm.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .s-plus .sp-itm.active::after { top: -550px } .s-plus .sp-itm::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 550px; background: #fff; -webkit-transition: all 1.3s ease-in; -o-transition: all 1.3s ease-in; transition: all 1.3s ease-in } .s-plus .sp-itm .spi-img { margin-bottom: 56px } .s-plus .sp-itm .spi-img img { display: block; max-width: 100%; margin: 0 auto } .s-plus .sp-itm .spi-descr { display: block; text-align: center; color: #000; font-size: 20px; line-height: 34px; margin-bottom: 20px } .s-plus .sp-itm .spi-p { margin: 0; color: rgba(0, 0, 0, .6); font-size: 12px; line-height: 170%; font-family: Mont-Regular, sans-serif; font-weight: 700; text-align: center } .s-electro { padding-top: 70px; } .s-electro .my-container.flex { padding-left: 14%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .s-electro .se-txt { width: -webkit-calc(100% - 600px); width: calc(100% - 600px); padding-right: 30px } .s-electro .se-txt .se-t-hdr { display: block; color: #000; font-size: 36px; line-height: 51px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 40px } .s-electro .se-txt .se-t-p { margin: 0; color: rgba(0, 0, 0, .7); font-size: 18px; line-height: 37px } .s-electro .se-img { width: 600px } .s-electro .se-img img { display: block; max-width: 100%; margin: 0 auto } .s-btm-text { padding-top: 224px; padding-bottom: 180px } .s-btm-text.active .my-container::after { right: -66px; top: -516px } .s-btm-text.active p a::before { top: 140px; left: -460px } .s-btm-text.sbt-warranty { position: relative } .s-btm-text.sbt-warranty .sbt-hdr { display: block; margin-bottom: 60px; display: block; font-size: 24px; line-height: 32px; font-family: Mont-SemiBold, sans-serif; color: #000 } .s-btm-text.sbt-warranty .my-container::after { content: ''; position: absolute; top: 50%; left: -430px; width: 372px; height: 430px; margin-top: -215px; background: url(/css/../img/triangle.png) } .s-btm-text.sbt-warranty .my-container::before { top: -9%; right: -350px } .s-btm-text.sbt-custom { padding-top: 116px; overflow: hidden } .s-btm-text.sbt-custom .sbt-hdr { display: block; font-size: 24px; line-height: 32px; font-family: Mont-SemiBold, sans-serif; color: #000; margin-bottom: 74px } .s-btm-text.sbt-custom .my-container::before { content: ''; position: absolute; top: 29%; left: -460px; width: 372px; height: 430px; background: url(/css/../img/triangle.png) } .s-btm-text.sbt-custom p a.or { border-bottom: none } .s-btm-text.sbt-custom p a.or::before { display: none } .s-btm-text .my-container { max-width: 1256px; position: relative } .s-btm-text .my-container::before { content: ''; right: -315px; top: -467px; width: 256px; height: 487px; background: url(/css/../img/triangle2.png) 100% 50%; -webkit-transform: rotate(14deg); -ms-transform: rotate(14deg); transform: rotate(14deg) } .s-btm-text .my-container::after { content: ''; /* position: absolute;*/ right: -191px; top: -607px; width: 142px; height: 487px; background: url(/css/../img/triangle2.png) 0 50%; -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; -webkit-transform: rotate(14deg); -ms-transform: rotate(14deg); transform: rotate(14deg) } .s-btm-text p { margin: 0; color: #000; font-size: 61px; line-height: 90px; position: relative } .s-btm-text p a { color: #f60; position: relative; border-bottom: 1px solid #f60 } .s-btm-text p a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #f60; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; display: none } .s-btm-text p a:hover { border-color: transparent } .s-btm-text p a:hover::after { opacity: 0 } .s-btm-text p a::before { content: ''; position: absolute; top: 130px; left: -576px; display: none; width: 372px; height: 430px; background: url(/css/../img/triangle.png); -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease } .s-btm-text.sbt-service .ss-top { max-width: 1868px; padding-left: 88px; padding-right: 88px; margin-left: auto; margin-right: auto; margin-bottom: 57px } .s-btm-text.sbt-service .ss-top .sbt-hdr { font-size: 51px; line-height: 61px; font-family: Mont-Light, sans-serif; color: #000; display: inline-block } .s-btm-text.sbt-service .ss-top .sbt-hdr .sbt-h-num { font-size: 15px; line-height: 17px; font-family: Mont-Light, sans-serif; color: rgba(0, 0, 0, .4); position: relative; top: -20px } .s-btm-text.sbt-service .my-container p { margin-bottom: 60px } .s-btm-text.sbt-service .my-container .btn { font-size: 16px; line-height: 16px; font-family: Mont-Regular, sans-serif; padding-top: 23px; padding-bottom: 26px } .s-price { padding-bottom: 172px } .s-price .my-container { max-width: 1256px } .s-price .h1 { margin-bottom: 58px } .s-price .sp-items { max-width: 991px } .s-price .sp-items .sp-itm:last-child .spi-top { border-color: transparent } .s-price .sp-items .sp-itm.active .spi-top { border-color: transparent } .s-price .sp-items .sp-itm .spi-top { position: relative; font-size: 24px; line-height: 32px; font-family: Mont-SemiBold, sans-serif; color: #000; border-bottom: 1px solid rgba(0, 0, 0, .2); padding-top: 53px; padding-bottom: 53px; padding-right: 30px; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-price .sp-items .sp-itm .spi-top.active::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .s-price .sp-items .sp-itm .spi-top::before { content: ''; position: absolute; width: 16px; height: 9px; background: url(/css/../img/arr9.svg); right: 0; top: 50%; margin-top: -4.5px } .s-price .sp-items .sp-itm .spi-content { padding-top: 0; padding-bottom: 45px; display: none; border-bottom: 1px solid rgba(0, 0, 0, .2) } .s-price .sp-items .sp-itm .spi-content ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 39px } .s-price .sp-items .sp-itm .spi-content ul li:last-child { margin-bottom: 45px } .s-price .sp-items .sp-itm .spi-content ul li span { font-size: 18px; line-height: 21px; font-family: Mont-SemiBold, sans-serif; color: rgba(0, 0, 0, .8) } .s-price .sp-items .sp-itm .spi-content ul li span:nth-child(2) { font-size: 18px; line-height: 21px; min-width: 125px; max-width: 125px; text-align: right } .s-two-image { padding-bottom: 90px } .s-two-image .my-container.flex { max-width: 1256px } .s-two-image .sti-itm { max-width: 498px; width: 100% } .s-two-image .sti-itm:nth-child(2) { margin-top: 331px } .s-two-image .sti-itm .sti-img img { display: block; max-width: 100%; margin: 0 auto } .s-two-image .sti-itm .sti-content { padding-left: 15px; padding-right: 15px; padding-top: 47px; padding-bottom: 25px } .s-two-image .sti-itm .sti-content p { margin: 0; font-size: 20px; line-height: 34px; color: #000; text-align: center } .s-catalog { padding-top: 16px; position: relative; z-index: 1; background: #fafafa } .s-catalog .sc-top.my-container { max-width: 1868px; padding-left: 88px; padding-right: 88px } .s-catalog .sc-top.my-container .h1 { margin-top: 30px; margin-bottom: 40px; font-size: 51.95px; line-height: 52px } .s-catalog .sc-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -9.5px; margin-right: -9.5px } .s-catalog .sc-items .my-container.flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-catalog .sc-items .sc-itm { margin-bottom: 19px; margin-left: 9.5px; margin-right: 9.5px; width: -webkit-calc(33.33% - 19px); width: calc(33.33% - 19px); padding-left: 58px; padding-top: 58px; padding-right: 58px; padding-bottom: 40px; display: block; background: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; min-height: 677px; position: relative } .s-catalog .sc-items .sc-itm.sc-conf { background: #fff url(/css/../img/sci_bg.png) 50%; background-size: cover; background-position: 50% 50% } .s-catalog .sc-items .sc-itm .sci-name { display: block; color: #000; font-size: 26px; line-height: 43px; margin-bottom: 10px; letter-spacing: 0; position: relative; z-index: 1 } .s-catalog .sc-items .sc-itm .sci-models { display: block; color: rgba(0, 0, 0, .5); font-size: 15px; line-height: 21px; margin-bottom: 72px; position: relative; z-index: 1 } .s-catalog .sc-items .sc-itm .sci-img { position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 75px } .s-catalog .sc-items .sc-itm .sci-img img { display: block; max-width: 100%; margin: 0 auto; max-width: 340px } .s-reviews { padding-top: 100px; background: #fafafa; padding-bottom: 149px } .s-reviews.sr-white { background: #fff } .s-reviews .sr-top.my-container.flex { max-width: 1256px; margin-bottom: 67px } .s-reviews .sr-top.my-container.flex .sr-hdr { color: #000; font-size: 36px; line-height: 42px; margin-right: 60px; margin-bottom: 10px } .s-reviews .sr-top.my-container.flex .sr-add { color: rgba(0, 0, 0, .3); font-size: 36px; line-height: 42px; position: relative; padding-right: 35px; margin-bottom: 10px; display: none } .s-reviews .sr-top.my-container.flex .sr-add::before { content: '+'; position: absolute; right: 0; top: 3px } .s-reviews .sr-top.my-container.flex .sr-add:hover { color: #000 } .s-reviews .sr-slider { position: relative } .s-reviews .sr-slider .swiper-button-next, .s-reviews .sr-slider .swiper-button-prev { background: no-repeat url(/css/../img/arr2.png) 50%; width: 20px; height: 30px; position: relative; opacity: 1; cursor: pointer; outline: 0; -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease; top: 280px; position: absolute; right: auto; bottom: auto } .s-reviews .sr-slider .swiper-button-next.swiper-button-disabled, .s-reviews .sr-slider .swiper-button-prev.swiper-button-disabled { opacity: .3 } .s-reviews .sr-slider .swiper-button-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: 400px } .s-reviews .sr-slider .swiper-button-next { left: 933px } .s-reviews .sr-slider .swiper-slide { width: 369px } .s-reviews .sr-slider .swiper-slide.swiper-slide-next .srs-itm { background: #fff } .s-reviews .sr-slider .swiper-slide.swiper-slide-next .srs-itm::before { opacity: 0 } .s-reviews .sr-slider .swiper-slide.swiper-slide-next .srs-itm .srs-img img { max-width: 100% } .s-reviews .sr-slider .swiper-slide.swiper-slide-next .srs-itm .srs-model { color: #f60 } .s-reviews .sr-slider .swiper-slide.swiper-slide-next .srs-itm .srs-p { opacity: 1 } .s-reviews .sr-slider .srs-itm { width: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding-top: 29px; padding-left: 43px; padding-right: 43px; padding-bottom: 74px; position: relative; z-index: 2; cursor: pointer } .s-reviews .sr-slider .srs-itm::before { content: ''; position: absolute; top: 54px; left: 0; width: 100%; height: 128px; background: rgba(255, 255, 255, .5); -webkit-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease } .s-reviews .sr-slider .srs-itm .srs-img { margin-bottom: 21px; margin-left: auto; margin-right: auto; position: relative; min-height: 200px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .s-reviews .sr-slider .srs-itm .srs-img::before { content: ''; position: absolute; left: 50%; top: 50%; background: #fff; border-radius: 50%; width: 88px; height: 88px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .s-reviews .sr-slider .srs-itm .srs-img img { display: block; max-width: 100%; margin: 0 auto; mix-blend-mode: multiply; -webkit-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; max-width: 80px } .s-reviews .sr-slider .srs-itm .srs-name { display: block; color: #000; font-size: 16px; line-height: 18px; margin-bottom: 15px; text-align: center; position: relative } .s-reviews .sr-slider .srs-itm .srs-model { position: relative; display: block; font-size: 14px; line-height: 16px; -webkit-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; text-align: center; margin-bottom: 47px; color: rgba(0, 0, 0, .5) } .s-reviews .sr-slider .srs-itm .srs-p { margin: 0; color: #000; font-size: 13px; line-height: 28px; -webkit-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; opacity: 0 } .pb-scroll { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; visibility: hidden; opacity: 0; z-index: 20 } .pb-scroll.active { opacity: 1; visibility: visible } .pb-scroll .pb-flex { padding-top: 93px; padding-bottom: 93px; height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .pb-scroll .my-container { position: static } .pb-scroll .pb-close { width: 45px; height: 45px; position: absolute; background: no-repeat url(/css/../img/close.png) 50%; right: 15px; top: 15px; cursor: pointer } .pb-scroll .pb-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 89px } .pb-scroll .pb-top .pbt-img { max-width: 450px; margin-right: 22px } .pb-scroll .pb-top .pbt-img img { display: block; max-width: 100%; margin-left: 0; margin-right: auto } .pb-scroll .pb-top .pbt-img a { display: block } .pb-scroll .pb-top .pbt-txt .pbt-model { display: block; color: #f60; font-size: 19px; line-height: 21px; margin-bottom: 13px } .pb-scroll .pb-top .pbt-txt .pbt-name { display: block; color: #000; font-size: 21px; line-height: 21px } .pb-scroll .pb-content { height: 670px; overflow-y: auto; position: relative; padding-top: 15px } .pb-scroll .pb-content::after, .pb-scroll .pb-content::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 15px; background: rgba(255, 255, 255, .8) } .pb-scroll .pb-content::after { top: auto; bottom: 0 } .pb-scroll .pb-content p { margin: 0; color: #000; font-size: 36px; line-height: 56px; margin-bottom: 20px } .pb-scroll .pb-content p:last-child { margin-bottom: 0 } .s-catalog-category { padding-top: 20px; padding-bottom: 204px } .s-catalog-category.scc-without-left .scc-right { width: 100% } .s-catalog-category.scc-detail { padding-top: 0; padding-bottom: 60px } .s-catalog-category .my-container.flex { padding-left: 0; padding-right: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; position: relative } .s-catalog-category .scc-top.my-container { padding-left: 88px; padding-right: 88px; width: 100%; position: relative; padding-bottom: 45px; max-width: 1868px } .s-catalog-category .scc-top.my-container .scc-hdr { color: #000; font-size: 52px; line-height: 52px; font-family: Mont-SemiBold, sans-serif; position: relative; padding-right: 36px; margin-bottom: 5px; display: inline-block; max-width: 76%; } .s-catalog-category .scc-top.my-container .scc-hdr .scc-h-num { color: rgba(0, 0, 0, .6); font-size: 15px; line-height: 21px; position: absolute; right: 0; font-family: Mont-Light, sans-serif; top: 0 } .s-catalog-category .scc-top.my-container .scc-t-fltrs { display: none } .s-catalog-category .scc-top.my-container .scc-t-fltrs.scc-t-sub { display: block } .s-catalog-category .scc-top.my-container .scc-t-fltrs p { color: rgba(51, 51, 51, .6) } .s-catalog-category .scc-top.my-container .scc-t-fltrs .swiper-slide { width: auto; padding-right: 51px } .s-catalog-category .scc-top.my-container .scc-t-fltrs .swiper-slide.slide-hidden { display: none } .s-catalog-category .scc-top.my-container .scc-t-fltrs .swiper-slide:last-child { padding-right: 0 } .s-catalog-category .scc-top.my-container .scc-t-fltrs .scc-tl-last { width: 200px; opacity: 0 } .s-catalog-category .scc-top.my-container .scc-t-fltrs .scc-tf-itm { color: #000; font-size: 14.31px; line-height: 17px; font-family: Mont-Light, sans-serif; margin-bottom: 5px; cursor: pointer; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-top.my-container .scc-t-fltrs .scc-tf-itm.active, .s-catalog-category .scc-top.my-container .scc-t-fltrs .scc-tf-itm:hover { color: #f60 } .s-catalog-category .scc-top.my-container .scc-t-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; right: 80px; top: 12px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .s-catalog-category .scc-top.my-container .scc-t-btns .scc-tb-num { color: #fff; font-size: 9px; line-height: 16px; font-family: Mont-Bold, sans-serif; position: absolute; top: -8px; left: 23px; width: 16px; height: 16px; background: #000; border-radius: 50%; text-align: center; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-icn-descr { color: #000; font-size: 13px; line-height: 17px; font-family: Mont-Bold, sans-serif; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; top: -30px; opacity: 0 } .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-fav { width: 30px; height: 30px; position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; margin-right: 29px; background: #f7f7f7 } .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-fav:hover .scc-t-icn-descr { opacity: 1 } .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-fav.active .scc-tb-num { background: #f60 } .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-fav::after, .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-fav::before { content: ''; width: 11px; height: 11px; position: absolute; left: 50%; top: 50%; margin-top: -5.5px; margin-left: -5.5px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: no-repeat url(/css/../img/i11_b.svg) 50%; background-size: contain } .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-similar { width: 30px; height: 30px; position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: #f7f7f7 } .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-similar:hover .scc-t-icn-descr { opacity: 1 } .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-similar.active .scc-tb-num { background: #f60 } .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-similar::after, .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-similar::before { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -7px; width: 14px; height: 12px; background: url(/css/../img/i13_b.svg); background-size: contain; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-sale { font-family: Mont-Light, sans-serif; margin-left: 15px; font-size: 14.5px; line-height: 16px; position: relative; color: #f60; padding-left: 33px } .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-sale::before { content: ''; position: absolute; width: 24px; height: 24px; background: url(/css/../img/s_icn.svg); left: 0; top: 50%; margin-top: -12px } .s-catalog-category .scc-top.my-container .scc-t-conf { color:#000; font-size:14px; font-family:Mont-Bold, sans-serif; font-weight: 800; line-height:17px; position:absolute; /* right:88px; top:52px;*/ right: 204px; top: 20px; /*padding-left:71px;*/ -webkit-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; cursor:pointer; z-index:1 } .s-catalog-category .scc-top.my-container .scc-t-conf svg { position: relative; top: 1px; width: 16px; height: 11px; margin-left: 14px; -webkit-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease } /*.s-catalog-category .scc-top.my-container .scc-t-conf::after, .s-catalog-category .scc-top.my-container .scc-t-conf::before { content: ''; position: absolute; left: 0; top: 3px; width: 36px; height: 13px; background: url(/css/../img/i14.png); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-top.my-container .scc-t-conf::after { background: url(/css/../img/i14_h.png); opacity: 0 }*/ .s-catalog-category .scc-top.my-container .scc-t-conf:hover { color: #f60 } .s-catalog-category .scc-top.my-container .scc-t-conf:hover::before { opacity: 0 } .s-catalog-category .scc-top.my-container .scc-t-conf:hover::after { opacity: 1 } .s-catalog-category .scc-filters { width: 364px; padding-left: 88px; padding-right: 15px; padding-bottom: 45px; padding-top: 45px; position: relative; background: #fafafa } .s-catalog-category .scc-filters .scc-f-close { position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; background: no-repeat url(/css/../img/close2.png) 50%; cursor: pointer; display: none } .s-catalog-category .scc-filters .scc-f-ul { border-bottom: 1px solid #ededed; padding-bottom: 48px; margin-bottom: 42px } .s-catalog-category .scc-filters .scc-f-ul li { margin-bottom: 27px } .s-catalog-category .scc-filters .scc-f-ul li:last-child { margin-bottom: 0 } .s-catalog-category .scc-filters .scc-f-ul li .scc-f-ul-hdr { display: block; color: #000; font-size: 14.31px; line-height: 30px } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul { margin-top: 24px; padding-left: 40px; display: none } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul.active { display: block } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li { margin-bottom: 19px } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li:last-child { margin-bottom: 0 } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li:hover a, .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li:hover span { color: #f60 } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li.active a, .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li.active span { font-family: Mont-Regular, sans-serif; color: #f60 } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li.active a::before, .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li.active span::before { visibility: visible; opacity: 1 } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li a, .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li span { display: block; color: #919191; font-size: 12.6px; line-height: 21px; font-family: Mont-Light, sans-serif; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li a::before, .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li span::before { content: ''; position: absolute; width: 85px; height: 113px; background: url(/css/../img/triangle5.png); left: -130px; top: 17px; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-filters .scc-f-address .scc-fa-descr-1 { display: block; color: #000; font-size: 14.31px; line-height: 18px; margin-bottom: 1px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-filters .scc-f-address .scc-fa-descr-1:hover { color: #f60 } .s-catalog-category .scc-filters .scc-f-address .scc-fa-descr-2 { position: relative; color: #919191; font-size: 12.6px; line-height: 17px; padding-left: 21px } .s-catalog-category .scc-filters .scc-f-address .scc-fa-descr-2::before { content: ''; position: absolute; left: 0; top: 4px; width: 11px; height: 8px; background: url(/css/../img/i15.png) } .s-catalog-category .scc-right { width: -webkit-calc(100% - 364px); width: calc(100% - 364px); background: #fafafa; padding-top: 45px } .s-catalog-category .scc-right .sr-top { margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-catalog-category .scc-right .sr-top .srt-adap-open-fltr { width: 100%; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; font-family: Mont-Heavy, sans-serif; font-size: 16px; line-height: 19px; margin-bottom: 15px; display: none } .s-catalog-category .scc-right .sr-top .srt-adap-open-fltr:hover { color: #f60 } .s-catalog-category .scc-right .sr-top .srt-adap { display: none } .s-catalog-category .scc-right .sr-top .srt-adap .srt-close { position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; background: no-repeat url(/css/../img/close2.png) 50%; cursor: pointer } .s-catalog-category .scc-right .sr-top .srt-adap .srt-hdr { display: block; color: #000; font-size: 24px; line-height: 32px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 116px } .s-catalog-category .scc-right .sr-top .srt-select { margin-right: 40px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; min-width: 216px } .s-catalog-category .scc-right .sr-top .srt-select .select-items div, .s-catalog-category .scc-right .sr-top .srt-select .select-selected { padding-left: 0; color: #000; font-size: 12.6px; line-height: 15px; padding-bottom: 13px; padding-right: 85px; border-bottom: 1px solid #e4e4e5; background: 0 0; letter-spacing: 1px; font-family: Mont-Regular, sans-serif } .s-catalog-category .scc-right .sr-top .srt-select .select-items div { padding-top: 13px; font-family: Mont-Regular, sans-serif; border-color: transparent } .s-catalog-category .scc-right .sr-top .srt-select .select-selected::after { width: 9px; height: 5px; padding: 0; margin: 0; right: 0; top: 13px; background: no-repeat url(/css/../img/arr3.png) 50%; border: none } .s-catalog-category .scc-right .sr-top .srt-select .select-selected.select-arrow-active::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .s-catalog-category .scc-right .sr-top .srt-lay { width: 60px; height: 23px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; right: 5% } .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm { width: 50%; background: #f3f3f3; position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer } .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm::after, .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm::after { opacity: 0 } .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm.active, .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm:hover { background: #f60 } .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm.active::before, .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm:hover::before { opacity: 0 } .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm.active::after, .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm:hover::after { opacity: 1 } .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm.srt-tile::before { background: no-repeat url(/css/../img/lay-icn-1.svg) 50% } .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm.srt-tile::after { background: no-repeat url(/css/../img/lay-icn-1_w.svg) 50% } .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm.srt-line::before { background: no-repeat url(/css/../img/lay-icn-2.svg) 50% } .s-catalog-category .scc-right .sr-top .srt-lay .srt-l-itm.srt-line::after { background: no-repeat url(/css/../img/lay-icn-2_w.svg) 50% } .s-catalog-category .scc-right .sr-top .srt-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm { position: relative; margin-right: 25px; z-index: 3 } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm:last-child { margin-right: 0 } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.active { z-index: 4 } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.active .srt-i-hidden { display: block } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.srt-search.active .srt-i-descr { color: #f60 } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.srt-search.active .srt-i-descr::before { opacity: 0 } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.srt-search.active .srt-i-descr::after { opacity: 1 } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.srt-search .srt-i-descr { padding-right: 33px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.srt-search .srt-i-descr::before { position: absolute; content: ''; width: 18px; top: 3px; height: 9px; background: url(/css/../img/i19.png) } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.srt-search .srt-i-descr::after { background: url(/css/../img/i19_h.png); width: 18px; height: 9px; top: 3px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm:last-child { margin-right: 0 } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.srt-size .srt-i-hidden { width: 203px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.srt-size .srt-i-hidden .srt-ih-descr { margin-bottom: 50px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.srt-size .srt-i-hidden .cb-wrap, .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.srt-size .srt-i-hidden .rb-wrap { display: block; margin-bottom: 36px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-descr { display: inline-block; color: #000; font-size: 10px; line-height: 15px; position: relative; padding-right: 20px; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-descr::after, .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-descr::before { content: ''; position: absolute; right: 0; top: 2px; width: 9px; height: 9px; background: url(/css/../img/i18.png); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-descr::after { background: url(/css/../img/i18_h.png); opacity: 0 } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-descr:hover { color: #f60 } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-descr:hover::before { opacity: 0 } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-descr:hover::after { opacity: 1 } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden { position: absolute; background: #fff; z-index: 1; top: -50px; left: -25px; -webkit-box-shadow: 4px 5px 57px 0 rgba(0, 0, 0, .1); box-shadow: 4px 5px 57px 0 rgba(0, 0, 0, .1); padding-left: 25px; padding-right: 25px; padding-top: 50px; max-height: 300px; overflow: auto; padding-bottom: 27px; width: 276px; display: none } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .btn { width: 100%; text-align: center; padding-left: 5px; padding-right: 5px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-descr { display: inline-block; color: #000; font-size: 12.6px; line-height: 15px; position: relative; padding-right: 22px; margin-bottom: 29px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-descr::before { content: ''; position: absolute; right: 0; top: 4px; width: 9px; height: 5px; background: url(/css/../img/arr3.png) } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; border: 1px solid #ddd; margin-bottom: 30px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-wrap::after { content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 20px; margin-top: -10px; background: #eee } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-wrap .srt-ih-inp { width: 50%; position: relative } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-wrap .srt-ih-inp::after { content: 'Р'; font-size: 13px; line-height: 15px; color: #000; position: absolute; right: 17px; bottom: 14px } .reset-price_flt{ position: absolute; margin: 12px 1px; z-index: 1; cursor:pointer; opacity: .2; left: 77%; } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-wrap .srt-ih-inp input { width: 100%; color: #000; font-size: 13px; line-height: 15px; outline: 0; border: none; padding-top: 14.5px; padding-bottom: 14.5px; padding-left: 19px; padding-right: 15px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-wrap .srt-ih-slider { position: absolute; left: 0; bottom: 0; width: 100%; border: none; background: 0 0; border-radius: 0; height: 2px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-wrap .srt-ih-slider .ui-slider-range { background: #f60 } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-wrap .srt-ih-slider .ui-button, .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-wrap .srt-ih-slider .ui-state-default, .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-wrap .srt-ih-slider .ui-widget-content .ui-state-default, .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-wrap .srt-ih-slider .ui-widget-header .ui-state-default, .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-wrap .srt-ih-slider html .ui-button.ui-state-disabled:active, .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden .srt-ih-wrap .srt-ih-slider html .ui-button.ui-state-disabled:hover { width: 18px; height: 18px; border-radius: 50%; top: -7px; outline: 0; background: #fff; border: none; cursor: pointer; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2) } .s-catalog-category .scc-right .sr-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid rgba(224, 224, 224, .5); padding: 0; position: relative; border-bottom: 0 solid #000; padding-left: 306px; padding-right: 52%; min-height: 213px; background: #fff } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm:hover .srl-btm { opacity: 1; visibility: visible } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm::before { display: none } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm { position: absolute; left: 0; top: 100%; background: #fff; width: 100%; z-index: 1; padding-left: 308px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-shadow: 0 11px 22px -19px rgba(0, 0, 0, .4); box-shadow: 0 11px 22px -19px rgba(0, 0, 0, .4); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding-bottom: 52px; opacity: 0; visibility: hidden } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-l { margin-right: 62px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-l .srib-tl-descr { display: block; color: rgba(0, 0, 0, .8); font-size: 13px; line-height: 15px; letter-spacing: -1px; margin-bottom: 24px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-l .srib-tl-ch { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-l .srib-tl-ch .rb-wrap { margin-right: 15px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-l .srib-tl-ch .rb-wrap:last-child { margin-right: 0 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 38px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-fav { color: rgba(0, 0, 0, .8); font-size: 13px; line-height: 15px; position: relative; padding-left: 31px; margin-bottom: 5px; margin-right: 16px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-fav::after, .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-fav::before { content: ''; position: absolute; left: 0; top: 2px; width: 11px; height: 11px; background: no-repeat url(/css/../img/i11.svg) 50%; background-size: contain; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-fav::after { background: no-repeat url(/css/../img/i11_h.svg) 50%; background-size: contain; opacity: 0 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-fav.active, .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-fav:hover { color: #f60 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-fav.active::before, .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-fav:hover::before { opacity: 0 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-fav.active::after, .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-fav:hover::after { opacity: 1 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-sim { color: rgba(0, 0, 0, .8); font-size: 13px; line-height: 15px; position: relative; padding-left: 31px; margin-bottom: 5px; margin-right: 31px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-sim::after, .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-sim::before { content: ''; position: absolute; left: 0; top: 2px; width: 14px; height: 12px; background: no-repeat url(/css/../img/i13.svg); background-size: contain; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-sim::after { background: no-repeat url(/css/../img/i13_h.svg); background-size: contain; opacity: 0 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-sim.active, .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-sim:hover { color: #f60 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-sim.active::before, .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-sim:hover::before { opacity: 0 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-sim.active::after, .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-sim:hover::after { opacity: 1 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-have { color: rgba(0, 0, 0, .8); font-size: 13px; line-height: 15px; position: relative; padding-left: 27px; margin-right: 24px; margin-bottom: 5px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-have.not-have::before { background: url(/css/../img/srib-no.svg) } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-have::before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 12px; height: 12px; background: url(/css/../img/check-icn.svg) } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srl-b-colors { max-width: 423px; width: 100%; position: absolute; right: 64px; bottom: 30px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srl-b-colors .srl-b-cl-hdr { display: block; color: #333; font-size: 13px; line-height: 15px; margin-bottom: 16px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srl-b-colors .swiper-container { padding-bottom: 24px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srl-b-colors .swiper-scrollbar { background: rgba(0, 0, 0, .1); height: 1px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srl-b-colors .swiper-scrollbar .swiper-scrollbar-drag { background: #000 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srl-b-colors .swiper-slide { padding-right: 20px; width: 45px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srl-b-colors .swiper-slide .srl-bc-itm { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 25px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srl-b-colors .swiper-slide .srl-bc-itm.active span { width: 25px; height: 25px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srl-b-colors .swiper-slide .srl-bc-itm span { display: block; width: 20px; height: 20px; border-radius: 50%; background-size: cover; background-position: 50% } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col { position: relative } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col:nth-child(1) { position: absolute; left: 0; top: 0; left: 0; max-width: 257px; padding-left: 16px; padding-top: 22px; padding-bottom: 22px; width: 100% } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col:nth-child(2) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 16px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col:nth-child(3) { position: absolute; right: 555px; padding-right: 76px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col:nth-child(4) { position: absolute; right: 64px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-img img { display: block; max-width: 100%; margin: 0 auto } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-disc { position: absolute; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-disc .srl-t-dis { font-size: 10px; line-height: 12px; font-family: Mont-SemiBold, sans-serif; text-align: center; position: relative; padding-top: 5.5px; padding-bottom: 5.5px; margin-bottom: 10px; margin-right: 10px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-disc .srl-t-dis:last-child { margin-right: 0 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-disc .srl-t-dis::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-disc .srl-t-dis.d-1 { width: 83px; color: #fff } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-disc .srl-t-dis.d-1 span { position: relative } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-disc .srl-t-dis.d-1::before { background: no-repeat url(/css/../img/sri1.png) 50% } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-disc .srl-t-dis.d-2 { width: 69px; color: #f60 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-disc .srl-t-dis.d-2 span { position: relative } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-disc .srl-t-dis.d-2::before { background: no-repeat url(/css/../img/sri2.png) 50% } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-disc .srl-t-dis.d-3 { width: 75px; color: #f60 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-disc .srl-t-dis.d-3 span { position: relative } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-disc .srl-t-dis.d-3::before { background: no-repeat url(/css/../img/sri3.png) 50% } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-txt .srl-name { display: block; color: #333; font-size: 18px; line-height: 23px; font-family: Mont-Bold, sans-serif; margin-bottom: 13px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-txt .srl-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 5px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-txt .srl-items .srl-itm { color: rgba(0, 0, 0, .8); font-size: 13px; line-height: 15px; margin-right: 39px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-price { text-align: right } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-price .srl-p-descr-1 { display: block; color: #333; font-size: 24px; line-height: 24px; font-family: Mont-Bold, sans-serif; margin-bottom: 3px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-price .srl-p-descr-2 { color: #333; font-size: 14px; line-height: 14px; font-family: Mont-SemiBold, sans-serif; position: relative; display: inline-block } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-price .srl-p-descr-2::after { content: ''; position: absolute; width: 100%; height: 1px; background: #f60; left: 0; bottom: 7px; -webkit-transform: rotate(-7deg); -ms-transform: rotate(-7deg); transform: rotate(-7deg) } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-fav { width: 25px; height: 23px; background: url(/css/../img/heart_orange.svg); position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-fav.active { opacity: 1; visibility: visible } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-buttons .btn { width: 50%; font-size: 16px; padding-top: 21px; padding-bottom: 23px; text-align: center } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm { width: 33.33%; border-right: 1px solid #f0f0f0 } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm:nth-child(3n+3) { border-right: none } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm .sri-top .sri-t-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm .sri-top .sri-t-row .sri-t-hdr { width: 100%; max-width: 100% } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm .sri-top .sri-t-row .sri-t-price { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-new { width: 100%; display: block; margin-left: 0; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-new::after { display: none } .s-catalog-category .scc-right .sr-items .sr-itm { width: 50%; position: relative; -webkit-box-shadow: 4px 5px 57px 0 transparent; box-shadow: 4px 5px 57px 0 transparent; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding-top: 176px; padding-bottom: 55px; border-bottom: 1px solid #f0f0f0 } .s-catalog-category .scc-right .sr-items .sr-itm:nth-child(1) { border-right: 1px solid #f0f0f0 } .s-catalog-category .scc-right .sr-items .sr-itm:nth-child(3) { border-right: 1px solid #f0f0f0 } .s-catalog-category .scc-right .sr-items .sr-itm:nth-child(even) { border-right: 1px solid #f0f0f0 } .s-catalog-category .scc-right .sr-items .sr-itm::before { content: ''; position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: -webkit-calc(100% + 157px); height: calc(100% + 157px); -webkit-box-shadow: 4px 5px 57px 0 rgba(0, 0, 0, .1); box-shadow: 4px 5px 57px 0 rgba(0, 0, 0, .1); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background: #fff } .s-catalog-category .scc-right .sr-items .sr-itm:hover { z-index: 2; background: #fff } .s-catalog-category .scc-right .sr-items .sr-itm:hover .sri-img { background: #fff } .s-catalog-category .scc-right .sr-items .sr-itm:hover .sri-color { opacity: 1 } .s-catalog-category .scc-right .sr-items .sr-itm:hover::before { opacity: 1 } .s-catalog-category .scc-right .sr-items .sr-itm:hover .sri-btm { opacity: 1; background: #fff } .s-catalog-category .scc-right .sr-items .sr-itm:hover .sri-top { background: #fff } .s-catalog-category .scc-right .sr-items .sr-itm .sri-color { position: absolute; text-align: center; right: 52px; top: 125px; z-index: 2; opacity: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-right .sr-items .sr-itm .sri-color .sri-c-descr { display: block; color: rgba(0, 0, 0, .8); font-size: 13px; line-height: 15px; margin-bottom: 22px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-color .sri-c-items { min-width: 33px; height: 180px; overflow-y: auto; position: relative; left: 9px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-color .sri-c-items .mCSB_container { padding-right: 20px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-color .sri-c-items .sri-c-itm { margin-left: auto; margin-right: auto; width: 14px; height: 14px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; margin-bottom: 15px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer; display: block } .s-catalog-category .scc-right .sr-items .sr-itm .sri-color .sri-c-items .sri-c-itm.active { width: 33px; height: 33px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-color .sri-c-items .sri-c-itm:last-child { margin-bottom: 0 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top { position: absolute; left: 0; top: 0; width: 100%; padding-left: 45px; padding-right: 54px; padding-top: 55px; -webkit-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease; display: block } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 250px; width: 100%; margin-top: 25px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc .sri-t-dis { font-size: 10px; line-height: 12px; font-family: Mont-SemiBold, sans-serif; text-align: center; position: relative; padding-top: 5.5px; padding-bottom: 5.5px; margin-bottom: 15px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc .sri-t-dis::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc .sri-t-dis.d-1 { width: 83px; color: #fff } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc .sri-t-dis.d-1 span { position: relative } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc .sri-t-dis.d-1::before { background: no-repeat url(/css/../img/sri1.png) 50% } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc .sri-t-dis.d-2 { width: 69px; color: #f60 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc .sri-t-dis.d-2 span { position: relative } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc .sri-t-dis.d-2::before { background: no-repeat url(/css/../img/sri2.png) 50% } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc .sri-t-dis.d-3 { width: 75px; color: #f60 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc .sri-t-dis.d-3 span { position: relative } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc .sri-t-dis.d-3::before { background: no-repeat url(/css/../img/sri3.png) 50% } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-sz { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-sz .sri-t-sz-itm { color: rgba(0, 0, 0, .8); font-size: 13px; line-height: 15px; margin-right: 37px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-sz .sri-t-sz-itm:last-child { margin-right: 0 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr { color: #000; font-size: 18px; line-height: 21px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 13px; max-width: -webkit-calc(100% - 200px); max-width: calc(100% - 200px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr .in { color: #ffb802; font-size: 11px; line-height: 13px; font-family: Mont-Heavy, sans-serif; position: relative; margin-left: 50px; display: inline-block; top: -3px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr .in span { position: relative; z-index: 1 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr .in::before { content: ''; width: 130px; height: 21px; background: url(/css/../img/word-bg-3.png) 50%; left: 50%; top: 50%; margin-left: -65px; margin-top: -10.5px; position: absolute } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr .dis { font-family: Mont-Heavy, sans-serif; font-size: 16px; line-height: 19px; position: relative; color: #f60; margin-left: 5px; width: 63px; height: 24px; display: inline-block; text-align: center } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr .dis span { position: relative; z-index: 1 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr .dis::before { left: 50%; margin-left: -29.5px; top: 50%; margin-top: -15px; content: ''; position: absolute; background: no-repeat url(/css/../img/word-bg2.svg) 50%; width: 63px; height: 24px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-price { text-align: right } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-pr { color: #000; font-size: 14px; line-height: 21px; font-family: Mont-Regular, sans-serif; position: relative; margin-left: auto } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-pr::after { content: ''; position: absolute; left: 0; top: 9px; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); width: 100%; height: 2px; background: #f60 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-new { color: #000; font-size: 24px; line-height: 24px; font-family: Mont-SemiBold, sans-serif; margin-left: 40px; position: relative; display: block } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-new::after { content: ''; position: absolute; left: -20px; top: 0; height: 100%; width: 1px; background: #e9e9e9 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-img { padding-left: 15px; padding-right: 15px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; background: border-box !important; transition: all .5s ease; width: 100%; height: 350px; position: relative; display: block } .s-catalog-category .scc-right .sr-items .sr-itm .sri-img .sri-i-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; mix-blend-mode: multiply } .s-catalog-category .scc-right .sr-items .sr-itm .sri-img img { display: block; max-width: 100%; margin: 0 auto; mix-blend-mode: multiply } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm { position: absolute; bottom: -170px; left: 0; width: 100%; padding-left: 54px; padding-right: 54px; padding-bottom: 44px; opacity: 0; background: #fff; -webkit-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-l .srib-tl-descr { display: block; color: rgba(0, 0, 0, .8); font-size: 13px; line-height: 15px; letter-spacing: -1px; margin-bottom: 17px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-l .srib-tl-ch { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-l .srib-tl-ch .rb-wrap { margin-right: 15px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-l .srib-tl-ch .rb-wrap:last-child { margin-right: 0 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; position: relative; top: -1px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-fav { color: rgba(0, 0, 0, .8); font-size: 13px; line-height: 15px; position: relative; padding-left: 31px; margin-bottom: 5px; margin-left: 15px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-fav::after, .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-fav::before { content: ''; position: absolute; left: 0; top: 2px; width: 11px; height: 11px; background: no-repeat url(/css/../img/i11.svg) 50%; background-size: contain; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-fav::after { background: no-repeat url(/css/../img/i11_h.svg) 50%; background-size: contain; opacity: 0 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-fav.active, .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-fav:hover { color: #f60 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-fav.active::before, .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-fav:hover::before { opacity: 0 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-fav.active::after, .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-fav:hover::after { opacity: 1 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-sim { color: rgba(0, 0, 0, .8); font-size: 13px; line-height: 15px; position: relative; padding-left: 31px; margin-bottom: 5px; margin-left: 15px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-sim::after, .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-sim::before { content: ''; position: absolute; left: 0; top: 2px; width: 14px; height: 12px; background: no-repeat url(/css/../img/i13.svg); background-size: contain; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-sim::after { background: no-repeat url(/css/../img/i13_h.svg); background-size: contain; opacity: 0 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-sim.active, .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-sim:hover { color: #f60 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-sim.active::before, .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-sim:hover::before { opacity: 0 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-sim.active::after, .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-sim:hover::after { opacity: 1 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-g { color: rgba(0, 0, 0, .8); font-size: 13px; line-height: 15px; position: relative; padding-left: 31px; margin-bottom: 5px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-g::before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 12px; height: 12px; background: url(/css/../img/srib-no.svg) } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r .srib-tr-g.srib-have::before { background: url(/css/../img/srib-have.svg) } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100% } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-buttons .btn { width: 50%; text-align: center; padding-bottom: 21px; padding-top: 22px; padding-left: 5px; padding-right: 5px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-buttons .btn:nth-child(2):hover { color: #000; background: #fff; border-color: #f60 } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns { position: absolute; bottom: 45px; left: 0; width: 100%; height: 47px; padding-left: 19px; padding-right: 19px; display: none } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn-two { -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .09); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .09); background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 95px; height: 47px } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn-two::after { content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #fafafa } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn { width: 47px; height: 47px } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn::after, .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn::before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn::after { opacity: 0 } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn:hover::before { opacity: 0 } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn:hover::after { opacity: 1 } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn.fav { position: relative } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn.fav::before { background: no-repeat url(/css/../img/i11.svg) 50%; background-size: contain; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn.fav::after { background: no-repeat url(/css/../img/i11_h.svg) 50%; background-size: contain; width: 11px; height: 11px; margin-left: -5.5px; margin-top: -5.5px } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn.sim { position: relative } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn.sim::before { background: no-repeat url(/css/../img/i13.svg); background-size: contain; width: 14px; height: 12px; margin-left: -7px; margin-top: -6px } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn.sim::after { background: no-repeat url(/css/../img/i13_h.svg); background-size: contain; width: 14px; height: 12px; margin-left: -7px; margin-top: -6px } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns .adap-btn.buy { width: 51px; position: absolute; right: 19px; top: 0; background: #f60 no-repeat url(/css/../img/i20.png) 50% } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale { background: no-repeat url(/css/../img/sale_bg.png) 100% 50%; padding-top: 48px; padding-left: 53px; padding-right: 15px; padding-bottom: 48px; overflow: hidden } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale::after { content: ''; position: absolute; width: 231px; height: 245px; background: url(/css/../img/tr6.png); bottom: -280px; right: 40%; -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; opacity: .8 } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale::before { display: none } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale.active::after { bottom: -20px; right: 40% } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale:hover .srs-hdr { color: #f60 } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale .srs-sale { display: block; text-align: center; color: #ff3304; font-size: 16px; line-height: 21px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 36px } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale .srs-hdr { display: block; color: #000; font-size: 44.17px; line-height: 54px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 42px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-right .sr-items .sr-small-items { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative } .s-catalog-category .scc-right .sr-items .sr-small-items:hover { z-index: 1 } .s-catalog-category .scc-right .sr-items .sr-small-items .sr-sm-itm { width: 33.33%; text-align: center; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; padding-top: 78px; padding-left: 15px; padding-right: 15px; padding-bottom: 57px } .s-catalog-category .scc-right .sr-items .sr-small-items .sr-sm-itm:last-child { border-right: 1px solid transparent } .s-catalog-category .scc-right .sr-items .sr-small-items .sr-sm-itm .sr-sm-icon { min-height: 59px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 46px } .s-catalog-category .scc-right .sr-items .sr-small-items .sr-sm-itm .sr-sm-icon img { display: block; max-width: 100%; margin: 0 auto } .s-catalog-category .scc-right .sr-items .sr-small-items .sr-sm-itm .sr-sm-descr { display: block; color: #000; font-size: 16px; line-height: 21px } .s-catalog-category .scc-right .sr-items .s-pagination { padding-bottom: 90px; padding-top: 25px; width: 100% } .s-catalog-category .scc-right .sr-items .sr-more-btn { width: 100%; text-align: center; position: relative; padding-top: 58px; padding-bottom: 15px } .s-catalog-category .scc-right .sr-items .sr-more-btn:hover { z-index: 1 } .s-catalog-category .scc-right .sr-items .sr-more-btn .btn-more { color: #000; font-family: Mont-Heavy, sans-serif; font-size: 15px; line-height: 21px } .s-catalog-category .scc-right .sr-items .s-pagination { position: relative } .s-catalog-category .scc-right .sr-items .s-pagination:hover { z-index: 1 } .s-catalog-category .scc-extends-filters { position: absolute; left: -400px; top: 155px; width: 400px; z-index: 4; background: #fff; padding-top: 60px; padding-bottom: 60px; -webkit-transition: all .7s ease-in; -o-transition: all .7s ease-in; transition: all .7s ease-in; -webkit-box-shadow: 4px 5px 57px 0 rgba(0, 0, 0, .1); box-shadow: 4px 5px 57px 0 rgba(0, 0, 0, .1) } .s-catalog-category .scc-extends-filters .bx_filter_popup_result a { display: block; color: #f60 } .s-catalog-category .scc-extends-filters .scc-ex-hdr { display: block; font-size: 20px; line-height: 26px; font-family: Mont-Bold, sans-serif; color: #333; margin-bottom: 25px } .s-catalog-category .scc-extends-filters.active { left: 0 } .s-catalog-category .scc-extends-filters.active .modef_result { display: block } .s-catalog-category .scc-extends-filters.active .sef-itm .sef-show { opacity: 1; right: -265px } .s-catalog-category .scc-extends-filters .my-container { padding-left: 25px; padding-right: 25px; position: relative } .s-catalog-category .scc-extends-filters .sef-close { position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; background: no-repeat url(/css/../img/close2.png) 50%; cursor: pointer } .s-catalog-category .scc-extends-filters .mCSB_container { overflow: visible } .s-catalog-category .scc-extends-filters .mCustomScrollBox { overflow: visible } .s-catalog-category .scc-extends-filters .modef_result { position: absolute; padding: 0; background: 0 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -335px; display: none } .s-catalog-category .scc-extends-filters .modef_result a { display: block; color: #fff; font-size: 16px; line-height: 16px; font-family: Mont-Bold, sans-serif; background: #f60; padding-top: 17px; padding-bottom: 17px; padding-left: 23px; padding-right: 37px; position: relative; min-width: 245px } .s-catalog-category .scc-extends-filters .modef_result a::after { content: ''; position: absolute; width: 14px; height: 51px; background: url(/css/../img/tr3.svg); left: -13px; top: 0 } .s-catalog-category .scc-extends-filters .bx_filter_popup_result { width: 100%; text-align: center } .s-catalog-category .scc-extends-filters .bx_filter_popup_result a { background: #000; font-size: 13px; line-height: 13px; color: #fff; font-family: Mont-SemiBold, sans-serif; border: 1px solid #000; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding-left: 66px; padding-right: 66px; padding-top: 15px; padding-bottom: 15px } .s-catalog-category .scc-extends-filters .bx_filter_popup_result a:hover { background: #f60; border-color: #f60 } .s-catalog-category .scc-extends-filters .sef-itm { margin-bottom: 20px; position: relative } .s-catalog-category .scc-extends-filters .sef-itm .sf-big-hdr { display: block; color: #333; font-size: 20px; line-height: 26px; font-family: Mont-Bold, sans-serif; margin-bottom: 21px } .btn.btn-reset { background: 0 0; padding: 0; color: rgba(51, 51, 51, .5); font-size: 14px; line-height: 18px; font-family: Mont-SemiBold, sans-serif; border: 0 solid #000; border-bottom: 1px solid #e6e6e6; position: relative } .btn.btn-reset::after, .btn.btn-reset::before { content: ''; position: absolute; right: -21px; top: 70%; margin-top: -10.5px; width: 13px; height: 15px; background: url(/css/../img/basket-icn.svg); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .btn.btn-reset::after { opacity: 0; background: url(/css/../img/basket-icn_or.svg) } .btn.btn-reset:hover { border-color: transparent; color: #f60 } .btn.btn-reset:hover::before { opacity: 0 } .btn.btn-reset:hover::after { opacity: 1 } .s-catalog-category .scc-extends-filters .sef-itm .sef-show { width: 215px; height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; right: 0; top: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; line-height: 15px; font-family: Mont-SemiBold, sans-serif; color: #fff; position: absolute; background: #f60; opacity: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-catalog-category .scc-extends-filters .sef-itm .sef-show::before { content: ''; position: absolute; width: 14px; height: 51px; left: -13px; background: url(/css/../img/triangle6.png); top: 0 } .s-catalog-category .scc-extends-filters .sef-itm:nth-child(1) .sef-i-hdr::before { display: none } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-hdr { display: block; font-size: 14px; line-height: 18px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 10px; cursor: pointer; position: relative; padding-right: 15px } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-hdr::before { content: ''; position: absolute; right: 0; top: 50%; width: 9px; height: 5px; margin-top: -2.5px; background: url(/css/../img/arr3.png) } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-hdr.active::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-hdr.active + .cb-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; border: 1px solid #ddd; border-left: none; border-top: none; border-right: none; margin-bottom: 30px } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap::after { content: ''; position: absolute; left: 44%; top: 50%; width: 1px; height: 20px; margin-top: -10px; background: #eee } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap .sef-i-inp { width: 50%; position: relative } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap .sef-i-inp::after { content: 'Р'; font-size: 13px; line-height: 15px; color: #000; position: absolute; left: 44%; bottom: 13.5px } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap .sef-i-inp:first-child::after { left: 40%; } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap .sef-i-inp:nth-child(2) input { /*text-align: right*/ } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap .sef-i-inp input { width: 100%; color: #000; font-size: 13px; line-height: 15px; outline: 0; border: none; padding-top: 14.5px; padding-bottom: 14.5px; padding-left: 19px; padding-right: 15px; /*text-align: right*/ } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap .sef-range { position: absolute; left: 0; bottom: 0; width: 100%; border: none; background: 0 0; border-radius: 0; height: 2px } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap .sef-range .ui-slider-range { background: #f60 } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap .sef-range .ui-button, .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap .sef-range .ui-state-default, .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap .sef-range .ui-widget-content .ui-state-default, .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap .sef-range .ui-widget-header .ui-state-default, .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap .sef-range html .ui-button.ui-state-disabled:active, .s-catalog-category .scc-extends-filters .sef-itm .sef-i-inp-wrap .sef-range html .ui-button.ui-state-disabled:hover { width: 18px; height: 18px; border-radius: 50%; top: -7px; outline: 0; background: #fff; border: none; cursor: pointer; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2) } .s-catalog-category .scc-extends-filters .sef-itm .cb-wrap { margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: none } .s-catalog-category .scc-extends-filters .sef-itm .cb-wrap .container { width: 50%; display: block; margin-bottom: 10px; padding-right: 15px } .s-catalog-category .scc-top.my-container .scc-t-fltrs { margin-bottom: 10px } .s-catalog-category .scc-top.my-container .scc-t-fltrs .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-catalog-category .scc-top.my-container .scc-t-fltrs .swiper-slide { padding-right: 9px } .s-catalog-category .scc-top.my-container .scc-t-fltrs .scc-tf-itm { -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 10px; margin-bottom: 10px; font-size: 13px; line-height: 15px; font-family: Mont-Bold, sans-serif; color: rgba(51, 51, 51, .6) } .s-catalog-category .scc-top.my-container .scc-t-fltrs .scc-tf-itm:hover { color: #333 } .s-catalog-category .scc-top.my-container .scc-t-fltrs .scc-tf-itm.scc-tf-itm__active { color: #f60 } .s-catalog-category .scc-top.my-container .scc-t-fltrs.scc-t-sub .swiper-slide { padding-right: 12px } .s-catalog-category .scc-top.my-container .scc-t-fltrs.scc-t-sub .scc-tf-itm { background: #f4f4f4; font-size: 12px; line-height: 12px; font-family: Mont-Regular, sans-serif; color: #333; border: 1px solid #e0e0e0; background: #fff; padding-left: 18px; padding-right: 18px; padding-top: 10px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding-bottom: 10px } .s-catalog-category .scc-top.my-container .scc-t-fltrs.scc-t-sub .scc-tf-itm.js-more, .s-catalog-category .scc-top.my-container .scc-t-fltrs.scc-t-sub .scc-tf-itm.scc-tf-itm__active, .s-catalog-category .scc-top.my-container .scc-t-fltrs.scc-t-sub .scc-tf-itm:hover { color: #f60; border-color: #f60 } .s-video { position: relative; padding-bottom: 214px } .s-video.margin-top { margin-top: 214px } .s-video .my-container { padding-left: 18%; padding-right: 0; max-width: 100% } .s-video .h2 { margin-bottom: 53px; opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .s-video .h2.active { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .s-video .bl-arrows { top: 11px } .s-video .sv-slider .k-dots { display: none } .s-video .sv-slider .swiper-slide { width: auto } .s-video .sv-slider .swiper-slide .svs-itm { height: 608px; position: relative; display: block; width: 950px } .s-video .sv-slider .swiper-slide .svs-itm::after { content: ''; position: absolute; width: 186px; height: 189px; background: url(/css/../img/vp.png) 50%; background-size: contain; right: 0; bottom: 0 } .s-video .sv-slider .swiper-slide .svs-itm .svs-i-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50% } .s-video .sv-slider .swiper-slide .svs-itm .svs-i-bg::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4) no-repeat url(/css/../img/play2.png) 50% } .s-video .sv-slider .swiper-slide .svs-itm .svs-i-hdr { display: block; color: #fff; font-size: 36px; line-height: 48px; font-family: Mont-Bold, sans-serif; position: absolute; bottom: 0; left: 0; padding-left: 52px; padding-bottom: 48px; padding-right: 15px } .sd-details .my-container { max-width: 1256px; width: 100%; padding-top: 25px } .basket-page { background: #f6f6f6; padding-top: 40px } .basket-page .bp-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1180px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .basket-page .bp-content .bpc-left { width: -webkit-calc(100% - 304px); width: calc(100% - 304px) } .basket-page .bp-content .bpc-left .def-inp.def-err .def-inp-descr { color: #fb0 } .basket-page .bp-content .bpc-left .def-inp .def-inp-descr { left: 15px; top: 5px; font-size: 10px; line-height: 10px; color: #000 } .basket-page .bp-content .bpc-left .bl-block { padding-top: 74px; background: #fff; padding-right: 15px } .basket-page .bp-content .bpc-left .bl-block .blb-hdr { display: block; color: #000; font-size: 40px; line-height: 40px; padding-left: 39px; padding-right: 15px; padding-bottom: 29px; margin-bottom: 39px } .basket-page .bp-content .bpc-left .bl-block .blb-hdr.with-border { border-bottom: 1px solid #eee } .basket-page .bp-content .bpc-left .bl-block .tlb-items { padding-bottom: 12px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #efefef; position: relative; padding-right: 15px; padding-bottom: 25px; padding-left: 37px; padding-right: 37px; margin-bottom: 35px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-delete { width: 16px; height: 18px; background: no-repeat url(/css/../img/delete_new.svg) 50%; position: absolute; right: 0; top: 0; cursor: pointer } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm:last-child { margin-bottom: 0; border-color: transparent } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-img { min-width: 103px; max-width: 103px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-img img { display: block; max-width: 100%; margin: 0 auto } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-count { width: 158px; position: relative; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; top: 0; margin-right: 15px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt { padding-left: 40px; min-width: 366px; max-width: 366px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-hdr { display: inline-block; font-family: Mont-Heavy, sans-serif; color: #000; font-size: 18px; line-height: 21px; position: relative; margin-bottom: 49px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-hdr::before { content: ''; position: absolute; bottom: -7px; left: 0; width: 100%; height: 1px; background: #e55c38; opacity: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-hdr:hover { color: #e55c38 } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-hdr:hover::before { opacity: 1 } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-char { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr { padding-left: 24px; position: relative; margin-right: 42px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr .tlb-ch-clr-circle { width: 11px; height: 11px; border-radius: 50%; position: absolute; left: 0; top: 1px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr .tlb-ch-descr { color: #000; font-size: 12.6px; line-height: 15px; display: block } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-name { color: #000; font-size: 13px; line-height: 15px; margin-right: 38px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-name:last-child { margin-right: 0 } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-price { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-price .tlb-pr-new { display: block; color: #000; font-size: 18px; line-height: 21px; font-family: Mont-SemiBold, sans-serif; text-transform: uppercase } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-price .tlb-pr-old { display: inline-block; color: #000; font-size: 14px; line-height: 14px; font-family: Mont-Bold, sans-serif; position: relative; top: -10px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-price .tlb-pr-old::before { content: ''; position: absolute; left: 0; top: 6px; height: 1px; -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); width: 100%; background: #e55c38 } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-delete { width: 16px; height: 18px; background: no-repeat url(/css/../img/delete_new.svg) 50%; position: absolute; right: 33px; top: 10px; cursor: pointer } .basket-page .bp-content .bpc-left .bl-block.blb-center { text-align: center } .basket-page .bp-content .bpc-left .bl-block.blb-promo { margin-top: 10px; margin-bottom: 10px; padding-left: 46px; padding-top: 17px; padding-bottom: 18px } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-hdr { display: block; color: #000; font-size: 18px; line-height: 21px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 13px; cursor: pointer } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-hdr.active .blb-open::before { display: none } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-inp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-inp.active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-inp .blb-p-title { font-size: 18px; line-height: 21px; padding-left: 10px; padding-right: 10px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; text-align: center; padding-top: 5px; padding-bottom: 5px } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-inp input { color: #000; font-size: 18px; line-height: 18px; outline: 0; border: 1px solid #e5e5e5; text-align: center; padding-left: 5px; padding-top: 15.5px; padding-bottom: 15.5px; padding-right: 5px; max-width: 146px; width: 100%; margin-right: 10px } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-inp button { border: 1px solid #0a0a0a; outline: 0; cursor: pointer; color: #1e1e1e; font-size: 13px; line-height: 15px; font-family: Mont-SemiBold, sans-serif; background: 0 0; padding-left: 41px; padding-right: 41px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-inp button:hover { color: #fff; background: #1e1e1e } .basket-page .bp-content .bpc-left .bl-block.blb-rec { padding-top: 63px; padding-bottom: 69px; border-bottom: 1px solid #eee } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 456px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 54px; margin-left: 41px } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-top .blb-hdr { border-bottom: none; padding-bottom: 0; margin-bottom: 0; padding-left: 0 } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-top .blrt-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; position: relative; top: 12px } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-top .blrt-btns::after { content: ''; position: absolute; height: 12px; width: 1px; left: 38px; top: 1px; -webkit-transform: rotate(-17deg); -ms-transform: rotate(-17deg); transform: rotate(-17deg); background: #000 } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-top .blrt-btns a { color: #000; font-size: 13px; line-height: 15px; padding-bottom: 14px; border-bottom: 1px solid #e5e5e5 } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-top .blrt-btns a:hover { color: #f60; border-color: #f60 } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-top .blrt-btns a:nth-child(1) { padding-right: 7px } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-top .blrt-btns a:nth-child(2) { padding-left: 7px } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-form { max-width: 456px; width: 100%; display: block; margin-left: 41px } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-form .def-inp.def-err .def-inp-descr { color: #fb0 } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-form .def-inp .def-inp-descr { left: 15px; top: 5px; font-size: 10px; line-height: 10px; color: #000 } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-form .def-inp .bx-sls .bx-ui-sls-fake, .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-form .def-inp .bx-sls .dropdown-block { border: 1px solid #e5e5e5; font-size: 15px; line-height: 15px; padding-right: 15px; padding-top: 9.5px; padding-bottom: 15.5px; -webkit-box-shadow: none; box-shadow: none } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-form .def-inp .dropdown-icon { top: 50%; margin-top: -7px } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-form .def-inp .bx-ui-sls-clear { top: 50%; margin-top: -15px } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay { padding-top: 59px; padding-bottom: 33px; border-bottom: 1px solid #eee } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .blb-hdr { margin-bottom: 45px; padding-bottom: 0 } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 41px; max-width: 663px } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap { width: 50%; margin-bottom: 30px } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap .container { padding-left: 47px } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap .container .checkmark { top: 5px } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap.active .bld-hdr { /*font-family: Mont-Heavy, sans-serif*/ } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap .bld-hdr { display: block; color: #000; font-size: 18px; line-height: 21px; margin-bottom: 3px } .logo-cart{ display: flex !important; justify-content: space-between !important; } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap .bld-descr { display: block; color: #000; font-size: 13px; line-height: 19px; font-family: Mont-Regular, sans-serif } .basket-page .bp-content .bpc-left .bl-block.blb-address { padding-top: 45px; padding-bottom: 44px; border-bottom: 1px solid #e5e5e5 } .basket-page .bp-content .bpc-left .bl-block.blb-address .blb-hdr { margin-bottom: 27px; padding-bottom: 0 } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form { margin-left: 41px; max-width: 456px } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-inp { margin-bottom: 17px } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-inp input { margin-bottom: 0 } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four .def-inp { width: 113px } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four .def-inp .def-inp-descr { left: auto; text-align: center; width: 100% } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four .def-inp.active .def-inp-descr { left: auto; text-align: center; width: 100% } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four .def-inp input { text-align: center } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four .def-inp:nth-child(2) { width: 110px } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four .def-inp:nth-child(3) { width: 89px } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four .def-inp:nth-child(4) { width: 119px } .basket-page .bp-content .bpc-left .bl-block:last-child { border-color: transparent; padding-bottom: 113px } .basket-page .bp-content .bpc-left .blt-block { background: #fff; margin-bottom: 40px; padding-left: 72px; padding-top: 61px; padding-bottom: 61px; padding-right: 72px } .basket-page .bp-content .bpc-left .blt-block:last-child { margin-bottom: 0 } .basket-page .bp-content .bpc-left .blt-block .blt-b-hdr { display: block; color: #000; font-size: 36px; line-height: 48px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 23px } .basket-page .bp-content .bpc-left .blt-block .btn { border-color: #f60; color: #fff; background: #f60; padding-top: 20px; padding-bottom: 17px; padding-left: 46px; padding-right: 46px; margin-bottom: 68px } .basket-page .bp-content .bpc-left .blt-block .btn:hover { color: #fff; border-color: #000; background: #000 } .basket-page .bp-content .bpc-left .blt-block .blt-bold { display: block; color: #000; font-size: 24px; line-height: 32px; font-family: Mont-Bold, sans-serif; margin-bottom: 18px } .basket-page .bp-content .bpc-left .blt-block input[type=submit] { border-color: #f60; color: #fff; padding-top: 34px; padding-bottom: 32px; padding-left: 62px; padding-right: 62px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; font-size: 16px; line-height: 16px; font-family: Mont-SemiBold, sans-serif; background: #f60; border: 1px solid #f60; cursor: pointer } .basket-page .bp-content .bpc-left .blt-block input[type=submit]:hover { background: #fff; color: #000 } .basket-page .bp-content .bpc-left .blt-block .blt-p { margin: 0; color: #000; font-size: 14px; line-height: 25px; margin-bottom: 22px } .basket-page .bp-content .bpc-left .blt-block .blt-p a { color: #000; position: relative } .basket-page .bp-content .bpc-left .blt-block .blt-p a::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #7f7f7f } .basket-page .bp-content .bpc-left .blt-block .blt-p a:hover::before { background: #f60 } .basket-page .bp-content .bpc-left .blt-block .blt-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .basket-page .bp-content .bpc-left .blt-block .blt-items.blt-two .blt-itm { width: 50% } .basket-page .bp-content .bpc-left .blt-block .blt-items .blt-itm { width: 100%; margin-bottom: 29px } .basket-page .bp-content .bpc-left .blt-block .blt-items .blt-itm .blt-i-gr { display: block; color: #999; font-size: 13px; line-height: 15px; margin-bottom: 8px } .basket-page .bp-content .bpc-left .blt-block .blt-items .blt-itm .blt-i-bl { color: #000; font-size: 14px; line-height: 16px; display: block } .basket-page .bp-content .bpc-right { width: 281px; position: relative } .basket-page .bp-content .bpc-right .bpc-fixed { position: absolute } .basket-page .bp-content .bpc-right .bpr-items .bpr-itm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: #fff; padding-top: 30px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #e5e5e5 } .basket-page .bp-content .bpc-right .bpr-items .bpr-itm:last-child { border-color: transparent; background: #fbfbfb } .basket-page .bp-content .bpc-right .bpr-items .bpr-itm .bpr-name { color: #000; font-size: 15px; line-height: 18px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 5px; padding-right: 5px } .basket-page .bp-content .bpc-right .bpr-items .bpr-itm .bpr-price { color: #000; font-size: 15px; line-height: 18px; font-family: Mont-Regular, sans-serif; margin-bottom: 5px } .basket-page .bp-content .bpc-right .bpr-result { background: #ededed; padding-top: 23px; padding-bottom: 12px; margin-bottom: 22px } .basket-page .bp-content .bpc-right .bpr-result .bpr-r-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-left: 20px; padding-right: 20px; padding-bottom: 2px } .basket-page .bp-content .bpc-right .bpr-result .bpr-r-row:nth-child(2) .bpr-r-descr { color: #f60 } .basket-page .bp-content .bpc-right .bpr-result .bpr-r-row .bpr-r-descr { color: #000; font-size: 15px; line-height: 18px; font-family: Mont-Bold, sans-serif; margin-bottom: 5px } .basket-page .bp-content .bpc-right .bpr-result .bpr-r-row .bpr-r-descr:nth-child(2) { font-size: 18px; line-height: 18px } .basket-page .bp-content .bpc-right .bpr-btn-wrap { margin-bottom: 23px } .basket-page .bp-content .bpc-right .bpr-btn-wrap .btn { width: 100%; padding-left: 5px; padding-right: 5px; text-align: center; padding-top: 19px; padding-bottom: 18px } .basket-page .bp-content .bpc-right .bpr-descr { display: block; color: #a8a8a8; font-size: 11px; line-height: 19px } .basket-page .bp-content .bpc-right .bpr-descr a { color: #1e1e1e } .basket-page .bp-content .bpc-right .bpr-descr a:hover { color: #f60 } .def-inp { position: relative; display: block; margin-bottom: 38px } .def-inp .bx-sls .dropdown-block { border: 1px solid #e5e5e5; -webkit-box-shadow: none; box-shadow: none } .def-inp .bx-sls .bx-ui-sls-container { min-height: 52px } .def-inp .bx-sls .bx-ui-sls-fake, .def-inp .bx-sls .bx-ui-sls-route { height: 52px } .def-inp .bx-sls .bx-ui-sls-clear { top: 8px } .def-inp .bx-sls .dropdown-icon { top: 20px } .def-inp:last-child { margin-bottom: 0 } .def-inp.def-err { margin-bottom: 16px } .def-inp.def-err .def-inp-error { display: block } .def-inp.def-err input { border-color: #feba00 } .def-inp.active .def-inp-descr { top: 5px; left: 27px; color: #fb0; font-size: 10px; line-height: 10px } .def-inp .def-inp-descr { position: absolute; left: 15px; top: 20px; color: rgba(30, 30, 30, .5); font-size: 15px; line-height: 15px; z-index: 1; width: auto; display: block; font-family: Mont-Regular, sans-serif; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .def-inp .def-inp-descr-basket { left: 15px; top: 20px; color: rgba(30, 30, 30, .5); font-size: 15px; line-height: 15px; z-index: 1; padding-top: 16.5px; width: auto; display: block; font-family: Mont-Regular, sans-serif; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding-left: 15px; top: 5px; font-size: 10px; line-height: 10px; color: #000; } .comment-div{ border: 1px solid #e5e5e5; } #ORDER_DESCRIPTION{ border:none; padding-top:0px } .def-inp input, .def-inp textarea { width: 100%; display: block; border: 1px solid #e5e5e5; outline: 0; padding-left: 15px; color: #1e1e1e; font-size: 15px; line-height: 15px; padding-right: 15px; padding-top: 16.5px; padding-bottom: 12.5px; font-family: Mont-Regular, sans-serif; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; margin-bottom: 7px } .def-inp input:focus + .def-inp-descr, .def-inp textarea:focus + .def-inp-descr { top: 5px; left: 15px; color: #fb0; font-size: 10px; line-height: 10px } .def-inp textarea { resize: none; height: 92px } .def-inp .def-inp-error { display: none; position: relative; color: #646464; font-size: 12px; line-height: 16px; padding-left: 34px; margin-top: 5px } .def-inp .def-inp-error::before { content: ''; position: absolute; left: 4px; top: -2px; width: 21px; height: 18px; background: url(/css/../img/i21.png) } .quest-answer { position: relative; display: inline-block; width: 18px; height: 18px; background: no-repeat url(/css/../img/i22.png) 50%; border-radius: 50%; top: 3px; cursor: pointer } .quest-answer.active .qa-content { display: block } .quest-answer .qa-content { position: absolute; width: 353px; background: #f0f0f0; cursor: default; padding-top: 41px; padding-left: 35px; padding-bottom: 87px; padding-right: 35px; display: none; z-index: 1; right: -418px; top: -29px } .quest-answer .qa-content.qa-left { right: auto; left: -387px } .quest-answer .qa-content .qac-close { width: 20px; height: 20px; background: no-repeat url(/css/../img/close3.png) 50%; position: absolute; right: 6px; top: 11px; cursor: pointer; } .quest-answer .qa-content p { margin: 0; color: rgba(0, 0, 0, .56); font-size: 13px; line-height: 20px } .default-form { margin-left: auto; margin-right: auto; max-width: 856px; width: 100%; padding: 0; display: none } .default-form.df-added { max-width: 600px } .default-form.df-added .def-content { padding-bottom: 35px } .default-form.df-added .dc-hdr { text-align: center; font-size: 24px; line-height: 24px; margin-bottom: 30px } .default-form.df-added .def-buttons { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .default-form.df-added .def-buttons .btn { margin-left: 5px; margin-right: 5px; margin-bottom: 10px } .default-form.def-conf { max-width: 1050px } .default-form.def-conf .def-content { max-width: 487px } .default-form.def-conf .def-content .def-buttons { padding-top: 20px } .default-form.def-conf .def-content .def-buttons .btn { width: 100%; text-align: center } .default-form.def-conf .def-content .def-row.def-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid rgba(0, 0, 0, .2); margin-top: 30px; padding-top: 30px } .default-form.def-conf .def-content .def-row.def-price span { font-size: 18px; line-height: 23px; font-family: Mont-SemiBold, sans-serif; color: #333 } .default-form.def-conf .def-content .def-row.def-price span:nth-child(1) { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; position: relative; top: -5px } .default-form.def-conf .def-content .def-row.def-price span:nth-child(2) { font-size: 36px; line-height: 46px; font-family: Mont-Bold, sans-serif; color: #333 } .default-form.def-conf .def-content .dfc-thx-img { margin-bottom: 30px } .default-form.def-conf .def-content .dfc-thx-img svg { display: block; max-width: 100%; margin: 0 auto } .default-form.def-conf .def-content .dfc-thx-hdr { display: block; font-size: 48px; line-height: 70px; font-family: Mont-SemiBold, sans-serif; color: #000; margin-bottom: 10px } .default-form.def-thx .def-content { text-align: center; padding-top: 45px; padding-bottom: 45px } .default-form.def-thx .def-content .dc-hdr { margin-bottom: 30px } .default-form.def-thx .def-content .dc-descr { margin-bottom: 0 } .default-form .dc-t-content-wrap .dct-content { display: none } .default-form .dc-t-content-wrap .dct-content.active { display: block } .default-form .def-content { max-width: 573px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; padding-top: 57px; padding-bottom: 89px } .default-form .dc-img { margin-bottom: 20px } .default-form .dc-img img { display: block; max-width: 100%; margin: 0 auto } .default-form .dc-hdr { color: #000; font-size: 40px; line-height: 40px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; margin-bottom: 10px; display: block } .default-form .dc-hdr.dc-big { margin-bottom: 25px; font-size: 58px; line-height: 62px; color: #f60 } .default-form .dc-descr { display: block; color: rgba(34, 34, 34, .7); font-size: 15px; line-height: 24px; margin-bottom: 30px } .default-form .dc-tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .default-form .dc-tabs .dct-tb { color: rgba(0, 0, 0, .4); font-size: 40px; line-height: 40px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; margin-bottom: 57px } .default-form .dc-tabs .dct-tb.active, .default-form .dc-tabs .dct-tb:hover { color: #000 } .default-form .dc-wrap .def-inp { margin-bottom: 40px } .default-form .dc-wrap .def-inp.def-err { margin-bottom: 17px } .default-form .dc-wrap .def-row { margin-top: -14px; margin-bottom: 44px } .default-form .dc-wrap .def-row a { display: block; margin-bottom: 15px; color: #f60 } .default-form .dc-wrap .def-row .cb-wrap .container { font-size: 15px; padding-left: 30px } .default-form .dc-wrap .def-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .default-form .dc-wrap .def-buttons .btn { width: 50%; text-align: center; padding-left: 5px; padding-right: 5px; padding-top: 20px; padding-bottom: 16px } .s-contacts-page { background: #f9f9f9; padding-top: 78px } .s-contacts-page .scp-none { display: none } .s-contacts-page .my-container { max-width: 1762px } .s-contacts-page .scp-top .scp-hdr { display: block; color: #000; font-size: 52px; line-height: 60px; margin-bottom: 82px } .s-contacts-page .scp-top .scp-t-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 25%; margin-bottom: 126px } .s-contacts-page .scp-top .scp-t-items .scp-t-itm { width: 50%; padding-left: 5px } .s-contacts-page .scp-top .scp-t-items .scp-t-itm .scp-t-i-gr { color: #9b9b9b; font-size: 14px; line-height: 21px; font-family: Mont-Bold, sans-serif; display: block; margin-bottom: 15px } .s-contacts-page .scp-top .scp-t-items .scp-t-itm .scp-t-i-or { color: #f60; font-size: 61px; line-height: 80px; font-family: Mont-Regular, sans-serif } .s-contacts-page .scp-top .scp-t-items .scp-t-itm .scp-t-i-bl { display: block; color: #000; font-size: 57px; line-height: 80px; font-family: Mont-Regular, sans-serif } .s-contacts-page .scp-top .scp-t-socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 25%; margin-bottom: 163px } .s-contacts-page .scp-top .scp-t-socials .scp-ts { width: 60px; height: 60px; position: relative; margin-right: 24px } .s-contacts-page .scp-top .scp-t-socials .scp-ts:last-child { margin-right: 0 } .s-contacts-page .scp-top .scp-t-socials .scp-ts::after, .s-contacts-page .scp-top .scp-t-socials .scp-ts::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-contacts-page .scp-top .scp-t-socials .scp-ts::after { opacity: 0 } .s-contacts-page .scp-top .scp-t-socials .scp-ts:hover::before { opacity: 0 } .s-contacts-page .scp-top .scp-t-socials .scp-ts:hover::after { opacity: 1 } .s-contacts-page .scp-top .scp-t-socials .scp-ts.tl::before { background: no-repeat url(/css/../img/s1.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.tl::after { background: no-repeat url(/css/../img/s1_h.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.fm::before { background: no-repeat url(/css/../img/YT.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.fm::after { background: no-repeat url(/css/../img/YT_or.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.fb::before { background: no-repeat url(/css/../img/s3.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.fb::after { background: no-repeat url(/css/../img/s3_h.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.ws::before { background: no-repeat url(/css/../img/s4.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.ws::after { background: no-repeat url(/css/../img/s4_h.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.vk::before { background: no-repeat url(/css/../img/s5.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.vk::after { background: no-repeat url(/css/../img/s5_h.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.sk::before { background: no-repeat url(/css/../img/s7.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.sk::after { background: no-repeat url(/css/../img/s7_h.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.zn::before { background: no-repeat url(/css/../img/zen_icn.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.zn::after { background: no-repeat url(/css/../img/zen_icn_h.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.od::before { background: no-repeat url(/css/../img/od_icn.svg) 50% } .s-contacts-page .scp-top .scp-t-socials .scp-ts.od::after { background: no-repeat url(/css/../img/od_icn_h.svg) 50% } .s-contacts-page .scp-middle { position: relative; padding-top: 356px; padding-bottom: 70px } .s-contacts-page .scp-middle .scp-map { height: 617px; width: 100%; margin-bottom: 27px } .s-contacts-page .scp-middle .scp-map .scm-content { position: absolute; top: 0; max-width: 982px; width: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #fff; z-index: 2; padding-left: 89px; padding-right: 89px; padding-top: 70px; padding-bottom: 70px } .s-contacts-page .scp-middle .scp-map .scm-content .scm-city { display: block; color: rgba(61, 61, 61, .5); font-size: 14px; line-height: 21px; font-family: Mont-Bold, sans-serif } .s-contacts-page .scp-middle .scp-map .scm-content .scm-hdr { display: block; color: #202020; font-size: 61px; line-height: 80px; margin-bottom: 28px } .s-contacts-page .scp-middle .scp-map .scm-content .scm-hdr span { color: #f60 } .s-contacts-page .scp-middle .scp-map .scm-content .scm-p { margin: 0; color: rgba(0, 0, 0, .6); font-size: 18px; line-height: 33px; margin-bottom: 63px } .s-contacts-page .scp-middle .scp-map .scm-content .scm-path { position: relative; color: #000; font-size: 14px; line-height: 33px; padding-left: 54px } .s-contacts-page .scp-middle .scp-map .scm-content .scm-path span { position: relative; padding-bottom: 13px } .s-contacts-page .scp-middle .scp-map .scm-content .scm-path span::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #b3b3b3; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-contacts-page .scp-middle .scp-map .scm-content .scm-path::after, .s-contacts-page .scp-middle .scp-map .scm-content .scm-path::before { width: 36px; height: 36px; content: ''; position: absolute; left: 2px; top: -3px; background: url(/css/../img/i25.png) 50%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-contacts-page .scp-middle .scp-map .scm-content .scm-path::after { opacity: 0; background: url(/css/../img/i25_h.png) 50% } .s-contacts-page .scp-middle .scp-map .scm-content .scm-path:hover { color: #f60 } .s-contacts-page .scp-middle .scp-map .scm-content .scm-path:hover span::before { background: #f60 } .s-contacts-page .scp-middle .scp-map .scm-content .scm-path:hover::before { opacity: 0 } .s-contacts-page .scp-middle .scp-map .scm-content .scm-path:hover::after { opacity: 1 } .s-contacts-page .scp-middle .scp-map #map { width: 100%; height: 100% } .s-contacts-page .scp-middle .scm-slider .swiper-slide { padding-right: 24px; width: 219px } .s-contacts-page .scp-middle .scm-slider .swiper-slide .scm-s-itm { width: 100%; height: 147px; background-size: cover; background-position: 50% 50%; position: relative; display: block } .s-contacts-page .scp-middle .scm-slider .swiper-slide .scm-s-itm::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .8) no-repeat url(/css/../img/i24.png) 50%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; opacity: 0 } .s-contacts-page .scp-middle .scm-slider .swiper-slide .scm-s-itm:hover::after { opacity: 1 } .s-contacts-page .scp-btm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 63px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .s-contacts-page .scp-btm .scb-left { width: 50%; background: #fff; padding-top: 124px; padding-left: 112px; padding-right: 70px; padding-bottom: 114px } .s-contacts-page .scp-btm .scb-left .scl-form .scl-hdr { display: block; color: #000; font-size: 39px; line-height: 42px; margin-bottom: 21px } .s-contacts-page .scp-btm .scb-left .scl-form .scl-descr { display: block; color: rgba(0, 0, 0, .8); font-size: 18px; line-height: 33px; margin-bottom: 40px } .s-contacts-page .scp-btm .scb-left .scl-form .def-inp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 19px } .s-contacts-page .scp-btm .scb-left .scl-form .def-inp textarea { height: 125px } .s-contacts-page .scp-btm .scb-left .scl-form .def-inp.active .def-inp-descr { color: #ff6700 } .s-contacts-page .scp-btm .scb-left .scl-form .def-inp.def-err input { border-color: #ff6700 } .s-contacts-page .scp-btm .scb-left .scl-form .def-inp input, .s-contacts-page .scp-btm .scb-left .scl-form .def-inp textarea { max-width: 424px; width: 100%; margin-bottom: 0 } .s-contacts-page .scp-btm .scb-left .scl-form .def-inp input:focus + .def-inp-descr, .s-contacts-page .scp-btm .scb-left .scl-form .def-inp textarea:focus + .def-inp-descr { color: #ff6700 } .s-contacts-page .scp-btm .scb-left .scl-form .def-inp .def-inp-error { width: -webkit-calc(100% - 437px); width: calc(100% - 437px); margin-left: 13px } .s-contacts-page .scp-btm .scb-left .scl-form .def-inp .def-inp-error::before { width: 20px; height: 17px; background: url(/css/../img/i26.png); top: 50%; margin-top: -9px } .s-contacts-page .scp-btm .scb-left .scl-form .scl-row { margin-top: -10px; margin-bottom: 30px } .s-contacts-page .scp-btm .scb-left .scl-form .scl-row img { display: block; max-width: 100% } .s-contacts-page .scp-btm .scb-right { width: 50%; padding-top: 106px; padding-left: 15px; padding-right: 15px; padding-bottom: 106px } .s-contacts-page .scp-btm .scb-right .scr-block { max-width: 600px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 150px } .s-contacts-page .scp-btm .scb-right .scr-block:last-child { margin-bottom: 0 } .s-contacts-page .scp-btm .scb-right .scr-block .scr-hdr { display: block; color: #000; font-size: 39px; line-height: 57.7px; margin-bottom: 33px } .s-contacts-page .scp-btm .scb-right .scr-block .scr-p { margin: 0; color: #3d3d3d; font-size: 18px; line-height: 30px; margin-bottom: 30px } .s-contacts-page .scp-btm .scb-right .scr-block .btn.or { margin-top: 25px } .s-contacts-page .scp-btm .scb-right .scr-block .scr-items .scr-itm { margin-bottom: 40px } .s-contacts-page .scp-btm .scb-right .scr-block .scr-items .scr-itm:last-child { margin-bottom: 0 } .s-contacts-page .scp-btm .scb-right .scr-block .scr-items .scr-itm .scr-i-gr { display: block; color: rgba(61, 61, 61, .6); font-size: 18px; line-height: 21px; margin-bottom: 8px } .s-contacts-page .scp-btm .scb-right .scr-block .scr-items .scr-itm .scr-i-bl { display: block; color: #3d3d3d; font-size: 18px; line-height: 24px; font-family: Mont-Bold, sans-serif } .s-contacts-page.scp-extend { padding-top: 111px; padding-bottom: 146px } .s-contacts-page.scp-extend .my-container { max-width: 1256px } .s-contacts-page.scp-extend .scp-sign { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 231px } .s-contacts-page.scp-extend .scp-sign .scp-sl { width: 50% } .s-contacts-page.scp-extend .scp-sign .scp-sl .h1 { font-size: 58px; line-height: 74px; color: #f60 } .s-contacts-page.scp-extend .scp-sign .scp-sr { width: 50% } .s-contacts-page.scp-extend .scp-sign .scp-sr .scl-form { max-width: 456px; width: 100% } .s-contacts-page.scp-extend .scp-sign .scp-sr .btn { width: 100%; text-align: center } .s-contacts-page.scp-extend .scp-sign .scp-sr input, .s-contacts-page.scp-extend .scp-sign .scp-sr textarea { background: 0 0 } .s-contacts-page.scp-extend .scp-sign .scp-sr .cb-wrap.cb-circle .checkmark { top: -4px } .s-contacts-page.scp-extend .scp-top .scp-hdr { font-size: 60px; line-height: 70px } .s-contacts-page.scp-extend .scp-top .scp-t-items { padding-left: 0; margin-bottom: 0 } .s-contacts-page.scp-extend .scp-top .scp-t-items .scp-t-itm:last-child { padding-top: 114px } .inp-file { display: block; position: relative } .inp-file input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0 } .inp-file .inp-f-descr { display: inline-block; padding-left: 36px; color: #000; font-size: 13px; line-height: 20px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; padding-bottom: 4px } .inp-file .inp-f-descr::before { content: ''; position: absolute; left: 0; top: 5px; width: 24px; height: 18px; background: url(/css/../img/i27.png) } .inp-file .inp-f-descr::after { content: ''; position: absolute; left: 36px; bottom: 0; width: -webkit-calc(100% - 36px); width: calc(100% - 36px); height: 1px; background: #f60 } .inp-file .inp-f-descr:hover { color: #f60 } .lk-page { padding-top: 55px; padding-bottom: 55px } .lk-page .lkp-items .lkp-itm { border-bottom: 1px solid #e9e9e9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 86px; padding-right: 86px; padding-bottom: 66px; margin-bottom: 60px } .lk-page .lkp-items .lkp-itm:first-child { padding-bottom: 26px } .lk-page .lkp-items .lkp-itm:last-child { border-color: transparent; margin-bottom: 0 } .lk-page .lkp-items .lkp-itm .lkp-hdr { display: block; color: #000; font-size: 52px; line-height: 60px; font-family: Mont-SemiBold, sans-serif } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-icn-descr { color: #000; font-size: 13px; line-height: 17px; font-family: Mont-Bold, sans-serif; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; top: -30px; opacity: 0 } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-similar { width: 30px; height: 30px; position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: #f7f7f7 } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-similar:hover .scc-t-icn-descr { opacity: 1 } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-similar::after, .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-similar::before { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -7px; width: 14px; height: 12px; background: url(/css/../img/i13.svg); background-size: contain; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-similar::after { background: url(/css/../img/i13_h.svg); background-size: contain; opacity: 0 } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-similar:hover { color: #f60 } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-similar:hover::before { opacity: 0 } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-similar:hover::after { opacity: 1 } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-fav { width: 30px; height: 30px; position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: #f7f7f7 } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-fav:hover .scc-t-icn-descr { opacity: 1 } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-fav::after, .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-fav::before { content: ''; width: 11px; height: 11px; position: absolute; left: 50%; top: 50%; margin-top: -5.5px; margin-left: -5.5px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: no-repeat url(/css/../img/i11.svg) 50%; background-size: contain } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-fav::after { background: no-repeat url(/css/../img/i11_h.svg) 50%; background-size: contain; opacity: 0 } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-fav.active::before, .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-fav:hover::before { opacity: 0 } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-fav.active::after, .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-fav:hover::after { opacity: 1 } .lk-page .lkp-items .lkp-itm .lkp-hdr a { position: relative; font-size: 13px; line-height: 15px; font-family: Mont-Regular, sans-serif; color: rgba(0, 0, 0, .5); padding-right: 35px; margin-left: 18px; top: 2px } .lk-page .lkp-items .lkp-itm .lkp-hdr a::after, .lk-page .lkp-items .lkp-itm .lkp-hdr a::before { content: ''; position: absolute; right: 0; top: -1px; width: 31px; height: 19px; background: url(/css/../img/i28.png); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .lk-page .lkp-items .lkp-itm .lkp-hdr a::after { opacity: 0; background: url(/css/../img/i28_h.png) } .lk-page .lkp-items .lkp-itm .lkp-hdr a:hover { color: #f60 } .lk-page .lkp-items .lkp-itm .lkp-hdr a:hover::before { opacity: 0 } .lk-page .lkp-items .lkp-itm .lkp-hdr a:hover::after { opacity: 1 } .lk-page .lkp-items .lkp-itm .lkp-i-hdr { display: block; color: #000; font-size: 26px; line-height: 32px; width: 470px } .lk-page .lkp-items .lkp-itm .lkp-i-hdr .lkp-i-open { cursor: pointer; color: rgba(0, 0, 0, .5); font-size: 13px; line-height: 15px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; margin-left: 18px } .lk-page .lkp-items .lkp-itm .lkp-i-hdr .lkp-i-open:hover { color: #f60 } .lk-page .lkp-items .lkp-itm .lkp-i-hdr .lkp-i-open.active { color: #f60 } .lk-page .lkp-items .lkp-itm .lkp-i-content { width: -webkit-calc(100% - 470px); width: calc(100% - 470px); display: none } .lk-page .lkp-items .lkp-itm .lkp-i-content.active { display: block } .lk-page .lkp-items .lkp-itm .lkp-i-content .lkp-short-block { max-width: 430px; width: 100% } .lk-page .lkp-items .lkp-itm .lkp-i-content .lkp-short-block .lkp-sb-input { position: relative } .lk-page .lkp-items .lkp-itm .lkp-i-content .lkp-short-block .lkp-sb-input::after { content: ''; position: absolute; width: 16px; height: 16px; background: url(/css/../img/pen.svg); right: 0; top: 50%; margin-top: -8px } .lk-page .lkp-items .lkp-itm .lkp-i-content .lkp-short-block .lkp-sb-input .def-inp-descr { top: 5px; left: 15px; font-size: 10px; line-height: 10px; color: rgba(51, 51, 51, .5) } .lk-page .lkp-items .lkp-itm .lkp-i-content .lkp-short-block .lkp-sb-input input { border: none; border-bottom: 1px solid #f2f2f2; font-size: 18px; line-height: 23px; color: #333; padding-right: 20px } .lk-page .lkp-items .lkp-itm .lkp-i-content .lkp-short-block p { margin: 0; color: #3d3d3d; font-size: 16px; line-height: 30px; font-family: Mont-Regular, sans-serif; margin-bottom: 10px } .lk-page .lkp-items .lkp-itm .lkp-i-content .lkp-short-block a { color: #3d3d3d; font-size: 16px; line-height: 30px } .lk-page .lkp-items .lkp-itm .lkp-i-content .lkp-short-block a:hover { color: #f60 } .lk-page .lkp-items .lkp-itm .lkp-i-content .lkp-short-block .btn-more { font-size: 13px; line-height: 15px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items.tlb-favs .tlb-itm { padding-left: 257px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #efefef; position: relative; padding-bottom: 25px; margin-bottom: 35px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm:hover .tlb-txt .tlb-hdr { color: #f60 } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm:last-child { margin-bottom: 0; border-color: transparent } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-order-info { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; min-width: 200px; max-width: 200px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-order-info .tlb-oi-descr-1 { display: block; color: rgba(61, 61, 61, .9); font-size: 18px; line-height: 30px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 12px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-order-info .tlb-oi-descr-2 { color: #f60; font-size: 13px; line-height: 15px; display: block } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-img { min-width: 170px; max-width: 170px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-img img { display: block; max-width: 100%; margin: 0 auto } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt { padding-left: 81px; min-width: 400px; max-width: 400px; margin-right: 150px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt .tlb-hdr { display: inline-block; font-family: Mont-SemiBold, sans-serif; color: #333; font-size: 18px; line-height: 23px; position: relative; margin-bottom: 49px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt .tlb-char { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: right } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr { padding-left: 24px; position: relative; margin-right: 42px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr .tlb-ch-clr-circle { width: 11px; height: 11px; border-radius: 50%; position: absolute; left: 0; top: 1px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr .tlb-ch-descr { color: #000; font-size: 12.6px; line-height: 15px; display: block } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-name { color: #000; font-size: 13px; line-height: 15px; margin-right: 38px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-name:last-child { margin-right: 0 } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-price { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; min-width: 150px; max-width: 150px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-price .tlb-pr-new { display: block; color: #000; font-size: 18px; line-height: 21px; font-family: Mont-Bold, sans-serif; margin-bottom: 2px; text-transform: uppercase } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-price .tlb-pr-old { display: inline-block; color: #000; font-size: 14px; line-height: 14px; font-family: Mont-Regular, sans-serif; position: relative; top: -8px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-price .tlb-pr-old::before { content: ''; position: absolute; left: 0; top: 4px; height: 1px; -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); width: 100%; background: #e55c38 } .lk-page .lkp-items p { max-width: 1400px; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; text-align: center } .lk-page .lkp-items p a { color: #f60 } .s-catalog-category.scc-delivery-payment { padding-top: 71px; padding-bottom: 0 } .s-catalog-category.scc-delivery-payment.del-pay-page { padding-top: 0 } .s-catalog-category.scc-delivery-payment.del-pay-page .scc-right { padding-bottom: 45px } .s-catalog-category.scc-delivery-payment.del-pay-page .scc-left { padding-bottom: 45px; padding-top: 0 } .s-catalog-category.scc-delivery-payment .scc-right { width: 100% } .s-catalog-category.scc-delivery-payment .scc-top.my-container { padding-bottom: 48px } .s-catalog-category.scc-delivery-payment .sr-dp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: #fafafa } .s-catalog-category.scc-delivery-payment .sr-dp .srd-left { width: 100%; padding-top: 83px; padding-left: 80px; padding-right: 80px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-right { width: 100%; padding-top: 83px; padding-left: 80px; padding-right: 80px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-btm { width: 100%; border-top: 1px solid #c2c2c2; padding-left: 108px; padding-top: 90px; padding-bottom: 117px; padding-right: 15px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-btm .srd-l-p { max-width: 640px; width: 100% } .s-catalog-category.scc-delivery-payment .sr-dp .default-form { display: block } .s-catalog-category.scc-delivery-payment .sr-dp a { color: #f60 } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-ul { margin-bottom: 30px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-ul.no-dots li { padding-left: 0 } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-ul.no-dots li::before { display: none } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-ul li { display: block; position: relative; padding-left: 15px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-ul li::before { content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; border-radius: 50%; background: #000 } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-logo { margin-bottom: 30px; max-width: 290px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-logo img { display: block; max-width: 100% } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-hdr { display: block; color: #000; font-size: 40px; line-height: 52px; margin-bottom: 45px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-p { margin: 0; color: #000; font-size: 17px; line-height: 30px; margin-bottom: 30px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-p.padding-left { padding-left: 41px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-bd { display: block; color: #000; font-size: 17px; line-height: 30px; font-family: Mont-Bold, sans-serif } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items { margin-top: 68px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm { border-bottom: 1px solid #e9e9e9 } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm:last-child { border-color: transparent } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-top { color: #000; font-size: 17px; line-height: 21px; position: relative; padding-top: 27px; padding-bottom: 27px; padding-right: 100px; cursor: pointer } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-top.active::after { display: none } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-top::after, .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-top::before { content: ''; position: absolute; right: 65px; top: 36px; width: 9px; height: 1px; background: #000 } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-top::after { height: 9px; width: 1px; top: 32px; right: 69px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-content { display: none; border-top: 1px solid #f60; padding-top: 25px; padding-bottom: 25px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-content p { margin: 0; margin-bottom: 30px; font-size: 17px; line-height: 30px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-content p:last-child { margin-bottom: 0 } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-content b { font-family: Mont-Bold, sans-serif } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-content .srd-lc-hdr { display: block; font-size: 21px; line-height: 24px; margin-bottom: 30px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-content .srd-l-logo { max-width: 290px; margin-bottom: 30px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-content .srd-l-logo img { display: block; max-width: 100% } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-content a { color: #f60 } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-content ul { margin-bottom: 20px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-content ul li { display: block; position: relative; padding-left: 15px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-content ul li::before { content: ''; position: absolute; left: 0; top: 13px; width: 5px; height: 5px; border-radius: 50%; background: #000 } .s-catalog-category.scc-acc .my-container .scc-right .sr-top { padding-left: 40px } .s-catalog-category.scc-acc .my-container .scc-right .srt-select { margin-left: 0 } .s-catalog-category.scc-acc .my-container .scc-right .sr-items .sr-itm .sri-btm { bottom: -157px } #comment_add { padding-top: 150px } .s-catalog-category.scc-ap { padding-bottom: 0 } .s-catalog-category.scc-ap .scc-top.my-container { padding-bottom: 47px } .s-catalog-category.scc-ap .scc-right { padding-top: 16px; padding-left: 160px; padding-right: 450px; position: relative; width: 100% } .s-catalog-category.scc-ap .scc-right .s-share { position: absolute; right: 65px; top: 22px } .s-catalog-category.scc-ap .scc-right .sar-block { margin-bottom: 62px; max-width: 960px; width: 100%; margin-left: auto; margin-right: auto } .s-catalog-category.scc-ap .scc-right .sar-block img { max-width: 100%; width: 100%; display: block; margin-bottom: 74px; padding-top: 40px; margin-left: auto; margin-right: auto } .s-catalog-category.scc-ap .scc-right .sar-block:last-child { margin-bottom: 0 } .s-catalog-category.scc-ap .scc-right .sar-block .sar-p, .s-catalog-category.scc-ap .scc-right .sar-block p { width: 100%; max-width: 100% } .s-catalog-category.scc-ap .scc-right .sar-hdr { display: block; color: #000; font-size: 48px; line-height: 60px; font-family: Mont-Heavy, sans-serif; margin-bottom: 33px } .s-catalog-category.scc-ap .scc-right .sar-p, .s-catalog-category.scc-ap .scc-right p { margin: 0; color: #000; font-size: 17px; line-height: 30px; margin-bottom: 30px } .s-catalog-category.scc-ap .scc-right .sar-img { margin-bottom: 74px; padding-top: 40px } .s-catalog-category.scc-ap .scc-right .sar-img img { display: block; max-width: 100%; margin-left: 0; margin-right: auto } .s-catalog-category.scc-articles { padding-bottom: 0; padding-top: 78px } .s-catalog-category.scc-articles .scc-top.my-container { padding-bottom: 30px } .s-catalog-category.scc-articles #comment_add { padding-top: 0 } .s-catalog-category.scc-articles .sd-chars { padding-top: 0 } .s-catalog-category.scc-articles .scc-right { width: 100% } .s-catalog-category.scc-articles .s-articles .sa-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 30px; padding-left: 30px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-more-btn, .s-catalog-category.scc-articles .s-articles .sa-items .sr-more-btn { width: 100%; text-align: center; padding-top: 22px; margin-bottom: 32px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-more-btn .btn-more, .s-catalog-category.scc-articles .s-articles .sa-items .sr-more-btn .btn-more { color: #000; font-size: 15px; line-height: 17px; font-family: Mont-Heavy, sans-serif } .s-catalog-category.scc-articles .s-articles .sa-items .s-pagination { width: 100%; padding-bottom: 70px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm { width: -webkit-calc(50% - 50px); width: calc(50% - 50px); margin-bottom: 62px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm:nth-child(odd) { margin-right: 50px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm:nth-child(even) { margin-left: 50px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm.sa-no-img { background: #fafafa; padding-left: 60px; padding-right: 60px; padding-top: 47px; padding-bottom: 100px; position: relative } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm.sa-no-img .sa-img { height: auto; margin-bottom: 73px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm.sa-no-img .sa-block { margin-left: 0; margin-right: 0; margin-top: 0; padding: 0; position: static } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm.sa-no-img .sa-block .sab-hdr { font-size: 48px; line-height: 60px; font-family: Mont-Heavy, sans-serif; margin-bottom: 6px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-img { height: 370px; position: relative } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-img span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block { position: relative; margin-left: 30px; margin-right: 30px; background: #fafafa; margin-top: -78px; padding-left: 45px; padding-right: 45px; padding-top: 45px; padding-bottom: 146px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block .sab-hdr { display: block; color: #000; font-size: 22px; line-height: 24px; font-family: Mont-Heavy, sans-serif; margin-bottom: 18px; min-height: 48px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block .sab-p, .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block p { margin: 0; color: #000; font-size: 17px; line-height: 30px; min-height: 60px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block .btn-more { position: absolute; bottom: 34px; color: #f60 } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block .btn-more::before { background: #f60 } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block .btn-more:hover::before { opacity: 0 } .s-catalog-category.scc-no-filter { padding-top: 118px; position: relative; padding-bottom: 118px } .s-catalog-category.scc-no-filter .scc-top.my-container .scc-t-fltrs { display: block } .s-catalog-category.scc-no-filter .scc-top.my-container .scc-t-btns { top: -15px; z-index: 2 } .s-catalog-category.scc-no-filter .scc-top.my-container { position: relative; z-index: 1; max-width: 1868px; padding-left: 88px; padding-right: 88px } .s-catalog-category.scc-no-filter .scc-top.my-container .h2 { margin-bottom: 50px } .s-catalog-category.scc-no-filter .scc-right { background: #fff; width: 100% } .s-share { text-align: right } .s-share .ss-descr { display: block; color: #000; font-size: 18px; line-height: 24px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 16px } .s-share .ss-soc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .s-share .ss-soc .ss-itm { width: 30px; height: 30px; position: relative; margin-left: 47px } .s-share .ss-soc .ss-itm:first-child { margin: 0 } .s-share .ss-soc .ss-itm::after, .s-share .ss-soc .ss-itm::before { content: ''; position: absolute; width: 100%; left: 0; top: 0; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-share .ss-soc .ss-itm::after { opacity: 0 } .s-share .ss-soc .ss-itm:hover::before { opacity: 0 } .s-share .ss-soc .ss-itm:hover::after { opacity: 1 } .s-share .ss-soc .ss-itm.tl::before { background: no-repeat url(/css/../img/soc1.png) 50% } .s-share .ss-soc .ss-itm.tl::after { background: no-repeat url(/css/../img/soc1_h.png) 50% } .s-share .ss-soc .ss-itm.fb::before { background: no-repeat url(/css/../img/soc2.png) 50% } .s-share .ss-soc .ss-itm.fb::after { background: no-repeat url(/css/../img/soc2_h.png) 50% } .s-share .ss-soc .ss-itm.fm::before { background: no-repeat url(/css/../img/YT.svg) 50% } .s-share .ss-soc .ss-itm.fm::after { background: no-repeat url(/css/../img/YT_or.svg) 50% } .s-share .ss-soc .ss-itm.vk::before { background: no-repeat url(/css/../img/soc4.png) 50% } .s-share .ss-soc .ss-itm.vk::after { background: no-repeat url(/css/../img/soc4_h.png) 50% } footer { background: #000; padding-top: 90px; margin-top: 0; overflow: hidden } footer.ez-footer { padding-bottom: 90px } footer.ez-footer .ft-top.my-container { margin-bottom: 0 } footer .my-container { max-width: 1860px; padding-left: 80px; padding-right: 80px; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } footer .ft-top { margin-bottom: 98px } footer .ft-btm .ft-row { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-right: 310px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } footer .ft-btm .ft-row:last-child { padding-top: 59px; padding-right: 0; padding-bottom: 64px } footer .ft-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } footer .ft-row.ftr-pay-row { padding-right: 0 } footer .ft-row .ftr-a-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px } footer .ft-row .ftr-a-block .ftr-a { color: rgba(255, 255, 255, .7); font-size: 11px; line-height: 14px; font-family: Mont-Regular, sans-serif; position: relative; margin-right: 30px } footer .ft-row .ftr-a-block .ftr-a:last-child { margin-right: 0 } footer .ft-row .ftr-a-block .ftr-a::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, .7); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } footer .ft-row .ftr-a-block .ftr-a:hover { color: #f60 } footer .ft-row .ftr-a-block .ftr-a:hover::before { opacity: 0 } footer .ft-row .ftr-pay { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -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; padding-top: 25px; padding-bottom: 25px; margin-top: 25px; border-top: 1px solid rgba(255, 255, 255, .1); border-bottom: 1px solid rgba(255, 255, 255, .1) } footer .ft-row .ftr-pay .ftr-p-descr { color: #fff; font-size: 12px; line-height: 12px; font-family: Mont-Regular, sans-serif; font-weight: 700; margin-right: 112px } footer .ft-row .ftr-pay .ftr-p-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } footer .ft-row .ftr-pay .ftr-p-items .ftr-p-icn { margin-right: 35px } footer .ft-row .ftr-pay .ftr-p-items .ftr-p-icn:last-child { margin-right: 0 } footer .ft-row .ftr-pay .ftr-p-items .ftr-p-icn svg { display: block; max-width: 100% } footer .ft-row .ft-logo { margin-bottom: 90px } footer .ft-row .ft-logo img { display: block; max-width: 100% } footer .ft-row .ft-itm { width: 33.33%; margin-bottom: 19px } footer .ft-row .ft-itm:nth-child(1), footer .ft-row .ft-itm:nth-child(2) { /*flex: 0 0 50%;*/ } footer .ft-row .ft-itm:nth-child(3) { margin: 0 auto; } footer .ft-row .ft-itm .btn { border-color: rgba(255, 255, 255, .4); margin-top: 10px; padding-top: 19px; padding-left: 25px; padding-right: 25px } footer .ft-row .ft-itm .btn:hover { border-color: #f60 } footer .ft-row .ft-itm .fti-descr { display: block; color: rgba(255, 255, 255, .4); font-size: 11px; line-height: 20px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 4px } footer .ft-row .ft-itm .fti-w { display: block; color: #fff; font-size: 36px; line-height: 54px; font-family: Mont-Regular, sans-serif } footer .ft-row .ft-itm a.fti-w:hover { color: #f60 } footer .ft-row .ftb-itm { max-width: 185px; width: 100% } footer .ft-row .ftb-itm:nth-child(4), footer .ft-row .ftb-itm:nth-child(5), footer .ft-row .ftb-itm:nth-child(6) { /*padding-top: 58px*/ } footer .ft-row .ftb-itm:nth-child(5), footer .ft-row .ftb-itm:nth-child(6) { margin-top: 58px; } footer .ft-row .ftb-itm .ftb-i-right { display: none } footer .ft-row .ftb-itm .ftb-i-gr-descr { display: block; font-size: 12px; line-height: 12px; font-family: Mont-Regular, sans-serif; color: rgba(255, 255, 255, .2); margin-bottom: 14px } footer .ft-row .ftb-itm .ftb-i-gr-descr:hover { color: #f60 } footer .ft-row .ftb-itm .ftb-igr-logo { margin-bottom: 18px; display: block; position: relative; left: -6px } footer .ft-row .ftb-itm .ftb-igr-logo img { display: block; max-width: 100% } footer .ft-row .ftb-itm ul { margin-top: 25px; margin-left: 10px; } footer .ft-row .ftb-itm ul li { margin-bottom: 25px } footer .ft-row .ftb-itm ul li:last-child { /* margin-bottom: 0 */ } footer .ft-row .ftb-itm span { color: white; font-size: 18px; } footer .ft-row .ftb-itm ul li a { font-size: 16px; line-height: 23px; color: #fff; font-family: Mont-Regular, sans-serif } footer .ft-row .ftb-itm ul li a:hover { color: #f60 } footer .ft-row .ftb-itm .ftb-a { display: block; font-size: 16px; line-height: 28px; color: #f60;; font-family: Mont-Regular, sans-serif; margin-bottom: 29px } footer .ft-row .ftb-itm .ftb-a:hover { color: #f60 } footer .ft-row .ftb-itm .ftb-i-ul { margin-top: 0; } footer .ft-row .ftb-itm .ftb-i-ul li { margin-bottom: 0 } footer .ft-row .ftb-itm .ftb-i-ul li:last-child { margin-bottom: 0 } footer .ft-row .ftb-itm .ftb-i-ul li a { font-size: 15px; line-height: 30px; font-family: Mont-Regular, sans-serif; color: #f60; } footer .ft-row .ftb-itm_subs { max-width: 280px; } footer .ft-row .ftb-itm_subs form { margin-top: 25px; } footer .ft-row .ftb-itm_subs .fti_subs_input { display: flex; margin-bottom: 10px; } footer .ft-row .ftb-itm_subs .fti_subs_input input[type=submit] { border: none; cursor: pointer; color: white; background: chocolate; font-size: 22px; padding-bottom: 5px; height: 40px; } footer .ft-row .ftb-itm_subs .fti_subs_input input[type=text] { height: 40px; border: none; flex: 1 1 auto; width: auto; overflow: hidden; padding: 0 10px 0 15px; } footer .ft-row .ftb-itm_subs .fti_subs_agree label { display: block; position: relative; cursor: pointer; font-size: 12px; color: #fff; padding-left: 32px; line-height: 1.5; border: none !important; } footer .ft-row .ftb-itm_subs .fti_subs_agree input[type=checkbox] + label::before { content: ""; display: block; width: 20px; height: 20px; border-radius: 2px; border: 1px solid #b3b3b3; position: absolute; left: 0; top: 5px; transition: all .12s,border-color .08s; background-color: #fff; } footer .ft-row .ftb-itm_subs .fti_subs_agree label.error-border::before { border: 1px solid #ea0000 !important; } footer .ft-row .ftb-itm_subs .fti_subs_agree input[type=checkbox] + label::after { width: 7px; height: 13px; top: 4px; left: 6px; content: ""; display: block; position: absolute; border-radius: 0; z-index: 2; opacity: 0; border-color: transparent #f60 #f60 transparent; border-style: solid; border-width: 2px; transform: rotate(45deg); color: #f60; } footer .ft-row .ftb-itm_subs .fti_subs_agree input[type=checkbox]:checked + label::after { opacity: 1; } footer .ft-row .ftb-itm_subs .fti_subs_agree input { display: none; } .error-border { border: 1px solid #ea0000 !important; } .email-msg { font-size: 14px; color: #ff2f2f; margin-top: 10px; } footer .ft-row .ftb-igr-liq { color: rgba(255, 255, 255, .7); font-size: 14px; line-height: 28px; font-family: Mont-Light, sans-serif; position: relative; padding-right: 87px; padding-top: 30px } footer .ft-row .ftb-igr-liq::after { content: ''; position: absolute; width: 70px; height: 53px; background: url(/css/../img/liq_icn.svg); right: 0; top: 0 } footer .ft-row .ftb-igr-liq span { color: rgba(255, 255, 255, .7); font-family: Mont-Regular, sans-serif; font-weight: 600; letter-spacing: .385em; text-transform: uppercase } footer .ft-row .ftr-b-descr { display: block; font-size: 11px; line-height: 28px; font-family: Mont-Regular, sans-serif; color: rgba(255, 255, 255, .4); padding-right: 15px } footer .ft-row .scp-t-socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 15px } footer .ft-row .scp-t-socials.hidden { display: none } footer .ft-row .scp-t-socials .scp-ts { width: 60px; height: 60px; position: relative; margin-right: 4px } footer .ft-row .scp-t-socials .scp-ts:last-child { margin-right: 0 } footer .ft-row .scp-t-socials .scp-ts::after, footer .ft-row .scp-t-socials .scp-ts::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; opacity: .5 } footer .ft-row .scp-t-socials .scp-ts::after { opacity: 0 } footer .ft-row .scp-t-socials .scp-ts:hover::before { opacity: 0 } footer .ft-row .scp-t-socials .scp-ts:hover::after { opacity: 1 } footer .ft-row .scp-t-socials .scp-ts.tl::before { background: no-repeat url(/css/../img/s1.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.tl::after { background: no-repeat url(/css/../img/s1_h.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.fm::before { background: no-repeat url(/css/../img/YT.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.fm::after { background: no-repeat url(/css/../img/YT_or.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.fb::before { background: no-repeat url(/css/../img/s3.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.fb::after { background: no-repeat url(/css/../img/s3_h.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.ws::before { background: no-repeat url(/css/../img/s4.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.Tt::before{ background: no-repeat url(/css/../img/tik-tok-logo-gray.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.Tt::after{ background: no-repeat url(/css/../img/tik-tok-logo-orange.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.ws::after { background: no-repeat url(/css/../img/s4_h.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.vk::before { background: no-repeat url(/css/../img/s5.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.vk::after { background: no-repeat url(/css/../img/s5_h.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.sk::before { background: no-repeat url(/css/../img/s7.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.sk::after { background: no-repeat url(/css/../img/s7_h.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.zn::before { background: no-repeat url(/css/../img/zen_icn.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.zn::after { background: no-repeat url(/css/../img/zen_icn_h.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.od::before { background: no-repeat url(/css/../img/od_icn.svg) 50% } footer .ft-row .scp-t-socials .scp-ts.od::after { background: no-repeat url(/css/../img/od_icn_h.svg) 50% } .s-bike { padding-bottom: 40px; padding-top: 0; position: relative } .s-bike::before { content: ''; position: absolute; width: 1315px; height: 1234px; top: 0; left: 23%; background: url(/css/../img/5kwt.png); display: none } .s-bike .sb-slider { padding-bottom: 18px; position: relative; display: none } .s-bike .sb-slider .swiper-slide.swiper-slide-active .sbs-itm { opacity: 1 } .s-bike .sb-slider .swiper-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 78px; position: absolute; right: 106px; left: auto; bottom: auto; top: 42% } .s-bike .sb-slider .swiper-pagination .swiper-pagination-bullet { width: 100%; height: 26px; position: relative; background: 0 0; outline: 0; opacity: 1 } .s-bike .sb-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { width: 100%; background: #000 } .s-bike .sb-slider .swiper-pagination .swiper-pagination-bullet::before { content: ''; position: absolute; top: 50%; width: 50%; background: #dfdfdf; height: 1px; right: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-bike .sb-slider .sbs-itm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 1868px; padding-left: 88px; padding-right: 88px; margin: 0 auto; opacity: 0; -webkit-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease } .s-bike .sb-slider .sbs-itm .sbs-txt { width: 400px; display: block } .s-bike .sb-slider .sbs-itm .sbs-txt .sbs-t-hdr { display: block; font-family: NightMachineRUSbyDaymarius, sans-serif; font-size: 54.12px; line-height: 55px; color: #000; letter-spacing: 2.6px; margin-bottom: 19px } .s-bike .sb-slider .sbs-itm .sbs-txt .sbs-t-hdr span { position: relative; left: 49px; top: -8px } .s-bike .sb-slider .sbs-itm .sbs-txt .sbs-t-descr { display: block; color: #000; font-size: 31px; line-height: 40px; font-family: Mont-SemiBold, sans-serif; padding-left: 49px; margin-bottom: 27px } .s-bike .sb-slider .sbs-itm .sbs-txt .btn-arrow { margin-left: 52px } .s-bike .sb-slider .sbs-itm .sbs-img { width: -webkit-calc(100% - 400px); width: calc(100% - 400px) } .s-bike .sb-slider .sbs-itm .sbs-img img { display: block; max-width: 100%; margin: 0 auto } .s-bike .sb-two { max-width: 1506px; padding-left: 15px; padding-right: 15px; margin: 0 auto; position: relative; padding-top: 204px } .s-bike .sb-two .sbt-img { max-width: 903px; width: 100%; height: 610px; position: absolute; left: 15px; top: 0; -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; -o-transition: transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; overflow: hidden } .s-bike .sb-two .sbt-img.active { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px) } .num-popup{ top: 5px !important; left: 15px !important; color: #fb0 !important; font-size: 10px !important; line-height: 10px !important; } .s-bike .sb-two .sbt-img span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); background-position: 50% } .s-bike .sb-two .sbt-block { background: #fff; max-width: 735px; margin-left: auto; width: 100%; margin-right: 0; position: relative; padding-left: 110px; padding-top: 128px; padding-bottom: 100px; padding-right: 15px; overflow: hidden } .s-bike .sb-two .sbt-block.active::before { right: -50px; top: -315px } .s-bike .sb-two .sbt-block::before { content: ''; position: absolute; width: 693px; right: -400px; -webkit-transition: top 1.5s ease, right 1.5s ease; -o-transition: top 1.5s ease, right 1.5s ease; transition: top 1.5s ease, right 1.5s ease; top: -500px; height: 551px; background: url(/css/../img/triangle_yellow.svg) 50% } .s-bike .sb-two .sbt-block .sbt-b-hdr { display: block; color: #000; font-size: 41.6px; line-height: 56px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 29px; position: relative } .s-bike .sb-two .sbt-block .sbt-b-p { margin: 0; color: #000; font-size: 26px; line-height: 42px; font-family: Mont-Regular, sans-serif; margin-bottom: 47px; position: relative } .s-bike .sb-two .sbt-block .btn-more.black { font-family: Mont-Heavy, sans-serif; position: relative } .s-orn { overflow: hidden; padding-top: 78px; padding-bottom: 89px } .s-orn .sb-block { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-orn .sb-block .my-container { max-width: 1868px; padding-left: 88px; padding-right: 88px } .s-orn .sb-block.sb-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; margin-bottom: 60px } .s-orn .sb-block:nth-child(2) .sbb-descr { -webkit-transform: none; -ms-transform: none; transform: none } .s-orn .sb-block .btn-with-arr { font-family: Mont-Regular, sans-serif } .s-orn .sb-block:hover .btn-with-arr { color: #f60 } .s-orn .sb-block:hover .btn-with-arr::after { opacity: 1 } .s-orn .sb-block:hover .btn-with-arr::before { opacity: 0 } .s-orn .sb-block .sbb-slider { width: 100%; margin-bottom: 30px } .s-orn .sb-block .sbb-slider .swiper-slide { width: 240px; text-align: center } .s-orn .sb-block .sbb-slider .sbb-s-descr { font-size: 250px; line-height: 250px; font-family: NightMachineRUSbyDaymarius, sans-serif; text-transform: uppercase; color: #f60; font-weight: 700; letter-spacing: 3px } .s-orn .sb-block .sbb-descr { display: block; font-size: 140px; line-height: 140px; font-family: NightMachineRUSbyDaymarius, sans-serif; text-transform: uppercase; color: #f60; font-weight: 700; margin-bottom: 25px; letter-spacing: 3px; -webkit-transform: none; -ms-transform: none; transform: none } .selectize-input.full { background: 0 0 } .selectize-input { font-family: Mont-Regular, sans-serif; font-size: 12.6px; line-height: 15px; border: none; background: 0 0; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #e4e4e5; padding-left: 0 } .selectize-control.single .selectize-input.input-active, .selectize-input { background: 0 0; -webkit-box-shadow: none; box-shadow: none } .s-simple-txt { padding-top: 140px; padding-bottom: 140px } .s-simple-txt.with-border { position: relative } .s-simple-txt.with-border::before { content: ''; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 995px; height: 1px; background: rgba(0, 0, 0, .2) } .s-simple-txt .my-container { max-width: 1025px; width: 100%; position: relative; padding-left: 158px } .s-simple-txt .sst-hdr { display: block; position: absolute; font-size: 13px; line-height: 24px; font-family: Mont-Bold, sans-serif; color: #000; left: 15px } .s-simple-txt p { margin: 0; font-size: 18px; line-height: 31px; font-family: Mont-SemiBold, sans-serif; color: rgba(0, 0, 0, .8); margin-bottom: 30px } .s-simple-txt .sst-ul-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 45px } .s-simple-txt .sst-ul-wrap .sst-ul { width: 33.33%; padding-right: 15px } .s-simple-txt .sst-ul-wrap .sst-ul li.sst-title { margin-bottom: 23px } .s-simple-txt .sst-ul-wrap .sst-ul li.sst-title a { color: #000; font-family: Mont-Bold, sans-serif } .s-simple-txt .sst-ul-wrap .sst-ul li.sst-title a:hover { color: #f60 } .s-simple-txt .sst-ul-wrap .sst-ul li a { display: block; font-size: 13px; line-height: 28px; font-family: Mont-SemiBold, sans-serif; color: #000 } .s-simple-txt .sst-ul-wrap .sst-ul li a:hover { color: #f60 } .s-video-block .svb-item { max-width: 1170px; width: 100%; display: block; height: 471px; position: relative; margin-left: auto; margin-right: auto } .s-video-block .svb-item .svb-i-bg { position: absolute; left: 15px; top: 0; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); height: 100%; background-size: cover; background-position: 50% } .s-video-block .svb-item .svb-i-bg::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2) no-repeat url(/css/../img/play3.svg) 50% } .s-team { background: #fafafa; padding-top: 137px; padding-bottom: 144px } .s-team .st-top { margin-bottom: 120px; position: relative } .s-team .st-top .h2 { font-size: 60px; line-height: 90px } .s-team .st-slider { padding-left: 90px } .s-team .st-slider .swiper-slide { width: 560px; padding-right: 15px } .s-team .st-slider .swiper-slide:nth-child(even) { padding-top: 231px } .s-team .st-slider .swiper-slide:nth-child(even) .sts-itm { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .s-team .st-slider .swiper-slide:nth-child(even) .sts-itm .sts-i-txt { padding-bottom: 16px } .s-team .st-slider .swiper-slide .sts-itm { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .s-team .st-slider .swiper-slide .sts-itm .sts-i-img { max-width: 332px; width: 100% } .s-team .st-slider .swiper-slide .sts-itm .sts-i-img img { display: block; max-width: 100% } .s-team .st-slider .swiper-slide .sts-itm .sts-i-txt { padding-left: 26px; padding-top: 25px } .s-team .st-slider .swiper-slide .sts-itm .sts-i-txt .sts-i-name { display: block; font-size: 18px; line-height: 30px; font-family: Mont-Bold, sans-serif; color: #000 } .s-team .st-slider .swiper-slide .sts-itm .sts-i-txt .sts-i-status { display: block; font-size: 14px; line-height: 30px; font-family: Mont-SemiBold, sans-serif; color: #000 } .s-req { padding-top: 139px; padding-bottom: 139px } .s-req .my-container.flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-req .h1 { width: 100%; margin-bottom: 20px } .s-req .sr-ul { padding-top: 78px; max-width: 580px; width: 100% } .s-req .sr-ul li { display: block; font-size: 18px; line-height: 64px; font-family: Mont-SemiBold, sans-serif; color: rgba(0, 0, 0, .8) } .s-req .scl-form { background: #fafafa; max-width: 662px; width: 100%; padding-top: 33px; padding-bottom: 33px; padding-left: 15px; padding-right: 15px } .s-req .scl-form .my-container { max-width: 446px; width: 100% } .s-req .scl-form .scl-hdr { font-size: 24px; line-height: 32px; font-family: Mont-SemiBold, sans-serif; margin-bottom: 41px; display: block } .s-req .scl-form .btn { width: 100% } .delete { font-size: 13px; line-height: 15px; font-family: Mont-SemiBold, sans-serif; color: rgba(0, 0, 0, .5); position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding-left: 34px; display: inline-block } .delete::after, .delete::before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -7.5px; width: 16px; height: 15px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: url(/css/../img/delete.svg) 50% } .delete::after { opacity: 0; background: url(/css/../img/delete_h.svg) 50% } .delete:hover { color: #f60 } .delete:hover::before { opacity: 0 } .delete:hover::after { opacity: 1 } .back { font-size: 13px; line-height: 15px; font-family: Mont-SemiBold, sans-serif; color: rgba(0, 0, 0, .5); position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding-left: 34px; display: inline-block } .back::after, .back::before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -4px; width: 17px; height: 8px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: url(/css/../img/arr6.svg) 50% } .back::after { opacity: 0; background: url(/css/../img/arr6_h.svg) 50% } .back:hover { color: #f60 } .back:hover::before { opacity: 0 } .back:hover::after { opacity: 1 } .s-comp .my-container { max-width: 1868px; padding-left: 88px; padding-right: 88px } .s-comp .sc-top { background: #fff; padding-bottom: 38px; padding-top: 47px; position: relative } .s-comp .sc-top .h2 { font-size: 51px; line-height: 65px; margin-bottom: 24px } .s-comp .sc-top .back { margin-left: 5px; margin-right: 56px } .s-comp .sc-content { background: #fafafa; padding-top: 28px; padding-bottom: 47px } .s-comp .sc-content .my-container.flex { padding-right: 0 } .s-comp .sc-content .sc-top-fixed { position: fixed; left: 0; width: 100%; top: -220px; z-index: 10; background: #fff; padding-top: 10px; -webkit-transition: top .5s ease; -o-transition: top .5s ease; transition: top .5s ease } .s-comp .sc-content .sc-top-fixed.active { top: 93px } .s-comp .sc-content .sc-top-fixed .my-container { padding-right: 0 } .s-comp .sc-content .sc-top-fixed .sct-slider { margin-left: 292px } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide { padding-right: 30px; width: 445px } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm { border: 1px solid rgba(0, 0, 0, .1); text-align: center; position: relative; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm .sct-i-close { position: absolute; right: 5px; top: 5px; width: 24px; height: 24px; cursor: pointer } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm .sct-i-close::after, .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm .sct-i-close::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/css/../img/close.svg); background-size: contain; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm .sct-i-close::after { background: url(/css/../img/close_h.svg); background-size: contain; opacity: 0 } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm .sct-i-close:hover::before { opacity: 0 } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm .sct-i-close:hover::after { opacity: 1 } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm .sct-i-img { height: 90px; max-width: 270px; width: 100%; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 15px } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm .sct-i-img span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: contain; background-position: 50%; background-repeat: no-repeat } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm .sct-i-name { display: block; font-size: 13px; line-height: 15px; color: #333; font-family: Mont-SemiBold, sans-serif; min-height: 30px; margin-bottom: 15px } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm .sct-i-price { display: block; font-size: 21px; line-height: 28px; font-family: Mont-SemiBold, sans-serif; color: #333; margin-bottom: 5px } .s-comp .sc-content .sc-left { width: 292px; padding-right: 15px; padding-top: 484px; padding-left: 6px } .s-comp .sc-content .sc-left .scl-itm { margin-bottom: 47px } .s-comp .sc-content .sc-left .scl-itm:last-child { margin-bottom: 0 } .s-comp .sc-content .sc-left .scl-itm .scl-i-hdr { display: block; font-size: 13px; line-height: 15px; font-family: Mont-Bold, sans-serif; color: #000; margin-bottom: 60px } .s-comp .sc-content .sc-left .scl-itm .scl-i-ul li { margin-bottom: 58px } .s-comp .sc-content .sc-left .scl-itm .scl-i-ul li:last-child { margin-bottom: 0 } .s-comp .sc-content .sc-left .scl-itm .scl-i-ul li a, .s-comp .sc-content .sc-left .scl-itm .scl-i-ul li span { display: block; font-size: 13px; line-height: 17px; font-family: Mont-Light, sans-serif; color: #000 } .s-comp .sc-content .sc-right { width: -webkit-calc(100% - 292px); width: calc(100% - 292px) } .s-comp .sc-content .sc-right .scr-slider .swiper-slide { padding-right: 30px; width: 445px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top { background: #fff; position: relative; margin-bottom: 30px; text-align: center; padding-top: 39px; padding-left: 15px; padding-right: 15px; padding-bottom: 39px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top .scr-it-close { position: absolute; right: 19px; top: 18px; width: 24px; height: 24px; cursor: pointer; z-index: 1 } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top .scr-it-close::after, .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top .scr-it-close::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/css/../img/close.svg); background-size: contain; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top .scr-it-close::after { background: url(/css/../img/close_h.svg); background-size: contain; opacity: 0 } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top .scr-it-close:hover::before { opacity: 0 } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top .scr-it-close:hover::after { opacity: 1 } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top .scr-it-img { height: 186px; max-width: 270px; width: 100%; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 35px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top .scr-it-img span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: contain; background-position: 50%; background-repeat: no-repeat } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top .scr-it-name { display: block; font-size: 18px; line-height: 23px; color: #333; font-family: Mont-SemiBold, sans-serif; min-height: 46px; margin-bottom: 31px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top .scr-it-price { display: block; font-size: 32px; line-height: 41px; font-family: Mont-SemiBold, sans-serif; color: #333; margin-bottom: 14px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-block { background: #fff; margin-bottom: 30px; text-align: center; padding-left: 15px; padding-right: 15px; padding-top: 52px; padding-bottom: 39px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-block .scr-ib-ul li { margin-bottom: 58px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-block .scr-ib-ul li:last-child { margin-bottom: 0 } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-block .scr-ib-ul li .scr-ib-adap { font-family: Mont-Bold, sans-serif; display: none } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-block .scr-ib-ul li a, .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-block .scr-ib-ul li span { display: block; font-size: 13px; line-height: 17px; font-family: Mont-Light, sans-serif; color: #000 } .s-comp .sf-items { padding-top: 43px; padding-bottom: 154px } .s-comp .sf-items .btn { padding-left: 79px; padding-right: 79px; padding-top: 21px; padding-bottom: 21px } .s-comp .sf-items .sfi-btm { padding-top: 77px } .s-comp .sf-items .tlb-itm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #efefef; position: relative; padding-bottom: 25px; margin-bottom: 35px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .s-comp .sf-items .tlb-itm:hover .tlb-btn-wrap .btn { opacity: 1 } .s-comp .sf-items .tlb-itm:nth-last-child(2) { margin-bottom: 0 } .s-comp .sf-items .tlb-itm .tlb-delete { width: 16px; height: 18px; background: no-repeat url(/css/../img/delete_new.svg) 50%; position: absolute; right: 0; top: 0; cursor: pointer } .s-comp .sf-items .tlb-itm .tlb-img { min-width: 246px; max-width: 246px } .s-comp .sf-items .tlb-itm .tlb-img img { display: block; max-width: 100%; margin: 0 auto; margin-left: 0 } .s-comp .sf-items .tlb-itm .tlb-count { width: 158px; position: relative; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; top: 0; margin-right: 15px } .s-comp .sf-items .tlb-itm .tlb-txt { padding-left: 40px; min-width: 52%; max-width: 52%; padding-right: 15px } .s-comp .sf-items .tlb-itm .tlb-txt .tlb-hdr { display: inline-block; font-family: Mont-Heavy, sans-serif; color: #000; font-size: 18px; line-height: 21px; position: relative; margin-bottom: 25px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-comp .sf-items .tlb-itm .tlb-txt .tlb-char { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .s-comp .sf-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr { padding-left: 24px; position: relative; margin-right: 42px } .s-comp .sf-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr .tlb-ch-clr-circle { width: 11px; height: 11px; border-radius: 50%; position: absolute; left: 0; top: 1px; background-size: contain; background-position: 50% } .s-comp .sf-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr .tlb-ch-descr { color: #000; font-size: 12.6px; line-height: 15px; display: block } .s-comp .sf-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-name { color: #000; font-size: 13px; line-height: 15px; margin-right: 38px } .s-comp .sf-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-name:last-child { margin-right: 0 } .s-comp .sf-items .tlb-itm .tlb-price { min-width: 285px; max-width: 285px } .s-comp .sf-items .tlb-itm .tlb-price .tlb-pr-new { display: block; color: #333; font-size: 24px; line-height: 31px; font-family: Mont-Bold, sans-serif; text-transform: uppercase } .s-comp .sf-items .tlb-itm .tlb-price .tlb-pr-old { display: inline-block; color: #333; font-size: 14px; line-height: 16px; font-family: Mont-Bold, sans-serif; position: relative; top: 0 } .s-comp .sf-items .tlb-itm .tlb-price .tlb-pr-old::before { content: ''; position: absolute; left: 0; top: 4px; height: 1px; -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); width: 100%; background: #e55c38 } .s-comp .sf-items .tlb-itm .tlb-btn-wrap { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; text-align: right } .s-comp .sf-items .tlb-itm .tlb-btn-wrap .btn { opacity: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-configurator { padding-top: 95px } .s-configurator .my-container { max-width: 1868px; padding-left: 88px; padding-right: 88px } .s-configurator .scp-co-headers { margin-bottom: 20px } .s-configurator .scp-co-headers .scp-ch-hdr { font-size: 24px; line-height: 32px; font-family: Mont-Bold, sans-serif; color: #333; display: inline-block; margin-right: 65px; margin-bottom: 15px } .s-configurator .scp-co-headers .scr-back { margin-bottom: 15px } .s-configurator .sbt-hdr { display: block; margin-bottom: 30px; display: block; font-size: 24px; line-height: 32px; font-family: Mont-SemiBold, sans-serif; color: #000 } .s-configurator .scp-nav { margin-bottom: 40px } .s-configurator .scp-nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .s-configurator .scp-nav ul li { position: relative; padding-right: 90px } .s-configurator .scp-nav ul li.active a, .s-configurator .scp-nav ul li.active span, .s-configurator .scp-nav ul li:hover a, .s-configurator .scp-nav ul li:hover span { color: #333 } .s-configurator .scp-nav ul li:last-child { padding-right: 0 } .s-configurator .scp-nav ul li:last-child::after { display: none } .s-configurator .scp-nav ul li::after { content: ''; position: absolute; width: 34px; height: 4px; background: url(/css/../img/arr7.svg); top: 50%; margin-top: -2px; right: 28px } .s-configurator .scp-nav ul li a, .s-configurator .scp-nav ul li span { font-size: 51px; line-height: 65px; font-family: Mont-SemiBold, sans-serif; color: rgba(51, 51, 51, .5); display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-configurator .scp-nav ul li span { color: #333 } .s-configurator .sc-choice .h1 { font-size: 51px; margin-bottom: 216px } .s-configurator .sc-choice .scc-tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden } .s-configurator .sc-choice .scc-tabs .scc-tb { width: 50%; text-align: center; padding-bottom: 231px; position: relative; cursor: pointer } .s-configurator .sc-choice .scc-tabs .scc-tb:nth-child(2)::before { background: url(/css/../img/tb_tr_2.png); left: 0; right: auto } .s-configurator .sc-choice .scc-tabs .scc-tb::before { content: ''; position: absolute; width: 275px; height: 216px; background: url(/css/../img/tb_tr_1.png); right: -70px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; bottom: -216px } .s-configurator .sc-choice .scc-tabs .scc-tb:hover .scc-tb-descr { color: #f60 } .s-configurator .sc-choice .scc-tabs .scc-tb:hover::before { bottom: 0 } .s-configurator .sc-choice .scc-tabs .scc-tb .scc-tb-descr { display: block; font-size: 40px; line-height: 50px; font-family: Mont-Heavy, sans-serif; color: #000; margin-bottom: 3px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-configurator .sc-choice .scc-tabs .scc-tb .btn-with-arr { font-size: 12px; line-height: 15px; font-family: Mont-SemiBold, sans-serif; color: rgba(51, 51, 51, .5) } .s-configurator .sc-choice .scc-tabs .scc-tb .btn-with-arr::after { opacity: 0 } .s-configurator .sc-choice .scc-tabs .scc-tb .btn-with-arr::before { opacity: 1 } .s-configurator .sc-params { padding-bottom: 49px } .s-configurator .sc-params .scp-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-configurator .sc-params .scp-content .scp-btn-wrap { width: 100%; padding-left: 144px } .s-configurator .sc-params .scp-content .scp-btn-wrap .btn { padding-top: 19px; padding-bottom: 19px } .s-configurator .sc-params .scp-content .scp-column { width: 50%; max-width: 742px; margin-bottom: 67px } .s-configurator .sc-params .scp-content .scp-column:nth-child(1) { padding-right: 15px } .s-configurator .sc-params .scp-content .scp-column:nth-child(2) { padding-left: 15px } .s-configurator .sc-params .scp-content .scp-column .scp-itm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 35px } .s-configurator .sc-params .scp-content .scp-column .scp-itm:last-child { margin-bottom: 0 } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-slider { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border: none; background: 0 0 } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-slider .ui-slider-range { background: #000 } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-slider .ui-button, .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-slider .ui-button.ui-state-disabled:active, .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-slider .ui-button.ui-state-disabled:hover, .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-slider .ui-state-default, .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-slider .ui-widget-content .ui-state-default, .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-slider .ui-widget-header .ui-state-default { width: 16px; height: 16px; background: #000; border-radius: 50%; border: none; outline: 0; cursor: pointer; top: -8px; margin-top: 0 } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-descr { min-width: 144px; max-width: 144px; padding-right: 15px; font-size: 12px; line-height: 15px; font-family: Mont-SemiBold, sans-serif; color: #333 } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-ch { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: -webkit-calc(100% - 144px); width: calc(100% - 144px); border: 1px solid #f2f2f2; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-ch.scp-four span { width: 25% } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-ch span { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; text-align: center; padding-top: 20px; padding-bottom: 20px; font-size: 12px; line-height: 15px; font-family: Mont-SemiBold, sans-serif; color: #333; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding-left: 3px; padding-right: 3px } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-ch span.active { background: #f2f2f2; font-family: Mont-Bold, sans-serif } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-ch span:hover { background: #f2f2f2 } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: -webkit-calc(100% - 144px); width: calc(100% - 144px); position: relative } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl::after { content: ''; position: absolute; width: 6px; left: 50%; margin-left: -3px; top: 50%; margin-top: -.5px; height: 1px; background: #000 } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl.scp-is-one::after { display: none } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl.scp-is-one .scp-is-inp { width: 100% } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl.scp-is-one .scp-is-inp:nth-child(1) { margin-right: 0 } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl.scp-is-one .scp-is-inp input { text-align: right } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl .scp-is-inp { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); position: relative } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl .scp-is-inp:nth-child(1) { margin-right: 10px } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl .scp-is-inp:nth-child(2) { margin-left: 10px } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl .scp-is-inp .scp-is-i-descr { position: absolute; font-size: 12px; line-height: 15px; font-family: Mont-SemiBold, sans-serif; color: #333; top: 19px; right: 15px } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl .scp-is-inp input { border: 1px solid #f2f2f2; outline: 0; width: 100%; font-size: 12px; line-height: 15px; font-family: Mont-SemiBold, sans-serif; color: #333; padding-top: 19px; padding-bottom: 19px; text-align: center; padding-left: 30px; padding-right: 30px } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl .scp-is-inp input::-webkit-input-placeholder { color: #333; font-family: Mont-SemiBold, sans-serif } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl .scp-is-inp input:-moz-placeholder { color: #333; font-family: Mont-SemiBold, sans-serif } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl .scp-is-inp input::-moz-placeholder { color: #333; font-family: Mont-SemiBold, sans-serif } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl .scp-is-inp input:-ms-input-placeholder { color: #333; font-family: Mont-SemiBold, sans-serif } .s-configurator .sc-result { padding-bottom: 160px } .s-configurator .sc-result .scr-back { display: inline-block; position: relative; font-size: 13px; line-height: 17px; font-family: Mont-Bold, sans-serif; color: #000; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding-left: 15px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center } .s-configurator .sc-result .scr-back::after, .s-configurator .sc-result .scr-back::before { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; content: ''; position: absolute; width: 5px; height: 8px; background: url(/css/../img/arr8.svg); left: 0; top: 50%; margin-top: -4px } .s-configurator .sc-result .scr-back::after { background: url(/css/../img/arr8_h.svg); opacity: 0 } .s-configurator .sc-result .scr-back:hover { color: #f60 } .s-configurator .sc-result .scr-back:hover::before { opacity: 0 } .s-configurator .sc-result .scr-back:hover::after { opacity: 1 } .s-configurator .sc-result .s-catalog-category.scc-no-filter { padding-top: 0; padding-bottom: 0 } .s-configurator .sc-result .s-catalog-category.scc-no-filter .my-container.flex { padding-left: 0; padding-right: 0; max-width: 100% } .s-configurator .sc-result .s-catalog-category.scc-no-filter::before { display: none } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 1868px; padding-left: 88px; padding-right: 88px } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-top .scr-back { margin-bottom: 15px } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-top .scr-select { max-width: 198px; width: 100%; margin-bottom: 15px } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-top .scr-tags { margin-bottom: 15px } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-top .scr-tags ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-top .scr-tags ul li { margin-right: 25px } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-top .scr-tags ul li:last-child { margin-right: 0 } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-top .scr-tags ul li span { font-size: 13px; line-height: 17px; font-family: Mont-Light, sans-serif; color: #333; display: block } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-right { padding-top: 0 } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-right .sr-items { border-top: 1px solid #f0f0f0 } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-right .sr-items .sr-more-btn { text-align: left; max-width: 1868px; padding-left: 88px; padding-right: 88px; margin-left: auto; margin-right: auto; width: 100%; padding-top: 97px } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-right .sr-items .sr-more-btn .btn { margin-right: 73px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1868px; padding-left: 88px; padding-right: 88px; margin: 0 auto } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left { width: 50%; padding-right: 30px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-descr { display: block; font-size: 16px; line-height: 208.3%; color: #333; font-family: Mont-Light, sans-serif; margin-bottom: 33px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-list { height: 220px; overflow: auto; padding-bottom: 0; padding-top: 20px; padding-left: 5px; margin-bottom: 34px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-list ul { padding-top: 26px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-list ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 19px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-list ul li:last-child { margin-bottom: 0 } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-list ul li span { font-size: 18px; line-height: 21px; font-family: Mont-Light, sans-serif; color: #333; display: block; padding-right: 10px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-list ul li span:nth-child(1) { max-width: 320px; width: 100% } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-list ul li span:nth-child(2) { max-width: 320px; width: 100% } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-list ul li span:nth-child(3) { min-width: 90px; max-width: 90px; font-family: Mont-SemiBold, sans-serif } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-top: 1px solid rgba(0, 0, 0, .2); padding-top: 28px; margin-bottom: 49px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-price .scr-hcl-p-d { font-size: 18px; line-height: 23px; font-family: Mont-SemiBold, sans-serif; display: block; color: #333; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; width: 50%; padding-right: 15px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-price .scr-hcl-p-d-sum { font-size: 36px; line-height: 46px; font-family: Mont-Bold, sans-serif; color: #333; display: block; width: 50% } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .btn { margin-top: 20px; padding-top: 19px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-right { width: 50%; padding-left: 30px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-right .scr-hcr-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-right .scr-hcr-top .scr-hcr-t-name { font-size: 18px; line-height: 25px; font-family: Mont-SemiBold, sans-serif; color: #333; display: block; margin-right: 35px; margin-bottom: 15px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-right .scr-hcr-top .scr-hcr-t-price { font-size: 18px; line-height: 25px; font-family: Mont-Bold, sans-serif; color: #333; display: block; margin-bottom: 15px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-right .scr-hcr-img { margin-bottom: 56px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-right .scr-hcr-img img { display: block; max-width: 100%; margin: 0 auto } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-right .scr-hcr-b-descr { display: block; font-size: 16px; line-height: 208.3%; font-family: Mont-Light, sans-serif; color: #333 } .s-main-banner { overflow: hidden; height: 919px; position: relative } .s-main-banner .smb-txt-wrap .sbs-txt { position: absolute; width: 400px; left: 9.5%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; opacity: 0; visibility: hidden } .s-main-banner .smb-txt-wrap .sbs-txt.active { opacity: 1; visibility: visible } .s-main-banner .smb-txt-wrap .sbs-txt .sbs-t-hdr { display: block; font-family: Mont-Heavy, sans-serif; font-size: 54.12px; line-height: 55px; color: #000; letter-spacing: -.25px; margin-bottom: 19px } .s-main-banner .smb-txt-wrap .sbs-txt .sbs-t-hdr span { position: relative; left: 0; top: -8px } .s-main-banner .smb-txt-wrap .sbs-txt .sbs-t-descr { display: block; color: #000; font-size: 31px; line-height: 40px; font-family: Mont-SemiBold, sans-serif; padding-left: 0; margin-bottom: 27px } .s-main-banner .smb-txt-wrap .sbs-txt .btn-more::before { background: #f60 } .s-main-banner .smb-txt-wrap .sbs-txt .btn-arrow { margin-left: 0 } .s-main-banner .smb-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 78px; position: absolute; right: 106px; left: auto; bottom: auto; top: 42%; z-index: 2 } .s-main-banner .smb-pagination .smb-pag { width: 100%; height: 26px; position: relative; background: 0 0; outline: 0; opacity: 1; cursor: pointer } .s-main-banner .smb-pagination .smb-pag.active::before { width: 100%; background: #000 } .s-main-banner .smb-pagination .smb-pag::before { content: ''; position: absolute; top: 50%; width: 50%; background: #dfdfdf; height: 1px; right: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .s-main-banner .smb-wrd-slider { width: 1760px; height: 433px; position: absolute; left: 17.5%; top: 12.8%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1 } .s-main-banner .smb-wrd-slider .swiper-slide .smb-wrd-itm { min-width: 1461px; max-width: 1461px; height: 433px } .s-main-banner .smb-wrd-slider .swiper-slide .smb-wrd-itm img { display: block; max-width: 1461px; margin: 0 auto } .s-main-banner .smb-slider { width: 1920px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 1860px; position: relative } .s-main-banner .smb-slider .smb-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; position: relative } .s-main-banner .smb-slider .smb-slide .smb-sd { width: 50%; height: 100%; overflow: hidden; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: relative } .s-main-banner .smb-slider .smb-slide .smb-sd img { -webkit-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease } .s-main-banner .smb-slider .smb-slide .smb-sd:nth-child(1) { position: relative; left: -3.3%; top: -35% } .s-main-banner .smb-slider .smb-slide .smb-sd:nth-child(1) img { position: absolute; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); right: -115%; top: 27.5% } .s-main-banner .smb-slider .smb-slide .smb-sd:nth-child(1) img.active { right: -55%; -webkit-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; transition: all .7s ease 0s } .s-main-banner .smb-slider .smb-slide .smb-sd:nth-child(2) { position: relative; left: 10.5%; top: -27.9%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .s-main-banner .smb-slider .smb-slide .smb-sd:nth-child(2) img { position: absolute; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); left: -105.4%; top: 69.1% } .s-main-banner .smb-slider .smb-slide .smb-sd:nth-child(2) img.active { left: -31.4%; -webkit-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; transition: all .7s ease 0s } .ya-share2 { margin-left: 18px; display: inline-block } .ya-share2__item:hover { opacity: 1 } .ya-share2__container_size_m .ya-share2__icon { width: 30px; height: 30px } .s-share .ya-share2__item_service_facebook .ya-share2__badge, .s-share .ya-share2__item_service_telegram .ya-share2__badge, .s-share .ya-share2__item_service_vkontakte .ya-share2__badge, .s-share .ya-share2__item_service_whatsapp .ya-share2__badge { background: 0 0 !important } .s-share .ss-soc .ya-share2__container_size_m .ya-share2__item { margin: 0; margin-right: 47px } .s-share .ss-soc .ya-share2__container_size_m .ya-share2__item:last-child { margin-right: 0 } .ya-share2__badge { border-radius: 0 } .s-share .ya-share2__item_service_vkontakte .ya-share2__icon { position: relative; background: 0 0; width: 30px; height: 30px } .s-share .ya-share2__item_service_vkontakte .ya-share2__icon::after, .s-share .ya-share2__item_service_vkontakte .ya-share2__icon::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: no-repeat url(/css/../img/soc4.png) 50% } .s-share .ya-share2__item_service_vkontakte .ya-share2__icon::after { background: no-repeat url(/css/../img/soc4_h.png) 50%; opacity: 0 } .s-share .ya-share2__item_service_vkontakte .ya-share2__icon:hover::before { opacity: 0 } .s-share .ya-share2__item_service_vkontakte .ya-share2__icon:hover::after { opacity: 1 } .s-share .ya-share2__item_service_whatsapp .ya-share2__icon { position: relative; background: 0 0; width: 30px; height: 30px } .s-share .ya-share2__item_service_whatsapp .ya-share2__icon::after, .s-share .ya-share2__item_service_whatsapp .ya-share2__icon::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: no-repeat url(/css/../img/soc3.png) 50% } .s-share .ya-share2__item_service_whatsapp .ya-share2__icon::after { background: no-repeat url(/css/../img/soc3_h.png) 50%; opacity: 0 } .s-share .ya-share2__item_service_whatsapp .ya-share2__icon:hover::before { opacity: 0 } .s-share .ya-share2__item_service_whatsapp .ya-share2__icon:hover::after { opacity: 1 } .s-share .ya-share2__item_service_facebook .ya-share2__icon { position: relative; background: 0 0; width: 30px; height: 30px } .s-share .ya-share2__item_service_facebook .ya-share2__icon::after, .s-share .ya-share2__item_service_facebook .ya-share2__icon::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: no-repeat url(/css/../img/soc2.png) 50% } .s-share .ya-share2__item_service_facebook .ya-share2__icon::after { background: no-repeat url(/css/../img/soc2_h.png) 50%; opacity: 0 } .s-share .ya-share2__item_service_facebook .ya-share2__icon:hover::before { opacity: 0 } .s-share .ya-share2__item_service_facebook .ya-share2__icon:hover::after { opacity: 1 } .s-share .ya-share2__item_service_telegram .ya-share2__icon { position: relative; background: 0 0; width: 30px; height: 30px } .s-share .ya-share2__item_service_telegram .ya-share2__icon::after, .s-share .ya-share2__item_service_telegram .ya-share2__icon::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: no-repeat url(/css/../img/soc1.png) 50% } .s-share .ya-share2__item_service_telegram .ya-share2__icon::after { background: no-repeat url(/css/../img/soc1_h.png) 50%; opacity: 0 } .s-share .ya-share2__item_service_telegram .ya-share2__icon:hover::before { opacity: 0 } .s-share .ya-share2__item_service_telegram .ya-share2__icon:hover::after { opacity: 1 } .hidden { display: none } .default-form.df-dir { max-width: 1440px } .default-form.df-dir .def-content { max-width: 972px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .default-form.df-dir .def-content .dc-hdr { width: 100%; font-size: 58px; line-height: 74px; font-family: Mont-SemiBold, sans-serif; color: #000; margin-bottom: 95px } .default-form.df-dir .def-content .dc-txt-block { width: 50%; max-width: 345px } .default-form.df-dir .def-content .dc-txt-block .dc-tb-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 38px } .default-form.df-dir .def-content .dc-txt-block .dc-tb-top .dc-tbt-img { min-width: 120px; max-width: 120px } .default-form.df-dir .def-content .dc-txt-block .dc-tb-top .dc-tbt-t { width: -webkit-calc(100% - 120px); width: calc(100% - 120px) } .default-form.df-dir .def-content .dc-txt-block .dc-tb-top .dc-tbt-t .dc-tbt-t-1 { display: block; font-size: 18px; line-height: 20px; font-family: Mont-SemiBold, sans-serif; color: #000; margin-bottom: 11px } .default-form.df-dir .def-content .dc-txt-block .dc-tb-top .dc-tbt-t .dc-tbt-t-2 { font-size: 12px; line-height: 20px; font-family: Mont-Regular, sans-serif; color: rgba(0, 0, 0, .5); display: block } .default-form.df-dir .def-content .dc-txt-block p { font-size: 13px; line-height: 20px; color: #000; font-family: Mont-Regular, sans-serif; margin: 0; margin-bottom: 20px } .default-form.df-dir .def-content .dc-txt-block p:last-child { margin-bottom: 0 } .default-form.df-dir .def-content .dc-txt-block .dc-tb-t-p { border-bottom: 1px solid rgba(0, 0, 0, .3); padding-bottom: 56px; margin-bottom: 45px } .default-form.df-dir .def-content .dc-wrap { width: 50%; max-width: 456px } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; right: -12px } .not-found { text-align: center; padding-bottom: 200px; padding-top: 200px } .not-found .map-columns { margin-left: auto; margin-right: auto } .not-found .nf-img img { display: block; max-width: 100%; margin: 0 auto } .not-found .nf-big { display: block; font-family: Mont-Bold, sans-serif; font-size: 70px; line-height: 70px; margin-bottom: 20px } .not-found .nf-descr { display: block; color: rgba(0, 0, 0, .6); margin-bottom: 20px; font-size: 21px; line-height: 28px } .not-found .nf-p { margin: 0; margin-bottom: 20px } .not-found a { color: #f60 } .not-found .nf-cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-align: left; padding-top: 25px; width: 50%; margin-left: auto; margin-right: auto } .not-found .nf-cols .bmc-r-column { max-width: 300px; width: 100% } .not-found .nf-cols .bmc-r-column ul li a { color: rgba(0, 0, 0, .7); font-size: 14px; line-height: 47px; font-family: Mont-SemiBold, sans-serif; display: block } .not-found .nf-cols .bmc-r-column ul li a:hover { color: #f60 } .s-text { padding-top: 20vh; padding-bottom: 20vh } .s-text .my-container { max-width: 1256px; text-align: center; font-size: 21px; line-height: 28px } st { display: none } @media only screen and (min-width: 1921px) { .s-catalog-category .scc-top.my-container { max-width: 100% } } @media only screen and (max-width: 1800px) { .s-catalog-category .scc-right .sr-items.sr-line .sr-itm { padding-right: 40% } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col:nth-child(4) { right: 15px; top: 100px; -webkit-transform: none; -ms-transform: none; transform: none } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col:nth-child(3) { right: 120px; -webkit-transform: none; -ms-transform: none; transform: none; top: 25px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srl-b-colors { position: relative; right: 0; bottom: 0 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-l { margin-bottom: 20px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r { margin-bottom: 20px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm { padding-bottom: 20px } } @media only screen and (max-width: 1700px) { .s-comp .sf-items .tlb-itm .tlb-txt { min-width: 580px; max-width: 580px } .s-catalog-category.scc-articles .s-articles .sa-items { padding-left: 15px; padding-right: 15px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm { width: -webkit-calc(50% - 25px); width: calc(50% - 25px) } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm:nth-child(odd) { margin-right: 25px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm:nth-child(even) { margin-left: 25px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm.sa-no-img .sa-block .sab-hdr { font-size: 32px; line-height: 42px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm.sa-no-img .sa-img { margin-bottom: 111px } .s-catalog-category.scc-ap .scc-right { padding-left: 15px; padding-top: 120px; padding-right: 15px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt { padding-left: 15px; margin-right: 100px; min-width: 315px; max-width: 315px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-price { min-width: 115px; max-width: 115px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-order-info { min-width: 200px; max-width: 200px } } @media only screen and (max-width: 1600px) { .s-main-banner .smb-txt-wrap .sbs-txt .sbs-t-hdr { font-size: 40px; line-height: 44px } .s-main-banner .smb-txt-wrap .sbs-txt .sbs-t-descr { margin-top: 0; margin-bottom: 20px; font-size: 24px; line-height: 32px } .s-main-banner .smb-slider .smb-slide .smb-sd:nth-child(2) img.active { left: -23.4%; top: 74.1% } .s-main-banner .smb-slider .smb-slide .smb-sd:nth-child(1) img.active { right: -39%; top: 32.5% } .s-main-banner .smb-slider .smb-slide .smb-sd img { max-width: 600px } .s-main-banner { height: 757px; margin-top: -93px } .s-main-banner .smb-slider .smb-slide .smb-sd:nth-child(2) { left: 13.5%; top: -30.9% } .s-main-banner .smb-slider .smb-slide .smb-sd:nth-child(1) { left: -.3%; top: -38% } .s-team .st-slider { padding-left: 15px } .s-bike .sb-slider .sbs-itm .sbs-img { max-width: 600px; margin-left: 60px } footer .ft-btm .ft-row { padding-right: 0 } .s-catalog-category.scc-acc .my-container .scc-right .srt-select { margin-left: 0; margin-right: 15px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-catalog-category.scc-delivery-payment .sr-dp { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .s-catalog-category.scc-delivery-payment .sr-dp .srd-left { max-width: 100%; width: 100%; padding-top: 45px; padding-bottom: 45px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-right { padding-top: 45px; padding-bottom: 45px; width: 100%; max-width: 100% } .s-catalog-category.scc-delivery-payment .sr-dp .srd-btm { padding-left: 25px; padding-right: 15px; padding-top: 45px; padding-bottom: 45px } .s-contacts-page .scp-btm .scb-left { padding-left: 15px; padding-right: 15px } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm .sri-top .sri-t-row .sri-t-hdr { font-size: 15px; line-height: 18px } .s-video .my-container { padding-left: 14% } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale { padding-left: 15px } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale .srs-hdr { font-size: 34px; line-height: 42px; margin-bottom: 20px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top { padding-left: 40px; padding-right: 40px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm { padding-left: 40px; padding-right: 40px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-color { right: 42px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-img { padding-left: 40px; padding-right: 40px } .s-catalog .sc-items .sc-itm { padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 25px } .pb-scroll .pb-content p { font-size: 34px; line-height: 54px } .pb-scroll .pb-content { height: 400px } .pb-scroll .pb-top { margin-bottom: 60px } } @media only screen and (max-width: 1500px) { .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-buttons .btn { font-size: 14px; padding-top: 15px; padding-bottom: 17px; padding-left: 5px; padding-right: 5px; text-align: center } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-buttons { width: 300px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col:nth-child(3) { right: 60px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm { padding-right: 32% } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-txt .srl-name { font-size: 16px; line-height: 21px } .h1 { font-size: 40px; line-height: 60px } header .top-line .tls-form { top: 71px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top { padding-top: 20px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm { padding-bottom: 20px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-img { height: 300px } .s-catalog-category .scc-right .sr-items .sr-itm { padding-top: 110px; padding-bottom: 30px } header .top-line .tl-basket .tlb-content { left: auto; right: -200px; -webkit-transform: none; -ms-transform: none; transform: none } .s-btm-text p a::after { bottom: 8px } .s-catalog-category.scc-acc .my-container .scc-right .bx_filter { width: 100%; padding-left: 0 } .s-catalog-category .scc-right .sr-top { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-comp .sf-items .tlb-itm .tlb-txt { min-width: 39%; max-width: 39% } .s-comp .sf-items .tlb-itm .tlb-price { min-width: 200px; max-width: 200px } footer .ft-row .ft-logo { margin-bottom: 55px } footer .ft-row .ft-itm .fti-w { font-size: 28px } .s-btm-text p { font-size: 48px; line-height: 75px } header .top-line .tl-phones .tlr-phone { font-size: 14px; line-height: 18px; margin-left: 19px } header .top-line .tl-logo { max-width: 247px } .s-catalog-category.scc-ap .scc-right .sar-hdr { font-size: 32px; line-height: 40px; margin-bottom: 30px } .s-catalog-category.scc-ap .scc-right .sar-p { padding-left: 0 } .s-catalog-category.scc-ap .scc-right img { margin-bottom: 30px; padding-top: 0 } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items.tlb-favs .tlb-itm { padding-left: 0; max-width: 900px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt { margin-right: 0 } .lk-page .lkp-items .lkp-itm .lkp-i-hdr { width: 100%; margin-bottom: 60px } .lk-page .lkp-items .lkp-itm { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .lk-page .lkp-items .lkp-itm .lkp-i-content { width: 100%; padding-top: 30px } .s-contacts-page .scp-top .scp-t-items, .s-contacts-page .scp-top .scp-t-socials { padding-left: 22% } .s-video .my-container { padding-left: 6.5% } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm { margin-right: 25px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-img { min-height: 278px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-l .srib-tl-ch .rb-wrap { margin-right: 15px } .s-catalog-category .scc-top.my-container .scc-t-fltrs .swiper-slide { padding-right: 25px } header .top-line .tl-search.active input { width: 250px } .s-electro .my-container.flex, .s-plus .my-container.flex { padding-left: 6.5% } } @media only screen and (max-width: 1400px) { .s-catalog-category .scc-right .sr-top .srt-lay { right: 15px } .s-catalog .sc-items .sc-itm .sci-img { padding-bottom: 25px } .s-catalog .sc-items .sc-itm .sci-img img { max-width: 290px } .s-catalog .sc-items .sc-itm { min-height: 560px } .s-brands .sb-items .sb-itm { width: 33.33% } .s-orn .sb-block .sbb-slider .sbb-s-descr { font-size: 200px; line-height: 200px } .s-orn .sb-block .sbb-slider .swiper-slide { width: 180px } .s-orn .sb-block .my-container, .s-related .sr-top.my-container { padding-left: 40px; padding-right: 40px } .s-breadcrumbs .my-container, .s-catalog .sc-top.my-container { padding-left: 40px; padding-right: 40px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc .sri-t-dis { margin-bottom: 10px } .burger-mnu .my-container.flex .bmc-btm .bmc-b-right { margin-left: 0 } .s-btm-text.sbt-warranty .my-container::before { display: none } .s-btm-text.sbt-warranty .my-container::after { display: none } .s-main-banner .smb-pagination { right: 40px } .s-main-banner .smb-txt-wrap .sbs-txt { left: 40px } .search-page .my-container { padding-left: 15px; padding-right: 15px } .s-video.margin-top { margin-top: 90px } .s-contacts-page.scp-extend .scp-top .scp-t-items .scp-t-itm:last-child { padding-top: 80px } .s-contacts-page.scp-extend .scp-sign .scp-sl .h1, .s-contacts-page.scp-extend .scp-top .scp-hdr { font-size: 34px; line-height: 42px } .s-contacts-page.scp-extend .scp-top .scp-t-items { padding-right: 0 } .s-contacts-page.scp-extend .scp-sign { padding-bottom: 90px } .s-contacts-page.scp-extend { padding-top: 90px; padding-bottom: 90px } .s-price { padding-bottom: 90px } .s-price .h1 { margin-bottom: 30px } .s-price .sp-items .sp-itm .spi-top { padding-top: 30px; padding-bottom: 30px } .s-price .sp-items .sp-itm .spi-content { padding-top: 15px; padding-bottom: 15px } .s-btm-text.sbt-service .ss-top { padding-left: 15px; padding-right: 15px; margin-bottom: 30px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result { padding-left: 15px; padding-right: 15px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-list ul li span { font-size: 15px; line-height: 18px } .s-configurator .sc-params .scp-content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-configurator .sc-params .scp-content .scp-btn-wrap { padding-left: 0 } .s-configurator .my-container, .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-right .sr-items .sr-more-btn, .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-top { padding-left: 15px; padding-right: 15px } .s-configurator .sc-result { padding-bottom: 70px } .s-configurator .scp-nav ul li a, .s-configurator .scp-nav ul li span { font-size: 40px; line-height: 50px } .s-configurator .scp-nav { margin-bottom: 30px } .s-configurator { padding-top: 70px } .s-comp .sc-top .h2 { font-size: 40px; line-height: 60px } .s-comp .my-container { padding-left: 15px; padding-right: 15px } .s-req { padding-top: 70px; padding-bottom: 70px } .s-req .sr-ul { max-width: 400px } .s-req .scl-form { max-width: 550px } .s-team .st-top .h2 { font-size: 40px; line-height: 60px } .s-team { padding-top: 70px; padding-bottom: 70px } .s-team .st-top { margin-bottom: 50px } .s-btm-text.sbt-custom { padding-top: 90px } .s-btm-text.sbt-custom .sbt-hdr { margin-bottom: 30px } .s-orn .sb-block .sbb-descr { font-size: 120px; line-height: 120px } .s-catalog-category.scc-no-filter { padding-top: 45px; padding-bottom: 45px } .s-catalog-category.scc-no-filter::before { left: -160px; top: -40px } .s-bike .sb-two .sbt-block { padding-top: 70px; padding-left: 45px; padding-right: 45px; padding-bottom: 70px } .s-bike .sb-two .sbt-block .sbt-b-hdr { font-size: 32px; line-height: 45px; margin-bottom: 25px } .s-bike .sb-two .sbt-block .sbt-b-p { font-size: 19px; line-height: 28px; margin-bottom: 30px } .s-bike .sb-two .sbt-img { height: 400px; max-width: 700px } .s-bike .sb-two { padding-top: 100px } .s-bike { padding-bottom: 40px } .s-bike .sb-slider .sbs-itm { padding-left: 15px; padding-right: 100px } .s-bike .sb-slider .swiper-pagination { right: 15px } .s-bike .sb-slider { padding-bottom: 120px } .s-bike::before { background-size: contain; width: 900px; height: 850px; background-repeat: no-repeat; left: 36% } .burger-mnu .my-container.flex .bm-content .bmc-left ul li { margin-bottom: 40px } .burger-mnu .my-container.flex .bm-content { padding-left: 0 } .burger-mnu .my-container.flex { padding-left: 25px; padding-right: 25px } header .top-line .my-container.flex { padding-left: 40px; padding-right: 40px } .s-catalog-category .scc-top.my-container { padding-left: 40px; padding-right: 40px } .s-catalog-category .scc-top.my-container .scc-t-conf { right: 15px } .s-catalog-category .scc-top.my-container .scc-t-btns { right: 5px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block { padding-left: 15px; padding-right: 15px; padding-bottom: 100px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-img { height: 280px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm.sa-no-img .sa-img { margin-bottom: 46px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm.sa-no-img { padding-left: 25px; padding-right: 25px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-top::before { right: 15px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-top::after { right: 19px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items { margin-top: 30px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-top { padding-top: 15px; padding-bottom: 15px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-hdr { font-size: 32px; line-height: 40px; margin-bottom: 30px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-p { font-size: 15px; line-height: 24px; margin-bottom: 15px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-bd { font-size: 15px; line-height: 24px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-content p, .s-catalog-category.scc-delivery-payment .sr-dp .srd-l-items .srd-l-itm .srd-l-top { font-size: 15px; line-height: 17px } .lk-page .lkp-items .lkp-itm { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; padding-bottom: 30px } .s-contacts-page .scp-btm .scb-left .scl-form .def-inp { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-contacts-page .scp-btm .scb-left .scl-form .def-inp input, .s-contacts-page .scp-btm .scb-left .scl-form .def-inp textarea { width: 100%; max-width: 100% } .s-contacts-page .scp-btm .scb-left .scl-form .def-inp .def-inp-error { margin-left: 0; width: 100%; margin-top: 11px } .s-contacts-page .scp-btm .scb-left { padding-top: 45px } .s-contacts-page .scp-btm .scb-right { padding-top: 45px } .s-contacts-page .scp-btm .scb-left .scl-form .scl-hdr, .s-contacts-page .scp-btm .scb-right .scr-block .scr-hdr { font-size: 24px; line-height: 32px; margin-bottom: 15px } .s-contacts-page .scp-btm .scb-left .scl-form .scl-descr, .s-contacts-page .scp-btm .scb-right .scr-block .scr-p { font-size: 15px; line-height: 24px; margin-bottom: 30px } .s-contacts-page .scp-btm .scb-right .scr-block { margin-bottom: 70px } .s-contacts-page { padding-top: 45px } .s-contacts-page .scp-top .scp-hdr { font-size: 34px; line-height: 42px } .s-contacts-page .scp-top .scp-t-items .scp-t-itm .scp-t-i-bl, .s-contacts-page .scp-top .scp-t-items .scp-t-itm .scp-t-i-or { font-size: 30px; line-height: 40px } .s-contacts-page .scp-middle .scp-map .scm-content .scm-hdr { font-size: 30px; line-height: 40px } .s-contacts-page .scp-middle { padding-top: 160px } .s-contacts-page .scp-top .scp-t-items, .s-contacts-page .scp-top .scp-t-socials { max-width: 982px; margin-left: auto; margin-right: auto; padding-left: 45px; padding-right: 45px } .s-contacts-page .scp-middle .scp-map .scm-content { padding-left: 45px; padding-right: 45px; padding-top: 45px; padding-bottom: 45px } .s-contacts-page .scp-top .scp-t-items { margin-bottom: 30px } .s-contacts-page .scp-top .scp-hdr { margin-bottom: 30px } .s-contacts-page .scp-top .scp-t-socials { margin-bottom: 50px } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm::before { height: -webkit-calc(100% + 130px); height: calc(100% + 130px) } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm .sri-btm { bottom: -130px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr .in { display: block; text-align: left; margin-left: 35px; margin-top: 15px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr .in::before { left: -35px; margin-left: 0 } .s-catalog-category .scc-right { width: -webkit-calc(100% - 290px); width: calc(100% - 290px) } .s-catalog-category .scc-filters { width: 290px; padding-left: 15px } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li a::before, .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li span::before { left: -96px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr { font-size: 18px; line-height: 23px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-new { font-size: 21px; line-height: 21px; margin-left: 20px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-new::after { left: -10px } .s-catalog .sc-items .sc-itm .sci-name { font-size: 24px; line-height: 32px } .s-catalog .sc-items .sc-itm { padding-top: 25px; padding-bottom: 25px } .s-btm-text { padding-top: 90px; padding-bottom: 90px } .s-plus .sp-lft { margin-right: 100px } .sd-chars { padding-top: 90px; padding-bottom: 90px } .s-detail .sd-content { padding-left: 25px; padding-right: 25px; width: 520px } .s-detail .sd-photos { width: -webkit-calc(100% - 520px); width: calc(100% - 520px) } .s-detail .sd-photos .sdp-items .sdp-itm { height: 310px } } @media only screen and (max-width: 1300px) { .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col:nth-child(1) { max-width: 200px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm { padding-left: 220px; min-height: 180px; padding-right: 330px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-l { margin-right: 25px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r .srib-tr-sim { margin-right: 0 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm { padding-left: 220px } header .top-line .tls-form { top: 66px } header .top-line .tl-burger { font-size: 12px; line-height: 16px } header .top-line .tl-burger::after { top: -2px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-color { top: 100px } .s-catalog-category .scc-right .sr-items .sr-itm { padding-top: 155px } .s-catalog-category.scc-acc .my-container .scc-right .sr-top { padding-left: 15px } header .top-line .tl-mnu-ul ul li a { font-size: 12px; line-height: 16px; padding-left: 7.5px; padding-right: 7.5px } .s-btm-text p a::after { bottom: 6px } .not-found .nf-cols { width: 80% } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block .sab-p { font-size: 15px; line-height: 26px; min-height: 73px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block .sab-hdr { font-size: 18px; line-height: 21px; min-height: 42px } .s-catalog-category.scc-detal { padding-bottom: 0 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-color { right: 15px } .s-catalog-category .scc-right .sr-top .srt-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-comp .sf-items { padding-bottom: 70px } .s-configurator .sc-choice .h1 { margin-bottom: 180px; font-size: 40px; line-height: 52px } .s-configurator .sc-choice .scc-tabs .scc-tb .scc-tb-descr { font-size: 30px; line-height: 40px } .s-configurator .sc-params .scp-content .scp-column:nth-child(1) { width: 100%; padding-right: 0; max-width: 900px } .s-configurator .sc-params .scp-content .scp-column:nth-child(2) { padding-left: 0; width: 100%; max-width: 900px } .s-orn .sb-block .sbb-descr { font-size: 100px; line-height: 100px } .s-orn { padding-top: 45px; padding-bottom: 45px } .s-catalog-category.scc-no-filter .scc-top.my-container { padding-left: 15px; padding-right: 15px; padding-bottom: 25px } .s-bike .sb-slider .sbs-itm .sbs-txt .sbs-t-hdr, .s-main-banner .smb-txt-wrap .sbs-txt .sbs-t-hdr { font-size: 40px; line-height: 40px } .s-bike .sb-slider .sbs-itm .sbs-txt .sbs-t-descr, .s-main-banner .smb-txt-wrap .sbs-txt .sbs-t-descr { font-size: 24px; line-height: 32px; margin-bottom: 20px } footer .my-container { padding-left: 15px; padding-right: 15px } .s-catalog-category.scc-acc .my-container .scc-right .sr-items .sr-itm .sri-btm { bottom: -137px } .s-btm-text p { font-size: 40px; line-height: 60px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top { padding-left: 15px; padding-right: 15px; padding-top: 35px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-img { min-height: 220px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm { padding-left: 15px; padding-right: 15px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr .dis { position: absolute; top: 8px; left: 6px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-img { padding-left: 45px; padding-right: 45px } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm { width: 50% } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm:nth-child(3n+3) { border-right: 1px solid #f0f0f0 } .s-video .sv-slider .swiper-slide .svs-itm .svs-i-hdr { width: 100%; padding-left: 15px; font-size: 24px; line-height: 32px; padding-bottom: 25px } .s-video .sv-slider .swiper-slide .svs-itm { height: 400px; width: 600px } .s-video.bl-arr .bl-arrows { top: 11px } .s-video { padding-bottom: 90px } .s-video .my-container { padding-left: 0 } .s-video .h2 { padding-left: 15px; padding-right: 15px } .s-catalog-category { padding-bottom: 90px } .s-catalog-category .scc-right .sr-top { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-catalog-category .scc-right .sr-top .srt-select { margin-right: 0; margin-bottom: 20px } .s-catalog-category .scc-right .sr-top .srt-items { width: 100% } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-r { width: 100% } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm .srib-top .srib-t-l { width: 100%; margin-bottom: 15px } .s-catalog-category .scc-top.my-container { padding-bottom: 20px; padding-top: 45px } .s-reviews { padding-top: 90px; padding-bottom: 90px } .s-reviews .sr-slider .swiper-slide { width: 290px } .s-reviews .sr-slider .srs-itm { padding-left: 15px; padding-right: 15px; padding-bottom: 25px } .s-reviews .sr-slider .swiper-button-prev { left: 310px } .s-reviews .sr-slider .swiper-button-next { left: 660px } .s-electro .my-container.flex, .s-plus .my-container.flex { padding-left: 15px } .s-plus .sp-lft { margin-right: 30px } .bl-arr .bl-arrows { top: 59px } .s-related .sr-slider .swiper-slide .srs-itm { padding-left: 15px } .s-related .sr-slider .swiper-slide .srs-itm .srs-name { font-size: 16px; line-height: 24px; margin-bottom: 10px } .s-related .sr-slider .swiper-slide .srs-itm .srs-price { font-size: 21px; line-height: 21px } .s-related .sr-slider .swiper-slide { width: 33.33% } .s-related .sr-top .h2 { margin-bottom: 30px } .h1 { font-size: 34px; line-height: 44px } .h2 { font-size: 30px; line-height: 40px } .s-two .st-top.my-container { margin-bottom: 30px } .s-two .st-items .st-itm .sti-content .sti-hdr .sti-h-num { left: -20px } .s-two .st-items .st-itm .sti-content .sti-hdr { font-size: 30px; line-height: 48px } .s-two .st-items .st-itm .sti-content .sti-p { font-size: 12px } .s-two .st-items .st-itm { min-height: 600px } .s-detail .sd-photos .sdp-main { min-height: 636px } header .top-line .tl-logo { max-width: 200px } header .top-line .tl-search.active input { width: 290px } header .top-line .tl-phones .tlr-phone { font-size: 14px; line-height: 17px } } @media only screen and (max-width: 1200px) { header .top-line .tls-form { padding-top: 25px; padding-bottom: 60px } header .top-line .tls-form label input { font-size: 16px; line-height: 26px } header .top-line .tls-form label::before { top: 5px } footer .ft-row .ftb-itm .ftb-i-left { padding-top: 20px } .main-wrapper .mCSB_inside > .mCSB_container { margin-right: 30px } header .top-line .tl-basket .tlb-content { right: auto; left: 50% } .s-electro { padding-top: 45px; padding-bottom: 100px } .s-electro .my-container.flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-electro .se-txt { width: 100%; padding-right: 0; margin-bottom: 30px } .s-electro .se-img { width: 100% } .s-orn .sb-block .my-container, .s-related .sr-top.my-container { padding-left: 15px; padding-right: 15px } .s-main-banner .smb-pagination { right: 15px } .s-main-banner .smb-txt-wrap .sbs-txt { left: 15px } .s-breadcrumbs .my-container, .s-catalog .sc-top.my-container, .s-catalog-category .scc-top.my-container, header .top-line .my-container.flex { padding-left: 15px; padding-right: 15px } .default-form.df-dir .def-content .dc-hdr { font-size: 40px; line-height: 40px; margin-bottom: 30px } .s-comp .sf-items .tlb-itm .tlb-txt { min-width: 33%; max-width: 33% } .s-comp .sf-items .tlb-itm .tlb-txt { padding-left: 15px } .s-configurator { padding-top: 45px } .s-configurator .scp-nav ul li a, .s-configurator .scp-nav ul li span { font-size: 30px; line-height: 40px } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-top { padding-top: 20px } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-top .scr-tags ul li { margin-right: 15px } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-top .scr-tags ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-team .st-slider .swiper-slide:nth-child(even) { padding-top: 140px } .s-bike .sb-two .sbt-block { max-width: 600px; overflow: hidden } .s-bike .sb-two .sbt-block::before { right: -100px } .burger-mnu .my-container.flex .bmc-btm .bmc-b-right .bmc-br-descr.ad { margin-right: 15px } .burger-mnu .my-container.flex .bm-content .bmc-right .bmc-r-column { max-width: 260px } .burger-mnu .my-container.flex .bm-content .bmc-right .bmc-r-hdr { margin-bottom: 10px } .s-catalog-category.scc-ap .scc-right .sar-hdr { font-size: 24px; line-height: 32px; margin-bottom: 15px } .s-catalog-category.scc-ap .scc-right .sar-p, .s-catalog-category.scc-ap .scc-right p { font-size: 15px; line-height: 26px } .s-contacts-page .scp-middle .scm-slider .swiper-slide { padding-right: 15px; width: 165px } .s-contacts-page .scp-middle .scm-slider .swiper-slide .scm-s-itm { height: 110px } .basket-page .bp-content .bpc-left .blt-block { padding-left: 15px; padding-right: 15px } .basket-page .bp-content .bpc-left .blt-block .blt-b-hdr { font-size: 30px; line-height: 36px } .basket-page .bp-content .bpc-right .bpr-items .bpr-itm, .basket-page .bp-content .bpc-right .bpr-result .bpr-r-row { padding-left: 15px; padding-right: 15px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-price .tlb-pr-new { font-size: 14px; line-height: 16px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-count { width: 130px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt { min-width: 260px; max-width: 260px; padding-left: 15px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr { margin-right: 15px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-name { margin-right: 15px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-delete { right: 0; top: -20px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm { padding-left: 15px; padding-right: 15px } .basket-page .bp-content .bpc-left .bl-block .blb-hdr { padding-left: 15px } .basket-page .bp-content .bpc-left .bl-block.blb-promo { padding-left: 15px } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-top { padding-left: 15px; margin-left: 0 } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-form { margin-left: 0; padding-left: 15px } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items { margin-left: 0; padding-left: 15px } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form { margin-left: 0; padding-left: 15px } .basket-page .bp-content .bpc-left .bl-block .blb-hdr { font-size: 30px; line-height: 30px; margin-bottom: 30px } .basket-page .bp-content .bpc-left .bl-block { padding-top: 45px } .basket-page .bp-content .bpc-left .bl-block.blb-address, .basket-page .bp-content .bpc-left .bl-block.blb-del-pay, .basket-page .bp-content .bpc-left .bl-block.blb-rec { padding-top: 45px; padding-bottom: 45px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-img { min-height: 200px } .s-catalog-category .scc-top.my-container .scc-hdr { font-size: 34px; line-height: 42px } .s-catalog-category .scc-top.my-container .scc-t-conf { top: 60px } .pb-scroll .pb-content p { font-size: 21px; line-height: 28px } .pb-scroll .pb-top { margin-bottom: 30px } .s-plus .sp-lft { padding-top: 25px } .s-plus { padding-top: 45px; padding-bottom: 45px } .sd-chars { padding-top: 45px; padding-bottom: 45px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right { padding-left: 25px } .s-detail .sd-photos .sdp-items .sdp-itm { height: 240px } header .top-line .tl-basket .tlb-content { -webkit-transform: translateX(-72.5%); -ms-transform: translateX(-72.5%); transform: translateX(-72.5%) } header .top-line .tl-phones { display: block; top: 2px } header .top-line .tl-phones .tlr-phone { display: block; /* margin-bottom: 10px */ } header .top-line .tl-phones .tlr-phone:last-child { margin-left: 0 } } @media only screen and (max-width: 1100px) { footer .my-container { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } .s-orn .sb-block .sbb-descr, .s-orn .sb-block:nth-child(2) .sbb-descr { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .s-catalog-category.scc-acc .my-container .scc-right .bx_filter { padding-left: 0 } .s-bike .sb-slider .sbs-itm .sbs-txt { min-height: 208px } .s-main-banner { display: none } .s-bike .sb-slider { display: block } .s-bike { padding-top: 130px } .s-bike::before { display: block; left: 13%; width: 700px; height: 670px } .s-catalog-category.scc-acc .my-container .scc-right .srt-select { margin-left: 0 } .s-catalog-category .scc-filters .scc-f-close { display: inline-block } .s-catalog-category .scc-right .sr-top .srt-adap-open-fltr { display: block } .s-catalog-category .scc-filters { position: absolute; left: -290px; top: 160px; background: #fff; z-index: 4; border: 1px solid #ededed; padding-top: 45px; -webkit-transition: left .7s ease-in; -o-transition: left .7s ease-in; transition: left .7s ease-in } .s-catalog-category .scc-filters.active { left: 0 } .s-catalog-category .my-container.flex { position: relative } .s-catalog-category .scc-right { width: 100% } .s-catalog-category .scc-right .sr-top { padding-left: 15px; padding-right: 15px } .s-catalog-category .scc-top.my-container { padding-bottom: 15px } } @media only screen and (max-width: 992px) { .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-buttons .btn { font-size: 12px; padding-top: 12px; padding-bottom: 15px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm { padding-right: 270px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-buttons { width: 240px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col .srl-price .srl-p-descr-1 { font-size: 21px; line-height: 21px; margin-bottom: 0 } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-col:nth-child(3) { padding-right: 45px } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-l { width: 100% } .s-catalog-category .scc-right .sr-items.sr-line .sr-itm .srl-btm .srib-t-r { width: 100%; padding-top: 0 } .s-catalog .sc-items .sc-itm { min-height: 410px } .s-orn .sb-block .sbb-slider .sbb-s-descr { font-size: 100px; line-height: 100px } .s-orn .sb-block .sbb-slider .swiper-slide { width: 90px } .s-sitemap .ssm-items .ssm-itm { width: 50% } .s-video .sv-slider .swiper-slide .svs-itm::after { width: 100px; height: 102px; background-repeat: no-repeat } .s-comp .sf-items .tlb-itm { padding-top: 25px } .s-bike .sb-slider .sbs-itm .sbs-txt .btn-arrow { margin-left: 0 } .s-bike .sb-slider .sbs-itm .sbs-img { max-width: 400px } .s-bike .sb-slider .sbs-itm .sbs-txt .sbs-t-hdr span { left: 0; top: 0 } .s-bike .sb-slider .sbs-itm .sbs-txt .sbs-t-descr, .s-main-banner .smb-txt-wrap .sbs-txt .sbs-t-descr { padding-left: 0 } .s-bike { padding-top: 45px } .s-electro .se-txt .se-t-hdr { font-size: 28px; line-height: 34px; margin-bottom: 30px } .s-electro .se-txt .se-t-p { font-size: 15px; line-height: 28px } .s-plus .sp-itm .spi-p br { display: none } header .top-line .tl-mnu-ul { display: none } .s-btm-text p a::after { bottom: 1px } .s-related .sr-slider .swiper-slide .srs-itm .srs-hidden { z-index: 1 } .s-bike .sb-two .sbt-img span { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .s-orn .sb-block .my-container { padding-left: 0; padding-right: 0 } footer { margin-top: 0 } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block .sab-p { min-height: 1px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block .sab-hdr { min-height: 1px } .not-found { padding-top: 70px; padding-bottom: 70px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-right { padding-left: 25px; padding-right: 25px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-left { padding-left: 25px; padding-right: 25px } .burger-mnu .my-container.flex .bmc-btm .bmc-b-right { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-t-soc-descr { text-align: center; left: 0 } .burger-mnu .my-container.flex .bm-content .bmc-left { padding-left: 0; padding-top: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .burger-mnu .my-container.flex .bm-content .bmc-left ul { width: 100% } .burger-mnu .my-container.flex .bm-content .bmc-left ul:nth-child(2) li:last-child { margin-bottom: 0 } .burger-mnu .my-container.flex .bm-content .bmc-left ul li { text-align: center } .burger-mnu .my-container.flex .bm-content .bmc-left ul li a { font-size: 21px; line-height: 28px } .burger-mnu .my-container.flex .bm-content .bmc-left ul li:last-child { margin-bottom: 40px } .s-plus .h1 { position: relative } .s-comp .sf-items .tlb-itm .tlb-img { min-width: 50%; max-width: 50% } .s-comp .sf-items .tlb-itm .tlb-img img { margin-left: auto } .s-comp .sf-items .tlb-itm { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-comp .sf-items .tlb-itm .tlb-txt { padding-left: 0; min-width: 50%; max-width: 50% } .s-comp .sf-items .tlb-itm .tlb-price { min-width: 50%; max-width: 50%; margin-left: 50% } .s-comp .sf-items .tlb-itm .tlb-btn-wrap { width: 100%; text-align: center; padding-top: 25px } .s-plus .sp-items { width: 100% } .s-bike::before { top: 0 } .s-video.margin-top { margin-top: 0 } .s-contacts-page.scp-extend .scp-sign { padding-bottom: 45px } .s-contacts-page.scp-extend { padding-bottom: 45px; padding-top: 45px } .s-two-image { padding-bottom: 45px } .s-price { padding-bottom: 45px } .s-price .sp-items .sp-itm .spi-top { font-size: 18px; line-height: 24px; padding-top: 20px; padding-bottom: 20px } .s-price .sp-items .sp-itm .spi-content ul li span { font-size: 14px; line-height: 17px } .s-price .sp-items .sp-itm .spi-content ul li span:nth-child(2) { font-size: 14px; line-height: 17px; min-width: 75px; max-width: 75px } .s-price .sp-items .sp-itm .spi-content ul li { margin-bottom: 15px } .s-price .sp-items .sp-itm .spi-content ul li:last-child { margin-bottom: 0 } .s-btm-text.sbt-service .ss-top .sbt-hdr { font-size: 34px; line-height: 44px; margin-bottom: 0 } .s-btm-text.sbt-service .my-container p { margin-bottom: 30px } .default-form.def-conf .def-content .dfc-thx-hdr { font-size: 32px; line-height: 48px; margin-bottom: 0 } .default-form.def-conf .def-content .dfc-thx-img { margin-bottom: 20px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left { padding-right: 0; width: 100% } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-right { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; width: 100%; padding-left: 0 } .s-configurator .sc-choice .h1 { font-size: 30px; line-height: 42px; margin-bottom: 45px } .s-configurator .sc-choice .scc-tabs .scc-tb::before { display: none } .s-configurator .sc-choice .scc-tabs .scc-tb .scc-tb-descr { font-size: 24px; line-height: 30px } .s-configurator .sc-choice .scc-tabs .scc-tb { padding-bottom: 70px } .s-configurator .sc-choice .h1 { margin-bottom: 70px } .s-configurator .scp-nav ul li a, .s-configurator .scp-nav ul li span { font-size: 20px; line-height: 30px } .s-comp .sc-top .h2 { font-size: 30px; line-height: 40px } .s-comp .sc-top { padding-top: 25px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide, .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide { width: 310px; padding-right: 20px } .s-comp .sc-content .sc-top-fixed .sct-slider { margin-left: 0 } .s-comp .sc-content .sc-left { display: none } .s-comp .sc-content .sc-right { width: 100% } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-block .scr-ib-ul li .scr-ib-adap { display: block } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top .scr-it-img { height: 120px; margin-bottom: 20px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top .scr-it-name { font-size: 15px; line-height: 17px; min-height: 34px; margin-bottom: 20px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top .scr-it-price { font-size: 21px; line-height: 28px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-top { padding-top: 25px; padding-bottom: 25px; margin-bottom: 20px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-block { padding-bottom: 25px; padding-top: 25px; margin-bottom: 20px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide .scr-itm .scr-i-block .scr-ib-ul li { margin-bottom: 30px } .s-req .scl-form { width: 100%; max-width: 100%; padding-top: 45px; padding-bottom: 45px } .s-req .sr-ul { max-width: 100%; margin-bottom: 30px; padding-top: 0 } .s-req { padding-bottom: 0; padding-top: 45px } .s-team { padding-top: 45px; padding-bottom: 45px } .s-team .st-top .h2 { font-size: 30px; line-height: 40px } .s-team .st-top { margin-bottom: 30px } .s-team .st-slider .swiper-slide .sts-itm { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-team .st-slider .swiper-slide { width: 420px } .s-team .st-slider .swiper-slide .sts-itm .sts-i-txt { padding-left: 0; padding-right: 0; width: 100%; padding-top: 25px } .s-video-block .svb-item { height: 340px } .s-simple-txt { padding-top: 45px; padding-bottom: 45px } .s-simple-txt .my-container { padding-left: 15px } .s-simple-txt .sst-hdr { position: relative; left: 0; margin-bottom: 20px } .s-orn .sb-block .sbb-descr { width: 100% } .s-orn .sb-block.sb-right { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .s-orn .sb-block:nth-child(2) { right: 0; margin-top: 45px } .s-btm-text.sbt-custom { padding-top: 45px } .s-btm-text.sbt-custom .my-container::after { display: none } .s-orn .sb-block .sbb-descr { font-size: 80px; line-height: 80px; display: block } .s-orn .sb-block { left: 0; padding-left: 15px; padding-right: 15px } .s-bike { padding-bottom: 45px } .s-bike .sb-two .sbt-block .sbt-b-hdr { font-size: 24px; line-height: 32px; margin-bottom: 20px } .s-bike .sb-two .sbt-block .sbt-b-p { font-size: 16px; line-height: 24px; margin-bottom: 20px } .s-bike .sb-two .sbt-block { padding-top: 45px; padding-bottom: 45px } .s-bike .sb-two .sbt-img { height: 240px; max-width: 500px } .s-bike .sb-slider .sbs-itm { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 15px } .s-bike .sb-slider .sbs-itm .sbs-txt { width: 100% } .s-bike .sb-slider .sbs-itm .sbs-img { margin-left: auto; margin-right: auto; width: 100%; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .s-bike .sb-slider { padding-bottom: 45px } footer .ft-row .ft-itm .fti-w { font-size: 21px; line-height: 34px } footer .ft-row .ft-itm .btn { margin-top: 15px } footer .ft-btm .ft-row:nth-child(1) { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } footer .ft-row .ftb-itm:nth-child(6) { padding-top: 25px } footer .ft-btm .ft-row:last-child { padding-top: 25px; padding-bottom: 25px } footer .ft-row .ftb-itm:nth-child(1), footer .ft-row .ftb-itm:nth-child(2) { width: 50%; max-width: 100%; margin-bottom: 30px } footer .ft-row .ftb-itm:nth-child(3), footer .ft-row .ftb-itm:nth-child(4), footer .ft-row .ftb-itm:nth-child(5) { width: 33.33%; max-width: 100% } .burger-mnu .my-container.flex { padding-bottom: 130px } .burger-mnu .my-container.flex .bmc-btm .my-container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .burger-mnu .my-container.flex .bmc-btm .bmc-b-right { width: 100%; text-align: center } .burger-mnu .my-container.flex .bm-content .bmc-right { display: none; width: 100%; margin-top: 175px; } .burger-mnu .my-container.flex .bm-content .bmc-right .bmc-r-column{ width:50%; } .burger-mnu .my-container.flex .bm-content .bmc-left { width: 100% } .burger-mnu .my-container.flex .bm-content .bmc-left ul .hidden { display: block } .basket-page .bp-content .bpc-right .bpc-fixed { position: relative } .s-detail .sd-content .sd-block { position: relative } .s-two .st-items .st-itm.gray .sti-im img { -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0) } .s-two .st-items .st-itm .sti-im::after { display: none } .s-plus .sp-itm::after { display: none } .s-plus .sp-itm { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .s-catalog-category.scc-articles { padding-top: 0; padding-bottom: 0 } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm:nth-child(odd) { margin-right: 0; width: 100%; margin-bottom: 30px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm:nth-child(even) { margin-left: 0; width: 100% } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block { margin-left: 0; margin-right: 0 } .s-catalog-category.scc-articles .s-articles .sa-items { max-width: 800px; margin-left: auto; margin-right: auto } .s-catalog-category.scc-ap { padding-bottom: 45px } .s-catalog-category.scc-delivery-payment { padding-top: 45px } .s-catalog-category.scc-delivery-payment .scc-top.my-container { padding-bottom: 30px } .s-catalog-category.scc-delivery-payment .sr-dp .srd-left { width: 100%; padding-bottom: 0 } .s-catalog-category.scc-delivery-payment .sr-dp .srd-right { width: 100% } .s-catalog-category.scc-delivery-payment .sr-dp .srd-btm { padding-left: 15px } .lk-page .lkp-items .lkp-itm .lkp-hdr { font-size: 30px; line-height: 42px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-order-info { min-width: 1px; max-width: 100%; width: 100% } .s-contacts-page .scp-btm { padding-top: 20px } .s-contacts-page .scp-middle { padding-bottom: 40px } .s-contacts-page .scp-btm .scb-left { padding-bottom: 45px; width: 100% } .s-contacts-page .scp-btm .scb-right { padding-bottom: 45px; width: 100%; padding-left: 0; padding-right: 0 } .s-contacts-page .scp-btm .scb-right .scr-block .btn.or { margin-top: 0 } .s-contacts-page .scp-btm .scb-right .scr-block { margin-bottom: 30px } .s-contacts-page .scp-btm { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-contacts-page .scp-btm .scb-right .scr-block { max-width: 100% } .s-contacts-page .scp-middle .scp-map { height: auto } .s-contacts-page .scp-middle .scp-map #map { height: 440px } .s-contacts-page .scp-top .scp-t-items .scp-t-itm { padding-left: 0 } .s-contacts-page .scp-middle .scp-map .scm-content { position: relative; left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); padding-left: 15px; padding-right: 15px } .s-contacts-page .scp-middle { padding-top: 30px } .default-form .def-content { padding-top: 25px; padding-bottom: 25px } .default-form .dc-hdr { font-size: 30px; line-height: 30px; margin-bottom: 15px } .default-form .dc-tabs .dct-tb { font-size: 30px; line-height: 30px; margin-bottom: 15px } .default-form .dc-wrap .def-inp { margin-bottom: 15px } .default-form .dc-wrap .def-row { margin-top: 15px; margin-bottom: 25px } .quest-answer .qa-content, .quest-answer .qa-content.qa-left { right: auto; left: auto; width: 290px; padding-left: 15px; padding-right: 15px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 25px; padding-bottom: 25px } .basket-page .bp-content .bpc-left { width: 100% } .basket-page .bp-content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .basket-page .bp-content .bpc-right { width: 100%; margin-top: 10px; padding-bottom: 20px } .s-related.sr-bikes .sr-slider .swiper-slide .srs-itm .srs-img { min-height: 300px } .s-video { padding-top: 45px; padding-bottom: 45px } .s-video.bl-arr .bl-arrows { top: 56px } .s-video .sv-slider .swiper-slide .svs-itm .svs-i-hdr { font-size: 21px; line-height: 28px } .s-video .sv-slider .swiper-slide .svs-itm { height: 300px; width: 500px } .s-video .sv-slider .swiper-slide .svs-itm .svs-i-bg::after { width: 30px; height: 30px; background-size: contain; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px } .s-catalog-category { padding-bottom: 45px } .s-catalog-category .scc-right .sr-items .sr-more-btn { padding-bottom: 30px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-new { font-size: 16px; line-height: 19px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-pr { font-size: 13px; line-height: 15px } .s-catalog-category .scc-top.my-container { padding-top: 0; padding-bottom: 25px } .s-catalog-category { padding-top: 5px } .s-catalog-category .scc-top.my-container .scc-hdr { margin-bottom: 15px } .s-catalog-category .scc-top.my-container .scc-t-btns { top: -20px } .s-catalog-category .scc-top.my-container .scc-t-conf { top: 36px } .pb-scroll .pb-flex { padding-top: 45px; padding-bottom: 45px } .pb-scroll .pb-content p { font-size: 21px; line-height: 28px } .pb-scroll .pb-content { height: 350px } .s-reviews .sr-top.my-container.flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-reviews .sr-slider .swiper-button-next { left: auto; right: 15px; top: 50%; margin-top: -15px } .s-reviews .sr-slider .swiper-button-prev { left: 15px; top: 50%; margin-top: -15px } .s-reviews .sr-slider .swiper-slide { width: 100%; padding-top: 0 } .s-reviews .sr-slider .swiper-slide .srs-itm { background: #fff; max-width: 480px; margin-left: auto; margin-right: auto } .s-reviews .sr-slider .swiper-slide .srs-itm .srs-img::before { display: none } .s-reviews .sr-slider .swiper-slide .srs-itm .srs-img img { max-width: 100% } .s-reviews .sr-slider .swiper-slide .srs-itm .srs-model { color: #f60; margin-bottom: 25px } .s-reviews .sr-slider .swiper-slide .srs-itm .srs-p { opacity: 1 } .s-reviews { padding-top: 45px; padding-bottom: 45px } .s-catalog .sc-items { width: 100%; margin-left: auto; margin-right: auto } .s-catalog .sc-items .sc-itm { width: -webkit-calc(50% - 19px); width: calc(50% - 19px) } .s-btm-text { padding-top: 45px; padding-bottom: 45px } .s-btm-text p { font-size: 30px; line-height: 40px } .s-btm-text p br { display: none } .s-btm-text p a::before { display: none } .s-btm-text .my-container::before { content: ''; left: 0; top: -183px; width: 97px; height: 183px; background: url(/css/../img/triangle3.png); right: auto } .s-btm-text .my-container::after { content: ''; right: 0; bottom: -142px; width: 96px; height: 142px; background: url(/css/../img/triangle4.png) } .s-plus .sp-lft { min-width: 1px; width: 100%; padding-top: 0; margin-bottom: 30px; margin-right: 0 } .s-plus .my-container.flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .s-plus .sp-itm .spi-img { margin-bottom: 30px } .s-plus .sp-itm { margin-bottom: 0 } .s-plus .sp-itm:nth-child(3) { margin-top: 0; margin-bottom: 0 } .s-related { padding-top: 45px; padding-bottom: 45px } .s-related .sr-slider .swiper-slide { margin-bottom: 0 } .s-related .sr-slider .swiper-slide::before { display: none } .s-related .sr-slider .swiper-slide .srs-itm .srs-hidden { opacity: 1; position: relative; bottom: 0; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0 } .s-two { padding-bottom: 45px } .s-two .st-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-two .st-items .st-itm { width: 100%; min-height: 340px } .s-two .st-items .st-itm:nth-child(2) { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .s-two .st-items .st-itm .sti-content .sti-hdr { margin-bottom: 20px } .s-two .st-items .st-itm .sti-content .sti-p { font-size: 11px; line-height: 20px } .s-two .st-items .st-itm img { max-width: 280px } .sd-chars .sdc-tabs .swiper-slide { padding-right: 24px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-left { display: none } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right { padding-left: 0; width: 100% } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items { height: 570px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm { margin-bottom: 30px } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-items .sdc-rr-itm:last-child { margin-bottom: 0 } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .sdc-rr-add { display: inline-block } .s-detail .sd-photos .sdp-items .sdp-itm { height: 310px } .s-detail .my-container.flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-detail .sd-photos { width: 100% } .s-detail .sd-content { width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 35px } .s-detail .sd-content .sd-block { max-width: 100% } header .top-line .tl-search.active input { width: 260px } header .top-line .tl-marker { display: none } header .top-line .tl-sh { display: none } header .top-line .tl-phones { display: none } header .top-line .tl-basket .tlb-content { max-width: 650px; min-width: 650px; padding-left: 15px; padding-right: 15px; left: auto; right: -90px; top: 50px; padding-top: 30px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt { padding-left: 25px; max-width: 250px; min-width: 250px } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr { margin-right: 15px; padding-left: 18px } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-name { margin-right: 15px } header .top-line .tl-basket .tlb-content .tlb-btm .tlb-b-price .tlb-bp-num { font-size: 24px; line-height: 24px } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-price .tlb-pr-new { font-size: 15px; line-height: 18px } header .top-line .tl-basket .tlb-content .tlb-items .tlb-itm .tlb-count { width: 130px } .c-count .cc-inp { font-size: 15px; line-height: 18px } } @media only screen and (max-width: 768px) { .s-catalog-category .scc-right .sr-top .srt-lay { display: none } .s-catalog-category .scc-extends-filters .mCSB_container { overflow: hidden } .s-catalog-category .scc-extends-filters .mCustomScrollBox { overflow: hidden } .s-catalog-category .scc-extends-filters .modef_result { display: none } header .top-line .tl-basket .tlb-adap-a { display: block; z-index: 2 } .s-catalog-category .scc-top.my-container .scc-t-fltrs .swiper-wrapper { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .s-breadcrumbs { margin-bottom: 5px } .s-catalog-category .scc-top.my-container .scc-hdr .scc-h-num { display: block } .s-catalog-category .scc-top.my-container .scc-t-fltrs.scc-t-sub .scc-tf-itm { background: #f4f4f4; font-size: 11px; line-height: 11px; font-family: Mont-Bold, sans-serif; color: rgba(51, 51, 51, .8); padding-left: 29px; padding-right: 29px; padding-top: 16px; padding-bottom: 16px; border-color: transparent } .s-catalog-category .scc-top.my-container .scc-t-fltrs.mobile-visible { display: block } .s-catalog .sc-items .sc-itm { width: 100%; margin-left: 0; margin-right: 0 } .s-catalog-category .scc-top.my-container .scc-t-btns .scc-t-icn-descr { display: none } .s-brands .sb-items .sb-itm { width: 50% } header .top-line .tl-phone { top: 2px; right: 100px } header .top-line .tl-form { display: none; } footer .ft-row .ftb-itm .ftb-i-left { padding-top: 0 } .s-catalog-category.scc-detail { padding-bottom: 5px } .burger-mnu .bm-phone { display: block } .s-catalog-category .scc-extends-filters.active { z-index: 12 } .s-catalog-category .scc-extends-filters { padding-bottom: 90px } .s-catalog-category .scc-top.my-container .scc-t-fltrs { display: block } header .top-line .tl-phone { display: block } .s-detail .sd-content .sdc-color .sdc-c-slider { max-width: 100%; width: 100% } .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-container { width: 100%; max-width: 100% } .s-detail .sd-content .sdc-color { width: 100% } .s-catalog-category .scc-extends-filters .bx_filter_popup_result { position: fixed; left: 0; bottom: 46px } .s-catalog-category.scc-delivery-payment .sr-dp iframe { width: 290px } .s-comp .sc-content .sc-right .scr-slider .swiper-slide, .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide { width: 50% } .s-comp .sc-content .sc-right .scr-slider .swiper-slide:last-child, .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide:last-child { display: none } footer .my-container { max-width: 480px } .s-bike::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .s-bike .sb-slider .sbs-itm .sbs-img { margin-bottom: 20px } .s-configurator .sbt-hdr { font-size: 18px; line-height: 24px } .s-catalog-category.scc-detail { margin-top: -75px } .s-catalog-category .scc-right .sr-items .sr-itm { padding-top: 138px } .s-comp.bl-arr .bl-arrows { top: 23px; width: 120px } .s-detail .sdp-main .sdp-m-block .sdp-m-hdr { top: 0 } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale.active::after { right: 10% } .not-found .nf-cols { width: 100% } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row.sri-disc .sri-t-dis { margin-bottom: 5px } footer.ez-footer { padding-bottom: 42px } .s-plus .sp-items .sp-itm { margin-top: 0 } .burger-mnu .my-container.flex .bm-content .bmc-left ul li:last-child { margin-bottom: 20px } .burger-mnu .my-container.flex .bmc-btm .bmc-b-right { bottom: 0 } .up-btn.active { right: 15px } .up-btn { bottom: 35% } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-t-soc-descr { margin-bottom: 5px } .default-form.df-dir .def-content .dc-txt-block { display: none } .default-form.df-dir .def-content .dc-wrap { max-width: 100%; width: 100% } .default-form.df-dir .def-content .dc-hdr { font-size: 32px; line-height: 40px } .s-comp .sf-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-name { margin-right: 15px } .s-comp .sf-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr { margin-right: 15px } .s-comp .sf-items .tlb-itm .tlb-price .tlb-pr-new { font-size: 20px; line-height: 24px } .s-comp .sf-items .tlb-itm .tlb-txt { padding-right: 0 } .s-bike .sb-slider .sbs-itm .sbs-txt { min-height: 177px; margin-bottom: 30px } .default-form .dc-hdr.dc-big { font-size: 24px; line-height: 32px; margin-bottom: 30px } .default-form .dc-hdr.dc-big br { display: none } .s-contacts-page.scp-extend { text-align: center } .s-contacts-page.scp-extend .scp-top .scp-hdr { margin-bottom: 30px } .s-contacts-page.scp-extend .scp-sign .scp-sr .scl-form .cb-wrap.cb-circle { text-align: left } .s-contacts-page.scp-extend .scp-sign { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-contacts-page.scp-extend .scp-sign .scp-sl { width: 100%; padding-bottom: 30px; text-align: center } .s-contacts-page.scp-extend .scp-sign .scp-sr { width: 100% } .s-contacts-page.scp-extend .scp-sign .scp-sr .scl-form { margin-left: auto; margin-right: auto } .s-contacts-page.scp-extend .scp-top .scp-t-items .scp-t-itm:last-child { padding-top: 0 } .s-two-image .my-container.flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-two-image .sti-itm { max-width: 480px; margin-left: auto; margin-right: auto; margin-bottom: 30px } .s-two-image .sti-itm .sti-content { padding-top: 25px } .s-two-image .sti-itm .sti-content p { font-size: 16px; line-height: 24px } .s-two-image .my-container.flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-two-image .sti-itm:nth-child(2) { margin-top: 0; margin-bottom: 0 } .s-price .sp-items .sp-itm .spi-top { font-size: 15px; line-height: 21px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-price { padding-top: 15px; margin-bottom: 30px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-price .scr-hcl-p-d { padding-right: 0; width: 100% } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-price .scr-hcl-p-d-sum { width: 100%; font-size: 28px; line-height: 36px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-descr { font-size: 14px; line-height: 21px; margin-bottom: 20px } .s-configurator .sc-choice .scc-tabs .scc-tb { width: 100%; padding-bottom: 30px } .s-configurator .sc-choice .scc-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-configurator .sc-choice .h1 { font-size: 24px; line-height: 32px } .s-configurator .sc-choice { padding-bottom: 45px } .s-configurator .scp-nav ul li::after { width: 24px; background-size: contain; background-repeat: no-repeat; background-position: 50%; right: 20px } .s-configurator .scp-nav ul li { padding-right: 60px } .s-comp .sc-top .h2 { font-size: 24px; line-height: 30px } .s-video-block .svb-item { height: 240px; position: relative } .s-video-block .svb-item::after { content: ''; position: absolute; width: 50px; height: 50px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: no-repeat url(/css/../img/play3.svg) 50% 50%; background-size: contain } .s-video-block .svb-item .svb-i-bg::after { background: rgba(0, 0, 0, .2) } .s-catalog-category .scc-extends-filters { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none } .s-catalog-category .scc-extends-filters.active { top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .s-catalog-category .scc-extends-filters .my-container { max-width: 480px; height: -webkit-calc(100% - 100px); height: calc(100% - 100px); overflow-y: auto } .s-catalog-category .scc-extends-filters .sef-itm .sef-i-hdr { font-size: 13px; line-height: 15px; margin-bottom: 5px } .s-orn .sb-block .sbb-descr { font-size: 60px; line-height: 60px } .s-catalog-category.scc-no-filter::before { display: none } .s-bike .sb-two .sbt-block { padding-bottom: 0 } .s-bike .sb-two .sbt-img { position: relative; left: 0; margin-left: auto; margin-right: auto } .s-bike { padding-top: 70px } .s-bike .sb-two .sbt-block { max-width: 100%; padding-left: 0; padding-right: 0 } .s-bike .sb-two .sbt-block br { display: none } .s-bike .sb-two { padding-top: 0 } .s-bike .sb-slider .swiper-pagination { top: auto; bottom: 11px; display: block; width: 100%; right: auto; left: 0 } .s-bike .sb-slider .swiper-pagination .swiper-pagination-bullet::before { display: none } .s-bike .sb-slider .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: 0 0; position: relative; opacity: 1; margin: 0 } .s-bike .sb-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { background: #b9b9b9 } .s-bike .sb-slider .swiper-pagination .swiper-pagination-bullet::after { content: ''; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; margin-left: -2px; margin-top: -2px; border: 1px solid #b9b9b9; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box } .s-bike .sb-slider .sbs-itm .sbs-img { max-width: 290px } .s-bike .sb-slider .sbs-itm .sbs-txt .sbs-t-descr { margin: 0; margin-bottom: 30px; font-size: 16px; line-height: 24px } footer .ft-top .ft-row:nth-child(3) .ft-itm:last-child { display: none } footer { padding-top: 42px; padding-bottom: 60px } footer .ft-row .ft-logo { max-width: 172px; margin-bottom: 51px } footer .ft-row .ft-itm .fti-w { font-size: 18px; line-height: 21px } footer .ft-row .ft-itm { width: 100%; margin-bottom: 27px } footer .ft-row .ft-itm .fti-descr { font-size: 9px; line-height: 12px; margin-bottom: 8px } footer .ft-top .ft-row:nth-child(2) .ft-itm:nth-child(3) { display: none } footer .ft-row .ft-itm .btn { max-width: 280px; width: 100%; text-align: center } footer .ft-row .ftb-itm:nth-child(1), footer .ft-row .ftb-itm:nth-child(2) { width: 100%; margin-bottom: 0 } footer .ft-row .ftb-itm ul li { margin-bottom: 14px } footer .ft-row .ftb-itm ul li:last-child { margin-bottom: 14px } footer .ft-row .ftb-itm:nth-child(3), footer .ft-row .ftb-itm:nth-child(4), footer .ft-row .ftb-itm:nth-child(5) { width: 100%; padding-top: 0 } footer .ft-row .ftb-itm:nth-child(3) { padding-top: 0 } footer .ft-row .ftb-itm .ftb-a { margin-bottom: 20px } footer .ft-btm .ft-row:last-child { padding-top: 65px; padding-bottom: 50px } footer .ft-btm .ft-row:last-child .ftb-igr-logo { display: none } footer .ft-row .ftr-b-descr { padding-right: 0; font-size: 11px; line-height: 15px; color: rgba(255, 255, 255, .4) } footer .ft-row .ftb-itm:nth-child(6) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 100% } footer .ft-row .scp-t-socials.hidden { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 45px } footer .ft-row .scp-t-socials .scp-ts { width: 35px; height: 35px; margin-right: 10px } footer .ft-row .scp-t-socials .scp-ts:last-child { margin-right: 0 } footer .ft-row .ftb-itm .ftb-i-right { display: block; width: 50% } footer .ft-row .ftb-itm .ftb-i-right .ftb-igr-logo img { margin-right: 0; margin-left: auto } footer .ft-row .ftb-itm .ftb-i-left { width: 50% } .burger-mnu .my-container.flex { padding-left: 15px; padding-right: 15px } .burger-mnu .my-container.flex .bm-content .bmc-left ul li a { font-size: 18px; line-height: 18px } .burger-mnu .my-container.flex .bm-content .bmc-left ul li { margin-bottom: 20px } .s-catalog-category .scc-right { padding-top: 15px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block .btn-more { position: relative; bottom: 0 } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block .sab-p { margin-bottom: 30px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block { margin-top: 0; padding-bottom: 45px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm.sa-no-img { padding-left: 15px; padding-right: 15px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm.sa-no-img .sa-block .sab-hdr { font-size: 24px; line-height: 32px; margin-bottom: 30px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm.sa-no-img { padding-bottom: 45px; padding-top: 45px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm.sa-no-img .sa-img { margin-bottom: 30px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm { margin-bottom: 30px } .s-catalog-category.scc-ap .scc-right { padding-top: 20px } .s-catalog-category.scc-ap .scc-right .sar-hdr { margin-bottom: 20px } .s-catalog-category.scc-ap .scc-top.my-container { padding-bottom: 0 } .s-catalog-category.scc-ap .scc-right .sar-p, .s-catalog-category.scc-ap .scc-right p { font-size: 13px; line-height: 22px; margin-bottom: 22px } .s-catalog-category.scc-ap .scc-right img { padding-top: 30px } .s-catalog-category.scc-ap .scc-right .s-share { display: none } .s-catalog-category.scc-ap .scc-right .sar-hdr { font-size: 21px; line-height: 28px } .lk-page .lkp-items .lkp-itm .lkp-hdr { font-size: 21px; line-height: 28px } .lk-page .lkp-items .lkp-itm .lkp-i-hdr { font-size: 18px; line-height: 21px; margin-bottom: 0 } .s-contacts-page .scp-middle .scp-map .scm-content .scm-hdr { font-size: 21px; line-height: 28px; margin-bottom: 20px } .s-contacts-page .scp-middle .scp-map .scm-content .scm-p { font-size: 15px; line-height: 24px; margin-bottom: 30px } .s-contacts-page .scp-top .scp-hdr { font-size: 24px; line-height: 32px; margin-bottom: 15px } .s-contacts-page .scp-top .scp-t-socials { max-width: 270px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .s-contacts-page .scp-top .scp-t-items { text-align: center } .s-contacts-page .scp-top .scp-t-socials .scp-ts { margin-left: 7.5px; margin-right: 7.5px } .s-contacts-page .scp-top .scp-t-items, .s-contacts-page .scp-top .scp-t-socials { padding-left: 0; padding-right: 0 } .s-contacts-page .scp-top .scp-t-items .scp-t-itm { width: 100%; margin-bottom: 15px } .s-contacts-page .scp-top .scp-t-items .scp-t-itm:last-child { margin-bottom: 0 } .s-contacts-page .scp-top .scp-t-items .scp-t-itm .scp-t-i-gr { margin-bottom: 0 } .s-contacts-page .scp-top .scp-t-socials { margin-bottom: 0 } .basket-page .bp-content .bpc-left .blt-block { padding-top: 45px; padding-bottom: 45px } .s-contacts-page .scp-top .scp-t-items .scp-t-itm .scp-t-i-bl, .s-contacts-page .scp-top .scp-t-items .scp-t-itm .scp-t-i-or { font-size: 21px; line-height: 28px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-delete { right: auto; left: 15px; top: 0 } header .top-line .tl-right .tlr-phone:nth-child(1) { width: 30px; height: 30px; background: no-repeat url(/css/../img/phone_icn.svg) 50% } header .top-line .tl-right .tlr-phone:nth-child(1) span { display: none } header .top-line .tl-right .tlr-phone:nth-child(2) { display: none } header.small-header .top-line .my-container.flex { padding-right: 15px } header.small-header .top-line .tl-right .tlr-phone:nth-child(2) { margin-left: 0; width: 100% } header.small-header .top-line .tl-right { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: right } header.small-header { padding-top: 15px; padding-bottom: 15px } .basket-page .bp-content .bpc-left .bl-block .blb-hdr { font-size: 21px; line-height: 28px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-img { min-width: 1px; max-width: 100%; width: 100%; margin-bottom: 15px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt { width: 100%; min-width: 1px; max-width: 100%; margin-bottom: 30px; padding-left: 0 } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-hdr { margin-bottom: 20px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-price { position: relative; top: -5px } .s-related.sr-bikes .sr-slider .swiper-slide .srs-itm .srs-img { min-height: 330px } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm { width: 100% } .s-video .sv-slider .swiper-slide .svs-itm { height: 242px } .s-video .sv-slider .swiper-slide .svs-itm .svs-i-hdr { font-size: 12px; line-height: 16px; padding-bottom: 15px } .s-video .h2 { margin-bottom: 30px } .s-video.bl-arr .bl-arrows { display: none } .s-video .sv-slider .k-dots { display: block } .s-video .sv-slider .swiper-container { padding-bottom: 50px } .s-catalog-category .scc-filters { position: fixed; top: 0; left: -100%; width: 100%; height: 100%; border: none } .s-catalog-category .scc-filters.active { left: 0 } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li a::before, .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li span::before { display: none } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul { padding-left: 0 } .s-catalog-category .scc-filters .scc-f-ul li { margin-bottom: 15px } .s-catalog-category .scc-filters .scc-f-ul { padding-bottom: 20px; margin-bottom: 20px } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul { margin-top: 15px } .s-catalog-category .scc-filters .scc-f-address { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .s-catalog-category .scc-right .sr-top .srt-adap-open-fltr { display: none } .s-catalog-category .scc-top.my-container .scc-hdr { font-size: 24px; line-height: 32px; padding-right: 15px; margin-bottom: 26px } .s-catalog-category .scc-top.my-container .scc-hdr .scc-h-num { font-size: 9px; line-height: 12px } .s-catalog-category .scc-right .sr-items .sr-itm .adap-btns { display: block } .s-catalog-category .scc-right .sr-items .sr-itm { padding-bottom: 80px } .fix-nav { display: block; padding-left: 15px; padding-right: 15px } .s-catalog-category .scc-top.my-container .scc-t-conf { z-index: 4; position: fixed; left: 15px; top: 150px; right: auto; display: none } .s-catalog-category .scc-top.my-container .scc-t-conf.active { display: block } .s-catalog-category .scc-top.my-container .scc-t-btns { position: fixed; z-index: 4; top: 90px; left: 5px; right: auto; display: none } .s-catalog-category .scc-top.my-container .scc-t-btns.active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .s-catalog-category .scc-right .sr-top { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background: #fff; display: block; padding-top: 50px; padding-bottom: 45px; display: none } .s-catalog-category .scc-right .sr-top.active { display: block } .s-catalog-category .scc-right .sr-top .srt-select { max-width: 480px } .s-catalog-category .scc-right .sr-top .srt-adap { display: block } .s-catalog-category .scc-right .sr-top .srt-items { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm { width: 100%; margin-right: 0; margin-bottom: 30px } .s-catalog-category .scc-right .sr-items .sr-itm { width: 100% } .s-catalog-category .scc-right .sr-items .sr-itm:nth-child(1) { border-right: none } .s-catalog-category .scc-right .sr-items .sr-itm .sri-btm { display: none } .s-catalog-category .scc-right .sr-items .sr-itm::before { display: none } .s-catalog-category .scc-right .sr-items .sr-itm .sri-color { display: none } .s-catalog-category .scc-right .sr-items .sr-small-items .sr-sm-itm .sr-sm-descr { font-size: 14px; line-height: 18px } .s-catalog-category .scc-right .sr-items .sr-small-items .sr-sm-itm { padding-top: 45px; padding-bottom: 45px } .s-catalog-category .scc-right .sr-items .sr-small-items .sr-sm-itm .sr-sm-icon { margin-bottom: 15px } .s-reviews .sr-top.my-container.flex .sr-hdr { margin-right: 0; width: 100%; margin-bottom: 0 } .s-reviews .sr-top.my-container.flex { margin-bottom: 30px } .s-reviews .sr-top.my-container.flex .sr-hdr { font-size: 32px; line-height: 46px; margin-right: 15px } .s-reviews .sr-top.my-container.flex .sr-add { font-size: 32px; line-height: 46px } .s-catalog .sc-top.my-container .h1 { font-size: 32px; line-height: 46px; margin-bottom: 30px } .s-related .sr-slider .swiper-slide:nth-child(1) { border-left: 1px solid #eee } .s-related .sr-slider .swiper-slide:last-child { border-right: 1px solid #eee } .s-related .sr-slider { padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box } .s-related .sr-slider .swiper-slide .srs-itm .srs-img { min-height: 270px; margin-bottom: 13px } .s-related .sr-top .h2 { margin-bottom: 20px } .s-related .bl-arrows { display: none } .s-related .sr-slider .swiper-container { padding-bottom: 50px } .s-related .sr-slider .swiper-pagination.k-dots { display: block; bottom: 11px } .s-related .sr-slider .swiper-slide { width: 50% } .h1 { font-size: 32px; line-height: 46px } .h2 { font-size: 24px; line-height: 30px } .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-next::before, .s-detail .sd-content .sdc-color .sdc-c-slider .swiper-button-prev::before { background: rgba(255, 255, 255, .4) } .sd-chars .sdc-wrap-content .sdc-content .sdc-review .sdc-r-right .mCSB_inside > .mCSB_container { margin-right: 25px } .s-detail .sd-photos { display: none } .s-detail .sdp-main::before { -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); bottom: 15px; right: 15px } .s-detail .sd-slider { display: block; width: 100% } .s-detail .sdp-main .sdp-m-block .sdp-m-hdr { font-size: 18px; line-height: 21px } .s-detail .sdp-main { min-height: 320px; width: 100%; padding-top: 50px; padding-bottom: 50px } .s-detail .sdp-main .sdp-m-block { left: 15px; top: 15px } .s-detail .sdp-main img { max-width: 290px; margin-left: auto; margin-right: auto } .s-breadcrumbs ul li { padding-right: 30px } .s-breadcrumbs ul li::before { width: 8px; right: 11px } header .top-line .tl-hidden-basket { display: block } header .top-line .tl-search { display: none } header .top-line .tl-basket { top: 19px; right: 166px; position: absolute } header .top-line .tl-callback { display: none } header .top-line .tl-logo { max-width: 100% } header { padding-bottom: 0 } } @media only screen and (max-width: 600px) { .s-show .ss-itm { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 15px } .s-show .ss-itm:last-child { margin-bottom: 0; width: auto } .s-show .my-container.flex { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .s-show .my-container.flex::before { display: none } .s-comp .sc-content .sc-right .scr-slider .swiper-slide, .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide { width: 100% } .s-sitemap .ssm-items .ssm-itm { width: 100% } .s-sitemap { padding-bottom: 45px; padding-top: 45px } footer .ft-row .scp-t-socials.hidden { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } footer .ft-row .ftr-pay .ftr-p-descr { margin-bottom: 20px; width: 100%; margin-right: 0 } footer .ft-row .ftr-pay { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-comp .sf-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr { margin-right: 0; width: 100%; margin-bottom: 15px } .s-comp .sf-items .tlb-itm .tlb-txt .tlb-char { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-plus .sp-items .sp-itm { width: 100%; margin-bottom: 60px; max-width: 290px; margin-left: auto; margin-right: auto } .s-plus .sp-items .sp-itm:nth-child(even) { margin-top: 0 } .default-form.def-conf .def-content .def-row.def-price span:nth-child(2) { font-size: 21px; line-height: 28px } .default-form.def-conf .def-content .def-row.def-price span:nth-child(1) { top: 0 } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-descr { display: block; width: 100%; max-width: 100%; min-width: 1px; padding-right: 0; margin-bottom: 15px } .s-configurator .sc-params .scp-content .scp-column { margin-bottom: 30px } .s-configurator .sc-params .scp-content .scp-column .scp-itm { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-ch { width: 100% } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-sl { width: 100% } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-right .sr-items .sr-more-btn { padding-top: 45px } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-right .sr-items .sr-more-btn .btn { margin-right: 25px } .s-configurator .sc-result .s-catalog-category.scc-no-filter .scc-right .sr-items .sr-more-btn { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-configurator .sc-result { padding-bottom: 45px } .s-configurator .scp-nav ul li a, .s-configurator .scp-nav ul li span { font-size: 14px; line-height: 22px } .s-team .st-slider .swiper-slide { width: 290px } .s-team .st-slider .swiper-slide .sts-itm { max-width: 200px } .s-team .st-slider .swiper-slide .sts-itm .sts-i-txt .sts-i-name { font-size: 15px; line-height: 24px } .s-simple-txt p { font-size: 15px; line-height: 24px; margin-bottom: 20px } .s-simple-txt .sst-ul-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 25px } .s-simple-txt .sst-ul-wrap .sst-ul { width: 100%; padding-right: 0; margin-bottom: 20px } .s-simple-txt .sst-ul-wrap .sst-ul:last-child { margin-bottom: 0 } .s-simple-txt .sst-ul-wrap .sst-ul li.sst-title { margin-bottom: 5px } .s-orn .sb-block .sbb-descr { font-size: 40px; line-height: 40px; margin-bottom: 15px } .btn-with-arr { font-size: 15px; line-height: 18px; padding-right: 50px } .burger-mnu .bm-close { right: 15px; top: 15px } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars { padding-top: 45px } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li { margin-bottom: 15px } .burger-mnu .my-container.flex .bmc-btm .bmc-b-right .bmc-br-descr.ad { margin-right: 0; display: block; text-align: left; margin-bottom: 14px } .burger-mnu .my-container.flex .bmc-btm .bmc-b-right .bmc-br-descr { display: block; text-align: left } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 15px } .burger-mnu .my-container.flex .bmc-btm .my-container { padding-top: 15px; padding-bottom: 15px } .burger-mnu .my-container.flex .bmc-btm .scp-t-socials .scp-ts { width: 45px; height: 45px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr { margin-right: 0; width: 100%; margin-bottom: 26px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt .tlb-char { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm:last-child { padding-bottom: 0 } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-price .tlb-pr-new { margin-bottom: 11px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-price .tlb-pr-old { top: -10px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-price { margin-left: 50%; text-align: left; top: 0; min-width: 1px; width: 50%; max-width: 100% } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-name { margin-right: 15px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt { margin-bottom: 30px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm { padding-bottom: 30px; margin-bottom: 30px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-order-info { margin-bottom: 30px } .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-img, .lk-page .lkp-items .lkp-itm .lkp-i-content .tlb-items .tlb-itm .tlb-txt { min-width: 1px; max-width: 100%; width: 50%; padding-left: 0 } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap .container { padding-left: 30px } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .blb-hdr { margin-bottom: 30px } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap { width: 100%; margin-bottom: 15px } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap:last-child { margin-bottom: 0 } .s-related .sr-slider .swiper-slide .srs-itm .srs-gray { font-size: 12px; line-height: 18px } .s-related.sr-bikes .sr-slider .swiper-slide .srs-itm .srs-name { min-height: 24px; margin-bottom: 0 } .s-related.sr-bikes .sr-slider .swiper-slide .srs-itm .srs-img { min-height: 150px } .s-video .sv-slider .swiper-slide .svs-itm { width: 290px } .s-related .sr-slider .swiper-slide .srs-itm .srs-hidden { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-related .sr-slider .swiper-slide .srs-itm .srs-hidden .btn { width: 100%; padding-top: 12px; padding-bottom: 12px } .s-related .sr-slider .swiper-slide .srs-itm { padding-bottom: 20px } .main-wrapper .mCSB_inside > .mCSB_container { margin-right: 30px } .pb-scroll .pb-top { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .pb-scroll .pb-top .pbt-img { max-width: 100%; width: 100%; margin-right: 0; margin-bottom: 15px } .pb-scroll .pb-top .pbt-img img { margin-left: auto; margin-right: auto } .pb-scroll .pb-top .pbt-txt { text-align: center; width: 100% } .pb-scroll .pb-top { margin-bottom: 15px } .s-related .sr-slider .swiper-slide { width: 50% } .s-related .sr-slider { padding-left: 0; padding-right: 0 } .s-related .sr-slider .swiper-slide .srs-itm .srs-name { font-size: 10px; line-height: 12px; min-height: 24px } .s-related .sr-slider .swiper-slide .srs-itm .srs-img { min-height: 140px; max-width: 128px; margin-left: auto; margin-right: auto } .s-related .sr-slider .swiper-slide .srs-itm .srs-price { font-size: 14px; line-height: 21px } } @media only screen and (max-width: 480px) { header .top-line .tl-basket { top: 12px; right: 90px } header .top-line .tl-burger { padding-left: 0; width: 26px; height: 26px } header .top-line .tl-burger span { display: none } header .top-line .tl-burger::after { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } header .top-line .tl-phone { width: 40px; height: 40px; top: 8px; right: 43px } .s-catalog-category .scc-top.my-container .scc-t-fltrs .scc-tf-itm { margin-right: 10px } .s-brands .sb-items .sb-itm { width: 100% } .s-breadcrumbs .sb-slider { position: relative } .s-breadcrumbs .sb-slider::after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -15px; height: 30px; width: 50px; z-index: 1; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff)); background: -o-linear-gradient(left, rgba(255, 255, 255, 0), #fff); background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff) } .s-orn .sb-block .sbb-slider .sbb-s-descr { font-size: 40px; line-height: 40px } .s-orn .sb-block .sbb-slider .swiper-slide { width: 35px } .s-orn .sb-block .sbb-slider { margin-bottom: 0 } .s-orn .sb-block.sb-right { margin-bottom: 30px } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm .sct-i-img { height: 55px } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm .btn { font-size: 11px; line-height: 11px; padding-top: 10px; padding-bottom: 10px } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm { padding-top: 10px; padding-bottom: 10px } .s-comp .sc-content .sc-top-fixed .sct-slider .swiper-slide .sct-itm .sct-i-price { font-size: 16px; line-height: 18px } .s-video .sv-slider .swiper-slide .svs-itm::after { width: 70px; height: 71px } .basket-page .bp-content .bpc-right .bpr-descr { padding-left: 15px; padding-right: 15px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-img { height: 120px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-img { min-height: 120px } .basket-page .bp-content .bpc-left .bl-block .blb-hdr { cursor: pointer } .basket-page .bp-content .bpc-left .bl-block .blb-hdr.active .blb-open::before { display: none } footer .my-container { max-width: 320px } .s-detail .sd-content .sdc-gr a { display: inline-block; line-height: 22px } .s-detail .sd-content .sdc-prices { width: 100% } .s-electro .se-txt .se-t-hdr { font-size: 21px; line-height: 28px } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li.hidden .hd-flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-team .st-top .bl-arrows { display: none } .lk-page .lkp-items .lkp-itm .lkp-hdr a { margin-left: 0 } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-similar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 0 } .lk-page .lkp-items .lkp-itm .lkp-hdr .scc-t-fav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 0 } .default-form.df-dir .def-content .dc-hdr { font-size: 24px; line-height: 32px } .lk-page .lkp-items .lkp-itm .lkp-i-content .lkp-short-block p br { display: none } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr { max-width: -webkit-calc(100% - 100px); max-width: calc(100% - 100px) } .sd-chars .sdc-wrap-content .sdc-content .sdc-txt p { margin-bottom: 20px } .s-contacts-page.scp-extend .scp-sign .scp-sl .h1, .s-contacts-page.scp-extend .scp-top .scp-hdr { font-size: 24px; line-height: 32px } .s-btm-text.sbt-service .ss-top .sbt-hdr { font-size: 21px; line-height: 28px } .s-btm-text.sbt-service .ss-top .sbt-hdr .sbt-h-num { font-size: 13px; line-height: 15px; top: -10px } .default-form.def-conf .def-content .dfc-thx-hdr { font-size: 21px; line-height: 28px; text-align: center } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-ch.scp-four span { width: 50% } .s-configurator .scp-co-headers { padding-top: 45px } .s-configurator .scp-co-headers .scp-ch-hdr { font-size: 18px; line-height: 26px; margin-bottom: 10px; margin-right: 0 } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-list ul li span:nth-child(1) { width: 100%; max-width: 100%; padding-right: 100px; padding-left: 0 } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-list ul li { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-list ul li span:nth-child(2) { max-width: 100%; width: 100%; padding-right: 100px } .s-configurator .sc-result .scp-re-content .scr-h-conf-result .scr-hc-left .scr-hc-l-list ul li span:nth-child(3) { width: 100%; max-width: 100%; min-width: 1px; text-align: right; margin-top: -18px; padding-right: 0 } .s-configurator .sc-choice .scc-tabs .scc-tb .scc-tb-descr { font-size: 18px; line-height: 24px; margin-bottom: 0 } .s-configurator .sc-choice .scc-tabs .scc-tb .btn-with-arr { font-size: 10px; line-height: 13px } .s-configurator .sc-choice .h1 { margin-bottom: 45px } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-ch { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-ch span { font-size: 10px; line-height: 13px } .s-configurator .sc-params .scp-content .scp-btn-wrap .btn { padding-left: 40px; padding-right: 40px } .s-configurator .scp-nav ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center } .s-configurator .scp-nav { margin-bottom: 0 } .s-configurator { padding-top: 0 } .s-configurator .scp-nav ul li { padding-right: 0; width: 100% } .s-configurator .scp-nav ul li::after { display: none } .s-req .scl-form { padding-left: 0; padding-right: 0 } .s-req .sr-ul li { font-size: 15px; line-height: 48px } .s-team .st-top .h2 { font-size: 24px; line-height: 32px } .s-video-block .svb-item { height: 200px } .s-btm-text.sbt-custom .sbt-hdr { font-size: 21px; line-height: 28px } .s-btm-text.sbt-custom p { font-size: 24px; line-height: 34px } .s-orn .sb-block .sbb-descr { font-size: 26px; line-height: 26px } .s-bike .sb-two .sbt-block::before { display: none } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li::before { display: none } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li span { width: 100% } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul li span:nth-child(2) { padding-left: 0 } .sd-chars .sdc-wrap-content .sdc-content .sdc-chars .sch-ul { margin-bottom: 20px } .s-catalog-category.scc-ap .scc-right .sar-hdr br { display: none } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block .sab-hdr { font-size: 18px; line-height: 21px; margin-bottom: 10px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-block .sab-p { font-size: 15px; line-height: 24px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm.sa-no-img .sa-block .sab-hdr { font-size: 18px; line-height: 21px } .s-catalog-category.scc-articles .s-articles .sa-items .sa-itm .sa-img { height: 240px } .s-catalog-category.scc-ap .scc-right .s-share { right: 15px; top: 0 } .lk-page .lkp-items .lkp-itm .lkp-i-hdr .lkp-i-open { margin-left: 0; margin-top: 10px; display: block } .s-contacts-page .scp-btm .scb-left .scl-form .scl-descr br { display: none } .s-contacts-page .scp-btm .scb-right .scr-block .scr-items .scr-itm .scr-i-bl br { display: none } .default-form .dc-hdr { font-size: 18px; line-height: 24px } .default-form .dc-tabs .dct-tb { font-size: 18px; line-height: 24px } .default-form .dc-wrap .def-buttons .btn { font-size: 10px; line-height: 10px } .basket-page .bp-content .bpc-left .blt-block .blt-b-hdr { font-size: 24px; line-height: 36px; margin-bottom: 29px } .basket-page .bp-content .bpc-left .blt-block { padding-top: 31px } .basket-page .bp-content .bpc-left .blt-block .btn { max-width: 290px; width: 100%; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 50px } .basket-page .bp-content .bpc-left .blt-block .blt-bold { font-size: 18px; line-height: 21px; margin-bottom: 7px } .basket-page .bp-content .bpc-left .blt-block .blt-p { margin-bottom: 38px } .basket-page .bp-content .bpc-left .blt-block .blt-items.blt-two .blt-itm { width: 100%; margin-bottom: 38px } .basket-page .bp-content .bpc-left .blt-block .blt-items.blt-two .blt-itm:last-child { margin-bottom: 0 } .basket-page .bp-content .bpc-left .blt-block { margin-bottom: 19px } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-hdr { margin-bottom: 0 } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-inp { margin-top: 13px } .basket-page .bp-content .bpc-left .bl-block.blb-address, .basket-page .bp-content .bpc-left .bl-block.blb-del-pay, .basket-page .bp-content .bpc-left .bl-block.blb-rec { padding-top: 25px; padding-bottom: 25px } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items { display: none; margin-top: 30px } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items.active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-inp { display: none } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-inp.active { display: block } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .blb-hdr { position: relative; margin-bottom: 0 } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .blb-hdr .blb-open { top: 4px } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-hdr { position: relative } .basket-page .bp-content .bpc-left .bl-block .blb-open { position: absolute; width: 20px; height: 20px; right: 0; top: 0; cursor: pointer } .basket-page .bp-content .bpc-left .bl-block .blb-open::after, .basket-page .bp-content .bpc-left .bl-block .blb-open::before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 2px; background: #232323; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .basket-page .bp-content .bpc-left .bl-block .blb-open::before { height: 100%; width: 2px } .basket-page .bp-content .bpc-left .bl-block .blb-open.active::before { display: none } .quest-answer .qa-content { padding-top: 25px } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap .bld-descr { position: static } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap .bld-descr .quest-answer { position: static } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap .bld-descr .quest-answer .qa-content { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .basket-page .bp-content .bpc-right .bpr-items .bpr-itm { position: relative } .basket-page .bp-content .bpc-right .bpr-items .bpr-itm .bpr-name .quest-answer { position: static } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap .container { position: relative } .basket-page .bp-content { padding-left: 0; padding-right: 0 } .basket-page .bp-content .bpc-left .bl-block { padding-top: 26px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-hdr { margin-bottom: 26px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt { margin-bottom: 25px } .basket-page .bp-content .bpc-left .bl-block .blb-hdr { font-size: 24px; line-height: 32px; margin-bottom: 22px } .basket-page { padding-top: 0 } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm { padding-left: 0; padding-right: 0; padding-top: 28px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-img { width: 50% } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt { width: 50% } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-char { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-txt .tlb-char .tlb-ch-clr { margin-right: 0; width: 100%; margin-bottom: 26px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-count { margin-left: 50%; margin-right: 0; margin-bottom: 10px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-price { margin-left: 50%; top: 0 } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-price .tlb-pr-new { font-size: 18px; line-height: 21px; margin-bottom: 11px } .basket-page .bp-content .bpc-left .bl-block .tlb-items .tlb-itm .tlb-price { margin-bottom: 12px } header.small-header .top-line .tl-right .tlr-phone { font-size: 14px; line-height: 18px } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four .def-inp { width: -webkit-calc(50% - 5px); width: calc(50% - 5px) } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four .def-inp:nth-child(1) { margin-right: 5px } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four .def-inp:nth-child(2) { width: -webkit-calc(50% - 5px); width: calc(50% - 5px); margin-left: 5px } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four .def-inp:nth-child(3) { width: -webkit-calc(50% - 5px); width: calc(50% - 5px); margin-right: 5px } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four .def-inp:nth-child(4) { width: -webkit-calc(50% - 5px); width: calc(50% - 5px); margin-left: 5px } .basket-page .bp-content .bpc-left .bl-block.blb-address .blr-form .def-four { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .quest-answer .qa-content { width: 240px } .basket-page .bp-content .bpc-left .bl-block.blb-del-pay .bld-items .rb-wrap .bld-hdr { font-size: 14px; line-height: 18px } .logo-cart{ justify-content: flex-start !important; } .logo-cart img{ margin-right: 9px; } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-top { margin-bottom: 30px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .def-inp { margin-bottom: 20px } .def-inp input, .def-inp textarea { padding-left: 15px } .def-inp .def-inp-descr { left: 15px } .def-inp.active .def-inp-descr { left: 15px } .def-inp input:focus + .def-inp-descr, .def-inp textarea:focus + .def-inp-descr { left: 15px } .basket-page .bp-content .bpc-left .bl-block.blb-rec .blr-top .blb-hdr { width: 100%; padding-right: 0 } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-inp { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-inp input { margin-right: 0; width: 100%; max-width: 100%; margin-bottom: 10px } .basket-page .bp-content .bpc-left .bl-block.blb-promo .blb-p-inp button { width: 100%; padding-top: 18.5px; padding-bottom: 18.5px } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm .sri-top .sri-t-row .sri-t-price { text-align: left; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .s-catalog-category .scc-right .sr-items.sr-three .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-pr { margin-top: 4px } .s-catalog-category .scc-filters .scc-f-ul li .scc-f-ul-hdr { font-size: 12px; line-height: 16px } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul { margin-top: 10px } .s-catalog-category .scc-filters .scc-f-ul li .scc-sub-ul li { margin-bottom: 10px } .s-catalog-category .scc-filters .scc-f-ul li { margin-bottom: 10px } .s-catalog-category .scc-right .sr-items .sr-small-items { display: none } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale { padding-top: 50px; padding-bottom: 54px; background-position: 50% 50% } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale .srs-sale { text-align: left; font-size: 13px; line-height: 15px; margin-bottom: 16px } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale .srs-hdr { font-size: 30px; line-height: 34px; margin-bottom: 76px; z-index: 1; position: relative } .s-catalog-category .scc-top.my-container { padding-bottom: 47px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr .dis, .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr .in { position: absolute; top: 0; margin-left: 0; left: 27px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-img { margin-top: 35px; margin-bottom: 35px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr { font-size: 14px; line-height: 154.3% } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-price { text-align: right; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: relative; top: 2px } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-pr { display: block; margin-top: 14px; margin-left: 0 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-new { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; width: 100%; margin-left: 0 } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-price .sri-t-new::after { display: none } .s-catalog-category .scc-right .sr-top .srt-items { position: relative } .s-catalog-category .scc-right .sr-top .srt-adap .srt-close { top: 46px; right: 19px } .s-catalog-category .scc-top.my-container .scc-t-btns { top: 87px } .s-catalog-category .scc-top.my-container .scc-t-conf { top: 125px } .s-catalog-category .scc-right .sr-top .srt-adap .srt-hdr { margin-bottom: 84px } .s-catalog-category .scc-right .sr-top .srt-select .select-items div, .s-catalog-category .scc-right .sr-top .srt-select .select-selected { padding-left: 20px; background: #fafafa; padding-right: 34px } .s-catalog-category .scc-right .sr-top .srt-select { margin-bottom: 41px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm { margin-bottom: 0; position: static } .s-catalog-category .scc-right .sr-top .srt-select { margin-bottom: 0 } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm .srt-i-hidden { left: 0; top: 0; width: 290px; padding-left: 15px; padding-right: 15px; padding-top: 15px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.srt-size .srt-i-hidden .srt-ih-descr { margin-bottom: 15px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.srt-size .srt-i-hidden .rb-wrap { margin-bottom: 15px } .s-catalog-category .scc-right .sr-top .srt-items .srt-itm.srt-size .srt-i-hidden { width: 290px } .s-catalog-category .scc-right .sr-top .srt-select .select-selected::after { right: 15px } .s-detail .sd-content .sd-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .s-detail .sd-content .sdc-rd { -webkit-box-ordinal-group: -1; -webkit-order: -2; -ms-flex-order: -2; order: -2; margin-bottom: 50px } .s-detail .sd-content .sdc-color { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-bottom: 49px } .s-detail .sd-content .sdc-ul { margin-bottom: 13px } .s-detail .sdp-main::before { display: none } .s-detail .sd-content .sdc-all { margin-bottom: 38px } .s-detail .sd-content .sdc-two { margin-bottom: 44px } .s-detail .sd-content .sdc-buttons { margin-bottom: 20px; width: 100% } .s-detail .sd-content .sdc-gr { line-height: 32px } .s-two .st-items .st-itm .sti-content .sti-hdr { display: inline-block } .s-two .st-items .st-itm .sti-content .sti-hdr .sti-h-num { left: auto; right: -20px } .pb-scroll .pb-content p { font-size: 18px; line-height: 24px } .pb-scroll .pb-content { height: 240px } .s-reviews .sr-top.my-container.flex .sr-hdr { font-size: 24px; line-height: 30px } .s-reviews .sr-top.my-container.flex .sr-add { font-size: 24px; line-height: 30px } .s-reviews .sr-slider .swiper-slide .srs-itm { max-width: 290px } .s-reviews .sr-slider .swiper-container { padding-bottom: 60px } .s-reviews .sr-slider .swiper-button-next { top: auto; margin-top: 0; bottom: 0 } .s-reviews .sr-slider .swiper-button-prev { top: auto; margin-top: 0; bottom: 0 } .s-catalog .sc-items .sc-itm .sci-name { font-size: 21px; line-height: 28px; margin-bottom: 0 } .s-two .st-items .st-itm { padding-left: 20px; padding-right: 20px } .s-two .st-items .st-itm.gray { padding-left: 15px; padding-right: 15px } .s-detail .sd-content .sdc-buttons .btn { width: 50% } .s-detail .sd-content .sdc-rd .sdc-descr { min-width: 1px; width: 100%; padding-bottom: 23px } header .top-line .tl-logo { max-width: 140px } header .top-line .my-container.flex { padding-right: 15px } } .sdc-tabs .swiper-container { display: inline-block; } .wrap-tab-button-link { display: flex; justify-content: left; width: 100%; align-items: center; margin-bottom: 31px; } .wrap-tab-button-link.sdc-all, .pseudo_tab_link { font-family:Mont-Light,sans-serif; font-style: normal; display: flex; align-items: center; font-weight: 300; margin-left:10px; font-size: 12px; line-height: 15px; color: #000000; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; margin-bottom: 0; } .pseudo_tab_link:hover{ color: #010101; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .pseudo_tab_link img { margin-right: 10px; } @media (max-width:1024px){ .wrap-tab-button-link { justify-content: start; } .pseudo_tab_link { margin-left: 15px; } .pseudo_tab_link + .pseudo_tab_link { margin-left: 15px; } } @media (max-width: 768px){ .wrap-tab-button-link { flex-wrap: wrap; } .pseudo_tab_link { width: 100%; margin: 0; margin-top: 15px; } .pseudo_tab_link + .pseudo_tab_link { margin-left: 0px; margin-top: 15px; } .wrap-tab-button-link .pseudo_tab_link.first-child { margin-top: 20px; } .wrap-tab-button-link .pseudo_tab_link.first-child img { margin-right: 12px; } .wrap-tab-button-link .pseudo_tab_link.last-child img { margin-right: 16px; margin-left: 6px; } } @media (max-width: 1360px) and (min-width: 993px) { header .top-line .tl-search { display: block } header .top-line .tl-form { display: none; } } @media (max-width: 1090px) and (min-width: 993px) { header .top-line .tl-callback { width: 90px; } header .top-line .tl-phones { padding: 0; padding-left: 5px; font-size: 12px; } } /* End */ /* Start:/libs/m/eocjs-newsticker.css?1705262261703*/ /* eocjsNewsticker v0.3.4 */ .eocjs-newsticker .eocjs-newsticker-container { position: relative; overflow: hidden; } .eocjs-newsticker .eocjs-newsticker-one, .eocjs-newsticker .eocjs-newsticker-two { position: absolute; left: 0; top: 0; white-space: nowrap; } .eocjs-newsticker-loader { position: absolute; left: calc(50% - 10px); width: 16px; height: 16px; display: block; border: 2px solid #555555; border-top: 2px solid transparent; border-radius: 50%; animation: eocjs-newsticker-spin 1s linear infinite; } @keyframes eocjs-newsticker-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* End */ /* Start:/css/form.css?17052623083757*/ .blc_fole_upl { text-align: left; margin: 41px 0 0; position: relative; } #mform .blc_fole_upl { border-bottom: 1px solid #424242; margin: 14px 0 0; padding: 0 0 17px; } .rform .blc_fole_upl { text-align: left; margin: 14px 0 0; position: relative; } @media (max-width: 800px) { .blc_fole_upl { margin: 20px 0 0; } } .blc_fole_upl a.dwn { position: relative; font: normal 13px/20px "Mont-Regular", sans-serif; color: #616161; text-decoration: none; cursor: pointer; padding: 0 0px 0 40px; } .blc_fole_upl a.dwn:before { content: ""; position: absolute; top: 0; right: 0; left: 0; top: 0; width: 24px; height: 18px; background: url(/css/../img/i27.png); } .blc_fole_upl a.dwn:hover { color: #000; } .blc_fole_upl a.dwn:hover:before { background: url("/css/../img/i27.png") no-repeat 0 0; } .blc_fole_upl a.dwn:after{ content: ''; position: absolute; left: 39px; bottom: 0px; right: 0; width: -webkit-calc(100% - 39px); width: calc(100% - 39px); height: 1px; margin: auto; background: #FF6600; transition: .35s; } .blc_fole_upl a.dwn:hover:after{ content: ''; position: absolute; left: 39px; right: 0; bottom: 0px; width: -webkit-calc(100% - 39px); width: 0; height: 1px; background: #FF6600; transition: .35s; } .blc_fole_upl p.desc { margin: 9px 0 0px 20px; width: auto; font: normal 13px/20px "Mont-Regular", sans-serif; color: #0a365c; display: none; } .blc_fole_upl .mulip { display: none; } ul.list_dwn { margin: 0; } ul.list_dwn li { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 5px } ul.list_dwn li:last-child{ margin-bottom: 0; } ul#ul2 li { position: relative; 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; } ul.list_dwn li.error > input { display: none !important; } ul.list_dwn li:before { content: " "; display: table; } ul.list_dwn li:after { content: " "; display: table; clear: both; } ul.list_dwn li > div { display: none !important; } ul.list_dwn li p { font: normal 13px/20px "Mont-Regular", sans-serif; color: #000; margin: 0px 0px 0 0; float: left; } ul.list_dwn li i { font: normal 13px/20px "Mont-Regular", sans-serif; color: #000; margin: 17px 0 0px 0px; float: left; display: none; } ul.list_dwn li span { background: none; width: 22px; height: 22px; position: relative; top: -3px; left: 7px; cursor: pointer; } ul.list_dwn li span:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 18px; height: 1px; background: #cdcdcd; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .35s; -o-transition: .35s; transition: .35s; } ul.list_dwn li span:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 18px; height: 1px; background: #cdcdcd; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: .35s; -o-transition: .35s; transition: .35s; } ul.list_dwn li span:hover:after, ul.list_dwn li span:hover:before{ background: #FF6600; -webkit-transition: .35s; -o-transition: .35s; transition: .35s; } /* End */ /* Start:/css/n5.css?17052623088326*/ .s-orn.s-orn_n{padding:0}.s-orn.s-orn_n .sb-right_nm{margin-bottom:0}.wo_bt{position:relative;width:100%;display:flex;justify-content:center;align-items:center;height:275px}@media (max-width:1400px){.wo_bt{height:220px}}@media (max-width:992px){.wo_bt{height:120px}}.wo_bt .bt{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:100%;height:275px;color:#f60;z-index:0}@media (max-width:1400px){.wo_bt .bt{height:220px}}@media (max-width:992px){.wo_bt .bt{height:120px}}.wo_bt .bt .eocjs-newsticker-container{height:100%}.wo_bt .bt .eocjs-newsticker-container .eocjs-newsticker-one,.wo_bt .bt .eocjs-newsticker-container .eocjs-newsticker-two{height:100%;font-size:250px;line-height:250px;font-family:NightMachineRUSbyDaymarius,sans-serif;text-transform:uppercase;color:#f60;font-weight:700;letter-spacing:30px}@media (max-width:1400px){.wo_bt .bt .eocjs-newsticker-container .eocjs-newsticker-one,.wo_bt .bt .eocjs-newsticker-container .eocjs-newsticker-two{font-size:200px;line-height:200px;letter-spacing:25px}}@media (max-width:992px){.wo_bt .bt .eocjs-newsticker-container .eocjs-newsticker-one,.wo_bt .bt .eocjs-newsticker-container .eocjs-newsticker-two{font-size:100px;line-height:100px;letter-spacing:10px}}@media (max-width:480px){.wo_bt,.wo_bt .bt{height:50px}.wo_bt .bt .eocjs-newsticker-container .eocjs-newsticker-one,.wo_bt .bt .eocjs-newsticker-container .eocjs-newsticker-two{font-size:40px;line-height:40px;letter-spacing:6px}}.s-btm-text .all_artcl{margin:0 0 110px}.s-btm-text .all_artcl a{color:#8d8d8d;font-family:Mont-Regular;line-height:12px;font-size:12px;display:flex;align-items:center;position:relative;transition:.35s}.s-btm-text .all_artcl a:hover{color:#f60;transition:.35s}.s-btm-text .all_artcl a:hover .l{background:#f60;transition:.35s}.s-btm-text .all_artcl a .l{display:inline-block;position:relative;background:#8d8d8d;width:72px;height:1px;margin:0 0 0 17px;transition:.35s}.scc-right_map{padding-bottom:100px}.scc-right_map .my-container{max-width:1868px}ul.map-level-0 a,ul.map-level-1 a,ul.map-level-2 a,ul.map-level-3 a{font-weight:400}.map-columns{width:100%;margin:0;border:0}.map-columns td{vertical-align:top}.map-columns tr,.map-columns tr td{border:0!important}.map-level-0{text-align:left}.map-level-0>li{margin:0 0 5px}.map-level-0>li>a{color:#f60;font:20px/20px Mont-Regular;margin:0 0 20px}.map-level-0>li .map-level-1{margin-top:19px;margin-left:19px}.map-level-0>li .map-level-1>li{margin:0 0 19px}.map-level-0>li .map-level-1>li>a{color:#f60;font:20px/20px Mont-Light;transition:.35s}.map-level-0>li .map-level-1>li>a:hover{color:#000;transition:.35s}.map-level-0>li .map-level-1>li .map-level-2{margin-top:19px}.map-level-0>li .map-level-1>li .map-level-2>li{margin:0 0 19px}.map-level-0>li .map-level-1>li .map-level-2>li>a{color:#f60;font:20px/20px Mont-Light;transition:.35s}.map-level-0>li .map-level-1>li .map-level-2>li>a:hover{color:#000;transition:.35s}footer .ft-row .ftr-pay{justify-content:flex-start;border:0;position:relative}footer .ft-row .ftr-pay:before{content:"";position:absolute;top:0;left:0;height:1px;width:100%;max-width:515px;background:rgba(255,255,255,.1)}footer .ft-row .scp-t-socials .scp-ts.fm::before{background:url(/css/../img/YT.svg) 50% no-repeat}footer .ft-row .scp-t-socials .scp-ts.fm::after{background:url(/css/../img/YT_h.svg) 50% no-repeat}footer .ft-btm .ft-row{align-items:flex-start}.ez-footer .my-container{transform:translateY(0);opacity:1}header .top-line .tl-search input{top:50px}.s-catalog-category .scc-right .sr-top .srt-select{display:flex;margin-bottom:25px}.s-catalog-category .scc-right .sr-top .srt-select .selectize-control{width:220px;margin-right:35px}.sr-top .bx_filter{width:100%;max-width:100%}.sale_pg .s-catalog-category .scc-right{width:100%}.search_pg .s-catalog-category{padding-bottom:0}.search_pg .s-catalog-category .scc-right{width:100%;padding-top:0}.nr{padding:0 15px}.nr .my-container{padding-left:88px;padding-right:88px;width:100%;position:relative;max-width:1868px;color:#000;font-size:17px;line-height:30px}@media (max-width:1400px){.nr{padding:0}.nr .my-container{padding-left:40px;padding-right:40px}}@media (max-width:1200px){.map-level-0>li .map-level-1>li,.map-level-0>li .map-level-1>li .map-level-2{margin-top:10px}.map-level-0>li .map-level-1>li .map-level-2>li{margin:0 0 10px}.nr .my-container{padding-left:15px;padding-right:15px}}.nr .my-container a{color:#f60}#trg_dtl{position:absolute}.customs_txt{font-family:Mont-Regular;font-weight:400;font-style:normal;font-size:18px;line-height:30px}.customs_txt .my-container1{max-width:1868px;padding-left:88px;padding-right:88px;position:relative}@media (max-width:1400px){.customs_txt{font-size:14px;line-height:26px}.customs_txt .my-container1{padding-left:40px;padding-right:40px}}.customs_txt .my-container{max-width:1256px;position:relative}.customs_txt .h4{color:#000;font-family:Mont-SemiBold;font-size:24px;line-height:38px;margin-bottom:30px}@media (max-width:1400px){.customs_txt .h4{font-size:22px;line-height:32px;margin-bottom:20px}}.customs_txt .rows_dbl{display:flex;position:relative}.customs_txt .rows_dbl .bdl_img{position:relative;width:544px;left:0;text-align:right;margin:0 0 70px}.customs_txt .rows_dbl .bdl_img .img02{position:relative;right:-80px;margin:-104px 0 0}@media (max-width:1200px){.customs_txt .my-container1{padding-left:15px;padding-right:15px}.customs_txt .rows_dbl .bdl_img{width:444px}.customs_txt .rows_dbl .bdl_img .img02{max-width:176px}}@media (max-width:992px){.customs_txt .h4{font-size:18px;line-height:26px;margin-bottom:20px}.customs_txt .rows_dbl{flex-wrap:wrap}.customs_txt .rows_dbl .bdl_img{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.customs_txt .rows_dbl .bdl_img .img01{align-self:flex-start}.customs_txt .rows_dbl .bdl_img .img02{max-width:100%;right:0;left:auto;align-self:flex-end;margin:-50px 0 0}}@media (max-width:450px){.customs_txt .rows_dbl .bdl_img .img02{max-width:125px}}.customs_txt .rows_dbl .dbl_txt{position:relative;width:calc(100% - 544px);left:0;padding:0 0 0 180px}@media (max-width:1200px){.customs_txt .rows_dbl .dbl_txt{width:calc(100% - 444px)}}.customs_txt p{color:#000;margin-bottom:30px}@media (max-width:1400px){.customs_txt .rows_dbl .dbl_txt{padding:0 0 0 120px}.customs_txt p{margin-bottom:20px}}.customs_txt ul{margin-bottom:30px}.customs_txt ul li{margin-bottom:5px}.autotexts_mp{font-family:Mont-Regular;font-size:15px;line-height:19px;margin:55px 0 175px}.autotexts_mp .my-container{max-width:1256px;position:relative}.autotexts_mp .my-container .l{height:1px;width:100%;background:rgba(0,0,0,.2);margin:0 0 53px}.autotexts_mp .my-container p{color:#000;margin-bottom:30px}@media (max-width:1400px){.customs_txt ul{margin-bottom:20px}.autotexts_mp .my-container .l{margin:0 0 35px}.autotexts_mp .my-container p{margin-bottom:20px}}.btn-more_pdf{margin-left:115px;position:relative;display:inline-block;font-size:15px;line-height:19px;font-family:Mont-Regular,sans-serif;padding-bottom:8px;outline:0;color:#000;transition:.5s}.btn-more_pdf:hover{color:#f60;transition:.5s}.btn-more_pdf:hover:before{background:#f60}.btn-more_pdf:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#000;transition:.5s}.btn-more_pdf:after{content:"";position:absolute;top:0;left:-25px;background:url(/css/../img/dwn.svg) no-repeat;width:17px;height:17px}@media (max-width:500px){.btn-more_pdf{position:relative;display:block;margin:15px 0 0;width:165px}.btn-more_pdf:after{right:-25px;left:auto}}.basket-page .bp-content .bpc-right .bpc-fixed{max-width:281px;width:100%}@media (max-width:992px){.customs_txt .rows_dbl .dbl_txt{width:100%;padding:0}.sdb{position:static!important;margin:0!important;top:0!important;height:auto!important;min-height:auto!important;padding:0!important;width:auto!important}.sdb .sd-block{position:relative!important;top:0!important;margin-top:0!important;inset:0!important;width:auto!important}.bsk_fx{position:static!important;margin:0!important;top:0!important;height:auto!important;min-height:auto!important;padding:0!important;width:auto!important}.bsk_fx .bpc-right{position:relative!important;top:0!important;margin-top:0!important;inset:0!important;width:auto!important}}#tr_ofd{position:relative} /*# sourceMappingURL=n5.css.map */ /* End */ /* Start:/css/style.css?170526230814871*/ @charset "UTF-8"; @font-face{ font-family:Mont-Bold; font-weight:400; font-style:normal; font-display:swap; src:url(/css/../fonts/Mont-Bold/Mont-Bold.eot); src:url(/css/../fonts/Mont-Bold/Mont-Bold.eot?#iefix) format("embedded-opentype"),url(/css/../fonts/Mont-Bold/Mont-Bold.woff) format("woff"),url(/css/../fonts/Mont-Bold/Mont-Bold.ttf) format("truetype") } @font-face{ font-family:Mont-Regular; font-weight:400; font-style:normal; font-display:swap; src:url(/css/../fonts/Mont-Regular/Mont-Regular.eot); src:url(/css/../fonts/Mont-Regular/Mont-Regular.eot?#iefix) format("embedded-opentype"),url(/css/../fonts/Mont-Regular/Mont-Regular.woff) format("woff"),url(/css/../fonts/Mont-Regular/Mont-Regular.ttf) format("truetype") } @font-face{ font-family:Mont-Light; font-weight:400; font-style:normal; font-display:swap; src:url(/css/../fonts/Mont-Light/Mont-Light.eot); src:url(/css/../fonts/Mont-Light/Mont-Light.eot?#iefix) format("embedded-opentype"),url(/css/../fonts/Mont-Light/Mont-Light.woff) format("woff"),url(/css/../fonts/Mont-Light/Mont-Light.ttf) format("truetype") } @font-face{ font-family:Mont-SemiBold; font-weight:400; font-style:normal; font-display:swap; src:url(/css/../fonts/Mont-SemiBold/Mont-SemiBold.eot); src:url(/css/../fonts/Mont-SemiBold/Mont-SemiBold.eot?#iefix) format("embedded-opentype"),url(/css/../fonts/Mont-SemiBold/Mont-SemiBold.woff) format("woff"),url(/css/../fonts/Mont-SemiBold/Mont-SemiBold.ttf) format("truetype") } @font-face{ font-family:Mont-Heavy; font-weight:400; font-style:normal; font-display:swap; src:url(/css/../fonts/Mont-Heavy/Mont-Heavy.eot); src:url(/css/../fonts/Mont-Heavy/Mont-Heavy.eot?#iefix) format("embedded-opentype"),url(/css/../fonts/Mont-Heavy/Mont-Heavy.woff) format("woff"),url(/css/../fonts/Mont-Heavy/Mont-Heavy.ttf) format("truetype") } @font-face{ font-family:NightMachineRUSbyDaymarius; font-weight:400; font-style:normal; font-display:swap; src:url(/css/../fonts/NightMachineRUSbyDaymarius/NightMachineRUSbyDaymarius.eot); src:url(/css/../fonts/NightMachineRUSbyDaymarius/NightMachineRUSbyDaymarius.eot?#iefix) format("embedded-opentype"),url(/css/../fonts/NightMachineRUSbyDaymarius/NightMachineRUSbyDaymarius.woff) format("woff"),url(/css/../fonts/NightMachineRUSbyDaymarius/NightMachineRUSbyDaymarius.ttf) format("truetype") } ::-webkit-input-placeholder{ color:rgba(0,0,0,.3) } :-moz-placeholder{ color:rgba(0,0,0,.3) } ::-moz-placeholder{ color:rgba(0,0,0,.3) } :-ms-input-placeholder{ color:rgba(0,0,0,.3) } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0 } input[type=number]{ -moz-appearance:textfield } body input:focus:required:invalid,body textarea:focus:required:invalid{ color:#666 } body input:required:valid,body textarea:required:valid{ color:#666 } body,html{ height:100% } .tags_popup{ display: none; position: absolute; background: white; /*width: 70%;*/ flex-direction: column; padding-left: 10px; flex-wrap: wrap; box-shadow: 0 4px 17.15px 2.85px rgb(1 1 1 / 7%); /*height: 36em;*/ /*top: 25%;*/ } .link-popup-tags{ font-size: 12px !important; line-height: 30px !important; } .tags_popup_first{ margin-left: 300px; } .tags_popup_second{ margin-left: 300px; width: 50%; } body{ font-size:16px; min-width:320px; position:relative; line-height:1.75; font-family:Mont-Regular,sans-serif; overflow-x:hidden; opacity:1; margin:0 } body.scroll-hidden{ overflow-y:hidden } .customs_txt ul{ list-style-type: inherit; } ul{ margin:0; padding:0; list-style-type:none } .customs_txt b{ font-family: sans-serif; } /** <Для статей> */ .scc-articles ul{ list-style-type: inherit; } .scc-articles b{ font-family: sans-serif; } /** */ a{ -webkit-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; text-decoration:none } *{ -webkit-box-sizing:border-box; box-sizing:border-box; outline: none; /*border:1px solid red;*/ } .similar-products { position: relative; width: 100%; margin-bottom: 250px; } .similar-products-slider { position: relative; width: 100vw; margin: 0; padding: 0; height: 470px; } .similar-products-title { font-size: 39px; font-weight: 500; color: #000000; text-align: left; margin-left: calc(19vw); } .wrap-similar-products-slider-item-content { width: 100%; display: block; margin: auto; padding: 32px; height: 470px; transition: all 0.3s; } .similar-products-slider-item { position: relative; transition: all 0.3s; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; } /*.similar-products-slider { display: flex; } .similar-products-slider .similar-products-slider-item { min-width: 480px; }*/ .similar-products-slider.slick-slider .slick-track{ margin-left: 0; } /*.similar-products-slider.slick-slider .similar-products-slider-item { min-width: auto; }*/ .similar-products-slider .slick-list { overflow: visible !important; } /*.similar-products-slider-item + .similar-products-slider-item:after { position: absolute; content: ''; left: 0; top: 0; width: 1px; height: 100%; background: #ededed; }*/ .similar-products-slider-item:before { position: absolute; content: ''; left: 0; top: 0; width: 1px; height: 100%; background: #ededed; } .similar-products-slider-item:after { position: absolute; content: ''; right: -1px; top: 0; width: 1px; height: 100%; background: #ededed; } .similar-products-item-title { font-family:Mont-Heavy; font-size: 18px; color: #000000; margin-top: 0; margin-bottom: 2px; } .similar-products-item-price { font-family:Mont-SemiBold; font-size: 24px; color: #000000; margin-top: 0; margin-bottom: 62px; } .similar-products-img { display: block; margin: 0 auto; width: 100%; height: 100%; max-width: 320px; max-height: 210px; object-fit: contain; margin-bottom: 20px; transition: all 0.3s; } .wrap-similar-products-hidden-block { width: 100%; transition: all 0.3s; } .wrap-similar-products-hidden-block span { position: relative; color: rgba(0,0,0,.6); font-size: 16px; line-height: 170%; font-family: Mont-Regular,sans-serif; font-weight: 700; transition: all 0.3s; } .wrap-similar-products-hidden-block span img { position: relative; display: inline-block; top: 3px; width: 15px; height: 15px; margin-right: 10px; } .similar-products-status-no { display: none; } .not-announced .similar-products-status-yes { display: none; } .not-announced .similar-products-status-no { display: block; } .wrap-similar-products-button { margin-top: 20px; display: flex; width: 100%; } .wrap-similar-products-hidden-block { opacity: 0; visibility: hidden; display: none; } .wrap-similar-products-button button { cursor: pointer; width: 50%; height: 60px; line-height: 60px; text-align: center; font-size: 13px; } .similar-products-button-cart { font-family:Mont-SemiBold; border: none; background: #000; color: #ffffff; } .similar-products-button-more { font-family:Mont-Regular; background: #ffffff; border: 1px solid #000000; color: #000000; } .similar-products-slider-item:hover .wrap-similar-products-slider-item-content { background: #ffffff; position: relative; left: 0px; top: 0; width: 100%; height: 630px; z-index: 999; -webkit-box-shadow: 4px 5px 57px 0 rgb(0 0 0 / 10%); box-shadow: 4px 5px 57px 0 rgb(0 0 0 / 10%); transition: all 0.3s; margin-bottom: 60px; } .similar-products-slider-item.slick-active:hover { border-bottom: none; } .similar-products-slider-item.slick-active:hover:before { display: none; } .similar-products-slider-item:hover .wrap-similar-products-hidden-block { opacity: 1; visibility: visible; display: block; transition: all 0.3s; } .similar-products-slider-item:hover .similar-products-img { margin-bottom: 95px; transition: all 0.3s; } .similar-products-slider-item:hover:after { display: none; } .similar-products-slider .slick-arrow { position: absolute; z-index: 999; top: -85px; cursor: pointer; } .similar-products-slider .slick-prev { right: 120px; width: 40px; height: 30px; background: url(/css/../img/arr2.png) no-repeat center; transform: rotate(180deg); } .similar-products-slider .slick-next { right: 60px; width: 40px; height: 30px; background: url(/css/../img/arr2.png) no-repeat center; } .slick-arrow.slick-disabled { opacity: 0.3; } @media (max-width: 768px){ .similar-products-title { margin-left: 15px; } .similar-products-slider .slick-next { right: 15px; } .similar-products-slider .slick-prev { right: 65px; } .similar-products-slider .slick-arrow { top: -55px; } .similar-products { margin-bottom: 190px; } } @media (max-width: 600px){ .similar-products-title { font-size: 24px; line-height: 32px; max-width: 225px; text-align: left; } .wrap-similar-products-slider-item-content { padding: 18px; } } /*слайдер преимуществ*/ .advantages-block { width: 100%; padding-left: 80px; margin-bottom: 30px; } .advantages-block-title { font-size: 39px; font-weight: 500; color: #000000; text-align: left; margin-left: calc(14vw); } .advantages-slider { position: relative; margin: 0 -15px; } .advantages-slider .slick-list{ padding:0 220px 0 0; } .advantages-slider-item a { text-decoration: none; width: 100%; } .advantages-slider-item { padding: 0 15px; } .wrap-advantages-slider-img { display: block; height: auto; overflow: hidden; } .advantages-slider-img { width: 100%; height: auto; object-fit: cover; transition: all 0.3s; } .advantages-slider-item:hover .advantages-slider-img { transform: scale(1.30); transition: all 0.3s; } .advantages-slider-item-title { font-style: normal; font-weight: 600; font-size: 20px; line-height: 26px; color: #000000; margin-top: 44px; margin-bottom: 15px; } .price-for-one{ font-size: 11.5px !important; margin-bottom: 2px; } .advantages-slider-item-text { font-style: normal; font-weight: 600; font-size: 14px; line-height: 26px; color: #000000; opacity: 0.6; max-height: 96px; overflow: hidden; } .advantages-slider .slick-arrow { position: absolute; z-index: 999; top: -85px; cursor: pointer; } .advantages-slider .slick-prev { right: 120px; width: 40px; height: 30px; background: url(/css/../img/arr2.png) no-repeat center; transform: rotate(180deg); } .advantages-slider .slick-next { right: 60px; width: 40px; height: 30px; background: url(/css/../img/arr2.png) no-repeat center; } @media (max-width: 1024px) { .advantages-block { padding: 0 15px; } .advantages-slider .slick-list{ padding:0 0 0 0; } } @media (max-width: 768px) { .advantages-slider-item-title { margin-top: 20px; } .advantages-slider-item-text { max-height: none; } .advantages-block-title { margin-left: 0; } .advantages-slider .slick-next { right: 15px; } .advantages-slider .slick-prev { right: 65px; } .advantages-slider .slick-arrow { top: -55px; } } @media (max-width: 600px) { .advantages-block-title { font-size: 24px; line-height: 32px; max-width: 225px; } } /*Сноски в статье*/ .s-catalog-category.scc-ap .scc-right .footnote { font-style: normal; font-weight: 600; font-size: 48px; line-height: 75px; color: #000000; display: block; position: relative; /*left: -50px;*/ width: 100%; max-width: 100%; padding: 50px 10px; } .footnote:before { position: absolute; content:''; top: 45px; left: -100px; width: 0; height: 0; border-left: 24px solid transparent; border-right: 60px solid transparent; border-bottom: 24px solid #FF6600; } @media (max-width: 1280px) { .footnote:before { left: -100px; } } @media (max-width: 1200px) { .footnote:before { top: 20px; left: 15px; } } @media (max-width: 1024px) { .s-catalog-category.scc-ap .scc-right .footnote { font-size: 42px; line-height: 58px; } } @media (max-width: 768px) { .s-catalog-category.scc-ap .scc-right .sar-block p.footnote { font-size: 24px; line-height: 35px; left: -15px; width: calc(100% + 30px); max-width: calc(100% + 30px); } .footnote:before { position: absolute; content: ''; top: 20px; left: 15px; width: 0; height: 0; border-left: 14px solid transparent; border-right: 38px solid transparent; border-bottom: 14px solid #FF6600; } } /*Похожие статьи*/ .article-block { width: 100%; padding: 0 80px; } .article-block-title { font-style: normal; font-weight: 800; font-size: 48px; line-height: 64px; color: #000000; } .wrap-article-item { display: flex; flex-wrap: wrap; justify-content: space-between; } .article-item { width: calc(50% - 50px); margin-bottom: 162px; } .article-item img { width: 100%; object-fit: cover; } .article-item a { position: relative; width: 100%; } .article-item .article-item-title { position: absolute; top: -60px; left: 0; width: calc(100% - 60px); margin: 0 30px; background: #ffffff; text-align: left; color: #000; padding: 45px; font-size: 22px; line-height: 24px; font-family: Mont-Heavy,sans-serif; min-height: 48px; } @media (max-width: 1640px) { .article-block { padding: 0 30px; } } @media (max-width: 1280px) { .article-item .article-item-title { padding: 25px; font-size: 20px; } } @media (max-width: 1024px) { .article-item .article-item-title { position: relative; width: 100%; margin: 0; top: 0; } .article-item { width: 100%; margin-bottom: 140px; } .wrap-article-item { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 8vw; } } @media (max-width: 768px) { .wrap-article-item { padding: 0; } .article-block { padding: 0 15px; } .article-item .article-item-title { font-size: 18px; padding: 15px; } .article-item { margin-bottom: 30px; } .article-block-title { font-size: 24px; line-height: 32px; } } .prop-order-desc{ font-size: 10px; display: block; padding-left: 5px; } @media (max-width: 992px) { .basket-page .bp-content .bpc-right .bpc-fixed{ max-width: 100%; } .collapsible-desc{ overflow-y: hidden; height: 124px; } .collpase-desc{ position: absolute; bottom: 0px; right: 20px; font-size: 11px; color: orange; cursor: pointer; background: inherit; } } /* End */ /* Start:/local/templates/5kwt/styles.css?1747980327750*/ @font-face { font-family: 'Gilroy'; font-style: normal; font-weight: normal; src: url('/local/templates/5kwt/fonts/Gilroy-Regular.otf') format('opentype'); } @font-face { font-family: 'Gilroy'; font-style: italic; font-weight: normal; src: url('/local/templates/5kwt/fonts/Gilroy-RegularItalic.otf') format('opentype'); } @font-face { font-family: 'Gilroy'; font-style: normal; font-weight: bold; src: url('/local/templates/5kwt/fonts/Gilroy-Bold.otf') format('opentype'); } @font-face { font-family: 'Gilroy'; font-style: italic; font-weight: bold; src: url('/local/templates/5kwt/fonts/Gilroy-BoldItalic.otf') format('opentype'); } * { font-family: Gilroy, Arial, Tahoma, Verdana, sans-serif !important; } .s-detail .sd-content .sdc-t-g { padding-right: 10px; line-height: 41px; padding-left: 20px; } /* End */ /* Start:/local/templates/5kwt/template_styles.css?174798032714166*/ .s-comp .sf-items .tlb-itm.disabled {opacity: 0.3} .s-comp .sf-items .tlb-itm .tlb-status {display: none; color: #000;} .s-comp .sf-items .tlb-itm.disabled .tlb-status {display: block;} .tl-basket .tlb-empty, .tl-basket .tlb-items {display: none;} .tl-basket .tlb-empty.active, .tl-basket .tlb-items.active {display: block;} .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-ch span.disabled {opacity: 0.5; cursor:default;} .s-configurator .sc-params .scp-content .scp-column .scp-itm .scp-i-ch span.disabled:hover {background: none;} .loader { position: fixed; width: 100%; min-width: 100%; height: 100%; min-height: 100%; top: 0; left: 0; z-index: 10000 !important; background-color: rgba(255, 255, 255, 0.75); } /* .cssload-clock { border-radius: 58px; border: 3px solid #FF6600; height: 78px; width: 78px; position: absolute; top: 50%; left: 50%; margin-top: -39px; margin-left: -39px; width: 4px; border-radius: 5px; transform-origin: 50% 97%; -o-transform-origin: 50% 97%; } .cssload-clock:after { content: ""; position: absolute; background-color: #FF6600; top: 2px; left: 48%; height: 37px; width: 4px; border-radius: 5px; transform-origin: 50% 97%; -o-transform-origin: 50% 97%; -ms-transform-origin: 50% 97%; -webkit-transform-origin: 50% 97%; -moz-transform-origin: 50% 97%; animation: grdAiguille 0.8s linear infinite; -o-animation: grdAiguille 0.8s linear infinite; -ms-animation: grdAiguille 0.8s linear infinite; -webkit-animation: grdAiguille 0.8s linear infinite; -moz-animation: grdAiguille 0.8s linear infinite; } .cssload-clock:before { content: ""; position: absolute; background-color: #FF6600; top: 6px; left: 48%; height: 34px; width: 4px; border-radius: 5px; transform-origin: 50% 94%; -o-transform-origin: 50% 94%; -ms-transform-origin: 50% 94%; -webkit-transform-origin: 50% 94%; -moz-transform-origin: 50% 94%; animation: ptAiguille 4.8s linear infinite; -o-animation: ptAiguille 4.8s linear infinite; -ms-animation: ptAiguille 4.8s linear infinite; -webkit-animation: ptAiguille 4.8s linear infinite; -moz-animation: ptAiguille 4.8s linear infinite; } @keyframes grdAiguille { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-o-keyframes grdAiguille { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @-ms-keyframes grdAiguille { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } @-webkit-keyframes grdAiguille { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes grdAiguille { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @keyframes ptAiguille { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-o-keyframes ptAiguille { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @-ms-keyframes ptAiguille { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } @-webkit-keyframes ptAiguille { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes ptAiguille { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } }*/ .cssload-clock { border-radius: 58px; border: 3px solid #FF6600; height: 78px; width: 78px; position: absolute; top: 50%; left: 50%; margin-top: -39px; margin-left: -39px; width: 4px; border-radius: 5px; transform-origin: 50% 97%; -o-transform-origin: 50% 97%; } .cssload-clock{ border-radius: 58px; border: 3px solid rgb(255,102,0); height: 78px; width: 78px; position: relative; top: 50%; left: 35%; left: calc(50% - 42px); left: -o-calc(50% - 42px); left: -ms-calc(50% - 42px); left: -webkit-calc(50% - 42px); left: -moz-calc(50% - 42px); } .cssload-clock:after{ content: ""; position: absolute; background-color: rgb(255,102,0); top:2px; left: 48%; height: 37px; width: 4px; border-radius: 5px; transform-origin: 50% 97%; -o-transform-origin: 50% 97%; -ms-transform-origin: 50% 97%; -webkit-transform-origin: 50% 97%; -moz-transform-origin: 50% 97%; animation: grdAiguille 1.2s linear infinite; -o-animation: grdAiguille 1.2s linear infinite; -ms-animation: grdAiguille 1.2s linear infinite; -webkit-animation: grdAiguille 1.2s linear infinite; -moz-animation: grdAiguille 1.2s linear infinite; } .cssload-clock:before{ content: ""; position: absolute; background-color: rgb(255,102,0); top:6px; left: 48%; height: 34px; width: 4px; border-radius: 5px; transform-origin: 50% 94%; -o-transform-origin: 50% 94%; -ms-transform-origin: 50% 94%; -webkit-transform-origin: 50% 94%; -moz-transform-origin: 50% 94%; animation: ptAiguille 7.2s linear infinite; -o-animation: ptAiguille 7.2s linear infinite; -ms-animation: ptAiguille 7.2s linear infinite; -webkit-animation: ptAiguille 7.2s linear infinite; -moz-animation: ptAiguille 7.2s linear infinite; } @keyframes grdAiguille{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @-o-keyframes grdAiguille{ 0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(360deg);} } @-ms-keyframes grdAiguille{ 0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(360deg);} } @-webkit-keyframes grdAiguille{ 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);} } @-moz-keyframes grdAiguille{ 0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(360deg);} } @keyframes ptAiguille{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @-o-keyframes ptAiguille{ 0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(360deg);} } @-ms-keyframes ptAiguille{ 0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(360deg);} } @-webkit-keyframes ptAiguille{ 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);} } @-moz-keyframes ptAiguille{ 0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(360deg);} } .s-catalog-category .scc-right .sr-items .sr-itm .sri-top .sri-t-row .sri-t-hdr a { color: #000; } .sc-top .compare-show-diff { font-size: 13px; line-height: 15px; font-family: "Mont-SemiBold", sans-serif; color: rgba(0, 0, 0, 0.5); position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; margin-left: 56px; padding-left: 36px; display: inline-block; } .sc-top .compare-show-diff::before, .sc-top .compare-show-diff::after { content: ''; position: absolute; left: 0; top: 50%; margin-top: -7.5px; width: 16px; height: 15px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: url('/img/s_icn_2.svg') 50% 50% no-repeat; background-size: cover; } .sc-top .compare-show-diff::after { opacity: 0; background: url('/img/s_icn.svg') 50% 50% no-repeat; background-size: cover; } .sc-top .compare-show-diff:hover { color: #FF6600; } .sc-top .compare-show-diff:hover::before { opacity: 0; } .sc-top .compare-show-diff:hover::after { opacity: 1; } .sc-top .compare-show-diff.only-diff { color: #FF6600; } .sc-top .compare-show-diff.only-diff::after { opacity: 1; } .s-breadcrumbs .sb-slider .swiper-slide .sbs-itm { padding: 8px; } .s-breadcrumbs .sb-slider .swiper-slide .sbs-itm::before { top: 15px; } .s-comp .sf-items .tlb-itm .tlb-compare { fill:#000; width: 20px; height: 18px; background: no-repeat url(/img/i13_b.svg) 50%; position: absolute; right: 26px; top: 0; cursor: pointer; background-size: 18px; } .active-filter{ font-weight: 900; font-family: 'Mont-Bold'; } /*.s-comp .sf-items .tlb-itm .tlb-compare:hover*/ /*{*/ /* background: no-repeat url(/img/compare.svg) 50%;*/ /* background-size: 18px;*/ /*}*/ .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale.custom { background-size: 475px; background-position: right bottom; } .active-link{ font-family: Mont-Regular,sans-serif; color: #f60; } .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale.custom:after { display: none; } footer .ft-row{ align-items: flex-end; } my-container ft-top .ft-itm:nth-child(5){ padding-bottom:3px } .tooltiptext { visibility: hidden; width: 120px; background-color: white; color: black; /*padding: 5px 0;*/ border-radius: 6px; margin-top: -5px; text-align: left; font-size: 10px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } .fav:hover .tooltiptext { visibility: visible; } .sim:hover .tooltiptext { visibility: visible; } @media (max-width: 1367px) { .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale.custom { background-size: 390px; } } @media (max-width: 768px) { .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale.custom { background-size: 300px; } } @media (max-width: 481px) { .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale.custom { background-size: 300px; } } @media (max-width: 426px) { .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale.custom { background-size: 250px; } } @media (max-width: 361px) { .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale.custom { background-size: 240px; } } @media (max-width: 321px) { .s-catalog-category .scc-right .sr-items .sr-itm.sr-sale.custom { background-size: 200px; } } .up-btn.active-up-btn { right: 80px; bottom: 60px; } .time-span{ color: #989898; font-size: 13px; line-height: 15px; } .up-btn .hover-text { display: none; position: absolute; top: 25px; right: 76px; color: #fff; background: #f60; padding: 12px 10px 10px 15px; line-height: 28px; } @media (max-width: 800px) { .up-btn .hover-text { display: none !important; } } #thanks .button { margin-top: 30px; text-align: center; } /* @media only screen and (max-width: 992px){ .my-container{ font-size: 12px; line-height: 20px; font-family: Mont-Regular,sans-serif; margin: 0; color: #3d3d3d; } } */ .srib-tr-g.srib-have { color: #f60 !important; } .sdc-t-g.sdc-have { color: #f60 !important; } .sdc-t-g.sdc-have:before { background: url("/local/templates/5kwt/images/srib-have_orange.svg") !important; } .srib-tr-g.srib-have:before { background: url("/local/templates/5kwt/images/srib-have_orange.svg") !important; } .srib-tr-g.not-have { } .fancybox-navigation .fancybox-button--arrow_right{ right: 35px !important; } .fancybox-navigation .fancybox-button--arrow_left { left: 35px !important; } .brand-main{ display: flex; flex-direction: column; width: 16%; justify-content: center } .bx-session-message { background: #FFCE4C !important; border: 0.5px solid #E0E0E0 !important; box-sizing: border-box !important; width: 100% !important; left: 0 !important; font-weight: normal !important; font-size: 16px !important; font-family: Mont-SemiBold, sans-serif; line-height:21px !important; } .brand-main-container{ margin-top: 30px; } .btn-brand-main{ background: #f60; text-align: center; border: none; margin-left: 25px; } .h1-sec{ /* width: 90%;*/ } @media (min-width: 951px){ .brand-main-container{ margin-top: 85px; } } @media (max-width: 950px) { .sb-items-brands{ width: 100% !important; } .bmc-r-hdr::before{ cursor: pointer; content: ''; width: 26px; height: 32px; position: absolute; background: url(/img/arr8.svg) no-repeat; background-size: 12px; left: 2px; margin-top: 3px; } .remont-first-content{ flex-direction: column; padding-left: 0; } } .remont-first-content{ display: flex; } .zapas-hod:before{ background: url(/img/hod50.png) no-repeat; } .sri-t-sz img{ margin-left: 15px; height: 30px; } .h1-description { font-size: 15px; } .sd-details .my-container { max-width: 800px; } .sd-details .my-container img { max-width: 100%; border-radius: 6px; border: 1px solid #e7e7e7; } .sd-details .my-container p { line-height: 1.4; font-size: 17px; margin-block-start: 1em; margin-block-end: 1em; } .sd-details .my-container ul { list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } .sd-details .my-container h2 { font-size: 26px; font-weight: bold; margin-top: 40px; margin-bottom: 20px; } .sd-details .my-container h3 { font-size: 26px; font-weight: bold; margin-top: 40px; margin-bottom: 20px; } .sd-details .my-container div.about { margin-top: 50px; padding: 25px; background-color: #f8f3e6; border-radius: 6px; } @media only screen and (min-width: 768px) { .call-back-button { display: flex; position: fixed; background: url('/img/call-back.png'); background-size: auto; right: 0; top: calc(50% - 80px); width: 35px; height: 161px; background-size: contain; cursor: pointer; z-index: 100; } } @media only screen and (max-width: 768px) { .call-back-button { display: flex; position: fixed; background: url('/img/call-back-mobile.png'); background-size: auto; right: 20px; bottom: 220px; width: 45px; height: 45px; background-size: contain; cursor: pointer; z-index: 100; } } /* End */ /* /libs/css-hamburgers/dist/hamburgers.min.css?170526226122172 */ /* /libs/scrollBar/jquery.mCustomScrollbar.css?170526226153583 */ /* /libs/jquery-ui/jquery-ui.min.css?170526226130747 */ /* /libs/fancybox/jquery.fancybox.min.css?170526226114065 */ /* /libs/swiper-master/swiper.min.css?170526226119774 */ /* /libs/selectize/selectize.css?17052622618785 */ /* /css/slick.css?17052623081895 */ /* /css/main.min.css?1705262308475360 */ /* /libs/m/eocjs-newsticker.css?1705262261703 */ /* /css/form.css?17052623083757 */ /* /css/n5.css?17052623088326 */ /* /css/style.css?170526230814871 */ /* /local/templates/5kwt/styles.css?1747980327750 */ /* /local/templates/5kwt/template_styles.css?174798032714166 */