/* Start:/css/hamburgers.min.css?177204642522458*/ /*! * 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.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.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!important}.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!important}.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!important}.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!important}.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!important}.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!important}.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!important}.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!important}.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!important}.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!important}.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!important}.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:/css/jquery.fancybox.min.css?177204642513706*/ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.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-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;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{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.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{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.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)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}} /* End */ /* Start:/css/jquery.jgrowl.min.css?17720464251455*/ .jGrowl{z-index:9999;color:#fff;font-size:16px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;position:fixed}.jGrowl.top-left{left:0;top:0}.jGrowl.top-right{right:0;top:0}.jGrowl.bottom-left{left:0;bottom:0}.jGrowl.bottom-right{right:0;bottom:0}.jGrowl.center{top:0;width:50%;left:25%}.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification{margin-left:auto;margin-right:auto}.jGrowl-notification{background-color:#000;opacity:.9;zoom:1;width:250px;padding:10px;margin:10px;text-align:left;display:none;border-radius:5px;min-height:40px}.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}.jGrowl-notification .jGrowl-header{font-weight:700;font-size:.85em}.jGrowl-notification .jGrowl-close{background-color:transparent;color:inherit;border:none;z-index:99;float:right;font-weight:700;font-size:1em;cursor:pointer}.jGrowl-closer{background-color:#000;opacity:.9;zoom:1;width:250px;padding:10px;margin:10px;text-align:left;display:none;border-radius:5px;padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight:700;text-align:center}.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}@media print{.jGrowl{display:none}} /* End */ /* Start:/css/aos.css?177204642526053*/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* End */ /* Start:/css/slick.css?17720464251776*/ /* 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/style.css?1774530880100717*/ :root { --green:#889F35; --dgreen:#5D630F; --pastel:#F8F5EC; --dpastel:#F2F0E1; --white:#fff; } body { font-family: "Carlito", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; } body, html { max-width: 100%; overflow-x: hidden; } .friday { background: #889f35; display: block; cursor: pointer; } .friday__img { width: 100%; } .bx-authform { margin: 0 auto; } .bx-authform input[type="submit"] { background: var(--green); border-radius: 5px; cursor: pointer; color: #fff; display: flex; justify-content: center; align-content: center; align-items: center; transition: 700ms; text-decoration: none; border: none; display: block; height: 56px; padding: 0 30px; } #row_1, table.title-search-result th { display: none; } .api_modal_active .api_modal { opacity: 1 !important; display: block !important; } .api_modal_active .api_modal .api_modal_dialog { opacity: 1; } .api_modal_active #api_auth_ajax_modal .api_modal_content > div { display: block; } h2 { font-family: "Carlito", sans-serif; font-size: 44px; line-height: 44px; text-transform: uppercase; color: #3A3F5C; font-weight: 700; } h2.basket-item-info-name { display: none; } .basket-items-list-table .basket-item-property-custom-value { font-size: 18px; line-height: 25px; color: #3A3F5C; text-transform: none; } h3 { font-family: "Carlito", sans-serif; font-size: 30px; line-height: 37px; text-transform: uppercase; color: #3A3F5C; } .jGrowl-notification { background-color: var(--dpastel); color: #000; } a { color: #3A3F5C; } a:hover { text-decoration: none; } .item__popup { display: none; position: fixed; top:calc(40vh); left: calc(50vw - 150px); width: 280px; z-index: 66; border: 1px solid rgba(77,126,41,0.3); background: #fff; padding: 10px 20px; border-radius: 6px; } .item__popup:after { position: absolute; content: 'X'; color: var(--green); font-size: 12px; display: flex; align-items: center; align-content: center; justify-content: center; background: #fff; top:-8px; right: -8px; width: 20px; height: 20px; border: 1px solid rgba(77,126,41,0.3); border-radius: 10px; } .item__popup-title { font-size: 18px; line-height: 24px; color: #3A3F5C; font-weight: 700; text-align: center; padding-bottom: 10px; } .item__popup-text { font-size: 14px; line-height: 18px; text-align: center; font-weight: 600; } .item__popup-buttons { justify-content: center; display: flex; flex-wrap: wrap; padding: 18px 0; width: 100%; } .item__popup-buttons-item { font-size: 14px; color: var(--green); font-weight: 600; text-decoration: none; } .feedback-form-top { padding: 30px 20px; } .form-input, .coop-form .form-control { height: 62px; background: #FFFFFF; border: 1px solid #CACACA; box-sizing: border-box; border-radius: 35px; font-size: 18px; line-height: 25px; color: #A8A9AB; padding: 0 28px 0 28px; width: 100%; } .form-textarea { padding: 10px 28px 10px 28px; height: 120px; } .wrapper { width: 1170px; padding: 0 10px 0 10px; margin: 0 auto; position: relative; } .round-button { background: var(--green); transition: 700ms; border-radius: 30px; cursor: pointer; display: flex; justify-content: center; align-content: center; align-items: center; text-decoration: none; } .round-button:hover { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); } .button { background: var(--green); border-radius: 25px; cursor: pointer; color: #fff; display: flex; justify-content: center; align-content: center; align-items: center; transition: 700ms; text-decoration: none; border: none; transition: 300ms; padding: 0 20px; } .button:hover { background: var(--dgreen); } .button-clear { background: #FFFFFF; border: 1px solid #B1B1B1; box-sizing: border-box; border-radius: 5px; font-size: 18px; display: flex; justify-content: center; align-items: center; color: #3A3F5C; text-decoration: none; } .button-clear:hover { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); } .bx-breadcrumb { display: flex; flex-wrap: wrap; font-size: 14px; line-height: 19px; color: #3A3F5C; padding-bottom: 33px; } .bx-breadcrumb-item { margin-right: 3px; } .bx-breadcrumb a, .bx-breadcrumb span { font-size: 14px; line-height: 19px; color: #3A3F5C; text-decoration: none; } .bx-breadcrumb span { opacity: .7; } .bx-breadcrumb a span { opacity: 1; } h1 { font-family: "Carlito", sans-serif; font-size: 36px; line-height: 44px; color: #3A3F5C; font-weight: 700; } .page-header { padding: 33px 0 42px 0; position: relative; z-index: 1; } .page-title { } .header__mobile-menu, .mobile-header { display: none; } .top-header { background: var(--dgreen); } .top-header .wrapper { display: flex; justify-content: space-between; align-content: center; align-items: center; height: 28px; } .top-header__menu { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center; align-items: center; } .top-header__menu-item { font-weight: 600; font-size: 13px; line-height: 18px; color: #FFFFFF; text-decoration: none; } .top-header__menu-center { color: var(--white); } .top-header__lang { width: 70px; font-weight: 600; font-size: 13px; line-height: 18px; color: #FFFFFF; position: relative; } .top-header__lang-list { position: absolute; top:20px; text-align: left; left: :0px; z-index: 6; display: none; } .top-header__lang:hover .top-header__lang-list { display: block; } .top-header__lang-list-item { width: 70px; font-weight: 600; font-size: 13px; line-height: 18px; color: #FFFFFF; text-align: right; background: var(--green); text-decoration: none; padding: 2px 4px; } .api_button_primary, .api_button_primary:hover { background: var(--green); border-radius: 5px; cursor: pointer; color: #fff; display: flex; justify-content: center; align-content: center; align-items: center; transition: 700ms; text-decoration: none; border: none; } .api_button_primary:hover { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); } .header__info-wrapper { height: 230px; } .header__info { background: var(--pastel); } .header__info-phone-flex { display: flex; flex-wrap: wrap; } .header__info_sticky { position: fixed; top:0; width: 100%; z-index: 666; background: #fff; border-bottom: 1.5px solid rgba(77, 126, 41, 0.3); } .header__info-right-col-bottom svg { fill:var(--dgreen); } .header__info_sticky .wrapper { height: auto !important; } .header__info_sticky .header__info-right-col-top, .header__info_sticky .header__info-phone-title, .header__info_sticky .header__info-right-col-bottom-search, .header__info_sticky .header__info-bottom-pic { display: none; } .header__info_sticky .header__info-bottom { width: 34%; margin-top: 0; } .header__info_sticky .header__info-right-col-bottom-favorites, .header__info_sticky .bx-hdr-profile { background: var(--green); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); border-radius: 5px; height: 35px; padding-left: 28px; padding-right: 28px; display: flex !important; align-items: center; align-content: center; text-decoration: none; } .header__info_sticky .header__info-right-col-bottom-cart span { background: #fff; color: var(--green); border:1px solid var(--pastel); } .header__info_sticky .header__info-right-col-bottom-favorites svg, .header__info_sticky .bx-hdr-profile svg { fill:#fff; } .header__info_sticky .header__info-right-col-bottom-favorites:after { content: 'Мои желания'; display: inline-block; color: #fff; margin-left: 10px; } .header__info_sticky .bx-hdr-profile:after { content: 'Перейти в корзину'; display: inline-block; color: #fff; margin-left: 10px; } .header__info .wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center; align-items: center; height: 230px; } .header__info-phone-value { font-style: normal; font-weight: 300; font-size: 20px; line-height: 27px; color: var(--dgreen); padding-bottom: 9px; text-decoration: none; } .header__info-phone-title { font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; color: var(--dgreen); display: flex; justify-content: center; } .header__info-phone-title-your-city { font-size: 14px; color: var(--dgreen); font-weight: 400; margin-left: 4px; cursor: pointer; } .header__info-phone-title-your-city:hover { opacity: .7; } .header__info-logo { width: 230px; display: flex; justify-content: center; } .header__info-logo-src { width: 130px; height: 80px; fill:var(--dgreen); } .header__info-right-col-top { display: flex; justify-content: space-between; } .header__info-right-col-top-item { display: flex; align-content: center; align-items: center; margin-bottom: 11px; } .header__info-right-col-top-item-p { cursor: pointer; transition: 700ms; } .header__info-right-col-top-item-p:hover { opacity: .7; } .header__info-right-col-top-item:nth-child(1) { margin-right: 40px; } .header__info-right-col-top-item-icon { width: 22px; height: 22px; margin-right: 10px; } .header__info-right-col-top-item-text { font-style: normal; font-size: 16px; line-height: 18px; color: var(--dgreen); width: calc(100% - 24px); } .header__info-left-col-bottom { display: flex; justify-content: flex-start; align-content: center; align-items: center; } .header__info-left-col-bottom-item { margin-right: 10px; } .header__info-right-col-bottom { display: flex; justify-content: flex-end; align-content: center; align-items: center; } .header__info-right-col-bottom-search { position: absolute; top: 67px; z-index: 3; } .header__info-right-col-bottom-search-input { width: 213px; height: 45px; background: #FFFFFF; border-radius: 30px; padding-left: 16px; } .header__info-right-col-bottom-search-submit { width: 29px; height: 29px; background: url('/img/search-icon-new.svg') center center no-repeat; display: block; font-size: 0px; position: absolute; right: 13px; top: 7px; z-index: 2; cursor: pointer; } .header__info-right-col-bottom-favorites { margin: 0 12px 0 12px !important; } .header__info-right-col-bottom-cart { position: relative; text-decoration: none; } .header__info-right-col-bottom-cart span { position: absolute; top:-8px; right: -8px; width: 15px; height: 15px; border-radius: 15px; display: flex; align-content: center; align-items: center; justify-content: center; font-weight: bold; font-size: 9px; color: var(--dgreen); background: transparent; border:1px solid var(--dgreen); } .header__info-bottom { width: 100%; text-align: center; margin-top: 24px; display: flex; justify-content: space-between; align-items: flex-end; } .header__menu { border-top:1px solid #666; background: var(--pastel); } .header__menu .wrapper { display: flex; justify-content: space-between; align-content: center; align-items: center; height: 64px; } .header__menu-half { display: flex; justify-content: space-between; width: calc(50% - 235px); align-content: center; align-items: center; } .header__menu-half-item { font-size: 16px; line-height: 19px; color: #373535; text-decoration: none; transition: 700ms; } .header__menu-half-item:hover { color: var(--green); } .header__menu-center { width: 230px; height: 73px; background: var(--green); margin-top: -8px; margin-bottom: -8px; position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; border-radius: 6px; } .header__menu-center-text { font-size: 18px; line-height: 19px; text-align: center; color: #FFFFFF; font-family: "Carlito", sans-serif; opacity: 1; border-radius: 4px; padding: 12px 0 9px 0; } .header__menu-center-stripe { width: 183px; height: 9px; background: url('/img/header__menu-center-stripe.png') center center no-repeat; margin: 0 auto; } .header__mobile-menu { } .header__mobile-menu-i .hamburger { display: flex; align-items: center; align-content: center; } .header__mobile-menu-i .hamburger-box { width: 20px; height: 16px; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 20px !important; height: 2px !important; background: var(--pastel); } .header__mobile-menu-i .hamburger-inner:before { top: -6px; } .header__mobile-menu-i .hamburger-inner:after { top:6px; } .hamburger--spin.is-active .hamburger-inner:after { top:0px !important; } .warning-message { background: var(--dpastel); font-weight: 700; font-size: 16px; line-height: 29px; color: #3A3F5C; text-align: center; } .warning-message .wrapper { height: 40px; display: flex; justify-content: center; align-content: center; align-items: center; } .main-page .page-header { display: none; } .main-page__slider-social { position: absolute; right: 15px; top:430px; z-index: 2; } .main-page__slider-social .footer__social-icons-item { margin-bottom: 10px; } .main-page__slider-social svg { fill:#49941D !important; } .main-page__slider { } .main-page__slider .slick-track { background: var(--pastel); background-size: cover; } .main-page__slider-item { display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between; height: 670px; } .main-page__slider-item-left { width: 50%; } .main-page__slider-item-title { font-family: "Carlito", sans-serif; font-size: 48px; line-height: 59px; color: var(--green); font-weight: 700; text-transform: uppercase; } .main-page__slider-item-text { font-size: 24px; line-height: 28px; color: #000000; padding: 23px 0 42px 0; } .main-page__slider-item-button { display: none; } .main-page__slider-item-button_m { width: 160px; height: 160px; border-radius: 50%; position: absolute; left: -10%; top: 60%; text-align: center; font-size: 22px; z-index: 5; display: flex; } .main-page__slider-item-right { width: calc(50% - 80px); padding: 40px; display: flex; align-items: center; align-content: center; min-height: 40vh; justify-content: center; background: var(--white); border-radius: 50%; position: relative; } .main-page__slider-item-picture { max-width: 80%; } .main-page__slider .slick-dots { display: flex !important; padding-top: 64px; position: absolute; bottom:80px; left: calc((100vw - 1150px) / 2); } .main-page__slider .slick-dots button { width: 11px; height: 11px; border-radius: 8px; background: var(--green); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); font-size: 0px; margin-right: 10px; border:2px solid transparent; box-sizing: content-box; } .main-page__slider .slick-prev { width: 185px; height: 30px; background: url('/img/mp-slider-prev.svg') center center no-repeat; font-size: 0px; position: absolute; top:580px; right: calc((100vw - 450px) / 2); z-index: 2; } .main-page__slider .slick-next { width: 185px; height: 30px; background: url('/img/mp-slider-next.svg') center center no-repeat; font-size: 0px; position: absolute; top:580px; right: calc((100vw - 960px) / 2); z-index: 2; } .main-page__slider .slick-dots .slick-active button { border:2px solid var(--dgreen); background: var(--dgreen); } .main-page__slider:after { display: none; content: ' '; width: 34px; height: 90px; background: url('/img/mp-slider-scroll-down.svg') no-repeat; position: absolute; top:560px; right: calc((100vw - 1165px) / 2); z-index: 2; } .main-page__mounth { margin-top: 120px; margin-bottom: 70px; position: relative; } .main-page__mounth_inner { width: 1170px; padding: 0 10px 0 10px; margin: 0 auto; position: relative; display: flex; flex-wrap: wrap; } .main-page__mounth__left { width: 40%; } .main-page__mounth-pic { background: url('/img/main-page__mounth__left.jpg') center center no-repeat; height: 768px; display: block; content: ' '; position: absolute; left: 0; width: 40vw; display: block; border-radius: 0 50% 50% 0; } .main-page__mounth__right { width: 60%; } .main-page__mounth__right .wrapper { width: auto; } .main-page__mounth-title { text-align: center; } .main-page__mounth-subtitle { font-size: 18px; line-height: 25px; text-align: center; font-weight: 400; color: #3A3F5C; max-width: 490px; margin: 0 auto; padding: 10px 0 38px 0; } .main-page__mounth-subtitle span { font-size: 18px; line-height: 25px; color: #3C7C17; font-weight: 600; } .main-page__mounth2 .main-page__mounth__left { width: 60%; } .main-page__mounth2 .main-page__mounth__left .wrapper { width: auto; } .main-page__mounth2 .main-page__mounth__right { width: 40%; } .main-page__mounth2 .main-page__mounth-pic { background: url('/img/main-page__mounth__right.jpg') center center no-repeat; height: 768px; display: block; content: ' '; position: absolute; right: 0; left: auto; width: 40vw; top:0; display: block; border-radius: 50% 0 0 50%; } .main-page__hits-tabs { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 60px; } .main-page__mounth-tabs-item { height: 40px; padding: 0 40px 0 40px; display: flex; align-content: center; align-items: center; justify-content: center; background: var(--pastel); border-radius: 50px; margin: 0 15px 0 15px; cursor: pointer; transition: 700ms; border: 1px solid var(--pastel); box-sizing: border-box; font-weight: 600; margin-bottom: 10px; } .main-page__mounth-tabs-item:hover { border: 1px solid #4D7E29; } .main-page__mounth-tabs-item_active { color: #fff; background: var(--green); border: 1px solid #4D7E29; box-shadow: 0px 6px 12px rgba(54, 137, 6, 0.5); border-radius: 51px; cursor: default; } .main-page__mounth-slider { min-height: 500px; } .main-page__mounth-slider .slick-list { padding: 20px !important; margin-right: -20px; margin-left: -20px; } .main-page__mounth-slider-outer .catalog__content-list-item { width: 270px; } .main-page__mounth .slick-prev { width: 32px; height: 87px; background: url('/img/photoslider-prev.svg'); background-size: cover; font-size: 0; position: absolute; top: calc(40% - 33px); left: -37px; } .main-page__mounth .slick-next { width: 32px; height: 87px; background: url('/img/photoslider-next.svg'); background-size: cover; font-size: 0; position: absolute; top: calc(40% - 33px); right: -37px; } .main-page__blog { padding-bottom: 90px; } .main-page__blog .main-page__mounth-title { padding: 75px 0 38px 0; } .main-page__blog .blog-list { padding-bottom: 0; } .main-page__blog .bx_pagination_bottom { display: none; } .subscribe-type-01 { background: var(--green); padding: 74px 0 74px 0; position: relative; } .subscribe-type-01:before { width: calc((100vw - 170px) / 2); height: 372px; background: url('/img/dots-bg.svg') no-repeat; -webkit-transform: rotate(1800deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); position: absolute; left: -58px; top:-100px; display: none; content: ' '; } .subscribe-type-01__inner { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 600px; } .subscribe-type-01__inner-left { width: 100%; } .subscribe-type-01__inner-left-title { font-family: "Carlito", sans-serif; font-weight: 500; max-width: 550px; font-size: 36px; line-height: 44px; text-align: center; color: var(--white); margin-bottom: 40px; } .subscribe-type-01__inner-left-subtitle { font-size: 24px; line-height: 28px; color: #3A3F5C; } .subscribe-type-01__inner-right { width: 1005; } .subscribe-type-01__inner-right-form { display: flex; justify-content: space-between; flex-wrap: wrap; } .subscribe-type-01__inner-right-form-item { width: calc(50% - 15px); margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; } .subscribe-type-01__inner-right-form-item label { width: calc(100% - 26px); } .subscribe-type-01__inner-right-form-item small { width: 100%; } .subscribe-type-01__inner-right-form-item .button { background: var(--dgreen); } .bx_subscribe_checkbox_container, .bx-subscribe-desc { display: none; } .has-error input { border: 1px solid #a94442; } .subscribe-type-01__inner-right-form-item label { margin-left: 12px; font-size: 14px; line-height: 19px; color: #3A3A3A; } .subscribe-type-02 { background: var(--dpastel); margin-top: 50px; } .subscribe-type-02__inner { display: flex; justify-content: space-between; flex-wrap: wrap; } .subscribe-type-02__inner-left { width: calc(100% - 450px); padding-bottom: 40px; } .subscribe-type-02__inner-left-title { font-family: "Carlito", sans-serif; font-size: 34px; line-height: 34px; color: #3A3F5C; font-weight: 400; padding: 36px 0 39px 0; max-width: 530px; } .subscribe-type-02__inner-left-form-item:nth-child(1) { padding-bottom: 25px; } .subscribe-type-02__inner-left-form-item { display: flex; align-content: center; align-items: center; } .subscribe-type-02__inner-left-form-item .button { max-width: 200px; margin-left: 15px; } .subscribe-type-02__inner-left-form-item label { margin-left: 12px; font-size: 14px; line-height: 19px; color: #3A3A3A; padding-top: 5px; display: inline-block; } .subscribe-type-02__inner-right { width: 350px; position: relative; } .subscribe-type-02__inner-right-img { position: absolute; bottom: 0; } .page-404 { padding: 40px 0 100px 0; } .page-404__top-text { font-size: 14px; line-height: 19px; color: #3A3F5C; } .page-404__center-text { max-width: 540px; margin: 60px auto; padding: 20px 0 20px 0; text-align: center; background: url('/img/404.svg') top center no-repeat; } .page-404__center-text-title { font-family: "Carlito", sans-serif; font-weight: 700; font-size: 36px; line-height: 44px; color: #3A3F5C; } .page-404__center-text-subtitle { font-family: "Carlito", sans-serif; font-size: 36px; line-height: 42px; text-align: center; color: #3A3F5C; padding: 26px 0 57px 0; } .page-404__center-text-links { } .page-404__center-text-links a { font-weight: 700; } .page-404__form { max-width: 770px; margin: 0 auto; } .page-404__form form { display: flex; justify-content: space-around; flex-wrap: wrap; } .page-404__form input { width: calc(50% - 20px); margin-bottom: 30px; } .questions-page { } .questions-page .wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; } .questions-page__sections { width: 250px; } .questions-page__sections-mobile { display: none; } .questions-page__sections__item { display: block; border-left: 4px solid #EFEFEF; font-weight: 600; font-size: 18px; line-height: 25px; color: #3A3F5C; padding: 15px 10px 15px 20px; text-decoration: none; } .questions-page__sections__item:hover { color: var(--green); } .questions-page__sections__item-active { color: var(--green); border-left: 4px solid var(--green); } .questions-page__items-list { width: calc(100% - 300px); } .questions-page__items-list .ui-accordion .ui-accordion-header { background: none !important; font-size: 18px; line-height: 25px; font-weight: 600; color: #3A3F5C; border: none; text-transform: none; padding: 11px 0 11px 0; position: relative; } .questions-page__items-list .ui-accordion .ui-accordion-header:after { content: ' '; display: block; width: 20px; height: 20px; background: url('/img/faq-arrow.svg') center center no-repeat; position: absolute; right: 0; top:15px; } .questions-page__items-list .ui-accordion .ui-accordion-header-active:after { background: url('/img/faq-arrow_a.svg') center center no-repeat; } .questions-page__items-list .ui-accordion .ui-accordion-header span { font-weight: 800; color: var(--green); padding-right: 20px; } .questions-page__items-list .ui-icon { display: none; } .questions-page__items-list .ui-accordion .ui-accordion-content { padding: 20px 40px; font-size: 16px; line-height: 22px; color: #3A3F5C; background: #FFFFFF; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25); border-radius: 5px; margin: 20px 0; } .questions-page__items-list-button { width: 270px; height: 62px; margin: 60px auto; } .about-page { padding-top: 50px; padding-bottom: 50px; } .about-page p { font-size: 16px; line-height: 200%; color: #3A3F5C; padding-bottom: 36px; } .about-page__block { clear: both; } .about-page__title { font-weight: 300; padding-top: 40px; padding-bottom: 30px; text-transform: none; font-size: 48px; line-height: 55px; color: #3A3F5C; } .about-page__block-pic-01 { float: right; margin-right: -112px; } .about-page__first-slider { max-width: 763px; margin: 0 auto; position: relative; padding-bottom: 27px; } .about-page__first-slider .slick-prev { width: 68px; height: 68px; background: url('/img/about-page__first-slider-prev.svg') center center no-repeat; background-size: contain; position: absolute; left: -100px; font-size: 0px; top:calc(50% - 34px); } .about-page__first-slider .slick-next { width: 68px; height: 68px; background: url('/img/about-page__first-slider-next.svg') center center no-repeat; background-size: contain; position: absolute; right: -100px; font-size: 0px; top:calc(50% - 34px); } .about-page__first-slider .slick-dots { display: flex; justify-content: center; padding-top: 14px; } .about-page__first-slider .slick-dots button { width: 11px; height: 11px; border-radius: 6px; font-size: 0px; background: var(--green); border:1px solid var(--green); margin: 0 5px 0 5px; } .about-page__first-slider .slick-active button { background: #fff; } .about-page__flex-block { display: flex; flex-wrap: wrap; } .about-page__flex-block-title { width: 300px; } .about-page__flex-block-text { width: calc(100% - 300px); } .about-page__flex-block-pic { position: relative; width: 365px; margin-right: 30px; } .about-page__flex-block-pic-01 { position: absolute; right: 0; } .about-page__flex-block-text-w-pic { width: calc(100% - 395px); } .about-page__flex-block-alt-bullits { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 100px; } .about-page__flex-block-alt-bullits li { width: calc(50% - 32px); background: url('/img/about-page__flex-block-alt-bullits.svg') center left no-repeat; padding-left: 22px; list-style: none; font-size: 16px; line-height: 200%; color: #3A3F5C; } .about-page__flex-block-title span { font-style: normal; font-weight: normal; padding-top: 60px; padding-right: 30px; display: block; font-size: 16px; line-height: 200%; color: #3A3F5C; } .about-page__reviews { position: relative; } .about-page__reviews-inner { max-width: 940px; margin:0 auto; position: relative; z-index: 2; padding-bottom: 70px; } .about-page__reviews-inner .slick-prev { height: 36px; width: 65px; background: url('/img/about-page__reviews-inner-prev.svg') no-repeat; background-size: contain; font-size: 0px; position: absolute; left: -65px; top:calc(50% - 36px); } .about-page__reviews-inner .slick-next { height: 36px; width: 65px; background: url('/img/about-page__reviews-inner-next.svg') no-repeat; background-size: contain; font-size: 0px; position: absolute; right: -65px; top:calc(50% - 36px); } .about-page__reviews-item { border:15px solid #D8E5D1; padding:60px; position: relative; } .about-page__reviews-item-title { font-size: 20px; line-height: 30px; text-align: center; color: #3A3F5C; padding-bottom: 24px; } .about-page__reviews-item-text { font-style: normal; font-weight: normal; font-size: 16px; line-height: 200%; text-align: center; color: #3A3F5C; } .about-page__reviews-item-fio-outer { display: flex; justify-content: center; position: absolute; bottom: -43px; width: 100%; left: 0; } .about-page__reviews-item-fio { display: inline-block; font-family: "Carlito", sans-serif; height: 52px; line-height: 52px; padding:0 50px 0 50px; font-size: 24px; line-height: 29px; color: #3A3F5C; background: var(--dpastel); font-weight: 700; } .about-page__reviews-block { background: var(--dpastel); height: 325px; position: absolute; bottom: 0; width: 100%; z-index: 1; } .about-page__reviews:before { display: block; content: ' '; height: 325px; position: absolute; right: calc((-100vw + 1170px)/2); width: calc((100vw - 1170px)/2); background: var(--dpastel); bottom: 0; } .about-page__reviews:after { display: block; content: ' '; height: 325px; position: absolute; left: calc((-100vw + 1170px)/2); width: calc((100vw - 1170px)/2); background: var(--dpastel); bottom: 0; } .about-page__reciept { } .about-page__reciept-ingridients { display: flex; justify-content: space-between; } .about-page__reciept-ingridients-item { width: 14.2%; text-align: center; } .about-page__reciept-ingridients-item-icon { display: flex; justify-content: center; height: 75px; padding-bottom: 20px; } .about-page__reciept-ingridients-item-title { text-align: center; } .about-page__reciept-ceo-quote-body { margin-top: 45px; margin-bottom: 60px; border-top: 3px solid var(--green); border-bottom: 3px solid var(--green); padding-bottom: 27px; padding-top: 27px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 200%; color: #3A3F5C; } .about-page__reciept-ceo-fio { display: flex; } .about-page__reciept-ceo-fio-pic { width: 100px; margin-right: 33px; } .about-page__reciept-ceo-fio-val { width: calc(100% - 100px); } .about-page__reciept-ceo-fio-val-name { font-family: "Carlito", sans-serif; font-size: 20px; font-weight: 600; color: #3A3F5C; } .about-page__form { } .about-page__form .slam-easyform .form-control { height: 62px; background: #FFFFFF; border: 1px solid #CACACA; box-sizing: border-box; border-radius: 5px; font-size: 18px; line-height: 25px; color: #A8A9AB; padding: 0 28px 0 28px; width: 100%; } .about-page__form .slam-easyform textarea.form-control { height: 100px; padding-top: 18px; } .about-page__form .slam-easyform .btn { background: var(--green); border-radius: 5px; cursor: pointer; color: #fff; display: flex; justify-content: center; align-content: center; align-items: center; transition: 700ms; text-decoration: none; border: none; float: none !important; height: 62px; padding: 0 28px 0 28px; } .categories-alt-buttons { display: flex; flex-wrap: wrap; max-width: 570px; justify-content: space-between; margin: 0 auto; margin-top: 40px; } .categories-alt-buttons__item { width: calc(50% - 15px); height: 56px; } .categories-alt-buttons__item_wb { background: #481173; } .categories-alt-buttons__item_ozon { background: #005bff; } .categories-list-page .catalog__content-search { max-width: 570px; margin:0 auto; } .categories-list { display: flex; flex-wrap: wrap; padding-top: 50px; padding-bottom: 80px; } .categories-list__item { width: calc(25% - 65px); background: #FFFFFF; box-shadow: 4px 4px 15px rgba(85, 110, 8, 0.1); border-radius: 5px; margin-right: 30px; margin-bottom: 30px; padding:50px 20px; transition: 700ms; border: 1px solid #fff; text-decoration: none; } .categories-list_inner .categories-list__item { width: calc(25% - 24px); } .categories-list__item:hover { border: 1px solid var(--green); } .categories-list__item-icon { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-content: center; align-items: center; height: 58px; padding-bottom: 28px; } .categories-list__item-title { width: 100%; font-size: 18px; font-weight: 600; line-height: 25px; text-align: center; color: #3A3F5C; min-height: 50px; } .categories-list__item:nth-child(4n+4) { margin-right: 0; } .catalog { display: flex; justify-content: space-between; flex-wrap: wrap; } .catalog__sidebar { width: 270px; } .catalog__sidebar-filter { padding: 40px 0; } .catalog__sidebar-header-m { display: none; } .catalog__sidebar-button-fav { height: 56px; } .catalog__sidebar-button-fav svg { margin-left: 20px; fill:#fff; } .catalog__sidebar-filter { } .catalog__sidebar-filter .bx-filter.bx-blue .bx-filter-section { background: none; padding: 0; } .catalog__sidebar-filter .bx-filter .bx-filter-title { display: none; } .catalog__sidebar-filter .bx-filter .bx-filter-parameters-box-title span, .catalog__sidebar-filter-select-title { font-size: 16px !important; line-height: 22px; color: #3A3F5C; font-weight: 600; } .catalog__sidebar-filter-select-title { padding-bottom: 16px; } .catalog__sidebar-filter-select { padding-bottom: 30px; } .catalog__sidebar-filter .bx-filter .bx-filter-parameters-box-title { padding-bottom: 16px; } .catalog__sidebar-filter-select form { padding-right: 20px; } .catalog__sidebar-filter-select form:hover { box-shadow: none; } .catalog__sidebar-filter .bx-filter .bx-filter-input-container input { width: 65px; height: 25px; background: #FFFFFF; border: 1px solid #B1B1B1; box-sizing: border-box; border-radius: 15px; background: url('/img/filter-ruble.svg') 10px center no-repeat; padding-left: 23px; font-size: 14px; } .bx-filter.bx-blue .bx-ui-slider-pricebar-v { background: var(--green); } .bx-filter.bx-blue .bx-ui-slider-pricebar-vn { background: #B1B1B1; } .bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span { color: #fff; } .bx-filter.bx-blue .bx-ui-slider-handle.left { width: 15px; height: 15px; border-radius: 8px; background: var(--green); margin-left: -8px; margin-top: -6px; z-index: 72; } .bx-filter.bx-blue .bx-ui-slider-handle.right { width: 15px; height: 15px; border-radius: 8px; background: var(--green); margin-right: -8px; margin-top: -6px; z-index: 72; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub { display: none; } .bx-filter .bx-filter-parameters-box-container-block { width: 30%; } .catalog__sidebar-filter-select select { background: #FFFFFF; box-sizing: border-box; border-radius: 5px; font-size: 16px; display: flex; justify-content: center; align-content: center; align-items: center; color: #3A3F5C; text-decoration: none; height: 42px; width: 100%; padding-left: 20px; background: url(/img/sort-arrow.svg) right 17px no-repeat; } .catalog__sidebar-filter label { font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; color: #3A3F5C; padding-bottom: 3px !important; } .catalog__sidebar-filter .bx-filter-parameters-box-container .checkbox { margin-left: 20px; } .catalog__sidebar-filter .bx-filter.bx-blue .btn-themes { background: var(--green); border-radius: 5px; cursor: pointer; color: #fff; display: flex; justify-content: center; align-content: center; align-items: center; transition: 700ms; text-decoration: none; border: none; font-size: 18px; height: 62px; width: 100%; margin-bottom: 10px; } .catalog__sidebar-filter .bx-filter.bx-blue .btn-themes:hover { background: var(--green); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); } .catalog__sidebar-filter .btn-link { background: #FFFFFF; border: 1px solid #B1B1B1; box-sizing: border-box; border-radius: 5px; font-size: 18px; display: flex; justify-content: center; align-content: center; align-items: center; color: #3A3F5C; text-decoration: none; font-size: 18px; height: 62px; width: 100%; } .catalog__sidebar-filter-item { padding-bottom: 16px; } .catalog__sidebar-filter-item-name { display: block !important; font-weight: 600; font-size: 16px; line-height: 22px; color: #3A3F5C; width: 100%; padding-bottom: 18px; } .ts-select-in-checkbox { padding-left: 20px; display: block; } .chosen-container { padding-bottom: 12px; } .catalog__sidebar-filter label { font-size: 16px; padding-bottom: 12px; } .catalog__sidebar .ui-widget-header { background: var(--green) !important; } .catalog__sidebar .ui-slider-horizontal { height: 2px; border: none; background: #B1B1B1; margin-top: 23px !important; } .catalog__sidebar .ui-slider .ui-slider-range { height: 2px; font-size: 0px; } .catalog__sidebar .ui-slider-horizontal .ui-slider-handle { background: var(--green); height: 15px; width: 15px; border-radius: 8px; } .ts-ot-do input[type="text"] { width: 65px !important; height: 25px; background: #FFFFFF; border: 1px solid #B1B1B1; box-sizing: border-box; border-radius: 15px; color: #3A3F5C; font-weight: 600; background: url('/img/ruble-currency-sign.svg') 10px 7px no-repeat; padding-left: 23px; } .catalog__sidebar .ts-po { } .catalog__sidebar .ts-po:before { } .catalog__sidebar-filter-items-button { padding-top: 20px; } .catalog__sidebar-filter-items-button-set { font-size: 18px; height: 62px; width: 100%; margin-bottom: 10px; } .catalog__sidebar-filter-items-button-clear { font-size: 18px; height: 62px; width: 100%; } .catalog__content { width: calc(100% - 300px); padding-bottom: 50px; } .catalog__content__show-filter { display: none; } .catalog__content-search-and-sort { display: flex; justify-content: space-between; padding-bottom: 40px; } .catalog__content-search { width: calc(70% - 30px); } .catalog__content-search-form { display: flex; justify-content: space-between; } .catalog__content-search-input { height: 56px; font-size: 18px; padding-left: 26px; width: calc(100% - 220px); } .catalog__content-search-button { font-weight: 600; font-size: 18px; text-align: center; text-transform: uppercase; color: #FFFFFF; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); width: 200px; } .catalog__content-sort { height: 56px; width: 30%; display: flex; justify-content: flex-start; } .catalog__content-sort select { width: calc(100% - 30px); height: 100%; padding-left: 26px; font-size: 18px; color: #A8A9AB; background: url('/img/sort-arrow.svg') right 23px no-repeat; } .catalog__content-sort:hover { box-shadow: none; } .catalog__content-list { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 40px; } .catalog__content-list-item { width: calc(33.33% - 54px); padding: 17px; position: relative; box-sizing: content-box; } .catalog__content-list-item:hover { } .catalog__content-list-item-stocks { position: absolute; top:10px; right: 15px; z-index: 3; text-align: right; } .catalog__content-list-item-stocks-item { font-weight: bold; font-size: 13px; line-height: 18px; text-align: center; text-transform: uppercase; color: #FFFFFF; height: 20px; display: inline-flex; align-content: center; align-items: center; justify-content: center; padding: 0 10px 0 10px; background: #E3B375; border-radius: 15px; margin-bottom: 5px; position: relative; } .catalog__content-list-item-stocks-item::before, .catalog__content-list-item-stocks-item::after { left: 50%; opacity: 0; position: absolute; z-index: -100; } .catalog__content-list-item-stocks-item:hover::before, .catalog__content-list-item-stocks-item:focus::before, .catalog__content-list-item-stocks-item:hover::after, .catalog__content-list-item-stocks-item:focus::after { opacity: 1; transform: scale(1) translateY(0); z-index: 100; } .catalog__content-list-item-stocks-item::after { background: #FFFFFF; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15); bottom: 100%; color: #fff; content: attr(tooltip); margin-left: -5.75em; padding: 3px 5px; transition: all .35s cubic-bezier(.84,-0.18,.31,1.26) .2s; transform: scale(.6) translateY(50%); display: inline-block; background: #E3B375; border-radius: 15px; font-size: 12px !important; white-space: nowrap; } .catalog__content-list-item-stocks-item-01, .catalog__content-list-item-stocks-item-01::after { background: #EF7F94; } .catalog__content-list-item-stocks-item-02, .catalog__content-list-item-stocks-item-02::after { background: #6E96FA; } .catalog__content-list-item-stocks-item-04, .catalog__content-list-item-stocks-item-04::after { background:#d32f2f; } .catalog__content-list-item-image { display: flex; justify-content: center; align-content: center; align-items: center; height: 217px; } .catalog__content-list-item-rating { text-align: center; padding-bottom: 9px; display: none; } .catalog__content-list-item-title { font-size: 18px; line-height: 23px; font-weight: 700; text-decoration: none; display: block; text-align: center; color: #3A3F5C; margin-bottom: 10px; min-height: 60px; } .catalog__content-list-item-preview-text { font-size: 13px; line-height: 18px; text-align: center; color: #3A3F5C; min-height: 60px; padding: 4px 0 12px 0; } .catalog__content-list-item-price { display: flex; justify-content: center; align-content: center; align-items: center; font-size: 20px; line-height: 27px; text-align: center; color: var(--green); position: relative; } .catalog__content-list-item-price-ruble { margin-left: 3px; fill:var(--green); } .catalog__content-list-item-price_old { font-size: 13px; color: #A8A9AB; text-decoration: line-through; margin-right: 10px; display: flex; align-items: center; align-content: center; } .catalog__content-list-item-price_old .catalog__content-list-item-price-ruble { width: 10px !important; height: 10px !important; fill:#A8A9AB !important; order: 2; } .catalog__content-list-item-value { font-size: 13px; line-height: 18px; text-align: center; color: #3A3F5C; display: none; } .catalog__content-list-item-buttons { display: flex; justify-content: center; padding: 14px 0 10px 0; //opacity: 0; transition: 700ms; } .catalog__content-list-item:hover .catalog__content-list-item-buttons { opacity: 1; } .catalog__content-list-item-buttons-zoom { width: 35px; height: 35px; margin-left: 10px; order: 3; border:1px solid var(--green); background: #fff; } .catalog__content-list-item-buttons-favorites { width: 35px; height: 35px; transition: 700ms; margin-right: 10px; order: 2; border:1px solid var(--green); background: transparent; display: none; } .custom-marketplace-buttons { padding-bottom: 50px; } .catalog__content-list-item-buttons-favorites svg { fill:var(--green); } .catalog__content-list-item-buttons-favorites-in { width: 33px; height: 33px; background: var(--green); transition: 700ms; margin-right: 10px; } .catalog__content-list-item-buttons-favorites-in svg { fill:#fff; } .favorite-add { order: 2; } .catalog__content-list-item-buttons-buy { width: 110px; order: 1; margin-right: 10px; } .catalog__content-list-item-hidden-inner { max-width: 1170px; } .catalog__content-list-item-hidden-inner .product-detail__info-fast-view-title { display: block; margin-bottom: 15px; } .catalog__content-list-item-hidden-inner .product-detail__photos-nav { width: 100px; } .catalog__content-list-item-hidden-inner .product-detail__photos-slider { width: 394px; } .modern-page-navigation { display: flex; } .modern-page-title { display: none; } div.modern-page-navigation a.modern-page-first, div.modern-page-navigation span.modern-page-first { border: none !important; padding: 0; } .modern-page-current, .bx-pagination.bx-green .bx-pagination-container ul li.bx-active span { width: 33px; height: 33px; border-radius: 17px; background: var(--green); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); font-size: 14px; display: flex; align-content: center; align-items: center; justify-content: center; font-weight: 400 !important; margin-right: 10px; color: #fff; padding: 0 !important; } div.modern-page-navigation a, .bx-pagination .bx-pagination-container ul li a { width: 33px; height: 33px; border-radius: 17px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); font-size: 14px; display: flex; align-content: center; align-items: center; justify-content: center; font-weight: 400; margin-right: 10px; background: #FFFFFF; border: 1px solid #B1B1B1; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); padding: 0; color: #3A3F5C; } .bx-pag-prev a, .bx-pag-next a { width: auto !important; border: none !important; box-shadow: none !important; } .modern-page-next { background: url('/img/page-next.svg') center center no-repeat !important; font-size: 0px !important; } .modern-page-previous { background: url('/img/page-prev.svg') center center no-repeat !important; font-size: 0px !important; } .bx-pagination .bx-pagination-container ul li { margin: 0px !important; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span { margin-right: 10px; } .product-detail-first-screen { display: flex; justify-content: space-between; flex-wrap: wrap; } .product-detail__photos { display: flex; justify-content: space-between; width: 60%; padding-bottom: 40px; } .product-detail__photos-left { width: 100px; } .product-detail__photos-left .slick-slider .slick-list { padding: 0 !important; } .product-detail__photos-left .slick-vertical .slick-slide { border: none; } .product-detail__photos-nav-item { width: 100px; height: 100px; display: flex; align-content: center; align-items: center; justify-content: center; background: #FFFFFF; border: 1px solid #CBCBCB; box-sizing: border-box; margin-bottom: 10px; } .slick-current .product-detail__photos-nav-item { border: 1px solid var(--green); } .product-detail__photos-right { width: calc(100% - 100px); display: flex; justify-content: center; } .product-detail__photos-slider { max-width: 394px; position: relative; } .product-detail__photos-slider .slick-prev { width: 34px; height: 34px; background: url('/img/photoslider-prev.svg') no-repeat; font-size: 0; background-size: contain; position: absolute; top:calc(50% - 17px); left: -34px; } .product-detail__photos-slider .slick-next { width: 34px; height: 34px; background: url('/img/photoslider-next.svg') no-repeat; font-size: 0; background-size: contain; position: absolute; top:calc(50% - 17px); right: -34px; } .product-detail__photos-slider-item { width: 394px; height: 394px; display: flex; align-content: center; align-items: center; justify-content: center; } .product-detail__info-fast-view-title { display: none; } .product-detail__info { width: calc(40% - 60px); } .product-detail__info-rating { display: none; } .product-detail__info-aval-rating { display: flex; justify-content: space-between; align-content: center; align-items: center; flex-wrap: wrap; border-bottom: 3px solid #F5F5F5; padding-bottom: 25px; } .product-detail__info-aval { font-weight: bold; font-size: 14px; line-height: 19px; color: var(--green); } .api-reviews-element-rating { padding: 0; border: none; margin: 0; box-shadow: none; } .product-detail__info-price-qnt { display: flex; justify-content: space-between; align-content: center; align-items: center; flex-wrap: wrap; border-bottom: 3px solid #F5F5F5; padding-bottom: 25px; padding-top: 30px; } .product-detail__info-price { font-weight: bold; font-size: 36px; line-height: 49px; color: #3A3F5C; } .product-detail__info-price .catalog__content-list-item-price-ruble { fill:#3A3F5C; width: 22px; height: 22px; } .product-detail__info-price_old { font-size: 18px; color: #ADADAD; text-decoration: line-through; display: inline-block; margin-left: 20px; } .product-detail__info-price_old .catalog__content-list-item-price-ruble { fill:#ADADAD; width: 13px; height: 13px; } .quantity { position: relative; } .product-detail__info-qnt_m { display: none; } .quantity__qnt { width: 95px; height: 35px; background: #FFFFFF; border: 2px solid #D9D9D9; box-sizing: border-box; border-radius: 20px; text-align: center; } 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; } .quantity input:focus { outline: 0; } .quantity-nav { position: relative; height: 35px; width: 95px; position: absolute; top:0; left: 0; } .quantity-button { position: relative; cursor: pointer; width: 35px; height: 35px; text-align: center; color: #333; font-size: 13px; font-family: "Trebuchet MS", Helvetica, sans-serif !important; line-height: 35px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .quantity-button.quantity-up { position: absolute; top: 0px; right: 0px; background: url('/img/qnt-plus.svg') center center no-repeat; font-size: 0px; } .quantity-button.quantity-down { position: absolute; top: 0px; left: 0px; background: url('/img/qnt-minus.svg') center center no-repeat; font-size: 0px; } .product-detail__info-short-description { font-size: 16px; line-height: 22px; color: #3A3F5C; padding: 22px 0 22px 0; border-bottom: 3px solid #F5F5F5; } .product-detail__info-marketplace { margin-bottom: 60px; } .product-detail__info-marketplace-title { padding-bottom: 15px; } .product-detail__info-marketplace-item { height: 50px; border-radius: 5px; display: flex; justify-content: center; align-content: center; align-items: center; background: var(--green); text-decoration: none; margin-bottom: 10px; max-width: 260px; } .product-detail__info-marketplace-item_wb { background: #BE11A5; } .product-detail__info-marketplace-item_oz { background: #0069FF; } .product-detail__info-marketplace-item_ym { background: #FF5226; } .product-detail__info-marketplace-item:hover { opacity: .9; transition: 300ms; } .product-detail__info-marketplace-item span { font-size: 18px; color: #fff; margin-right: 10px; } .product-detail__info-reviews-qnt { display: flex; align-content: center; align-items: center; font-size: 14px; line-height: 19px; color: #9D9D9D; text-decoration: none; margin-top: 17px; display: none; } .product-detail__info-reviews-qnt-icon { margin-right: 11px; } .product-detail__info-use { display: flex; flex-wrap: wrap; padding-top: 18px; } .product-detail__info-use-item { width: 68px; margin-right: 20px; } .product-detail__info-use-item { cursor: help; position: relative; } .product-detail__info-use-item-img { width: 70px; height: 70px; } .product-detail__info-use-item-title { font-size: 10px; height: 60px; margin-top: 3px; } .product-detail__info-use-item::before, .product-detail__info-use-item::after { left: 50%; opacity: 0; position: absolute; z-index: -100; } .product-detail__info-use-item:hover::before, .product-detail__info-use-item:focus::before, .product-detail__info-use-item:hover::after, .product-detail__info-use-item:focus::after { opacity: 1; transform: scale(1) translateY(0); z-index: 100; } .product-detail__info-use-item::after { background: #FFFFFF; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15); bottom: 100%; color: #fff; content: attr(tooltip); margin-left: -5.75em; padding: 3px 5px; transition: all .35s cubic-bezier(.84,-0.18,.31,1.26) .2s; transform: scale(.6) translateY(50%); display: inline-block; background: #6E96FA; border-radius: 15px; font-size: 12px; white-space: nowrap; } .product-detail__info-buttons { padding-top: 26px; padding-bottom: 30px; display: flex; } .product-detail__info-buttons-buy { width: 260px; height: 62px; margin-right: 33px; font-size: 18px; } .product-detail__info-buttons-favorites { height: 62px; width: 62px; } .product-detail__info-buttons-favorites .round-button { display: flex !important; justify-content: center; align-content: center; align-items: center; height: 62px; width: 62px; border-radius: 31px; } .product-detail__info-buttons-favorites .catalog__content-list-item-buttons-favorites-icon { width: 26px !important; height: 22px !important; } .product-detail__info-buttons-favorites a { display: flex !important; justify-content: center; align-content: center; align-items: center; height: 62px; width: 62px; } .product-detail__stripe { display: flex; background: var(--dpastel); position: relative; padding-top: 50px; padding-bottom: 50px; margin-bottom: 30px; } .product-detail__stripe-item { width: calc(33.33% - 50px); display: flex; align-content: center; align-items: center; } .product-detail__stripe-item-icon { margin-right: 40px; } .product-detail__stripe-item-text { font-size: 14px; line-height: 19px; color: #3A3F5C; } .product-detail__stripe:after { height: 100%; top:0px; bottom: 0px; position: absolute; z-index: -1; width: calc((100vw - 170px) / 2); background: var(--dpastel); left: calc((-100vw + 170px) / 2); display: block; content: ' '; } .product-detail__stripe:before { height: 100%; top:0px; bottom: 0px; position: absolute; z-index: -1; width: calc((100vw - 170px) / 2); background: var(--dpastel); right: calc((-100vw + 170px) / 2); display: block; content: ' '; } .product-detail__mobile-info { display: none; } .product-detail__vd { display: flex; justify-content: space-between; flex-wrap: wrap; } .product-detail__vd-left { width: calc(50% - 15px); position: relative; } .product-detail__vd-left-video { padding-bottom: 50px; } .product-detail__vd-left-video-bg { height: 377px; width: 592px; position: absolute; right: 350px; top:0; background: url('/img/product-detail__vd-left-video-bg.jpg') no-repeat; z-index: -1; } .product-detail__vd-left-video-title { padding-bottom: 40px; padding-top: 80px; } .product-detail__vd-left-video-val { width: 470px; height: 287px; display: flex; align-content: center; align-items: center; justify-content: center; background-size: cover !important; } .product-detail__vd-left-video-val-icon { width: 74px; height: 74px; background: url('/img/product-detail__vd-left-video-icon.svg') no-repeat; transition: 700ms; } .product-detail__vd-left-video-val:hover .product-detail__vd-left-video-val-icon { opacity: 0; } .product-detail__vd-left-sostav-title { color: #fff; padding-bottom: 14px; } .product-detail__vd-left-sostav { background: var(--green); color: #fff; font-weight: bold; font-size: 16px; line-height: 22px; padding: 34px 35px 34px 0; position: relative; } .product-detail__vd-left-sostav:after { height: 100%; top:0px; bottom: 0px; position: absolute; z-index: -1; width: calc((100vw - 170px) / 2); background: var(--green); left: calc((-100vw + 170px) / 2); display: block; content: ' '; } .product-detail__vd-right-detail-text-title { padding: 80px 0 30px 0; } .product-detail__vd-right-detail-text p { padding-bottom: 10px; } .product-detail__vd-left-energy { padding: 80px 0 0 0; } .product-detail__vd-left-energy-title { padding-bottom: 60px; } .product-detail__vd-left-energy-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .product-detail__vd-left-energy-list-item { width: calc(33.33% - 15px); width: 164px; height: 95px; border: 1px solid #D9D9D9; box-sizing: border-box; text-align: center; position: relative; margin-bottom: 20px; } .product-detail__vd-left-energy-list-item:before { width: 34px; height: 39px; background: url('/img/product-detail__vd-left-energy-list-item-left.svg') no-repeat; position: absolute; left: -2px; bottom: -2px; display: block; content: ' '; } .product-detail__vd-left-energy-list-item:after { width: 39px; height: 39px; background: url('/img/product-detail__vd-left-energy-list-item-right.svg') no-repeat; position: absolute; right: -2px; top: -2px; display: block; content: ' '; } .product-detail__vd-left-energy-list-item-value { font-weight: bold; font-size: 18px; line-height: 22px; color: #3A3F5C; padding: 13px 0 3px 0; } .product-detail__vd-left-energy-list-item-text { font-size: 16px; line-height: 22px; color: #3A3F5C; } .product-detail__vd-right { width: calc(50% - 15px); position: relative; font-size: 16px; line-height: 22px; color: #3A3F5C; padding-bottom: 50px; } .api-reviews { padding-bottom: 60px; } .api-reviews .api-block-top { box-shadow: none; } .arbt-color-green1 .api-block-title, .arbt-color-green1 .api-block-sort { background: none; padding: 0px; } .api-reviews .api-block-title .api-block-left { font-family: "Carlito", sans-serif; font-size: 30px; line-height: 37px; text-transform: uppercase; color: #3A3F5C; } .arlist-color-green1 .api-item { background: none; border:1px solid #D9D9D9; } .api-reviews-list .api-header .api-userpic { display: none; } .api-reviews-list .api-field-title { font-style: normal; font-weight: bold; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #3A3F5C; background: none; padding: 0; } .api-reviews-list .api-field-label { display: none; } .api-reviews-list .api-content { border: none; } .api-reviews-list .api-header .api-date:before { display: none; } .api-reviews-list .api-header .api-date { font-size: 12px; line-height: 16px; color: #A7A7A9; font-style: normal; } .api-reviews:not(.api-stat-off) .api-block-header .api-reviews-form { width: 100% !important; display: flex; padding-top: 40px; justify-content: center; padding-left: 0 !important; } .arform-color-green1 .api-button { background: var(--green); border-radius: 5px; cursor: pointer; color: #fff; display: flex; justify-content: center; align-content: center; align-items: center; transition: 700ms; text-decoration: none; border: none; } .arform-color-green1 .api-button:hover { background: var(--green); border-radius: 5px; cursor: pointer; color: #fff; display: flex; justify-content: center; align-content: center; align-items: center; transition: 700ms; text-decoration: none; border: none; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); } .api-reviews-form .api-button .api-icon { display: none; } .api-reviews-list .api-footer, .api-reviews-filter, .api-reviews-list .api-review-link, .api-reviews-form .api-shop-desc { display: none; } .product-detail__recomended { padding: 10px 0 40px 0; } .product-detail__recomended-title { padding-bottom: 40px; } .product-detail__recomended .catalog__content-list-item { width: calc(25% - 54px); } .bx-basket__header { display: flex; justify-content: space-between; border-bottom: 3px solid #F5F5F5; padding-bottom: 18px; margin-bottom: 10px; } .bx-basket__header-item { font-size: 14px; line-height: 19px; text-transform: uppercase; color: #9D9D9D; } .bx-basket__header-item:nth-child(1) { width: 55%; text-align: center; } .bx-basket__header-item:nth-child(4) { padding-right: 100px; } .basket-items-list-item-container>td { border-top: 1px solid #F5F5F5; } .basket-item-info-name, .basket-item-info-name-link { font-size: 18px; line-height: 25px; color: #3A3F5C; text-transform: none; } .basket-item-property-custom-name { display: none; } .basket-item-property-custom-value { font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; color: #3A3F5C; } .basket-item-price-current-text { font-size: 18px; line-height: 25px; color: #3A3F5C; } .basket-item-amount-filed { width: 95px; height: 35px; background: #FFFFFF; border: 2px solid #D9D9D9; box-sizing: border-box; border-radius: 20px; text-align: center; font-size: 14px; line-height: 19px; text-transform: uppercase; color: #9D9D9D; } .basket-item-amount-btn-minus { right: -32px; top:3px; z-index: 3; } .basket-item-amount-btn-minus:hover { background: none !important; } .basket-item-amount-btn-plus { left: -32px; top:3px; z-index: 3; } .basket-item-amount-btn-plus:hover { background: none !important; } .basket-items-list-wrapper, .basket-items-list-wrapper-compact { border: none !important; } .basket-checkout-container { border: none; } .basket-stock-section { width: calc(50% - 30px); font-family: "Carlito", sans-serif; font-weight: 700; font-size: 24px; line-height: 29px; color: #3A3F5C; display: flex; align-content: center; align-items: center; } .basket-stock-section a { color: var(--green); margin: 0 5px 0 5px; } .basket-coupon-section { width: calc(25% - 10px); flex: none; } .basket-coupon-block-coupon-input { height: 50px; } .basket-coupon-block-coupon-btn { position: relative; display: flex; align-content: center; align-items: center; justify-content: center; width: 100%; height: 62px; background: #FFFFFF; border: 2px solid var(--green); box-sizing: border-box; border-radius: 5px; transform: none; right: 0; margin-top: 10px; font-size: 18px; line-height: 25px; color: var(--green); } .basket-checkout-section { width: calc(25% - 10px); flex: none; } .basket-checkout-section-inner-price { display: flex; justify-content: center; align-content: center; align-items: center; height: 50px; } .basket-checkout-block-total { padding-top: 0; } .basket-checkout-block-total-price-inner { padding: 0; } .basket-checkout-block-total-title { font-family: "Carlito", sans-serif; font-size: 24px; line-height: 29px; text-transform: uppercase; font-weight: 800; color: #3A3F5C; margin: 0; } .basket-coupon-block-total-price-current { font-size: 18px; color: #3A3F5C; padding: 0; margin: 0; } .basket-coupon-block-total-price-old { top:-6px; } .basket-checkout-section-inner { display: block; } .basket-checkout-block-btn { padding: 0; margin-top: 10px; } .bx-soa-section-title-container { background: none !important; } .bx-soa-section.bx-selected { border:1px solid #D1D1D1 !important; } .bx-soa-section.bx-step-completed .bx-soa-section-title-count, .bx-soa-section-title-count { width: 50px !important; height: 50px !important; background: #D8E5D1 !important; border-radius: 25px !important; border: none !important; } .bx-soa-section-title-count:before { right: 5px !important; bottom: 5px !important; } .bx-soa-section .bx-soa-section-title-count:after { font-size: 18px !important; line-height: 25px !important; font-weight: 600 !important; color: #3A3F5C !important; top:12px !important; } .bx-soa-section-title { font-family: Open Sans !important; font-size: 18px !important; line-height: 25px !important; color: #3A3F5C !important; font-weight: 400 !important; } .bx-soa-pp-company-graf-container { border:1px solid #EBEBEB !important; border-radius: 5px !important; } .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container { border-color: var(--green) !important; } .bx-soa-pp-desc-container .bx-soa-pp-company { background: #FAFFF7 !important; border:1px solid #EBEBEB !important; border-radius: 5px !important; } #bx-soa-order-form .form-control { background: #FAFFF7; border:1px solid #EBEBEB; height: 50px; box-sizing: border-box; border-radius: 5px; } #bx-soa-order-form textarea.form-control { height: 80px; } .bx-soa-pp-company-selected strong { font-weight: 400; font-size: 16px; line-height: 22px; color: #3A3F5C; } .bx-sls .dropdown-icon { top:18px; } .bx-sls .bx-ui-sls-container, .bx-sls .bx-ui-sls-clear { margin-top: 8px !important; } div.bx-green .btn.btn-default { background: var(--green); border:none; border-radius: 5px; width: 100%; height: 62px; display: flex; align-content: center; align-items: center; justify-content: center; background: var(--green); font-size: 18px; line-height: 25px; text-align: center; text-transform: uppercase; color: #FFFFFF; } div.bx-green .btn.btn-default:hover { background: var(--green); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); } #bx-soa-orderSave { display: flex; justify-content: space-between; flex-wrap: wrap; } #bx-soa-orderSave .checkbox { width: calc(100% - 300px); } #bx-soa-orderSave .btn.btn-default { width: 270px; margin: 0 auto; } .bx-soa-more-btn .btn.btn-default { width: 140px !important; height: 50px !important; } .form-control { box-sizing: border-box; } .order-complete { padding: 30px 0 100px 0; max-width: 600px; margin: 0 auto; } .order-complete__message { text-align: center; } .order-complete__message-title { font-family: "Carlito", sans-serif; font-size: 24px; line-height: 29px; color: #3A3F5C; padding: 33px 0; } .order-complete .sale_order_full_table { text-align: center; } .order-complete .sale_order_full_table .pay_name { font-weight: 700; } .order-complete .sale_order_full_table a { background: var(--green); border:none; border-radius: 5px; width: 200px; height: 62px; display: flex; align-content: center; align-items: center; justify-content: center; background: var(--green); font-size: 18px; line-height: 25px; text-align: center; text-transform: uppercase; color: #FFFFFF; margin: 10px auto; } .lk-page { display: flex; flex-wrap: wrap; justify-content: space-between; } .lk-page__menu { width: 270px; } .lk-page__menu-inner { background: var(--dpastel); } .lk-page__menu-fio { text-align: center; padding: 20px; } .lk-page__menu-fio:after { display: block; content: ' '; width: 100px; height: 1px; margin: 14px auto; background: #AAAAAA; } .lk-page__menu-fio-title { font-size: 14px; line-height: 19px; color: #AAAAAA; padding-bottom: 10px; } .lk-page__menu-fio-value { font-size: 18px; line-height: 25px; text-align: center; text-transform: uppercase; color: #3A3F5C; } .lk-page__menu-item { display: block; font-size: 16px; line-height: 22px; color: #AAAAAA; text-decoration: none; display: flex; align-content: center; align-items: center; height: 60px; border-top: 1px solid #AAAAAA; border-right: 4px solid var(--dpastel); } .lk-page__menu-item_active { border-right: 4px solid var(--green); } .lk-page__menu-item-icon { width: 20px; margin: 0 28px 0 20px; } .lk-page__menu-item-icon svg { fill:#AAAAAA; } .lk-page__menu-item_active svg { fill:var(--green); } .lk-page__menu-item span { width: calc(100% - 68px); font-size: 16px; line-height: 22px; color: #AAAAAA; } .lk-page__menu-item:hover span, .lk-page__menu-item_active span { color: var(--green); } .lk-page__content { width: calc(100% - 300px); } .sale-order-detail { padding: 0; } .sale-order-detail-title-element { display: none; } .sale-order-title { font-family: Open Sans !important; font-weight: 700 !important; font-size: 36px; line-height: 44px; color: #3A3F5C; margin-bottom: 20px; } .sale-order-list-container { } .sale-order-list-title-container { background: rgba(60, 124, 23, 0.2); } .sale-order-detail-general-head { background: none; } .sale-order-detail-general-item { font-size: 18px; line-height: 25px; color: #3A3F5C; } .sale-order-list-title { margin-bottom: 10px; } .sale-order-list-button, .sale-order-detail-payment-options-methods-button-element, .sale-order-detail-payment-options-methods-button-element-new-window, .sale-order-detail-about-order-inner-container-repeat-button, .main-profile-form-buttons-block input[type="submit"] { background: var(--green); border-radius: 5px; cursor: pointer; color: #fff; display: flex; justify-content: center; align-content: center; align-items: center; transition: 700ms; text-decoration: none; border: none; } .main-profile-form-buttons-block input[type="submit"] { height: 62px; width: 270px; margin-top: 20px; } .main-profile-form-buttons-block input[type="submit"]:nth-child(2) { display: none; } .sale-order-list-shipment-button, .sale-order-list-repeat-link, .sale-order-list-cancel-link, .sale-order-list-about-link, .sale-order-list-change-payment, .sale-order-link, .sale-order-history-link, .sale-order-link, .sale-order-history-link { color: #3A3F5C; } .sale-order-detail-general { border:1px solid #D1D1D1; } .bx_profile .form-group { display: block !important; } .main-profile-form-label.text-md-right { display: block; text-align: left; font-weight: 600; font-size: 16px; line-height: 22px; color: #3A3F5C; padding-bottom: 5px; } .bx_profile .form-group .form-control { width: 280px; height: 62px; background: #FFFFFF; border: 1px solid #B1B1B1; box-sizing: border-box; border-radius: 5px; font-size: 16px; line-height: 22px; color: #A8A9AB; padding: 0 34px 0 34px; margin-bottom: 20px; } .sections-selector { display: flex; justify-content: center; flex-wrap: wrap; } .sections-selector__item { padding: 0 50px 0 50px; display: flex; align-content: center; align-items: center; justify-content: center; text-decoration: none; height: 40px; background: var(--pastel); border-radius: 50px; margin-right: 30px; transition: 700ms; } .sections-selector__item:hover { box-shadow: 0px 6px 12px rgba(54, 137, 6, 0.5); background: var(--green); color: #fff; } .sections-selector__item_active { background: var(--green); color: #fff; } .blog { position: relative; } .blog-list { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 68px 0 70px 0; position: relative; } .blog:before { width: calc((100vw - 170px) / 2); height: 372px; background: url(/img/dots-bg.svg) no-repeat; -webkit-transform: rotate(1800deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); position: absolute; left: calc(-50vw/2); top: 310px; display: block; content: ' '; z-index: -1; } .blog:after { width: calc((100vw - 170px) / 2); height: 372px; background: url(/img/dots-bg.svg) no-repeat; position: absolute; right: calc(-50vw/2); top: 63px; display: block; content: ' '; z-index: -1; } .blog-list__item { width: calc(33.33% - 20px); background: #FFFFFF; border-radius: 5px; text-decoration: none; margin-bottom: 30px; overflow: hidden; } .blog-list__item-pic { overflow: hidden; } .blog-list__item-pic img { transition: 700ms; } .blog-list__item:hover img { transform: scale(1.1); } .blog-list__item:hover .blog-list__item-description-read-more { border-bottom: 1px solid var(--green); } .blog-list__item-text { padding: 12px 30px 30px 30px; } .blog-list__item-data { font-size: 12px; line-height: 16px; color: #3A3F5C; } .blog-list__item-title { font-family: "Carlito", sans-serif; font-weight: 400; font-size: 20px; line-height: 25px; color: #3A3F5C; padding: 28px 0 15px 0; } .blog-list__item-preview-text { font-size: 16px; line-height: 22px; color: #3A3F5C; padding-bottom: 16px; display: none; } .blog-list__item-description-read-more { font-size: 16px; line-height: 30px; height: 30px; padding: 0 15px; color: var(--white); border-radius: 15px; display: inline-block; background: var(--dgreen); } .blog-detail-cover { height: 440px; position: relative; margin-top: -130px; } .blog-detail-cover:before { width: 100%; height: 100%; display: block; content: ' '; background: rgba(255,255,255,0.8); position: absolute; top:0; left: 0; } .blog-detail-cover .wrapper { display: flex; align-content: center; align-items: center; justify-content: center; height: 440px; text-align: center; } .blog-detail-noncover { margin-top: -30px; } .blog-detail-noncover .wrapper { text-align: center; } .blog-detail-body { max-width: 670px; padding: 40px 100px; margin: 60px auto; background: #FFFFFF; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25); } .blog-detail-body img { max-width: 100%; } .blog-detail-body_date { font-size: 14px; line-height: 19px; color: #A3A3A3; padding-bottom: 18px; } .blog-detail-body__stripe { height: 1px; width: 100%; background: #F5F5F5; margin: 36px 0 20px 0; } .blog-detail-body__autor { font-size: 14px; } .blog-detail-body__autor strong { display: block; font-size: 14px; } .recomended-articles-wrapper { position: relative; padding-top: 40px; } .recomended-articles-wrapper .page-subtitle { text-align: center; } .recomended-articles-wrapper:before { width: calc((100vw - 170px) / 2); height: 372px; background: url(/img/dots-bg.svg) no-repeat; -webkit-transform: rotate(1800deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); position: absolute; left: -58px; top: 310px; display: block; content: ' '; } .recomended-articles-wrapper:after { width: calc((100vw - 170px) / 2); height: 372px; background: url(/img/dots-bg.svg) no-repeat; position: absolute; right: -58px; top: 63px; display: block; content: ' '; z-index: -1; } .page-h1-bg .page-header { background: url('/img/h1-content.svg') top center no-repeat; height: 225px; } .page-h1-bg .page-header .page-title { text-align: center; padding-top: 18px; font-size: 48px; position: relative; } .page-title_w { color: var(--green); font-size: 24px; position: absolute; right: 0px; } .where-buy { } .where-buy__first-screen { display: flex; justify-content: space-between; flex-wrap: wrap; } .where-buy__first-screen-pic { width: 50%; } .where-buy__first-screen-text { width: 50%; } .where-buy__first-screen-text-title { font-family: "Carlito", sans-serif; font-weight: 700; font-size: 36px; line-height: 44px; color: #3A3F5C; padding-bottom: 20px; } .where-buy__first-screen-text-title-value { font-size: 18px; line-height: 25px; color: #3A3F5C; padding-left: 33px; } .where-buy__first-screen-text-title-value p { padding-bottom: 24px; } .where-buy__partners { padding: 0px 0 100px 0; } .where-buy__partners-list { display: flex; justify-content: space-around; align-content: center; align-items: center; } .where-buy__partners-list-item-pic { height: 95px; } .where-buy__partners-list img { filter: grayscale(1); } .where-buy__partners-list-item-button { background: var(--dgreen); color: var(--white); height: 50px; border-radius: 10px; display: flex; align-items: center; align-content: center; justify-content: center; text-transform: uppercase; } .where-buy__map { position: relative; height: 600px; margin-top: 60px; } .where-buy__map-body { position: absolute; top:0; width: 100%; z-index: 6; text-align: center; transition: 700ms; } .where-buy__map-body:hover { z-index: 9; } .where-buy__map .wrapper { display: flex; justify-content: flex-end; } .where-buy__map-list { width: 758px; padding: 45px; background: #fff; margin: 30px auto; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25); } .where-buy__map-list-city-select { display: flex; align-content: flex-end; align-items: flex-end; flex-wrap: wrap; padding-top: 44px; padding-bottom: 60px; } .where-buy__map-list-city-select-title { font-size: 18px; line-height: 25px; color: #3A3F5C; margin-right: 12px; font-weight: 600; } .where-buy__map-list-city-select-current { font-size: 18px; line-height: 25px; color: #3A3F5C; margin-right: 24px; text-transform: uppercase; border-bottom: 1px dashed #3A3F5C; font-weight: 600; } .where-buy__map-list-city-select-other { height: 35px; background: #FFFFFF; border: 1px solid var(--green); border-radius: 5px; display: flex; justify-content: center; align-content: center; align-items: center; font-size: 16px; font-weight: 600; color: #3A3F5C; padding: 0 13px 0 13px; margin-bottom: -6px; cursor: pointer; } .where-buy__map-list-city-select-other:hover { background: var(--green); color: #fff; } .where-buy__map-list-city-select-choose-wrap { max-width: 1170px; width: 100%; } .where-buy__map-list-city-select-choose { background: #fff; padding: 50px; display: flex; justify-content: space-between; } .where-buy__map-list-city-select-choose-country-wrap { width: 200px; } .where-buy__map-list-city-select-choose-country { font-weight: 600; font-size: 24px; line-height: 33px; text-transform: uppercase; color: #3A3F5C; padding-bottom: 10px; cursor: pointer; } .where-buy__map-list-city-select-choose-country:hover { opacity: .8; } .where-buy__map-list-city-select-choose-country_active { color: var(--green); } .where-buy__map-list-city-select-choose-city-list-wrap { width: calc(100% - 250px); } .where-buy__map-list-city-select-choose-city-list { display: none; } .where-buy__map-list-city-select-choose-city-list_active { display: flex; flex-wrap: wrap; } .where-buy__map-list-city-select-choose-city-list-form { width: 100%; padding-bottom: 20px; } .where-buy__map-list-city-select-choose-city-list-form input { max-width: 230px; } .where-buy__map-list-city-select-choose-city-list-item { margin: 0px 15px 10px 0; font-size: 17px; font-weight: 600; } .where-buy__map-list-city-select-choose-city-list-item b { font-weight: 800; font-size: 1.2em; } .where-buy__map-list-city-select-list { height: 430px; overflow-y: scroll; } .where-buy__map-list-city-select-list-item { display: flex; justify-content: space-between; align-content: center; align-items: center; padding-bottom: 40px; } .where-buy__map-list-city-select-list-item-left { width: 60%; } .where-buy__map-list-city-select-list-item-left-name { font-weight: 600; font-size: 24px; line-height: 33px; text-transform: uppercase; color: #3A3F5C; padding-bottom: 10px; } .where-buy__map-list-city-select-list-item-left-adress { font-size: 16px; color: #3A3F5C; } .where-buy__map-list-city-select-list-item-right { width: calc(40% - 30px); } .where-buy__map-list-city-select-list-item-right { color: #3A3F5C; font-size: 12px; } .where-buy__map-list-city-select-list-item-right div { padding-bottom: 8px; } .vacancy { display: flex; flex-wrap: wrap; } .vacancy__item { width: calc(25% - 125px); background: #D8E5D1; border-radius: 0px; margin-right: 30px; margin-bottom: 30px; padding: 30px 50px; cursor: pointer; transition: 700ms; } .vacancy__item:hover { background: var(--green); color: #fff; } .vacancy__item:hover .vacancy__item-title, .vacancy__item:hover .vacancy__item-zp { color: #fff; } .vacancy__item-title { font-size: 18px; line-height: 25px; text-align: center; font-weight: 600; color: #3A3F5C; } .vacancy__item-zp { font-size: 18px; line-height: 25px; text-align: center; font-weight: 600; color: #3A3F5C; } .vacancy__item:nth-child(4n+4) { margin-right: 0; } .vacancy__item-text-wrapper { background: #D8E5D1; } .vacancy__item-text-title { font-weight: 700; font-size: 20px; padding-bottom: 10px; } .vacancy__item-text-block, .vacancy__item-text-zp, .vacancy__item-text-contacts { padding-bottom: 20px; } .vacancy__item-text-block strong, .vacancy__item-text-zp strong, .vacancy__item-text-contacts strong { display: block; } .vacancy__text { display: flex; justify-content: space-between; position: relative; padding-bottom: 100px; } .vacancy__text-left { width: calc(50% - 100px); position: relative; } .vacancy__text-right { width: 50%; padding-top: 80px; } .vacancy__text-right h2 { padding-bottom: 20px; } .vacancy__text-right p { padding-bottom: 20px; } .vacancy__text-right-green { background: var(--green); color: #fff; padding: 20px 0 20px 32px; margin-left: -32px; position: relative; } .vacancy__text-right-green:after { width: calc((100vw - 585px) / 2); height: 100%; position: absolute; top:0; display: block; content: ' '; right: calc((-100vw + 585px) / 2); background: var(--green); z-index: -1; } .contacts-page__form { } .contacts-page__form-title { margin: 0 auto; max-width: 527px; font-size: 18px; line-height: 25px; text-align: center; color: #3A3F5C; padding: 70px 0 55px 0; } .contacts-page__form-body { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 860px; margin: 0 auto; } .contacts-page__form-body .form-group { width: calc(33.33% - 20px); } .contacts-page__form-blocks { margin-top: 80px; padding: 5px 0px 100px 0px; display: flex; justify-content: space-around; flex-wrap: wrap; background: url('/img/contacts-page__form-blocks.svg') top center no-repeat; background-size: contain; width: calc(100% + 40px); margin-left: -20px; } .contacts-page__form-blocks-item { background: #FFFFFF; border-radius: 5px; width: calc(33.33% - 20px); padding-bottom: 20px; } .contacts-page__form-blocks-item-pic { margin-bottom: 18px; display: flex; align-content: center; justify-content: center; min-height: 150px; } .contacts-page__form-blocks-item-pic img { } .contacts-page__form-blocks-item-text { padding: 0 36px 18px 80px; font-size: 18px; font-weight: 700; line-height: 25px; color: #3A3F5C; position: relative; } .contacts-page__form-blocks-item:nth-child(1) .contacts-page__form-blocks-item-text-first:before { width: 23px; height: 23px; display: block; content: ' '; background: url('/img/contacts-page__form-blocks-item-icon-01.svg') center center no-repeat; position: absolute; left: 30px; } .contacts-page__form-blocks-item:nth-child(2) .contacts-page__form-blocks-item-text-first:before { width: 23px; height: 23px; display: block; content: ' '; background: url('/img/contacts-page__form-blocks-item-icon-02.svg') center center no-repeat; position: absolute; left: 30px; } .contacts-page__form-blocks-item:nth-child(3) .contacts-page__form-blocks-item-text-first:before { width: 23px; height: 23px; display: block; content: ' '; background: url('/img/contacts-page__form-blocks-item-icon-03.svg') center center no-repeat; position: absolute; left: 30px; } .contacts-page__form-blocks-item-text span { font-weight: 400; font-size: 14px; line-height: 19px; } .stocks-block { padding: 50px 0 100px 0; } .stocks-block h1 { padding-bottom: 50px; } .stocks-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .stocks-list__item { width: calc(50% - 64px); background: #D8E5D1; padding: 20px 25px; display: flex; align-content: center; justify-content: space-between; align-items: center; position: relative; margin-bottom: 30px; } .stocks-list__item:nth-child(1n+2) { background: var(--dpastel); } .stocks-list__item:nth-child(1n+3) { background: #F6F7F2; } .stocks-list__item:nth-child(1n+4) { background: var(--dpastel); } .stocks-list__item:before { width: 223px; height: 186px; background: url('/img/stock-dots.svg') no-repeat; display: block; content: ' '; position: absolute; top:0; left: 0; z-index: 1; } .stocks-list__item-pic { width: 40%; position: relative; z-index: 2; } .stocks-list__item-text { width: calc(60% - 40px); } .stocks-list__item-text-title { font-family: "Carlito", sans-serif; font-size: 30px; line-height: 35px; color: #3A3F5C; padding-bottom: 3px; } .stocks-list__item-text-stocks { font-weight: 700; font-family: "Carlito", sans-serif; font-size: 30px; line-height: 37px; color: var(--green); } .stocks-list__item-text-stocks span { color: #3A3F5C; } .stocks-list__item-text-button { width: 125px; height: 30px; display: flex; align-content: center; align-items: center; justify-content: center; border: 1px solid var(--green); box-sizing: border-box; border-radius: 5px; text-decoration: none; font-style: normal; font-weight: 600; font-size: 12px; line-height: 16px; color: var(--green); transition: 700ms; margin-top: 28px; } .stocks-list__item-text-button:hover { background: var(--green); color: #fff; } .how-we-work { padding-bottom: 100px; } .how-we-work__first-line { display: flex; justify-content: space-between; flex-wrap: wrap; } .how-we-work__first-line-item { background: var(--green); width: calc(25% - 70px); color: #fff; padding: 60px 30px 60px 30px; justify-content: center; text-align: center; display: flex; align-content: center; align-items: center; } .how-we-work__first-line-item:nth-child(1) { border-radius: 20px 0 0 20px; } .how-we-work__first-line-item:nth-child(4) { border-radius: 0 20px 20px 0; } .how-we-work__second-line { display: flex; justify-content: space-between; flex-wrap: wrap; padding-left: 54px; padding-top: 137px; padding-bottom: 145px; } .how-we-work__second-line-item { width: calc(20% - 20px); position: relative; } .how-we-work__second-line-item:nth-child(1):after { display: block; content: ' '; width: 84px; height: 114px; background: url('/img/how-we-work__second-line-item.svg') no-repeat; position: absolute; right: -70px; top:35px; } .how-we-work__second-line-item:nth-child(3):after { display: block; content: ' '; width: 84px; height: 114px; background: url('/img/how-we-work__second-line-item.svg') no-repeat; position: absolute; right: 40px; bottom:10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .how-we-work__second-line-item:nth-child(5):after { display: block; content: ' '; width: 84px; height: 114px; background: url('/img/how-we-work__second-line-item.svg') no-repeat; position: absolute; right: 140px; bottom:10px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .how-we-work__second-line-item:nth-child(2n+2) { padding-top: 140px; } .how-we-work__second-line-item-title { font-style: normal; font-weight: bold; font-size: 18px; line-height: 25px; color: var(--green); position: relative; padding-bottom: 8px; } .how-we-work__second-line-item-title-bg { font-family: "Carlito", sans-serif; font-size: 24px; line-height: 33px; color: rgba(58, 63, 92, 0.2); font-weight: 800; position: absolute; left: -54px; top:-20px; } .how-we-work__second-line-item-title-bg span { font-size: 36px; } .how-we-work__second-line-item-text { font-size: 16px; line-height: 22px; color: #3A3F5C; } .how-we-work__important { border:15px solid #D8E5D1; padding: 60px 280px 55px 95px; position: relative; } .how-we-work__important:after { background: url('/img/how-we-work__important.svg') no-repeat; width: 285px; height: 285px; display: block; content: ' '; position: absolute; right: 0; bottom: -3px; } .how-we-work__important-title { font-family: "Carlito", sans-serif; font-size: 36px; line-height: 44px; font-weight: 700; color: #3A3F5C; padding-bottom: 20px; } .how-we-work__important p { font-size: 18px; line-height: 25px; color: #3A3F5C; padding-bottom: 24px; } .why-we__ingridients { display: flex; flex-wrap: wrap; padding: 100px 10px 100px 10px; justify-content: space-between; } .why-we__ingridients-item { width: calc(33.33% - 80px); margin-bottom: 30px; background: #FFFFFF; box-shadow: 4px 4px 15px rgba(85, 110, 8, 0.1); border-radius: 5px; padding: 30px; } .why-we__ingridients-item-icon { display: flex; justify-content: center; } .why-we__ingridients-item-icon-title { font-size: 18px; line-height: 25px; font-weight: 600; color: #3A3F5C; text-align: center; padding: 30px 0 18px 0; } .why-we__ingridients-item-icon-text { text-align: center; font-size: 14px; line-height: 19px; text-align: center; color: #3A3F5C; } .why-we__second-screen { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 120px; } .why-we__second-screen-left { width: 50%; display: flex; justify-content: flex-end; } .why-we__second-screen-left-inner { width: 535px; margin-right: 50px; margin-left: -10px; padding-left: 10px; } .why-we__second-screen-left-title { font-family: "Carlito", sans-serif; font-size: 36px; line-height: 44px; font-weight: 700; color: #3A3F5C; padding-bottom: 40px; } .why-we__second-screen-left-text p { font-size: 18px; line-height: 25px; color: #3A3F5C; padding-bottom: 25px; } .why-we__second-screen-right { } .why-we__second-screen-right-slider-item-inner { margin-right: 30px; } .why-we__second-screen-right .slick-prev { width: 43px; height: 43px; background: url(/img/mp-slider-prev.svg) center center no-repeat; font-size: 0px; position: absolute; z-index: 2; bottom: -60px; } .why-we__second-screen-right .slick-next { width: 43px; height: 43px; background: url(/img/mp-slider-next.svg) center center no-repeat; font-size: 0px; position: absolute; z-index: 2; bottom: -60px; left: 44px; } .why-we__follow { background: var(--dpastel); padding: 60px 0 60px 0; } .why-we__follow .wrapper { display: flex; flex-wrap: wrap; } .why-we__follow-title { font-family: "Carlito", sans-serif; font-size: 30px; line-height: 39px; font-weight: 700; color: #3A3F5C; width: calc(50% - 20px); } .why-we__follow-icons { display: flex; flex-wrap: wrap; width: calc(50% - 20px); } .why-we__follow-icons-item { background: var(--green); width: 70px; height: 70px; border-radius: 35px; display: flex; justify-content: center; align-content: center; align-items: center; margin-right: 30px; } .why-we__follow-icons-item svg { fill:#fff; } .coop-form { max-width: 600px; margin-bottom: 90px; } .coop-form h3 { text-align: center; padding-bottom: 30px; } .coop-form .warning-buy { padding-bottom: 20px; } .rekvisiti { width: 770px; padding: 0 10px 100px 0px; margin: 0 auto; } .rekvisiti__top { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 58px; } .rekvisiti__top-item { max-width: 200px; } .rekvisiti__top-item-title { font-weight: 600; font-size: 16px; line-height: 22px; text-align: center; color: #3A3F5C; height: 44px; margin-bottom: 15px; } .rekvisiti__top-item-link { width: 100%; height: 40px; background: #F8F8F8; display: flex; align-content: center; align-items: center; justify-content: center; text-decoration: none; border: 1px solid #B1B1B1; box-sizing: border-box; border-radius: 5px; } .rekvisiti__top-item-link:after { background: url('/img/rekvisiti__top-item-link.svg') no-repeat; display: block; content: ' '; width: 18px; height: 20px; margin-left: 10px; } .rekvisiti__body { padding: 30px 40px; background: #FFFFFF; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25); } .rekvisiti__body-block { display: flex; flex-wrap: wrap; border-bottom: 1px solid #F5F5F5; padding-top: 30px; } .rekvisiti__body-block:last-child { border:none; } .rekvisiti__body-block-title { font-size: 18px; line-height: 25px; color: #3A3F5C; font-weight: 600; width: 40%; } .rekvisiti__body-block-text { width: calc(60% - 30px); } .rekvisiti__body-block-text p { font-size: 18px; line-height: 25px; color: #3A3F5C; padding-bottom: 25px; } .diploma-page .page-title { display: none; } .diploma { } .diploma__section-items { display: flex; flex-wrap: wrap; padding: 40px 0 70px 0; } .diploma__section-item { width: calc(25% - 30px); } .diploma__section-items-val { padding: 55px 0 55px 0; display: flex; align-content: center; align-items: center; justify-content: center; background: #FFFFFF; box-shadow: 4px 4px 15px rgba(85, 110, 8, 0.1); border-radius: 5px; margin-right: 30px; margin-bottom: 30px; border: 1px solid #fff; } .diploma__section-items-val:hover { border: 1px solid var(--green); } .diploma__section-item:nth-child(4n+4) { margin-right: 0; } .reviews__slider { } .reviews__slider .slick-prev { width: 30px; height: 30px; background: url('/img/reviews__slider-prev.svg') center center no-repeat; font-size: 0; position: absolute; bottom: -30px; cursor: pointer; } .reviews__slider .slick-next { width: 30px; height: 30px; background: url('/img/reviews__slider-next.svg') center center no-repeat; font-size: 0; position: absolute; bottom: -30px; left: 41px; cursor: pointer; } .reviews__slider-item-p { padding: 0 17px; } .reviews__slider-item { max-width: 340px; background: var(--dpastel); padding: 15px; position: relative; } .reviews__slider-item:before { background: url('/img/reviews__slider-item.svg') no-repeat; width: 67px; height: 54px; display: block; content: ' '; position: absolute; left: -15px; top:26px; z-index: 1; } .reviews__slider-item-inner { border:1px dashed #C4C0C0; padding: 25px 30px; } .reviews__slider-title { font-weight: bold; font-size: 16px; line-height: 22px; color: #3A3F5C; } .reviews__slider-title:before { background: url('/img/reviews__slider-title.svg') no-repeat; display: block; content: ' '; margin-bottom: 23px; width: 37px; height: 29px; z-index: 2; position: relative; } .reviews__slider-text { font-size: 16px; line-height: 22px; color: #3A3F5C; padding: 5px 0 36px 0; } .reviews__slider-fio { font-weight: bold; font-size: 16px; line-height: 22px; color: #3A3F5C; padding-bottom: 7px; } .reviews__slider-link { text-decoration: none; font-size: 13px; line-height: 18px; font-weight: 600; color: #3A3F5C; } .reviews__buttons { padding: 90px 0 100px 0; } .reviews__buttons .button { width: 350px; height: 62px; margin: 0px auto; } .reviews__text { text-align: center; font-size: 16px; line-height: 22px; color: #3A3F5C; padding: 25px 0 36px 0; } .team__section { padding: 50px 0; position: relative; } .team__section:nth-child(1):before{ height: 377px; width: 592px; position: absolute; left: calc((-100vw + 170px) / 2); top: 340px; background: url(/img/product-detail__vd-left-video-bg.jpg) no-repeat; z-index: -1; display: block; content: ' '; } .team__section:nth-child(3):after{ height: 377px; width: 592px; position: absolute; right: calc((-100vw + 170px) / 2); top: 0px; background: url(/img/product-detail__vd-left-video-bg.jpg) no-repeat; z-index: -1; display: block; content: ' '; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .team__section:nth-child(2n+2) { background: var(--dpastel); } .team__section:nth-child(2n+2):before { width: calc((100vw - 170px) / 2); height: 100%; position: absolute; top: 0; display: block; content: ' '; right: calc((-100vw + 170px) / 2); background: var(--dpastel); } .team__section:nth-child(2n+2):after { width: calc((100vw - 170px) / 2); height: 100%; position: absolute; top: 0; display: block; content: ' '; left: calc((-100vw + 170px) / 2); background: var(--dpastel); } .team__section-title { padding-bottom: 50px; } .team__list { display: flex; flex-wrap: wrap; } .team__list-item-wrapper { width: calc(25% - 53px); margin-bottom: 30px; background: #FFFFFF; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05); border-radius: 5px; margin-right: 30px; padding: 15px; } .team__list-item-wrapper:nth-child(4n+4) { margin-right: 0; } .team__list-item { background: #FFFFFF; border-radius: 5px; padding-bottom: 15px; } .team__list-item-name { padding: 9px 20px 4px 20px; text-align: center; font-weight: bold; font-size: 18px; line-height: 25px; text-transform: uppercase; color: var(--green); } .team__list-item-role { padding: 0 20px; text-align: center; font-size: 16px; line-height: 22px; font-weight: 600; color: #3A3F5C; } .team__list-item-mail { padding: 0 20px; text-align: center; text-decoration: none; font-size: 16px; line-height: 22px; font-weight: 600; display: block; color: #3A3F5C; padding: 7px 20px 14px 20px; } .team__list-item-social { display: flex; justify-content: center; flex-wrap: wrap; } .team__list-item-social-val { margin: 0 6px 0 6px; } .team__list-item-social-val svg { fill:#CBCBCB; } .opt-page__first-screen { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 90px 0 130px 0; } .opt-page__first-screen-left { width: 50%; } .opt-page__first-screen-left-title { padding-bottom: 42px; } .opt-page__first-screen-left p { font-size: 18px; line-height: 25px; color: #3A3F5C; padding: 0 0 26px 30px; } .opt-page__first-screen-right { width: calc(50% - 20px); display: flex; justify-content: flex-end; } .opt-page__facts { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 130px; } .opt-page__facts-item { width: calc(25% - 70px); background: var(--dpastel); text-align: center; padding: 25px; position: relative; overflow: hidden; } .opt-page__facts-item-icon { position: relative; z-index: 1; } .opt-page__facts-item-icon svg { fill:var(--green); } .opt-page__facts-item-title { font-weight: bold; font-size: 18px; line-height: 25px; text-align: center; color: #3A3F5C; min-height: 50px; position: relative; z-index: 1; } .opt-page__facts-item-text { font-weight: 600; font-size: 14px; line-height: 19px; text-align: center; color: #3A3F5C; position: relative; z-index: 1; } .opt-page__facts-item-bg { position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0; transition: 700ms; } .opt-page__facts-item:hover .opt-page__facts-item-text, .opt-page__facts-item:hover .opt-page__facts-item-title { color: #fff; } .opt-page__facts-item:hover .opt-page__facts-item-bg { opacity: 1; } .opt-page__facts-item:hover .opt-page__facts-item-icon svg { fill:#fff; } .opt-page__facts-press-price { } .opt-page__facts-press-price-title { text-align: center; } .opt-page__facts-press-price-links { display: flex; justify-content: center; flex-wrap: wrap; padding: 100px 0 100px 0; } .opt-page__facts-press-price-links-item { max-width: 270px; margin: 0 45px 0 45px; text-decoration: none; text-align: center; } .opt-page__facts-press-price-links-item-title { text-decoration: none; display: block; font-weight: 600; font-size: 18px; line-height: 25px; text-align: center; color: #3A3F5C; padding: 28px 0 28px 0; } .opt-page__facts-press-price-links-item-button { width: 270px; height: 62px; background: #FFFFFF; border: 2px solid var(--green); box-sizing: border-box; border-radius: 5px; font-size: 18px; line-height: 25px; text-align: center; color: var(--green); display: flex; justify-content: center; align-content: center; align-items: center; } .opt-page__facts-press-price-links-item-button:hover { background: var(--green); color: #fff; } .opt-page__friend-price { background: var(--dpastel); position: relative; padding: 95px 0 95px 0; } .opt-page__friend-price-title { text-align: center; } .opt-page__friend-price-subtitle { text-align: center; padding: 13px 0 55px 0; } .opt-page__friend-price:after { width: calc((100vw - 170px) / 2); height: 100%; position: absolute; top: 0; display: block; content: ' '; right: calc((-100vw + 170px) / 2); background: var(--dpastel); } .opt-page__friend-price:before { width: calc((100vw - 170px) / 2); height: 100%; position: absolute; top: 0; display: block; content: ' '; left: calc((-100vw + 170px) / 2); background: var(--dpastel); } .opt-page__friend-price-icons { display: flex; justify-content: space-between; } .opt-page__friend-price-icons-item { width: calc(33.33% - 30px); display: flex; justify-content: space-between; } .opt-page__friend-price-icons-item-icon { width: 50px; margin-right: 30px; } .opt-page__friend-price-icons-item-title { width: calc(100% - 80px); font-weight: 600; font-size: 18px; line-height: 25px; color: #3A3F5C; } .opt-page__quest { max-width: 770px; margin: 0 auto; padding: 90px 0 80px 0; } .opt-page__quest .questions-page__items-list { width: 100%; } .opt-form { background: var(--dpastel); } .opt-form .subscribe-type-01__inner { display: flex; align-content: center; align-items: center; } .opt-form-title { padding-bottom: 50px; } .opt-form .subscribe-type-01__inner-left { overflow: hidden; padding-top: 60px; display: flex; justify-content: flex-end; } .opt-form .subscribe-type-01__inner-left img { position: relative; margin-bottom: -66px; } .footer { background: var(--pastel); padding: 40px 0 0 0; } .footer .wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer__logo { width: 150px; } .footer__logo-src { fill:var(--dgreen); max-width: 100%; } .footer__logo-text { font-size: 14px; line-height: 19px; text-align: center; color: #FFFFFF; opacity: 0.8; padding: 9px 0 9px 0; } .footer__logo-stripe { width: 183px; height: 9px; margin: 0 auto; background: url('/img/footer-logo-stripe.png') no-repeat; } .footer__menus { width: calc(100% - 520px); display: flex; justify-content: space-between; } .footer__menus-block { width: calc(33.33% - 40px); } .footer__menus-block-title { font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #373535; padding-bottom: 14px; } .footer__menus-block-item { font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: #373535; text-decoration: none; display: block; padding-bottom: 6px; } .footer__search-and-social { width: 225px; } .footer__search-and-social .header__info-right-col-bottom-search { position: relative; top:0; } .footer__search-and-social input[type="text"] { width: calc(100% - 16px); } .footer__social { display: flex; align-items: center; flex-wrap: wrap; margin-top: 30px; } .footer__social-icons { display: flex; justify-content: center; align-items: center; align-content: center; } .footer__social-icons-item { margin: 0 6px 0 6px; display: flex; justify-content: center; align-items: center; align-content: center; } .footer__social-icons-item svg { fill:#CBCBCB; } .footer__social-text { font-size: 13px; line-height: 18px; text-align: center; color: #373535; opacity: 0.8; width: calc(100% - 68px); } .footer__stripe { background: var(--dgreen); height: 1px; width: 100%; margin-top: 50px; } .footer__cr { align-items: center; align-content: center; height: 60px; } .footer__cr-value { font-weight: 600; font-size: 14px; line-height: 17px; color:var(--dgreen); } .footer__cr-value a { color: var(--dgreen); } .footer__cr-value-link { text-decoration: none; font-weight: 600; font-size: 14px; line-height: 17px; color: var(--dgreen); } .footer__cr-icons { display: flex; justify-content: flex-end; align-content: center; align-items: center; } .footer__cr-icons svg { margin-left: 20px; } /* End */ /* Start:/css/media.css?177204642544386*/ @media (max-width:1190px) { .wrapper { width: auto; } .main-page__mounth-tabs-item { margin-bottom: 15px; } .basket-stock-section { font-size: 20px; } .contacts-page__form-blocks { margin-left: 0; width: 100%; } .why-we__second-screen-left-inner { margin-left: 0; } .why-we__follow-title { width: 100%; margin-right: 0; text-align: center; padding-bottom: 20px; } .why-we__follow-icons { margin: 0 auto; } .blog:before, .blog:after { display: none; } .team__list-item-wrapper { width: calc(33.33% - 28px); padding: 5px; margin-right: 20px; } .team__list-item-wrapper:nth-child(3n+3) { margin-right: 0; } .team__list-item-wrapper:nth-child(4n+4) { margin-right: 20px; } .team__list-item-pic img { width: 100%; } .about-page__block-pic-01 { float: none; } .about-page__flex-block-alt-bullits li { width: 100%; padding-bottom: 6px; } .header__info_sticky .header__info-right-col-bottom-favorites:after, .header__info_sticky .bx-hdr-profile:after { font-size: 14px; } .header__info_sticky .header__info-right-col-bottom-favorites, .header__info_sticky .bx-hdr-profile { padding-right: 18px; padding-left: 18px; } } @media (max-width: 1023px) { .warning-message { line-height: 1.2; font-size: 12px; padding-top: 3px; padding-bottom: 3px; } .warning-message .wrapper { height: auto; } .header-wrapper { height: auto; } .header__info-wrapper { height: auto; } .header__mob_sticky { position: fixed; top:0; width:100%; z-index: 6; } .page-header { padding: 23px 0 22px 0; margin-bottom: 0; border-bottom: 0px; } h1, .sale-order-title, .page-h1-bg .page-header .page-title { font-size: 24px; line-height: 29px; } .page-h1-bg .page-header { height: 100px; } .header__mobile-menu { position: fixed; top:0; width:calc(100% - 50px); padding: 25px; background: #FFFFFF; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25); border-radius: 5px; z-index: 6; } .header__mobile-menu .header__menu-half-item { display: block; font-size: 18px; line-height: 36px; text-transform: none; } .header__mobile-menu .top-header__menu-item { display: block; color: #3A3F5C; font-size: 18px; line-height: 36px; opacity: .8; } .header__mobile-menu-auth { padding-top: 10px; } .header__mobile-menu-auth_alt { display: flex; align-items: center; align-content: center; } .header__mobile-menu-auth_alt span { margin: 0 10px; } .header__mobile-menu-auth .top-header__menu-item { color: var(--green); opacity: 1; } .mobile-header { background: var(--green); display: block; } .mobile-header .wrapper { display: flex; justify-content: space-between; align-content: center; align-items: center; height: 46px; padding-top: 10px; } .mobile-header__logo { max-width: 300px; display: flex; justify-content: space-between; text-decoration: none; } .mobile-header__logo-icon { width: 119px; height: 37px; fill:var(--pastel); } .mobile-header__logo-text { font-family: 'Vetrino'; font-size: 18px; line-height: 37px; color: var(--pastel); opacity: 0.8; width: calc(100% - 49px); display: none; } .header__info-phone-value { color: var(--green); } .mobile-header__info-phone { color: var(--green); } .mobile-header__info-phone-value { font-weight: 700; } .mobile-header__info-phone-title { font-size: 10px; } .header__mobile-menu-i { width: 220px; justify-content: flex-end; display: flex; position: relative; z-index: 6; } .top-header, .header__info-right-col-top, .header__info-logo, .header__info .header__info-phone, .header__menu { display: none; } .header__info .wrapper { height: 46px; align-items: center; align-content: center; } .header__info-right-col-bottom, .header__info-right-col { width: 100%; } .header__info-right-col-bottom-search { width: 50%; } .header__info-right-col-bottom-search-input { width: calc(100% - 16px); } .main-page__mounth-tabs-item { height: 30px; font-size: 12px; padding: 0 20px 0 20px; } h2 { font-size: 24px; line-height: 30px; } h3 { font-size: 20px; line-height: 26px; } .main-page__mounth-subtitle { font-size: 12px; padding: 0 0 8px 0; } .main-page__mounth-subtitle span { font-size: 12px; } .main-page__mounth { padding: 40px 0 0 0; } .subscribe-type-01__inner-left-title { font-size: 24px; line-height: 33px; } .subscribe-type-01__inner-left-subtitle { font-size: 14px; line-height: 18px; } .subscribe-type-01__inner-left { width: calc(35% - 20px); } .subscribe-type-01__inner-left img { max-width: 100%; } .subscribe-type-01__inner-right { width: 65%; } .subscribe-type-02__inner-left { width: calc(100% - 300px); } .subscribe-type-02__inner-right { width: 250px; } .main-page__blog .main-page__mounth-title { padding: 40px 0 20px 0; } .sections-selector__item { height: 30px; font-size: 12px; padding: 0 20px 0 20px; margin-bottom: 10px; } .blog-list { padding: 20px 0 40px 0; } .blog-list__item { width: calc(50% - 10px); margin-bottom: 20px; } .blog-list__item-pic img { width: 100%; } .blog-list__item-text { padding: 12px 22px 22px 22px; } .blog-list__item-title { font-size: 18px; line-height: 22px; padding: 8px 0 5px 0; } .blog-list__item-preview-text { font-size: 12px; line-height: 16px; } .blog-list__item-description-read-more { font-size: 12px; line-height: 26px; } .footer__cr-center { text-align: center; } .header__info-bottom-pic { max-width: calc(100% - 140px); position: relative; top: -12px; } .where-buy__partners { padding:0; } .where-buy__partners-list { flex-wrap: wrap; padding: 30px 0 35px 0; } .where-buy__partners-list-item { margin:0 20px 10px 20px; } .footer__logo { width: 100%; text-align: center; } .footer__logo-src { max-width: 130px; } .footer__logo-text { max-width: 130px; font-size: 10px; margin: 0 auto; padding: 0 0 5px 0; } .footer__menus { padding: 30px 0 0 0; width: 100%; justify-content:center; } .footer__menus-block { max-width: 160px; width: calc(33.33% - 10px); } .footer__search-and-social { margin: 0 auto; padding-top: 20px; } .footer__search-and-social .header__info-right-col-bottom-search { width: 100%; } .footer__stripe { margin-top: 20px; } .bx-breadcrumb { padding-bottom: 13px; } .catalog__content-search { width: calc(100% - 310px); } .catalog__content-search-input { height: 30px; font-size: 14px; } .catalog__content-search-button { font-size: 14px; } .catalog__content-sort { height: 30px; font-size: 14px; } .catalog__content-sort { height: 30px; border: none; width: 135px; } .catalog__content-search-and-sort { justify-content: flex-end; } .catalog__content-sort select { display: flex; align-items: center; align-content: center; justify-content: center; font-weight: 600; font-size: 12px; color: #3A3F5C; height: 30px; background: #F1F1F1 url('/img/mobile-filter.svg') center right no-repeat; border: 1px solid #E5E5E5; box-sizing: border-box; border-radius: 50px; width: 135px; } .catalog__sidebar { display: none; position: absolute; top:0; width: calc(100% - 40px); max-width: 370px; background: #fff; z-index: 7; padding:0 20px 20px 20px; right: 0; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25); } .catalog__sidebar-header-m { display: flex; align-content: center; align-items: center; justify-content: center; width: calc(100% + 38px); font-weight: 600; font-size: 14px; color: #3A3F5C; height: 60px; background: var(--pastel); margin: 0 -20px 20px -20px; position: relative; border:1px solid #E5E5E5; } .catalog__sidebar-header-m-close { background: url('/img/catalog__sidebar-header-m-close.svg') top center no-repeat; width: 14px; height: 14px; position: absolute; top:24px; right: 20px; cursor: pointer; } .catalog__sidebar-button-fav { height: 40px; } .ts-ot-do input[type="text"] { height: 40px; width: 75px !important; background: url(/img/ruble-currency-sign.svg) 10px 14px no-repeat; } .ts-filter .ui-widget { display: none; } .catalog__sidebar-filter-items-button-set { height: 45px; } .catalog__sidebar-filter-items-button-clear { height: 45px; } .catalog__content { width: 100%; } .catalog__content__show-filter { display: flex; align-items: center; align-content: center; justify-content: center; font-weight: 600; font-size: 12px; color: #3A3F5C; height: 30px; background: #F1F1F1 url('/img/mobile-filter.svg') center right no-repeat; border: 1px solid #E5E5E5; box-sizing: border-box; border-radius: 50px; width: 135px; margin-right: 10px; } .catalog__content-search { margin:0 20px 0 20px; } .catalog__content-list-item:hover { background: #FFFFFF; box-shadow: none; border-radius: 0px; } .product-detail__photos { width: 100%; } .product-detail__info { width: 100%; display: flex; flex-wrap: wrap; } .product-detail__info-qnt { display: none; } .product-detail__info-aval-rating { justify-content: center; border: none; padding-bottom: 0; } .product-detail__info-aval { width: 100%; text-align: center; padding-bottom: 6px; } .product-detail__info-rating { width: 100%; text-align: center; } .product-detail__info-price-qnt { border: none; text-align: center; justify-content: center; padding-top: 5px; padding-bottom: 0; } .product-detail__info-short-description { font-size: 12px; line-height: 16px; padding-top: 12px; border: none; } .product-detail__info-reviews-qnt { font-size: 12px; } .product-detail__info-use { padding-top: 0; padding-bottom: 0px; justify-content: space-around; } .product-detail__info-use-item { width: calc(50% - 30px); height: auto; background-size: contain !important; position: relative; margin: 0 10px 40px 10px; text-align: center; } .product-detail__info-use-item-title { height: auto; margin-top: 9px; } .product-detail__info-use-item-img { text-align: center; width: 100%; } .product-detail__info-use-item:after { content: attr(tooltip); display: none; font-size: 11px !important; color: #000; position: relative; width: 100px; height: 20px; text-align: center; margin-left: 0; bottom: 0; top:calc(100% + 5px); left: 0; z-index: 1; opacity: 1; background: #D8E5D1; transform: none; padding: 0px; } .product-detail__info-buttons { justify-content: center; } .product-detail__info-buttons-buy { height: 35px; width: 110px; font-size: 14px; margin-right: 10px; margin-left: 25px; } .product-detail__info-buttons-favorites a, .product-detail__info-buttons-favorites .round-button, .product-detail__info-buttons-favorites { width: 35px; height: 35px; } .product-detail__info-buttons-favorites .catalog__content-list-item-buttons-favorites-icon { width: 15px !important; height: 16px !important; } .catalog__content-list-item-buttons { opacity: 1; } .product-detail__info-qnt_m { display: block; } .product-detail__mobile-info { display: block; } .product-detail__mobile-info .ui-state-active, .product-detail__mobile-info .ui-widget-content .ui-state-active, .product-detail__mobile-info .ui-widget-header .ui-state-active, .product-detail__mobile-info a.ui-button:active, .product-detail__mobile-info .ui-button:active, .product-detail__mobile-info .ui-button.ui-state-active:hover { font-family: Gilroy; font-size: 20px; line-height: 25px; font-weight: 700; text-transform: uppercase; color: #3A3F5C; border:none; border-bottom: 2px solid #F5F5F5; } .product-detail__mobile-info .ui-accordion .ui-accordion-header { background: none; height: 57px; padding:0; font-family: Gilroy; font-size: 20px; line-height: 25px; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; align-content: center; justify-content: space-between; border:none; border-bottom: 2px solid #F5F5F5; } .product-detail__mobile-info .ui-accordion .ui-accordion-header:after { width: 15px; height: 15px; display: block; content: ' '; background: url('/img/product-detail__mobile-info-plus.svg') center center no-repeat; } .product-detail__mobile-info .ui-accordion .ui-accordion-header-active:after { background: url('/img/product-detail__mobile-info-minus.svg') center center no-repeat; } .product-detail__mobile-info .ui-accordion-header-icon { display: none; } .product-detail__mobile-info .ui-accordion .ui-accordion-content { padding:20px 0 20px 0; } .product-detail__mobile-info .api-reviews .api-block-top { display: none; } .product-detail__mobile-info .ui-widget-content { border:none; } .product-detail__vd, .product-detail__reviews { display: none; } .product-detail__vd-left-energy-list { justify-content: center; } .product-detail__vd-left-energy-list-item { margin:0 12px 12px 12px; } .api-reviews-list .api-item { padding:0; border: none; } .product-detail__recomended { padding-top: 30px; } .basket-stock-section { width: 100%; text-align: right; justify-content: flex-end; padding-bottom: 10px; } .basket-coupon-section { width: 100%; display: flex; justify-content: flex-end; } .basket-coupon-section .basket-coupon-block-field { width: 300px; flex: none; min-width: 300px; } .basket-coupon-block-coupon-btn { height: 50px; font-size: 14px; } .basket-checkout-section { width: 100%; display: flex; justify-content: flex-end; } .basket-checkout-section .basket-checkout-section-inner { width: 300px; } .basket-checkout-container { justify-content: flex-end; } div.bx-green .btn.btn-default { height: 50px; font-size: 14px; } .basket-item-amount-btn-plus, .basket-item-amount-btn-minus { border: none; background: none; } .basket-items-list-item-amount { } .lk-page__menu { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .lk-page__menu-inner { display: flex; flex-wrap: wrap; } .lk-page__menu-fio { width: 100%; border-bottom: 1px solid #AAAAAA; } .lk-page__menu-fio-title { padding-bottom: 0; } .lk-page__menu-fio-value { font-size: 14px; } .lk-page__menu-fio:after { margin: 7px auto; } .lk-page__menu-item { border-top: none; border-right: none; } .lk-page__menu-item_active { border-right: none; } .lk-page__menu-item-icon { margin: 0 20px 0 20px; } .lk-page__content { width: 100%; padding-top: 30px } .bx_profile .form-group .form-control, .main-profile-form-buttons-block input[type="submit"] { height: 50px; font-size: 14px; } .stocks-list__item-pic img { max-width: 100%; } .stocks-list__item-text { position: relative; z-index: 2; } .stocks-list__item-text-title { font-size: 24px; line-height: 29px; } .stocks-list__item-text-stocks { font-size: 24px; line-height: 29px; } .contacts-page__form-blocks-item-text-first:before { left: 10px !important; } .contacts-page__form-blocks-item-text { padding: 0 26px 18px 40px; } .how-we-work__first-line-item { padding: 30px 15px 30px 15px; width:calc(25% - 40px); } .why-we__ingridients-item { width: calc(33.33% - 50px); padding: 15px; } .where-buy__first-screen { padding-bottom: 20px; } .where-buy__first-screen-pic img { max-width: 100%; } .where-buy__first-screen-text-title { font-size: 18px; line-height: 24px; padding-left: 20px; padding-bottom: 20px; } .where-buy__first-screen-text-title-value { font-size: 14px; padding-left: 20px; line-height: 19px; } .where-buy__map-list { margin-top: 0px; width: 50%; padding:20px; margin-right: -10px; } .where-buy__map-list-city-select-list-item { padding-bottom: 20px; } .where-buy__map-list-city-select { padding-top: 22px; padding-bottom: 30px; } .where-buy__map-list-city-select-list-item-left-name { font-size: 14px; line-height: 19px; padding-bottom: 8px; } .where-buy__map-list-city-select-list-item-left-adress { font-size: 14px; line-height: 19px; } .where-buy__map-list-city-select-title, .where-buy__map-list-city-select-current { font-size: 14px; line-height: 19px; } .where-buy__map-list-city-select-other { font-size: 14px; height: 30px; } .opt-page__first-screen { padding: 30px 0 50px 0; } .opt-page__first-screen-left { order: 2; width: 100%; } .opt-page__first-screen-right { order: 1; width: 100%; text-align: center; display: flex; justify-content: center; padding-bottom: 30px; } .opt-page__first-screen-left-title { padding-bottom: 20px; } .opt-page__first-screen-left p { padding-left: 0; font-size: 14px; line-height: 19px; padding-bottom: 15px; } .opt-page__facts-item { padding:15px; width: calc(25% - 40px); } .opt-page__facts-item-title { font-size: 16px; line-height: 22px; } .opt-page__friend-price-icons-item-title { font-size: 14px; line-height: 19px; } .opt-form-title { padding-top: 30px; } .diploma__section-item { width: calc(33.33% - 30px); } .diploma__section-item:nth-child(4n+4) { margin-right: 30px; } .diploma__section-item:nth-child(3n+3) { margin-right: 0px; } .vacancy { padding-top: 30px; } .vacancy__item { width: calc(33.33% - 125px); } .vacancy__item:nth-child(3n+3) { margin-right: 0; } .vacancy__item:nth-child(4n+4) { margin-right: 30px; } .vacancy__text { flex-wrap: wrap; } .vacancy__text-left { width: 100%; } .vacancy__text-right { width: 100%; } .categories-list__item { margin-right: 10px; margin-bottom: 10px; padding: 20px 10px; width: calc(25% - 30px); } .categories-list_inner .categories-list__item { width: calc(25% - 10px); } } @media (max-width:767px) { * { font-size: 14px; } img { max-width: 100%; height: auto !important; } .header__info-bottom { margin-top: 9px; } .header__info-bottom-pic { max-width: calc(100% - 140px); position: relative; top: -12px; } .page-title_w { position: relative; display: block; font-size: 18px; margin-top: 5px; } .header__mobile-menu-i { width: 50px; } .header__info-right-col-bottom-search { width: calc(100% - 60px); } .main-page__slider { background-size: cover; } .main-page__slider-item { height: auto; margin: 0 5px 5px 10px; padding-bottom: 50px; } .main-page__slider-item-left { width: 100%; } .main-page__slider-item-title { font-size: 24px; text-align: center; line-height: 29px; padding-top: 10px; } .main-page__slider-item-text { font-size: 18px; line-height: 21px; text-align: center; padding: 9px 0 10px 0; } .main-page__slider-item-button { width: 150px; margin: 0 auto; height: 150px; } .main-page__slider-item-right { width: 100%; justify-content: center; padding-right: 0; align-content: center; align-items: center; flex-wrap: wrap; } .main-page__mounth-pic, .main-page__mounth__left { display: none; } .main-page__mounth__right { width: 100%; } .main-page__slider .slick-prev, .main-page__slider .slick-next, .main-page__mounth2 .main-page__mounth-pic, .main-page__mounth2 .main-page__mounth__right { display: none !important; } .main-page__mounth2 .main-page__mounth__left { width: 100%; } .main-page__slider-item-button_d { display: none; } .main-page__slider-item-button_m { display: flex; } .main-page__slider-social { display: none; } .main-page__mounth-slider-outer .catalog__content-list-item { width: calc(100% - 34px); } .subscribe-type-01 { padding: 40px 0 40px 0; } .subscribe-type-01__inner-left { width: 100%; } .subscribe-type-01__inner-left-title { font-size: 24px; line-height: 29px; margin-bottom: 10px; } .subscribe-type-01__inner-left-subtitle { font-size: 12px; line-height: 16px; padding-bottom: 25px; } .subscribe-type-01__inner-right { width: 100%; } .subscribe-type-01__inner-right-form-item { width: 100%; margin-bottom: 10px; } .form-input { height: 50px; font-size: 14px; padding: 0 22px 0 22px; } .subscribe-type-02__inner-left { width: 100%; } .subscribe-type-02__inner-left-form-item { flex-wrap: wrap; } .subscribe-type-02__inner-left-title { font-size: 18px; line-height: 22px; padding: 36px 0 26px 0; width: calc(100% - 100px); } .subscribe-type-02__inner-left-form-item .button { width: 100%; max-width: 100%; margin-left: 0; margin-top: 10px; } .subscribe-type-02__inner-right { width: 0; position: relative; } .subscribe-type-02__inner-right-img { transform: rotate(-30deg); position: absolute; width: 192px; height: 205px; left: -100px; top: -60px; max-width: 192px; display: none; } .page-header { background: var(--pastel); } .categories-alt-buttons__item { width: calc(50% - 5px); height: 45px; } .catalog__content { background: #FFF; padding-top: 20px; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; } .catalog__content-search { display: none; } .catalog__content-sort { background: none; } .catalog__content-list-item { width: calc(50% - 44px); background: #fff; margin-bottom: 20px; } .product-detail__stripe { flex-wrap: wrap; padding-top: 40px; padding-bottom: 20px; } .product-detail__stripe-item { width: 100%; flex-wrap: wrap; justify-content: center; margin-bottom: 25px; } .product-detail__stripe-item-icon { width: 100%; text-align: center; } .product-detail__stripe-item-text { width: 100%; text-align: center; } .product-detail__recomended .catalog__content-list-item { width: 100%; } .catalog__content-list-item-title { font-size: 16px; line-height: 20px; text-align: left; min-height: 60px; } .product-detail__info-price-qnt { justify-content: flex-start; width: 100%; } .catalog__content-list-item-price { justify-content: flex-start; } .product-detail__info-buttons { position: fixed; bottom: 0px; width: 100%; padding-top: 15px; padding-bottom: 15px; left: 0px; z-index: 2; background: #fff; box-shadow: 0 4px 20px rgb(0 0 0 / 10%); justify-content: flex-start; } .product-detail__info-qnt_m { display: none; } .product-detail__info-buttons-buy { height: 43px; margin-left: 15px; width: calc(100% - 110px); } .product-detail__info-buttons-favorites, .product-detail__info-buttons-favorites a, .product-detail__info-buttons-favorites .round-button { width: 43px; height: 43px; } .basket-item-block-image { width: 100%; margin-top: 10px; margin-bottom: 15px; padding-right: 0; max-width: 100%; } .basket-item-image { margin: 10px auto 15px; padding-right: 0; max-width: 230px; max-height: 400px; width: auto; height: auto; } h2.basket-item-info-name { text-align: center; } .basket-items-list-item-descriptions-inner { -ms-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .basket-coupon-section .basket-coupon-block-field { width: 100%; min-width: 100%; } .basket-checkout-section .basket-checkout-section-inner { width: 100%; } .basket-stock-section { flex: none; display: block; text-align: left; } .basket-checkout-container { padding: 0; } .basket-checkout-block { min-width: auto; } .bx-basket__header { display: none; } #bx-soa-orderSave .checkbox { width: auto; } .bx-soa-section-title { font-size: 14px !important; } .order-complete { padding-top: 0; } .order-complete__message-icon, .order-complete__message-title, .order-complete br { display: none; } .lk-page__menu-inner { justify-content: center; } .lk-page__menu-item { width: calc(25% - 23px); height: auto; flex-wrap: wrap; justify-content: center; padding-top: 10px; padding-bottom: 10px; margin: 0 10px 0 10px; } .lk-page__menu-item-icon { width: 100%; justify-content: center; display: flex; margin-bottom: 6px; } .lk-page__menu-item span { width: 100%; font-size: 12px; line-height: 15px; text-align: center; } .bx_profile .form-group .form-control, .main-profile-form-buttons-block input[type="submit"] { width: 100%; } .stocks-block { padding: 0 0 40px 0; } .stocks-block h1 { padding-bottom: 20px; } .stocks-list__item { width: 100%; padding: 10px 15px; } .stocks-list__item-text-title, .stocks-list__item-text-stocks { font-size: 18px; line-height: 25px; } .blog { background: var(--pastel); } .blog:before, .blog:after { display: none; } .blog-detail-noncover { margin-top: 30px; } .blog-detail-cover { margin-top: -77px; } .blog-detail-body { margin: 30px auto; padding: 15px; } .contacts-page { background: var(--pastel); } .contacts-page__form { width: 100%; background: #fff; margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; padding-bottom: 40px; } .contacts-page__form-title { font-size: 12px; line-height: 16px; padding: 20px 0 25px 0; } .contacts-page__form-blocks { margin-top: 40px; } .contacts-page__form-body .form-group { width: 100%; margin-bottom: 10px; } .contacts-page__form-blocks-item { width: 100%; } .how-we-work__first-line { padding-top: 30px; } .how-we-work__first-line-item { width: 100%; border-radius: 20px !important; margin-bottom: 10px; } .how-we-work__second-line { padding-top: 37px; padding-bottom: 45px; } .how-we-work__second-line-item { width: 100%; padding-top: 30px !important; } .how-we-work__second-line-item:after { display: none !important; } .how-we-work__important-title { font-size: 24px; line-height: 29px; } .how-we-work__important { border: 5px solid #D8E5D1; padding: 20px; } .how-we-work__important p { font-size: 14px; } .how-we-work__important:after { display: none; } .why-we__ingridients { padding: 30px 0px 30px 0px; } .why-we__ingridients-item { width: 100%; margin-bottom: 10px; } .why-we__second-screen-left { width: 100%; } .why-we__second-screen-left-inner { width: 100%; margin-right: 0; } .why-we__second-screen-left-title { font-size: 24px; line-height: 29px; padding-bottom: 20px; } .why-we__second-screen-left-text p { font-size: 14px; } .why-we__second-screen-right { width: 100%; } .why-we__follow-title { font-size: 24px; line-height: 29px; padding-bottom: 20px; } .why-we__follow-icons-item { width: 35px; height: 35px; margin-right: 15px; } .why-we__follow-icons-item svg { max-width: 15px; max-height: 15px; } .questions-page__sections { width: 100%; padding: 30px 0 20px 0; } .questions-page__sections-mobile { display: flex; align-items: center; align-content: center; justify-content: center; font-weight: 600; font-size: 12px; color: #3A3F5C; height: 30px; background: #F1F1F1 url(/img/mobile-filter.svg) center right no-repeat; border: 1px solid #E5E5E5; box-sizing: border-box; border-radius: 50px; width: 245px; margin-right: 10px; } .questions-page__sections-inner { display: none; } .questions-page__sections__item { font-size: 14px; border-left: 0px; } .questions-page__items-list { width: 100%; } .questions-page__items-list .ui-accordion .ui-accordion-header { font-size: 14px; line-height: 19px; } .questions-page__items-list .ui-accordion .ui-accordion-content { padding: 20px 20px; } .questions-page__items-list-button { height: 50px; } .where-buy__first-screen-pic { width: 100%; padding: 30px 0 20px 0; } .where-buy__first-screen-pic img { width: 100%; } .where-buy__first-screen-text { width: 100%; padding: 0; } .where-buy__first-screen-text-title, .where-buy__first-screen-text-title-value { padding-left: 0; } .where-buy__map { height: auto; background: #F4EFE6; } .where-buy__map-body { display: none; } .where-buy__map-list { width: 100%; margin-left: -10px; margin-right: -10px; background: none; } .where-buy__map-list-city-select-title { width: 80px; margin-right: 0; } .where-buy__map-list-city-select-current { width: calc(100% - 80px); margin-right: 0; border: none; } .where-buy__map-list-city-select-list-item { flex-wrap: wrap; } .where-buy__map-list-city-select-list-item-left { width: 100%; } .where-buy__map-list-city-select-list-item-right { width: 100%; } .where-buy__map-list-city-select-other { margin-top: 10px; } .opt-page__facts { padding-bottom: 50px; } .opt-page__facts-item { width: 100%; margin-bottom: 10px; } .opt-page__facts-item-title { min-height: auto; padding-bottom: 6px; } .opt-page__facts-press-price-links { padding: 30px 0 20px 0; } .opt-page__facts-press-price-links-item { margin-bottom: 30px; } .opt-page__facts-press-price-links-item-icon { } .opt-page__facts-press-price-links-item-icon img { max-width: 45px; } .opt-page__facts-press-price-links-item-title { font-size: 14px; line-height: 19px; padding: 16px 0 16px 0; } .opt-page__facts-press-price-links-item-button { height: 40px; font-size: 14px; } .opt-page__friend-price-subtitle { padding-bottom: 20px; } .opt-page__friend-price { padding-bottom: 30px; padding-top: 30px; } .opt-page__friend-price-icons { flex-wrap: wrap; } .opt-page__friend-price-icons-item { width: 100%; justify-content: flex-start; align-content: center; align-items: center; margin-bottom: 20px; } .opt-page__friend-price-icons-item-title { max-width: 300px; } .subscribe-type-01__inner-left img { display: none; } .team__list-item-wrapper { width: calc(50% - 28px); } .team__list-item-wrapper:nth-child(2n+2) { margin-right: 0px; } .team__list-item-wrapper:nth-child(3n+3) { margin-right: 20px; } .diploma { padding-top: 30px; } .diploma__section { position: relative; } .diploma__section-item { width: 100%; } .diploma__section-items .slick-list { max-height: 380px; } .diploma__section-items .slick-prev { width: 36px; height: 36px; background: url('/img/diploma__section-items-prev.svg') center center no-repeat; background-size: contain; font-size: 0; position: absolute; left: 0px; top:calc(50% - 18px); cursor: pointer; z-index: 1; } .diploma__section-items .slick-next { width: 36px; height: 36px; background: url('/img/diploma__section-items-next.svg') center center no-repeat; background-size: contain; font-size: 0; position: absolute; right:0px; cursor: pointer; z-index: 1; top:calc(50% - 18px); } .vacancy__item-title, .vacancy__item-zp { font-size: 14px; line-height: 19px; } .vacancy__item { width: calc(50% - 40px); margin-right: 10px !important; margin-bottom: 10px; padding: 15px; } .vacancy__item:nth-child(2n+2) { margin-right: 0 !important; } .vacancy__text-right { padding-top: 30px; } .vacancy__text-right-green { margin-right: -10px; margin-left: -10px; padding: 20px 10px 20px 10px; } .reviews { padding-top: 30px; } .reviews__slider-title, .reviews__slider-text, .reviews__slider-fio { font-size: 14px; line-height: 19px; } .reviews__buttons .button { margin-bottom: 10px; height: 50px; font-size: 14px; } .rekvisiti__top { background: var(--pastel); padding-bottom: 58px; margin-bottom: 0; padding-left: 10px; padding-right: 10px; } .rekvisiti__top-item { max-width: 100%; width: 100%; margin-bottom: 20px; } .rekvisiti__top-item-title { font-size: 14px; line-height: 19px; height: auto; margin-bottom: 10px; } .rekvisiti__top-item-link { max-width: 300px; margin: 0 auto; } .rekvisiti { width: 100%; } .rekvisiti__body-block-text p, .rekvisiti__body-block-title { font-size: 14px; line-height: 19px; } .rekvisiti__body { padding: 20px 10px; } .categories-list__item { margin-right: 10px; margin-bottom: 10px; padding: 20px 10px; width: calc(50% - 30px); } .categories-list_inner .categories-list__item { width: calc(50% - 10px); } .categories-list__item:nth-child(2n+2) { margin-right: 0; } .categories-list__item-title { font-size: 14px; line-height: 19px; } .about-page { padding-top: 40px; } .about-page__title { font-family: Gilroy; font-size: 24px; line-height: 28px; padding-top: 0px; padding-bottom: 10px; } .about-page p { font-size: 12px; line-height: 200%; color: #3A3F5C; padding-bottom: 15px; } .about-page__block-pic-01 { float: none; } .about-page__flex-block-title { width: 100%; } .about-page__flex-block-text { width: 100%; } .about-page__flex-block-pic { width: 100%; margin-right: 0; padding-bottom: 20px; } .about-page__flex-block-pic-01 { position: relative; } .about-page__flex-block-text-w-pic { width: 100%; } .about-page__flex-block-alt-bullits { padding-bottom: 20px; } .about-page__flex-block-alt-bullits li { font-size: 12px; } .about-page__flex-block-title span { padding-top: 0px; padding-right: 0px; font-size: 12px; } .about-page__reviews { padding-top: 20px; margin-bottom: 20px; } .about-page__reviews-item { border: 7px solid #D8E5D1; padding: 0; } .about-page__reviews-item-title { font-size: 14px; line-height: 21px; font-weight: 700; } .about-page__reviews-item-text { font-size: 12px; line-height: 200%; } .about-page__reviews-item-fio { font-size: 14px; line-height: 22px; } .about-page__reviews-inner .slick-prev { top:calc(100% - 60px); left: calc(50% - 60px); width: 40px; height: 20px; } .about-page__reviews-inner .slick-next { top:calc(100% - 60px); right: calc(50% - 60px); width: 40px; height: 20px; } .about-page__reciept-ingridients { flex-wrap: wrap; } .about-page__reciept-ingridients-item { width: 30%; } .about-page__reciept-ingridients-item-icon { width: 50px; height: 50px; margin: 0 auto; } .about-page__reciept-ceo-quote-body { font-size: 12px; line-height: 200%; } .about-page__reciept-ceo-fio-val-name { font-size: 12px; } .about-page__reciept-ceo-fio-val-role { font-size: 12px; } } @media (max-width:610px) { .product-detail__photos-left { display: none; } .product-detail__photos-right { width: 100%; } .product-detail__photos-slider { max-width: calc(100% - 64px); } .product-detail__photos-slider-item { max-width: 100%; width: 100%; } .reviews__slider-item { max-width: 100%; } .catalog__content-list-item { width: calc(50% - 5px); padding: 0px; } .catalog__content-list-item-buttons-zoom { display: none; } } @media (max-width:540px) { .blog-list__item { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .blog-list__item-pic img { width: 100%; } .footer__menus { flex-wrap: wrap; justify-content: space-between; } .footer__menus-block { width: 100%; padding-bottom: 20px; } .footer__cr { height: auto; padding: 10px 0 10px 0; } .footer__cr-value { width: 100%; text-align: center; } .footer__cr-icons { width: 100%; justify-content: center; padding-top: 10px; } .product-detail__vd-left-video-val { width: 100%; } } @media (max-width:480px) { .mobile-header__info-phone { display: none; } .basket-checkout-section-inner-price { display: flex; justify-content: center; align-content: center; align-items: center; height: 50px; } .basket-checkout-block { width: auto; } .why-we__second-screen-right-slider-item-inner img { width: 100%; } .team__list-item-wrapper { width: 100%; margin-right: 0; } .team__list-item-wrapper:nth-child(2n+2) { margin-right: 0px; } .team__list-item-wrapper:nth-child(3n+3) { margin-right: 0px; } .rekvisiti__body-block-title { width: 100%; padding-bottom: 6px; } .rekvisiti__body-block-text { width: 100%; } } /* End */ /* Start:/css/new.css?17720464252435*/ /* Блок контентной страницы */ .content-page { padding-top: 40px; padding-bottom: 80px; background-color: #fff; } .content-page__header { margin-bottom: 40px; border-bottom: 1px solid #EFEFEF; padding-bottom: 20px; } /* Использование ваших стилей для заголовка h1 */ .content-page__title { margin: 0; /* Стили h1 уже определены в вашем коде */ } .content-page__body { max-width: 900px; /* Ограничиваем ширину текста для удобства чтения */ } .content-page__section { margin-bottom: 35px; } /* Переиспользование ваших стилей h2 и h3 */ .content-page__subtitle { margin-bottom: 20px; font-size: 28px; /* Чуть меньше основного h2 для иерархии */ line-height: 1.2; } .content-page__minor-title { margin-bottom: 15px; font-size: 22px; } /* Текстовые элементы */ .content-page__text { font-size: 16px; line-height: 1.6; color: #3A3F5C; margin-bottom: 20px; } .content-page__text--small { font-size: 14px; opacity: 0.7; } /* Списки (адаптация под ваш стиль) */ .content-page__list { margin-bottom: 20px; padding-left: 20px; } .content-page__list-item { list-style: none; position: relative; padding-left: 25px; margin-bottom: 10px; line-height: 1.6; color: #3A3F5C; } .content-page__list-item:before { content: ''; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background-color: var(--green, #889f35); border-radius: 50%; } /* Футер страницы и кнопка */ .content-page__footer { margin-top: 50px; padding-top: 30px; border-top: 1px solid #EFEFEF; } .content-page__button { display: inline-flex; width: auto; padding: 0 40px; margin-top: 20px; height: 56px; /* Соответствует вашим кнопкам */ } /* Адаптивность для мобильных устройств */ @media (max-width: 1199px) { .content-page .wrapper { width: 100%; padding: 0 20px; } } @media (max-width: 768px) { .content-page__title { font-size: 28px; line-height: 34px; } .content-page__subtitle { font-size: 24px; } } /* End */ /* Start:/css/reset.css?17720464253865*/ /* ---------------------------------------------------------------------------------------------------- Super Form Reset A couple of things to watch out for: - IE8: If a text input doesn't have padding on all sides or none the text won't be centered. - The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders. - You NEED to set the font-size and family on all form elements - Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs - You can style the upload button in webkit using ::-webkit-file-upload-button - ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out. - IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block. - By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs ----------------------------------------------------------------------------------------------------*/ html, body, p, div, ul, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } :active, :hover, :focus { outline: 0; outline-offset: 0; } ul { list-style-type: none; } input:not([type=checkbox]):not([type=radio]), textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input, label, select, button, textarea { margin:0; border:0; padding:0; display:inline-block; vertical-align:middle; white-space:normal; background:none; line-height:1; /* Browsers have different default form fonts */ font-size:14px; } /* Remove the stupid outer glow in Webkit */ input:focus { outline:0; } /* Box Sizing Reset -----------------------------------------------*/ /* All of our custom controls should be what we expect them to be */ input, textarea { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } /* These elements are usually rendered a certain way by the browser */ button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* Text Inputs -----------------------------------------------*/ input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] { } /* Button Controls -----------------------------------------------*/ input[type=checkbox], input[type=radio] { width:13px; height:13px; } /* File Uploads -----------------------------------------------*/ input[type=file] { } /* Search Input -----------------------------------------------*/ /* Make webkit render the search input like a normal text field */ input[type=search] { -webkit-appearance:textfield; -webkit-box-sizing:content-box; } /* Turn off the recent search for webkit. It adds about 15px padding on the left */ ::-webkit-search-decoration { display:none; } /* Buttons -----------------------------------------------*/ button, input[type="reset"], input[type="button"], input[type="submit"] { /* Fix IE7 display bug */ overflow:visible; } /* IE8 and FF freak out if this rule is within another selector */ ::-webkit-file-upload-button { padding:0; border:0; background:none; } /* Textarea -----------------------------------------------*/ textarea { /* Move the label to the top */ vertical-align:top; /* Turn off scroll bars in IE unless needed */ overflow:auto; } /* Selects -----------------------------------------------*/ select { } select[multiple] { /* Move the label to the top */ vertical-align:top; } /* End */ /* Start:/css/design2026.css?177453088022440*/ /* ========================================================================== DESIGN 2026 — Header & Design System Tokens Prefix: v2- (чтобы не конфликтовать с legacy стилями) ========================================================================== */ /* ========================================================================== 1. CSS TOKENS (Design System) ========================================================================== */ html, body { overflow-x: clip !important; /* Fix for position: sticky broken by overflow-x: hidden */ } :root { /* Colors */ --v2-color-brand: #889F35; --v2-color-brand-dark: #5D630F; --v2-color-bg-light: #Fcfbf8; --v2-color-bg-pastel: #F8F5EC; --v2-color-text-main: #2C2C2C; --v2-color-text-muted: #8A8A8A; --v2-color-white: #FFFFFF; --v2-color-border: #E5E5E5; --v2-color-accent-red: #E55039; --v2-color-accent-blue: #4A90E2; /* Typography */ --v2-font-display: 'Carlito', sans-serif; --v2-font-body: 'Open Sans', sans-serif; /* Spacing */ --v2-space-xs: 4px; --v2-space-sm: 8px; --v2-space-md: 16px; --v2-space-lg: 24px; --v2-space-xl: 40px; --v2-space-xxl: 80px; /* Animations & Easing */ --v2-ease-premium: cubic-bezier(0.16, 1, 0.3, 1); --v2-transition-fast: 0.3s var(--v2-ease-premium); --v2-transition-slow: 0.8s var(--v2-ease-premium); /* Shadows */ --v2-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.03); --v2-shadow-md: 0 10px 30px rgba(0, 0, 0, 0.08); --v2-shadow-lg: 0 20px 50px rgba(93, 99, 15, 0.1); } /* ========================================================================== 2. V2 CONTAINER ========================================================================== */ .v2-container { max-width: 1440px; margin: 0 auto; padding: 0 var(--v2-space-lg); } /* ========================================================================== 3. PREMIUM BUTTON ========================================================================== */ .v2-btn-premium { display: inline-flex; align-items: center; justify-content: center; gap: var(--v2-space-sm); padding: 16px 32px; background-color: var(--v2-color-brand); color: var(--v2-color-white); border-radius: 100px; font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; transition: all var(--v2-transition-fast); position: relative; overflow: hidden; z-index: 1; border: none; cursor: pointer; font-family: var(--v2-font-body); text-decoration: none; } .v2-btn-premium::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--v2-color-brand-dark); transform: scaleY(0); transform-origin: bottom; transition: transform var(--v2-transition-fast); z-index: -1; border-radius: 100px; } .v2-btn-premium:hover::before { transform: scaleY(1); } .v2-btn-premium:hover { transform: translateY(-2px); box-shadow: var(--v2-shadow-md); } /* ========================================================================== 4. TOPBAR ========================================================================== */ .v2-topbar { background-color: var(--v2-color-brand-dark); color: var(--v2-color-white); font-size: 12px; padding: var(--v2-space-sm) 0; font-family: var(--v2-font-body); } .v2-topbar .v2-container { display: flex; justify-content: space-between; align-items: center; } .v2-topbar-contact { display: flex; align-items: center; gap: 0; } .v2-topbar-contact a { color: var(--v2-color-white); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: opacity var(--v2-transition-fast); } .v2-topbar-contact a:hover { opacity: 0.8; } .v2-topbar-separator { opacity: 0.5; margin: 0 16px; } .v2-topbar-nav { display: flex; gap: var(--v2-space-lg); } .v2-topbar-nav a { color: var(--v2-color-white); text-decoration: none; transition: opacity var(--v2-transition-fast); } .v2-topbar-nav a:hover { opacity: 0.8; } /* ========================================================================== 5. HEADER ========================================================================== */ .v2-header { position: sticky; top: 0; background: var(--v2-color-white); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 100; border-bottom: 1px solid var(--v2-color-border); transition: padding var(--v2-transition-fast); font-family: var(--v2-font-body); } .v2-header .v2-container { display: flex; align-items: center; justify-content: space-between; height: 90px; position: relative; z-index: 105; transition: height var(--v2-transition-fast); } /* ========================================================================== 5.1 HEADER SCROLLED STATE (Sticky behavior) ========================================================================== */ body.header-scrolled .v2-header { background: rgba(255, 255, 255, 0.95); box-shadow: var(--v2-shadow-md); border-bottom-color: transparent; } body.header-scrolled .v2-header .v2-container { height: 70px; } body.header-scrolled .v2-dropdown-overlay { top: 70px; } /* Logo */ .v2-logo { font-family: var(--v2-font-display); font-size: 24px; font-weight: 800; letter-spacing: -1px; color: var(--v2-color-brand-dark); display: flex; align-items: center; text-decoration: none; flex-shrink: 0; } .v2-logo svg { fill: var(--v2-color-brand); width: clamp(100px, 15vw, 130px); height: clamp(50px, 10vw, 60px); } .v2-logo img { height: 60px; width: auto; } /* Header Center: Catalog + Search */ .v2-header-center { display: flex; align-items: center; gap: var(--v2-space-md); flex: 1; max-width: 600px; margin: 0 var(--v2-space-xl); } /* Catalog button (smaller) */ .v2-btn-catalog { padding: 12px 24px; font-size: 13px; white-space: nowrap; } /* Search */ .v2-search-wrapper { flex: 1; position: relative; } .v2-search-input { width: 100%; padding: 14px 48px 14px 24px; border-radius: 100px; border: 1px solid var(--v2-color-border); background: var(--v2-color-bg-light); font-size: 14px; font-family: var(--v2-font-body); transition: border-color var(--v2-transition-fast), background var(--v2-transition-fast); outline: none; } .v2-search-input:focus { border-color: var(--v2-color-brand); background: var(--v2-color-white); } .v2-search-btn { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; background: var(--v2-color-brand); color: var(--v2-color-white); display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; transition: background var(--v2-transition-fast); } .v2-search-btn:hover { background: var(--v2-color-brand-dark); } /* Header Actions */ .v2-header-actions { display: flex; align-items: center; gap: var(--v2-space-lg); flex-shrink: 0; } .v2-action-item { display: flex; flex-direction: column; align-items: center; font-size: 10px; font-weight: 600; text-transform: uppercase; color: var(--v2-color-text-main); gap: 4px; position: relative; text-decoration: none; cursor: pointer; background: none; border: none; font-family: var(--v2-font-body); } .v2-action-item i { font-size: 24px; transition: transform var(--v2-transition-fast), color var(--v2-transition-fast); } .v2-action-item:hover i { transform: scale(1.1); color: var(--v2-color-brand); } .v2-badge { position: absolute; top: -5px; right: -8px; background: var(--v2-color-brand); color: var(--v2-color-white); font-size: 9px; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; } /* ========================================================================== 6. DROPDOWNS (Catalog & Search) ========================================================================== */ .v2-dropdown-overlay { position: absolute; top: 90px; left: 0; right: 0; width: 100%; background: transparent; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all var(--v2-transition-fast); z-index: 99; padding-top: 10px; /* Отступ от самого хедера */ } .v2-dropdown-overlay.is-active { opacity: 1; visibility: visible; transform: translateY(0); } /* Catalog Bento Grid Layout - The Floating Island */ .v2-catalog-bento { background: var(--v2-color-white); border-radius: 24px; box-shadow: 0 40px 80px rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.05); display: flex; gap: var(--v2-space-xl); padding: var(--v2-space-xl); position: absolute; top:0; /* Убираем верхний/нижний padding так как он задан общим */ } /* Левая часть: Навигация по мелким категориям */ .v2-bento-nav { flex: 0 0 35%; padding-right: var(--v2-space-xl); border-right: 1px solid var(--v2-color-border); } .v2-bento-title { font-family: var(--v2-font-display); font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: var(--v2-color-text-muted); margin-bottom: var(--v2-space-md); } .v2-shallow-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .v2-bento-link { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-radius: 12px; background: transparent; color: var(--v2-color-text-main); text-decoration: none; font-weight: 500; transition: all var(--v2-transition-normal); } .v2-bento-link i { opacity: 0; transform: translateX(-10px); transition: all var(--v2-transition-normal); color: var(--v2-color-brand); } .v2-bento-link:hover { background: var(--v2-color-bg-pastel); color: var(--v2-color-brand-dark); } .v2-bento-link:hover i { opacity: 1; transform: translateX(0); } /* Правая часть: Карточки глубоких категорий + Промо */ .v2-bento-groups { flex: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--v2-space-lg); } /* Карточка категории с подразделами */ .v2-bento-card { background: var(--v2-color-bg-pastel); border-radius: 20px; padding: var(--v2-space-lg); transition: transform var(--v2-transition-normal); } .v2-bento-card:hover { transform: translateY(-4px); } .v2-bento-card-header h3 { font-family: var(--v2-font-display); font-size: 18px; margin-bottom: var(--v2-space-md); padding-bottom: var(--v2-space-sm); border-bottom: 2px solid rgba(0,0,0,0.05); } .v2-bento-card-header h3 a { color: var(--v2-color-brand-dark); text-decoration: none; transition: color var(--v2-transition-fast); } .v2-bento-card ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; } .v2-bento-card ul a { color: var(--v2-color-text-main); text-decoration: none; font-size: 14px; display: inline-block; transition: all var(--v2-transition-fast); } .v2-bento-card ul a:hover { color: var(--v2-color-brand); padding-left: 6px; } /* Промо-блок (Bento Style) */ .v2-bento-promo { background: var(--v2-color-brand-dark); border-radius: 20px; padding: var(--v2-space-xl); color: var(--v2-color-white); display: flex; flex-direction: column; justify-content: space-between; min-height: 240px; position: relative; overflow: hidden; } .v2-promo-label { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.8; } .v2-bento-promo h2 { font-family: var(--v2-font-display); font-size: 24px; margin: var(--v2-space-md) 0 var(--v2-space-xl); line-height: 1.2; color: var(--v2-color-white); position: relative; z-index: 2; } .v2-bento-promo .v2-btn-premium { background: var(--v2-color-white); color: var(--v2-color-brand-dark); align-self: flex-start; margin-top: auto; border: none; padding: 12px 24px; white-space: nowrap; position: relative; z-index: 2; text-decoration: none; } .v2-bento-promo .v2-btn-premium:hover { background: var(--v2-color-bg-pastel) !important; color: var(--v2-color-brand-dark); } /* Search Dropdown */ .v2-search-results { padding: var(--v2-space-lg) var(--v2-space-xl); max-width: 800px; margin: 0 auto; } .v2-search-tags { display: flex; gap: var(--v2-space-sm); margin-bottom: var(--v2-space-lg); } .v2-tag { font-size: 12px; padding: 6px 12px; background: var(--v2-color-bg-pastel); border-radius: 100px; color: var(--v2-color-brand-dark); text-decoration: none; transition: all var(--v2-transition-fast); } .v2-tag:hover { background: var(--v2-color-brand); color: var(--v2-color-white); } /* Mobile controls */ .v2-mobile-toggle, .v2-mobile-search-toggle, .v2-mobile-search-close { display: none; background: none; border: none; cursor: pointer; font-size: 24px; color: var(--v2-color-text-main); transition: color var(--v2-transition-fast); } .v2-mobile-toggle:hover, .v2-mobile-search-toggle:hover, .v2-mobile-search-close:hover { color: var(--v2-color-brand); } /* Disabled Actions Tooltip */ .v2-actions-disabled { position: relative; cursor: default; opacity: 0.6; transition: opacity var(--v2-transition-fast); } .v2-actions-disabled:hover { opacity: 1; } .v2-actions-disabled .v2-action-item { pointer-events: none; } .v2-actions-disabled::before { content: ''; position: absolute; top: 100%; right: 20px; margin-top: 10px; border: 6px solid transparent; border-bottom-color: var(--v2-color-brand-dark); opacity: 0; visibility: hidden; transition: all var(--v2-transition-fast); } .v2-actions-disabled::after { content: attr(data-tooltip); position: absolute; top: 100%; right: -10px; margin-top: 22px; width: 250px; padding: 14px 18px; background: var(--v2-color-brand-dark); color: var(--v2-color-white); font-size: 13px; font-weight: 400; line-height: 1.4; text-align: right; border-radius: 12px; box-shadow: var(--v2-shadow-md); white-space: normal; opacity: 0; visibility: hidden; transform: translateY(-5px); transition: all var(--v2-transition-fast); z-index: 100; pointer-events: none; } .v2-actions-disabled:hover::before, .v2-actions-disabled:hover::after { opacity: 1; visibility: visible; transform: translateY(0); } /* Mobile Drawer */ .v2-mobile-drawer { position: fixed; top: 0; left: -100%; width: 85%; max-width: 360px; height: 100vh; background: var(--v2-color-bg-light); z-index: 1000; box-shadow: var(--v2-shadow-lg); transition: left var(--v2-transition-slow); display: flex; flex-direction: column; } .v2-mobile-drawer.is-open { left: 0; } .v2-drawer-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 999; opacity: 0; visibility: hidden; transition: all var(--v2-transition-fast); } .v2-drawer-overlay.is-open { opacity: 1; visibility: visible; } .v2-mobile-drawer-header { padding: var(--v2-space-lg); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--v2-color-border); background: var(--v2-color-white); } .v2-drawer-contact-info { display: flex; flex-direction: column; gap: 4px; } .v2-drawer-phone { font-family: var(--v2-font-display); font-size: 20px; font-weight: 800; color: var(--v2-color-text-main); text-decoration: none; display: flex; align-items: center; gap: 6px; transition: color var(--v2-transition-fast); } .v2-drawer-phone i { color: var(--v2-color-brand); } .v2-drawer-phone:hover { color: var(--v2-color-brand); } .v2-drawer-hours { font-size: 11px; color: var(--v2-color-text-muted); font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; font-family: var(--v2-font-body); } .v2-drawer-close { background: none; border: none; font-size: 24px; color: var(--v2-color-text-muted); cursor: pointer; transition: color var(--v2-transition-fast); } .v2-drawer-close:hover { color: var(--v2-color-accent-red); } .v2-mobile-drawer-body { padding: var(--v2-space-xl) var(--v2-space-lg); overflow-y: auto; } .v2-drawer-nav { display: flex; flex-direction: column; } .v2-drawer-main-link { font-size: 16px; font-weight: 600; color: var(--v2-color-text-main); text-decoration: none; padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,0.05); display: flex; align-items: center; } /* Mobile Catalog Accordion */ .v2-mobile-catalog-header { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: var(--v2-color-text-muted); margin-bottom: var(--v2-space-md); font-family: var(--v2-font-display); } .v2-mobile-category-link { display: block; font-size: 22px; font-weight: 700; color: var(--v2-color-text-main); text-decoration: none; padding: var(--v2-space-sm) 0; border-bottom: 1px solid rgba(0,0,0,0.05); font-family: var(--v2-font-display); } .v2-mobile-category-group { border-bottom: 1px solid rgba(0,0,0,0.05); } .v2-mobile-category-title { font-size: 22px; font-weight: 700; color: var(--v2-color-text-main); display: flex; justify-content: space-between; align-items: center; padding: var(--v2-space-sm) 0; cursor: pointer; font-family: var(--v2-font-display); transition: color var(--v2-transition-fast); } .v2-mobile-category-title.is-active { color: var(--v2-color-brand); } .v2-mobile-category-title i { font-size: 20px; transition: transform var(--v2-transition-fast); } .v2-mobile-category-title.is-active i { transform: rotate(180deg); } .v2-mobile-subcategory-list { max-height: 0; overflow: hidden; transition: max-height 0.4s var(--v2-ease-premium); } .v2-mobile-subcategory-list a { display: block; font-size: 16px; color: var(--v2-color-text-muted); padding: 10px 0 10px var(--v2-space-md); text-decoration: none; border: none; font-family: var(--v2-font-body); } .v2-mobile-subcategory-list a:hover { color: var(--v2-color-brand); } .v2-mobile-menu-divider { height: 1px; background: var(--v2-color-border); margin: var(--v2-space-lg) 0; } /* ========================================================================== 7. MEDIA QUERIES ========================================================================== */ @media (max-width: 992px) { .v2-header-center { display: none; } .v2-header-center.is-mobile-active { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 10; margin: 0; padding: 0 var(--v2-space-lg); align-items: center; box-shadow: var(--v2-shadow-md); } .v2-header-center.is-mobile-active .v2-btn-catalog { display: none; } .v2-header-center.is-mobile-active .v2-search-wrapper { flex: 1; margin-right: var(--v2-space-xl); } .v2-topbar { display: none; } .v2-header .v2-container { height: 70px; justify-content: space-between; } /* Адаптируем логотип по центру */ .v2-logo { position: absolute; left: 50%; transform: translateX(-50%); } .v2-mobile-toggle, .v2-mobile-search-toggle { display: flex; align-items: center; justify-content: center; z-index: 2; /* Поверх логотипа */ } .v2-mobile-search-close { display: block; position: absolute; right: var(--v2-space-lg); top: 50%; transform: translateY(-50%); } .v2-actions-disabled { display: none !important; } } @media (max-width: 576px) { .v2-header-actions { gap: var(--v2-space-md); } .v2-action-item span { display: none; } } /* ========================================================================== 8. BASKET COMPONENT OVERRIDES ========================================================================== */ /* Обёртка компонента — inline внутри div.v2-action-cart */ .v2-basket-widget { display: contents; /* Не ломает flex-layout родителя */ } /* Div-обёртка корзины (вместо для совместимости с createFrame) */ .v2-action-cart { cursor: pointer; } /* Цена под иконкой корзины */ .v2-basket-price { font-size: 10px; font-weight: 600; text-transform: uppercase; color: var(--v2-color-text-main); white-space: nowrap; } /* ========================================================================== 9. SEARCH WRAPPER — component integration ========================================================================== */ .v2-search-wrapper .v2-search-field { width: 100%; } .v2-search-wrapper .v2-search-field form { width: 100%; position: relative; } /* End */ /* Start:/css/design2026-catalog.css?177798069029056*/ /* ========================================================================== CATALOG 2026 — Layout, Filter, Product Cards Prefix: v2- (consistent with design2026.css) ========================================================================== */ /* ========================================================================== 1. CATALOG LAYOUT ========================================================================== */ .v2-catalog-wrap { padding: var(--v2-space-xl) 0 var(--v2-space-xxl); } .v2-catalog-layout { display: grid; grid-template-columns: 280px 1fr; gap: var(--v2-space-xl); align-items: start; } /* ========================================================================== 2. SIDEBAR ========================================================================== */ .v2-catalog-sidebar { position: sticky; top: 106px; /* header height (90px) + small gap */ max-height: calc(100vh - 120px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--v2-color-border) transparent; } .v2-catalog-sidebar::-webkit-scrollbar { width: 4px; } .v2-catalog-sidebar::-webkit-scrollbar-track { background: transparent; } .v2-catalog-sidebar::-webkit-scrollbar-thumb { background: var(--v2-color-border); border-radius: 2px; } .v2-filter-overlay { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 200; opacity: 0; pointer-events: none; transition: opacity var(--v2-transition-fast); } .v2-filter-overlay.is-open { opacity: 1; pointer-events: auto; } /* ========================================================================== 3. MAIN CONTENT AREA ========================================================================== */ .v2-catalog-main { min-width: 0; /* prevent grid blowout */ } /* ========================================================================== 4. TOOLBAR (sort + mobile filter toggle) ========================================================================== */ .v2-catalog-toolbar { display: flex; align-items: center; gap: var(--v2-space-md); margin-bottom: var(--v2-space-lg); flex-wrap: wrap; } .v2-catalog-filter-toggle { display: none; padding: 10px 20px; font-size: 13px; gap: var(--v2-space-xs); } .v2-sort-label { font-size: 13px; color: var(--v2-color-text-muted); font-weight: 500; white-space: nowrap; } .v2-sort-tabs { display: flex; gap: var(--v2-space-xs); flex-wrap: wrap; margin-left: auto; } .v2-sort-tab { padding: 8px 16px; border-radius: 100px; background: var(--v2-color-bg-pastel); color: var(--v2-color-text-main); font-size: 12px; font-weight: 600; text-decoration: none; transition: all var(--v2-transition-fast); white-space: nowrap; font-family: var(--v2-font-body); border: 1px solid transparent; } .v2-sort-tab:hover { background: var(--v2-color-white); border-color: var(--v2-color-border); color: var(--v2-color-brand-dark); } .v2-sort-tab.is-active { background: var(--v2-color-brand); color: var(--v2-color-white); } /* ========================================================================== 5. SUBCATEGORIES GRID ========================================================================== */ .v2-subcategories { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--v2-space-md); margin-bottom: var(--v2-space-xl); } .v2-subcat-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: var(--v2-space-md) var(--v2-space-sm); background: var(--v2-color-bg-pastel); border-radius: 16px; text-decoration: none; transition: all var(--v2-transition-fast); border: 1px solid transparent; } .v2-subcat-card:hover { transform: translateY(-4px); box-shadow: var(--v2-shadow-md); background: var(--v2-color-white); border-color: var(--v2-color-border); } .v2-subcat-card img { width: 80px; height: 80px; object-fit: contain; margin-bottom: var(--v2-space-sm); } .v2-subcat-card-name { font-size: 13px; font-weight: 600; color: var(--v2-color-text-main); line-height: 1.3; font-family: var(--v2-font-body); } /* ========================================================================== 6. PRODUCT GRID ========================================================================== */ .v2-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; } /* ========================================================================== 7. PRODUCT CARD ========================================================================== */ .v2-product-card { background: var(--v2-color-white); border-radius: 24px; overflow: hidden; /* Warm olive-tinted shadow at rest — not cold grey */ box-shadow: 0 2px 12px rgba(93, 99, 15, 0.07); transition: transform 0.4s var(--v2-ease-premium), box-shadow 0.4s var(--v2-ease-premium); display: flex; flex-direction: column; position: relative; } .v2-product-card:hover { transform: translateY(-8px); box-shadow: 0 24px 48px rgba(93, 99, 15, 0.16); } /* ── Badges ── */ .v2-product-badges { position: absolute; top: 14px; left: 14px; display: flex; flex-direction: column; gap: 5px; z-index: 3; pointer-events: none; } .v2-badge-pill { display: inline-block; padding: 5px 11px; border-radius: 100px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; line-height: 1; white-space: nowrap; font-family: var(--v2-font-body); /* Subtle glass blur so badges sit nicely over image */ backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } .v2-badge-new { background: rgba(136, 159, 53, 0.9); color: #fff; } .v2-badge-hit { background: rgba(245, 158, 11, 0.9); color: #fff; } .v2-badge-limited { background: rgba(44, 44, 44, 0.85); color: #fff; } .v2-badge-sale { background: rgba(229, 80, 57, 0.9); color: #fff; } .v2-badge-preorder { background: rgba(138, 138, 138, 0.8); color: #fff; } /* ── Image wrap + overlay ── */ .v2-product-image-wrap { display: block; background: var(--v2-color-bg-pastel); aspect-ratio: 3 / 4; overflow: hidden; position: relative; text-decoration: none; } .v2-product-image-wrap img { width: 100%; height: 100%; object-fit: contain; /* Small breathing pad so product doesn't touch edges */ padding: 20px; box-sizing: border-box; transition: transform 0.8s var(--v2-ease-premium); display: block; } .v2-product-card:hover .v2-product-image-wrap img { transform: scale(1.07); } /* Hover overlay: brand veil + circular eye button */ .v2-product-image-overlay { position: absolute; inset: 0; background: rgba(136, 159, 53, 0.13); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.35s var(--v2-ease-premium); z-index: 1; } .v2-product-card:hover .v2-product-image-overlay { opacity: 1; } .v2-product-overlay-btn { width: 60px; height: 60px; border-radius: 50%; background: var(--v2-color-white); display: flex; align-items: center; justify-content: center; color: var(--v2-color-brand); font-size: 24px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); /* Enters from below, scales up */ transform: scale(0.6) translateY(12px); opacity: 0; transition: transform 0.4s var(--v2-ease-premium), opacity 0.35s var(--v2-ease-premium); } .v2-product-card:hover .v2-product-overlay-btn { transform: scale(1) translateY(0); opacity: 1; } .v2-product-image-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--v2-color-border); font-size: 52px; } /* ── Body ── */ .v2-product-body { padding: 20px 20px 16px; display: flex; flex-direction: column; flex: 1; gap: 6px; } .v2-product-name { /* Display font for editorial feel */ font-family: var(--v2-font-display); font-weight: 700; font-size: 16px; line-height: 1.3; color: var(--v2-color-text-main); text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.25s; } .v2-product-name:hover { color: var(--v2-color-brand); } .v2-product-preview { font-size: 12px; font-family: var(--v2-font-body); color: var(--v2-color-text-muted); line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; } /* ── Price row ── */ .v2-product-price-row { display: flex; align-items: center; justify-content: space-between; gap: var(--v2-space-sm); margin-top: auto; padding-top: 14px; /* Barely-visible divider — warmly tinted */ border-top: 1px solid rgba(93, 99, 15, 0.08); } /* Stack: old price on top, main price below */ .v2-product-price-wrap { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .v2-product-price-old { font-family: var(--v2-font-body); font-size: 12px; color: var(--v2-color-text-muted); text-decoration: line-through; line-height: 1; } .v2-product-price { font-family: var(--v2-font-display); font-size: 24px; font-weight: 700; color: var(--v2-color-brand-dark); line-height: 1; white-space: nowrap; } /* Arrow button — replaces "Подробнее" */ .v2-product-arrow { flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; background: var(--v2-color-bg-pastel); display: flex; align-items: center; justify-content: center; color: var(--v2-color-brand-dark); font-size: 20px; text-decoration: none; transition: background 0.3s var(--v2-ease-premium), color 0.3s var(--v2-ease-premium), transform 0.3s var(--v2-ease-premium); } .v2-product-arrow:hover, .v2-product-card:hover .v2-product-arrow { background: var(--v2-color-brand); color: var(--v2-color-white); transform: translateX(3px); } /* ========================================================================== 8. PAGINATION ========================================================================== */ .v2-pager { margin-top: var(--v2-space-xl); display: flex; justify-content: center; } .v2-pager .bx-pagination-container, .v2-pager .navigation { display: flex; gap: var(--v2-space-xs); list-style: none; margin: 0; padding: 0; align-items: center; } .v2-pager a, .v2-pager span { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 var(--v2-space-sm); border-radius: 100px; font-size: 14px; font-weight: 600; text-decoration: none; background: var(--v2-color-bg-pastel); color: var(--v2-color-text-main); transition: all var(--v2-transition-fast); font-family: var(--v2-font-body); } .v2-pager a:hover { background: var(--v2-color-brand); color: var(--v2-color-white); } .v2-pager .bx-active a, .v2-pager .current, .v2-pager span.selected { background: var(--v2-color-brand); color: var(--v2-color-white); } /* ========================================================================== 9. FILTER v2 ========================================================================== */ /* Header */ .v2-filter-header { display: flex; align-items: center; gap: var(--v2-space-sm); margin-bottom: var(--v2-space-lg); } .v2-filter-title { font-family: var(--v2-font-display); font-size: 20px; font-weight: 700; color: var(--v2-color-text-main); } .v2-filter-active-badge { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: var(--v2-color-brand); color: #fff; font-size: 11px; font-weight: 700; font-family: var(--v2-font-body); } /* Form */ .v2-filter-form { display: flex; flex-direction: column; gap: 4px; } /* ── Group (accordion) ── */ .v2-filter-group { border-radius: 16px; overflow: hidden; background: var(--v2-color-bg-pastel); } .v2-filter-group-head { width: 100%; display: flex; align-items: center; gap: var(--v2-space-sm); padding: 14px var(--v2-space-md); background: none; border: none; cursor: pointer; text-align: left; font-family: var(--v2-font-body); } .v2-filter-group-name { font-size: 14px; font-weight: 600; color: var(--v2-color-text-main); flex: 1; } .v2-filter-group-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--v2-color-brand); flex-shrink: 0; } .v2-filter-caret { font-size: 14px; color: var(--v2-color-text-muted); flex-shrink: 0; transition: transform var(--v2-transition-fast); } /* Body collapses when group is not open */ .v2-filter-group-body { max-height: 0; overflow: hidden; transition: max-height 0.35s var(--v2-ease-premium); padding: 0 var(--v2-space-md); } .v2-filter-group.is-open .v2-filter-group-body { max-height: 600px; padding-bottom: var(--v2-space-md); } /* ── Price inputs ── */ .v2-price-inputs { display: flex; align-items: center; gap: var(--v2-space-sm); margin-bottom: var(--v2-space-md); } .v2-price-field { flex: 1; display: flex; align-items: center; gap: 4px; background: var(--v2-color-white); border: 1px solid var(--v2-color-border); border-radius: 10px; padding: 8px 10px; transition: border-color var(--v2-transition-fast); } .v2-price-field:focus-within { border-color: var(--v2-color-brand); } .v2-price-label { font-size: 11px; font-weight: 600; text-transform: uppercase; color: var(--v2-color-text-muted); white-space: nowrap; font-family: var(--v2-font-body); } .v2-price-input { flex: 1; width: 100%; border: none; outline: none; background: transparent; font-size: 14px; font-weight: 600; color: var(--v2-color-text-main); font-family: var(--v2-font-body); min-width: 0; /* hide arrows */ -moz-appearance: textfield; } .v2-price-input::-webkit-outer-spin-button, .v2-price-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .v2-price-currency { font-size: 13px; color: var(--v2-color-text-muted); font-family: var(--v2-font-body); } .v2-price-dash { font-size: 16px; color: var(--v2-color-text-muted); flex-shrink: 0; } /* ── Dual range slider ── */ .v2-range-wrap { position: relative; height: 28px; display: flex; align-items: center; } .v2-range-track { position: absolute; left: 0; right: 0; height: 4px; background: var(--v2-color-border); border-radius: 2px; pointer-events: none; z-index: 0; } .v2-range-fill { position: absolute; height: 100%; background: var(--v2-color-brand); border-radius: 2px; } .v2-range { position: absolute; width: 100%; height: 4px; -webkit-appearance: none; appearance: none; background: transparent; pointer-events: none; z-index: 1; margin: 0; outline: none; } .v2-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: var(--v2-color-white); border: 2px solid var(--v2-color-brand); box-shadow: 0 2px 8px rgba(93, 99, 15, 0.2); cursor: pointer; pointer-events: all; transition: box-shadow var(--v2-transition-fast), transform var(--v2-transition-fast); } .v2-range::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: var(--v2-color-white); border: 2px solid var(--v2-color-brand); box-shadow: 0 2px 8px rgba(93, 99, 15, 0.2); cursor: pointer; pointer-events: all; } .v2-range::-webkit-slider-thumb:hover, .v2-range:active::-webkit-slider-thumb { box-shadow: 0 0 0 6px rgba(136, 159, 53, 0.15); transform: scale(1.1); } /* ── Checkbox items ── */ .v2-filter-items { display: flex; flex-direction: column; gap: 2px; } .v2-filter-item { display: flex; align-items: center; gap: 10px; padding: 8px 0; cursor: pointer; border-radius: 8px; transition: opacity var(--v2-transition-fast); position: relative; } .v2-filter-item.is-disabled { opacity: 0.4; pointer-events: none; } /* Hide real checkbox visually but keep accessible */ .v2-filter-item input[type="checkbox"] { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; } /* Custom checkbox box */ .v2-filter-item-box { flex-shrink: 0; width: 20px; height: 20px; border-radius: 6px; border: 2px solid var(--v2-color-border); background: var(--v2-color-white); display: flex; align-items: center; justify-content: center; transition: background var(--v2-transition-fast), border-color var(--v2-transition-fast); } .v2-filter-check-icon { font-size: 12px; color: var(--v2-color-white); opacity: 0; transition: opacity var(--v2-transition-fast); } /* Checked state via real checkbox */ .v2-filter-item input[type="checkbox"]:checked ~ .v2-filter-item-box, .v2-filter-item.is-checked .v2-filter-item-box, .v2-filter-item.bx-active .v2-filter-item-box { background: var(--v2-color-brand); border-color: var(--v2-color-brand); } .v2-filter-item input[type="checkbox"]:checked ~ .v2-filter-item-box .v2-filter-check-icon, .v2-filter-item.is-checked .v2-filter-check-icon, .v2-filter-item.bx-active .v2-filter-check-icon { opacity: 1; } .v2-filter-item-text { font-size: 14px; color: var(--v2-color-text-main); line-height: 1.3; font-family: var(--v2-font-body); display: flex; align-items: baseline; gap: 5px; flex: 1; } .v2-filter-item-count { font-size: 11px; color: var(--v2-color-text-muted); font-weight: 500; } /* ── Footer buttons ── */ .v2-filter-footer { display: flex; flex-direction: column; gap: var(--v2-space-sm); margin-top: var(--v2-space-md); padding-top: var(--v2-space-md); border-top: 1px solid rgba(93, 99, 15, 0.08); } .v2-filter-btn-apply { display: flex; align-items: center; justify-content: center; gap: var(--v2-space-sm); width: 100%; padding: 14px; border-radius: 100px; background: var(--v2-color-brand); color: var(--v2-color-white); font-size: 14px; font-weight: 600; font-family: var(--v2-font-body); border: none; cursor: pointer; transition: background var(--v2-transition-fast), transform var(--v2-transition-fast); } .v2-filter-btn-apply:hover { background: var(--v2-color-brand-dark); transform: translateY(-1px); } .v2-filter-result-count { background: rgba(255,255,255,0.25); padding: 2px 8px; border-radius: 100px; font-size: 12px; } .v2-filter-btn-reset { width: 100%; padding: 10px; border-radius: 100px; background: transparent; color: var(--v2-color-text-muted); font-size: 13px; font-weight: 500; font-family: var(--v2-font-body); border: none; cursor: pointer; transition: color var(--v2-transition-fast); text-align: center; } .v2-filter-btn-reset:hover { color: var(--v2-color-accent-red); } /* ========================================================================== 10. RESPONSIVE ========================================================================== */ @media (max-width: 1200px) { .v2-product-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 992px) { .v2-catalog-layout { grid-template-columns: 1fr; } .v2-catalog-sidebar { position: fixed; top: 0; left: -100%; width: 300px; height: 100vh; max-height: 100vh; background: var(--v2-color-white); box-shadow: var(--v2-shadow-lg); z-index: 201; padding: var(--v2-space-xl) var(--v2-space-lg); transition: left var(--v2-transition-slow); overflow-y: auto; } .v2-catalog-sidebar.is-open { left: 0; } .v2-filter-overlay { display: block; } .v2-catalog-filter-toggle { display: inline-flex; } .v2-sort-tabs { margin-left: 0; } } @media (max-width: 768px) { /* Horizontal scroll strip — no wrap, hidden scrollbar, fade-right hint */ .v2-sort-tabs, .v2-section-pills { flex-wrap: nowrap; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 4px; /* right-edge fade tells the user there's more */ -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 56px), transparent 100%); mask-image: linear-gradient(to right, #000 calc(100% - 56px), transparent 100%); } .v2-sort-tabs::-webkit-scrollbar, .v2-section-pills::-webkit-scrollbar { display: none; } /* Full width so the scroll container fills the parent, not just the content */ .v2-sort-tabs, .v2-section-pills { width: 100%; } } @media (max-width: 640px) { .v2-product-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .v2-product-price { font-size: 18px; } .v2-product-arrow { width: 36px; height: 36px; font-size: 16px; } .v2-subcategories { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); } } @media (max-width: 360px) { .v2-product-grid { grid-template-columns: 1fr; } } /* ========================================================================== 13. HITS SLIDER (main page) ========================================================================== */ .main-page__mounth-slider .slick-slide { padding: 0 14px; } .main-page__mounth-slider .slick-list { margin: 0 -14px; } /* ========================================================================== 11. SUBCATEGORY PILLS (inside section page — section.php) ========================================================================== */ .v2-section-pills { display: flex; flex-wrap: wrap; gap: var(--v2-space-sm); margin-bottom: var(--v2-space-xl); } .v2-section-pill { display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; border-radius: 100px; background: var(--v2-color-bg-pastel); color: var(--v2-color-text-main); font-size: 13px; font-weight: 600; font-family: var(--v2-font-body); text-decoration: none; border: 1px solid transparent; transition: background var(--v2-transition-fast), border-color var(--v2-transition-fast), color var(--v2-transition-fast), transform var(--v2-transition-fast); white-space: nowrap; } .v2-section-pill:hover { background: var(--v2-color-white); border-color: var(--v2-color-border); color: var(--v2-color-brand-dark); transform: translateY(-1px); } .v2-section-pill img { width: 22px; height: 22px; object-fit: contain; flex-shrink: 0; border-radius: 4px; } /* ========================================================================== 12. CATEGORY CARDS GRID (root catalog sections — sections.php) ========================================================================== */ .v2-cat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: var(--v2-space-xl) 0 var(--v2-space-xxl); } .v2-cat-card { display: flex; flex-direction: column; text-decoration: none; border-radius: 24px; overflow: hidden; background: var(--v2-color-white); box-shadow: 0 2px 12px rgba(93, 99, 15, 0.07); transition: transform 0.4s var(--v2-ease-premium), box-shadow 0.4s var(--v2-ease-premium); } .v2-cat-card:hover { transform: translateY(-8px); box-shadow: 0 24px 48px rgba(93, 99, 15, 0.16); } /* ── Image wrap ── */ .v2-cat-card__img-wrap { aspect-ratio: 1 / 1; background: var(--v2-color-bg-pastel); overflow: hidden; position: relative; } .v2-cat-card__img-wrap img { width: 100%; height: 100%; object-fit: contain; padding: 20%; box-sizing: border-box; transition: transform 0.8s var(--v2-ease-premium); } .v2-cat-card:hover .v2-cat-card__img-wrap img { transform: scale(1.07); } /* Placeholder when no image */ .v2-cat-card__placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--v2-color-brand); font-size: 72px; opacity: 0.3; } /* Brand veil + eye button on hover */ .v2-cat-card__img-overlay { position: absolute; inset: 0; background: rgba(136, 159, 53, 0.12); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.35s var(--v2-ease-premium); } .v2-cat-card:hover .v2-cat-card__img-overlay { opacity: 1; } .v2-cat-card__view-btn { width: 56px; height: 56px; border-radius: 50%; background: var(--v2-color-white); display: flex; align-items: center; justify-content: center; color: var(--v2-color-brand); font-size: 24px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); transform: scale(0.6) translateY(12px); opacity: 0; transition: transform 0.4s var(--v2-ease-premium), opacity 0.35s var(--v2-ease-premium); } .v2-cat-card:hover .v2-cat-card__view-btn { transform: scale(1) translateY(0); opacity: 1; } /* ── Body (below image) ── */ .v2-cat-card__body { padding: 18px 20px 20px; display: flex; align-items: center; justify-content: space-between; gap: var(--v2-space-sm); border-top: 1px solid rgba(93, 99, 15, 0.06); } .v2-cat-card__name { font-family: var(--v2-font-display); font-weight: 700; font-size: 16px; line-height: 1.25; color: var(--v2-color-text-main); transition: color 0.25s; } .v2-cat-card:hover .v2-cat-card__name { color: var(--v2-color-brand-dark); } .v2-cat-card__arrow { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: var(--v2-color-bg-pastel); display: flex; align-items: center; justify-content: center; color: var(--v2-color-brand-dark); font-size: 18px; transition: background 0.3s var(--v2-ease-premium), color 0.3s var(--v2-ease-premium), transform 0.3s var(--v2-ease-premium); } .v2-cat-card:hover .v2-cat-card__arrow { background: var(--v2-color-brand); color: var(--v2-color-white); transform: translateX(3px); } /* ── Responsive ── */ @media (max-width: 1100px) { .v2-cat-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .v2-cat-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; padding: var(--v2-space-lg) 0 var(--v2-space-xl); } .v2-cat-card__name { font-size: 14px; } } @media (max-width: 400px) { .v2-cat-grid { grid-template-columns: 1fr; } } /* ========================================================================== 12. MARKETPLACE BUTTONS (sections.php) ========================================================================== */ .v2-marketplaces { display: flex; gap: var(--v2-space-md); flex-wrap: wrap; justify-content: center; margin-bottom: var(--v2-space-xl); } .v2-marketplace-btn { display: inline-flex; align-items: center; gap: var(--v2-space-sm); padding: 10px 22px; border-radius: 100px; font-size: 13px; font-weight: 600; font-family: var(--v2-font-body); text-decoration: none; transition: transform var(--v2-transition-fast), box-shadow var(--v2-transition-fast), filter var(--v2-transition-fast); } .v2-marketplace-btn:hover { transform: translateY(-2px); box-shadow: var(--v2-shadow-md); filter: brightness(1.08); } .v2-marketplace-btn--wb { background: #CB11AB; color: #fff; } .v2-marketplace-btn--ozon { background: #005BFF; color: #fff; } .v2-marketplace-btn--ym { background: #FFDB00; color: #1a1a1a; } /* End */ /* Start:/css/hide-prices.css?1782294241912*/ /* Временное скрытие цен товаров (витрина + страница товара). Корзина и оформление заказа отключены — их не трогаем. Чтобы вернуть цены: убрать подключение этого файла в local/templates/ao/header.php. */ /* Каталог: карточки товаров (стандартный компонент + новый каталог) */ .bx_catalog_item_price, .catalog__content-list-item-price, .catalog__content-list-item-price_old, /* Главная: блок хитов продаж (v2) — скрываем обёртку цен, кнопку оставляем */ .v2-product-price-wrap, /* Страница товара (PDP): текущая и старая цена */ .product-detail__info-price, .product-detail__info-price_old { display: none !important; } /* End */ /* Start:/bitrix/components/slam/easyform/lib/css/bootstrap.min.css?164774833022741*/ .slam-easyform{font:normal 16px/1.4 "Arial", sans-serif}.slam-easyform .hidden{display:none!important;visibility:hidden!important}.slam-easyform .form-group{margin-bottom:15px}.slam-easyform .control-label{display:inline-block;margin-bottom:5px;font-weight:700}.slam-easyform .form-control{display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;box-sizing:border-box}.slam-easyform .form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)}.slam-easyform [class*="col-xs"]{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px;box-sizing:border-box}.slam-easyform .row{margin-left:-15px;margin-right:-15px}.slam-easyform .row:before{content:" ";display:table;clear:both}.slam-easyform .col-xs-12{width:100%}.slam-easyform .col-xs-9{width:75%}.slam-easyform .col-xs-3{width:25%}.slam-easyform .radio-inline, .slam-easyform .checkbox-inline{display:inline-block;position:relative;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.slam-easyform .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.slam-easyform .btn:active, .slam-easyform .btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)}.slam-easyform .btn:hover, .slam-easyform .btn:focus{color:#333;text-decoration:none}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary{background-image:none}.slam-easyform .btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)}.slam-easyform .pull-right{float:right}.slam-easyform .pull-right{float:right!important}.slam-easyform .btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.slam-easyform .btn-primary:active:hover, .slam-easyform .btn-primary.active:hover, .slam-easyform .open>.dropdown-toggle.btn-primary:hover, .slam-easyform .btn-primary:active:focus, .slam-easyform .btn-primary.active:focus, .slam-easyform .open>.dropdown-toggle.btn-primary:focus, .slam-easyform .btn-primary:active.focus, .slam-easyform .btn-primary.active.focus, .slam-easyform .open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.slam-easyform .btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.slam-easyform .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open .dropdown-toggle.btn-primary{background-image:none}.slam-easyform .btn-primary:hover, .slam-easyform .btn-primary:focus, .slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.slam-easyform .btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slam-easyform .pull-right{float:right !important}.slam-easyform input, .slam-easyform button, .slam-easyform select, .slam-easyform textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.slam-easyform button, .slam-easyform input[type=button], .slam-easyform input[type=reset], .slam-easyform input[type=submit]{-webkit-appearance:button;cursor:pointer}.slam-easyform button, .slam-easyform select{text-transform:none}.slam-easyform button{overflow:visible}.slam-easyform button, .slam-easyform input[type="button"], .slam-easyform input[type="reset"], .slam-easyform input[type="submit"]{-webkit-appearance:button;cursor:pointer}.slam-easyform .close:not([disabled]):not(.disabled){cursor:pointer}.slam-easyform .modal-header .close{margin-top:-2px}.slam-easyform .modal-header .close{margin-top:-2px}.slam-easyform button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.slam-easyform .close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity: .2;filter:alpha(opacity=20)}.slam-easyform .modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%}.slam-easyform .close:hover, .slam-easyform .close:focus{color:#000;text-decoration:none;cursor:pointer;opacity: .5;filter:alpha(opacity=50)}.slam-easyform .fade.in{opacity:1;background:rgba(0, 0, 0, .5)}.slam-easyform .modal{text-align:center}.modal-open .slam-easyform .modal{overflow-x:hidden}.slam-easyform .modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.slam-easyform .fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;background:none}.slam-easyform .modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.slam-easyform .modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.slam-easyform .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}.slam-easyform .modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);background-clip:padding-box;outline:0}.slam-easyform .modal-content{-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5);box-shadow:0 5px 15px rgba(0, 0, 0, .5)}.slam-easyform .modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.slam-easyform .modal-body{position:relative;padding:20px}.slam-easyform .alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.slam-easyform .alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.slam-easyform .alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.slam-easyform .modal .modal-header .title{margin:0;font-size:22px;display:inline-block}.slam-easyform .has-success .help-block, .slam-easyform .has-success .control-label, .slam-easyform .has-success .radio, .slam-easyform .has-success .checkbox, .slam-easyform .has-success .radio-inline, .slam-easyform .has-success .checkbox-inline{color:#3c763d}.slam-easyform .clearfix:before, .slam-easyform .clearfix:after, .slam-easyform .container:before, .slam-easyform .container:after, .slam-easyform .container-fluid:before, .slam-easyform .container-fluid:after, .slam-easyform .row:before, .slam-easyform .row:after, .slam-easyform .form-horizontal .form-group:before, .slam-easyform .form-horizontal .form-group:after, .slam-easyform .btn-toolbar:before, .slam-easyform .btn-toolbar:after, .slam-easyform .btn-group-vertical>.btn-group:before, .slam-easyform .btn-group-vertical>.btn-group:after, .slam-easyform .nav:before, .slam-easyform .nav:after, .slam-easyform .navbar:before, .slam-easyform .navbar:after, .slam-easyform .navbar-header:before, .slam-easyform .navbar-header:after, .slam-easyform .navbar-collapse:before, .slam-easyform .navbar-collapse:after, .slam-easyform .pager:before, .slam-easyform .pager:after, .slam-easyform .panel-body:before, .slam-easyform .panel-body:after, .slam-easyform .modal-footer:before, .slam-easyform .modal-footer:after{content:" ";display:table;clear:both}@media (min-width:768px){.slam-easyform .modal-dialog{position:relative;width:auto;margin:10px}.slam-easyform .modal-dialog{width:600px;margin:30px auto}.slam-easyform .container{width:750px}.slam-easyform .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}}@media (min-width:992px){.slam-easyform .container{width:970px}}@media (min-width:1200px){.slam-easyform .container{width:1170px}}.modal-open{overflow:hidden}.slam-easyform *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.slam-easyform .has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}.slam-easyform .has-error .help-block, .slam-easyform .has-error .control-label, .slam-easyform .has-error .radio, .slam-easyform .has-error .checkbox, .slam-easyform .has-error .radio-inline, .slam-easyform .has-error .checkbox-inline{color:#a94442}.slam-easyform .has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}.slam-easyform .radio input[type=radio], .slam-easyform .radio-inline input[type=radio], .slam-easyform .checkbox input[type=checkbox], .slam-easyform .checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.slam-easyform input[type=radio], .slam-easyform input[type=checkbox]{margin:4px 0 0;margin-top:1px 9;line-height:normal}.slam-easyform input[type=checkbox], .slam-easyform input[type=radio]{box-sizing:border-box;padding:0}.slam-easyform .has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168}.slam-easyform .has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483}.slam-easyform .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.slam-easyform .col-xs-1, .slam-easyform .col-sm-1, .slam-easyform .col-md-1, .slam-easyform .col-lg-1, .slam-easyform .col-xs-2, .slam-easyform .col-sm-2, .slam-easyform .col-md-2, .slam-easyform .col-lg-2, .slam-easyform .col-xs-3, .slam-easyform .col-sm-3, .slam-easyform .col-md-3, .slam-easyform .col-lg-3, .slam-easyform .col-xs-4, .slam-easyform .col-sm-4, .slam-easyform .col-md-4, .slam-easyform .col-lg-4, .slam-easyform .col-xs-5, .slam-easyform .col-sm-5, .slam-easyform .col-md-5, .slam-easyform .col-lg-5, .slam-easyform .col-xs-6, .slam-easyform .col-sm-6, .slam-easyform .col-md-6, .slam-easyform .col-lg-6, .slam-easyform .col-xs-7, .slam-easyform .col-sm-7, .slam-easyform .col-md-7, .slam-easyform .col-lg-7, .slam-easyform .col-xs-8, .slam-easyform .col-sm-8, .slam-easyform .col-md-8, .slam-easyform .col-lg-8, .slam-easyform .col-xs-9, .slam-easyform .col-sm-9, .slam-easyform .col-md-9, .slam-easyform .col-lg-9, .slam-easyform .col-xs-10, .slam-easyform .col-sm-10, .slam-easyform .col-md-10, .slam-easyform .col-lg-10, .slam-easyform .col-xs-11, .slam-easyform .col-sm-11, .slam-easyform .col-md-11, .slam-easyform .col-lg-11, .slam-easyform .col-xs-12, .slam-easyform .col-sm-12, .slam-easyform .col-md-12, .slam-easyform .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.slam-easyform .col-xs-1, .slam-easyform .col-xs-2, .slam-easyform .col-xs-3, .slam-easyform .col-xs-4, .slam-easyform .col-xs-5, .slam-easyform .col-xs-6, .slam-easyform .col-xs-7, .slam-easyform .col-xs-8, .slam-easyform .col-xs-9, .slam-easyform .col-xs-10, .slam-easyform .col-xs-11, .slam-easyform .col-xs-12{float:left}.slam-easyform .col-xs-12{width:100%}.slam-easyform .col-xs-11{width:91.66666667%}.slam-easyform .col-xs-10{width:83.33333333%}.slam-easyform .col-xs-9{width:75%}.slam-easyform .col-xs-8{width:66.66666667%}.slam-easyform .col-xs-7{width:58.33333333%}.slam-easyform .col-xs-6{width:50%}.slam-easyform .col-xs-5{width:41.66666667%}.slam-easyform .col-xs-4{width:33.33333333%}.slam-easyform .col-xs-3{width:25%}.slam-easyform .col-xs-2{width:16.66666667%}.slam-easyform .col-xs-1{width:8.33333333%}.slam-easyform .col-xs-pull-12{right:100%}.slam-easyform .col-xs-pull-11{right:91.66666667%}.slam-easyform .col-xs-pull-10{right:83.33333333%}.slam-easyform .col-xs-pull-9{right:75%}.slam-easyform .col-xs-pull-8{right:66.66666667%}.slam-easyform .col-xs-pull-7{right:58.33333333%}.slam-easyform .col-xs-pull-6{right:50%}.slam-easyform .col-xs-pull-5{right:41.66666667%}.slam-easyform .col-xs-pull-4{right:33.33333333%}.slam-easyform .col-xs-pull-3{right:25%}.slam-easyform .col-xs-pull-2{right:16.66666667%}.slam-easyform .col-xs-pull-1{right:8.33333333%}.slam-easyform .col-xs-pull-0{right:0}.slam-easyform .col-xs-push-12{left:100%}.slam-easyform .col-xs-push-11{left:91.66666667%}.slam-easyform .col-xs-push-10{left:83.33333333%}.slam-easyform .col-xs-push-9{left:75%}.slam-easyform .col-xs-push-8{left:66.66666667%}.slam-easyform .col-xs-push-7{left:58.33333333%}.slam-easyform .col-xs-push-6{left:50%}.slam-easyform .col-xs-push-5{left:41.66666667%}.slam-easyform .col-xs-push-4{left:33.33333333%}.slam-easyform .col-xs-push-3{left:25%}.slam-easyform .col-xs-push-2{left:16.66666667%}.slam-easyform .col-xs-push-1{left:8.33333333%}.slam-easyform .col-xs-push-0{left:0}.slam-easyform .col-xs-offset-12{margin-left:100%}.slam-easyform .col-xs-offset-11{margin-left:91.66666667%}.slam-easyform .col-xs-offset-10{margin-left:83.33333333%}.slam-easyform .col-xs-offset-9{margin-left:75%}.slam-easyform .col-xs-offset-8{margin-left:66.66666667%}.slam-easyform .col-xs-offset-7{margin-left:58.33333333%}.slam-easyform .col-xs-offset-6{margin-left:50%}.slam-easyform .col-xs-offset-5{margin-left:41.66666667%}.slam-easyform .col-xs-offset-4{margin-left:33.33333333%}.slam-easyform .col-xs-offset-3{margin-left:25%}.slam-easyform .col-xs-offset-2{margin-left:16.66666667%}.slam-easyform .col-xs-offset-1{margin-left:8.33333333%}.slam-easyform .col-xs-offset-0{margin-left:0}@media (min-width:768px){.slam-easyform .col-sm-1, .slam-easyform .col-sm-2, .slam-easyform .col-sm-3, .slam-easyform .col-sm-4, .slam-easyform .col-sm-5, .slam-easyform .col-sm-6, .slam-easyform .col-sm-7, .slam-easyform .col-sm-8, .slam-easyform .col-sm-9, .slam-easyform .col-sm-10, .slam-easyform .col-sm-11, .slam-easyform .col-sm-12{float:left}.slam-easyform .col-sm-12{width:100%}.slam-easyform .col-sm-11{width:91.66666667%}.slam-easyform .col-sm-10{width:83.33333333%}.slam-easyform .col-sm-9{width:75%}.slam-easyform .col-sm-8{width:66.66666667%}.slam-easyform .col-sm-7{width:58.33333333%}.slam-easyform .col-sm-6{width:50%}.slam-easyform .col-sm-5{width:41.66666667%}.slam-easyform .col-sm-4{width:33.33333333%}.slam-easyform .col-sm-3{width:25%}.slam-easyform .col-sm-2{width:16.66666667%}.slam-easyform .col-sm-1{width:8.33333333%}.slam-easyform .col-sm-pull-12{right:100%}.slam-easyform .col-sm-pull-11{right:91.66666667%}.slam-easyform .col-sm-pull-10{right:83.33333333%}.slam-easyform .col-sm-pull-9{right:75%}.slam-easyform .col-sm-pull-8{right:66.66666667%}.slam-easyform .col-sm-pull-7{right:58.33333333%}.slam-easyform .col-sm-pull-6{right:50%}.slam-easyform .col-sm-pull-5{right:41.66666667%}.slam-easyform .col-sm-pull-4{right:33.33333333%}.slam-easyform .col-sm-pull-3{right:25%}.slam-easyform .col-sm-pull-2{right:16.66666667%}.slam-easyform .col-sm-pull-1{right:8.33333333%}.slam-easyform .col-sm-pull-0{right:0}.slam-easyform .col-sm-push-12{left:100%}.slam-easyform .col-sm-push-11{left:91.66666667%}.slam-easyform .col-sm-push-10{left:83.33333333%}.slam-easyform .col-sm-push-9{left:75%}.slam-easyform .col-sm-push-8{left:66.66666667%}.slam-easyform .col-sm-push-7{left:58.33333333%}.slam-easyform .col-sm-push-6{left:50%}.slam-easyform .col-sm-push-5{left:41.66666667%}.slam-easyform .col-sm-push-4{left:33.33333333%}.slam-easyform .col-sm-push-3{left:25%}.slam-easyform .col-sm-push-2{left:16.66666667%}.slam-easyform .col-sm-push-1{left:8.33333333%}.slam-easyform .col-sm-push-0{left:0}.slam-easyform .col-sm-offset-12{margin-left:100%}.slam-easyform .col-sm-offset-11{margin-left:91.66666667%}.slam-easyform .col-sm-offset-10{margin-left:83.33333333%}.slam-easyform .col-sm-offset-9{margin-left:75%}.slam-easyform .col-sm-offset-8{margin-left:66.66666667%}.slam-easyform .col-sm-offset-7{margin-left:58.33333333%}.slam-easyform .col-sm-offset-6{margin-left:50%}.slam-easyform .col-sm-offset-5{margin-left:41.66666667%}.slam-easyform .col-sm-offset-4{margin-left:33.33333333%}.slam-easyform .col-sm-offset-3{margin-left:25%}.slam-easyform .col-sm-offset-2{margin-left:16.66666667%}.slam-easyform .col-sm-offset-1{margin-left:8.33333333%}.slam-easyform .col-sm-offset-0{margin-left:0}}@media (min-width:992px){.slam-easyform .col-md-1, .slam-easyform .col-md-2, .slam-easyform .col-md-3, .slam-easyform .col-md-4, .slam-easyform .col-md-5, .slam-easyform .col-md-6, .slam-easyform .col-md-7, .slam-easyform .col-md-8, .slam-easyform .col-md-9, .slam-easyform .col-md-10, .slam-easyform .col-md-11, .slam-easyform .col-md-12{float:left}.slam-easyform .col-md-12{width:100%}.slam-easyform .col-md-11{width:91.66666667%}.slam-easyform .col-md-10{width:83.33333333%}.slam-easyform .col-md-9{width:75%}.slam-easyform .col-md-8{width:66.66666667%}.slam-easyform .col-md-7{width:58.33333333%}.slam-easyform .col-md-6{width:50%}.slam-easyform .col-md-5{width:41.66666667%}.slam-easyform .col-md-4{width:33.33333333%}.slam-easyform .col-md-3{width:25%}.slam-easyform .col-md-2{width:16.66666667%}.slam-easyform .col-md-1{width:8.33333333%}.slam-easyform .col-md-pull-12{right:100%}.slam-easyform .col-md-pull-11{right:91.66666667%}.slam-easyform .col-md-pull-10{right:83.33333333%}.slam-easyform .col-md-pull-9{right:75%}.slam-easyform .col-md-pull-8{right:66.66666667%}.slam-easyform .col-md-pull-7{right:58.33333333%}.slam-easyform .col-md-pull-6{right:50%}.slam-easyform .col-md-pull-5{right:41.66666667%}.slam-easyform .col-md-pull-4{right:33.33333333%}.slam-easyform .col-md-pull-3{right:25%}.slam-easyform .col-md-pull-2{right:16.66666667%}.slam-easyform .col-md-pull-1{right:8.33333333%}.slam-easyform .col-md-pull-0{right:0}.slam-easyform .col-md-push-12{left:100%}.slam-easyform .col-md-push-11{left:91.66666667%}.slam-easyform .col-md-push-10{left:83.33333333%}.slam-easyform .col-md-push-9{left:75%}.slam-easyform .col-md-push-8{left:66.66666667%}.slam-easyform .col-md-push-7{left:58.33333333%}.slam-easyform .col-md-push-6{left:50%}.slam-easyform .col-md-push-5{left:41.66666667%}.slam-easyform .col-md-push-4{left:33.33333333%}.slam-easyform .col-md-push-3{left:25%}.slam-easyform .col-md-push-2{left:16.66666667%}.slam-easyform .col-md-push-1{left:8.33333333%}.slam-easyform .col-md-push-0{left:0}.slam-easyform .col-md-offset-12{margin-left:100%}.slam-easyform .col-md-offset-11{margin-left:91.66666667%}.slam-easyform .col-md-offset-10{margin-left:83.33333333%}.slam-easyform .col-md-offset-9{margin-left:75%}.slam-easyform .col-md-offset-8{margin-left:66.66666667%}.slam-easyform .col-md-offset-7{margin-left:58.33333333%}.slam-easyform .col-md-offset-6{margin-left:50%}.slam-easyform .col-md-offset-5{margin-left:41.66666667%}.slam-easyform .col-md-offset-4{margin-left:33.33333333%}.slam-easyform .col-md-offset-3{margin-left:25%}.slam-easyform .col-md-offset-2{margin-left:16.66666667%}.slam-easyform .col-md-offset-1{margin-left:8.33333333%}.slam-easyform .col-md-offset-0{margin-left:0}}@media (min-width:1200px){.slam-easyform .col-lg-1, .slam-easyform .col-lg-2, .slam-easyform .col-lg-3, .slam-easyform .col-lg-4, .slam-easyform .col-lg-5, .slam-easyform .col-lg-6, .slam-easyform .col-lg-7, .slam-easyform .col-lg-8, .slam-easyform .col-lg-9, .slam-easyform .col-lg-10, .slam-easyform .col-lg-11, .slam-easyform .col-lg-12{float:left}.slam-easyform .col-lg-12{width:100%}.slam-easyform .col-lg-11{width:91.66666667%}.slam-easyform .col-lg-10{width:83.33333333%}.slam-easyform .col-lg-9{width:75%}.slam-easyform .col-lg-8{width:66.66666667%}.slam-easyform .col-lg-7{width:58.33333333%}.slam-easyform .col-lg-6{width:50%}.slam-easyform .col-lg-5{width:41.66666667%}.slam-easyform .col-lg-4{width:33.33333333%}.slam-easyform .col-lg-3{width:25%}.slam-easyform .col-lg-2{width:16.66666667%}.slam-easyform .col-lg-1{width:8.33333333%}.slam-easyform .col-lg-pull-12{right:100%}.slam-easyform .col-lg-pull-11{right:91.66666667%}.slam-easyform .col-lg-pull-10{right:83.33333333%}.slam-easyform .col-lg-pull-9{right:75%}.slam-easyform .col-lg-pull-8{right:66.66666667%}.slam-easyform .col-lg-pull-7{right:58.33333333%}.slam-easyform .col-lg-pull-6{right:50%}.slam-easyform .col-lg-pull-5{right:41.66666667%}.slam-easyform .col-lg-pull-4{right:33.33333333%}.slam-easyform .col-lg-pull-3{right:25%}.slam-easyform .col-lg-pull-2{right:16.66666667%}.slam-easyform .col-lg-pull-1{right:8.33333333%}.slam-easyform .col-lg-pull-0{right:0}.slam-easyform .col-lg-push-12{left:100%}.slam-easyform .col-lg-push-11{left:91.66666667%}.slam-easyform .col-lg-push-10{left:83.33333333%}.slam-easyform .col-lg-push-9{left:75%}.slam-easyform .col-lg-push-8{left:66.66666667%}.slam-easyform .col-lg-push-7{left:58.33333333%}.slam-easyform .col-lg-push-6{left:50%}.slam-easyform .col-lg-push-5{left:41.66666667%}.slam-easyform .col-lg-push-4{left:33.33333333%}.slam-easyform .col-lg-push-3{left:25%}.slam-easyform .col-lg-push-2{left:16.66666667%}.slam-easyform .col-lg-push-1{left:8.33333333%}.slam-easyform .col-lg-push-0{left:0}.slam-easyform .col-lg-offset-12{margin-left:100%}.slam-easyform .col-lg-offset-11{margin-left:91.66666667%}.slam-easyform .col-lg-offset-10{margin-left:83.33333333%}.slam-easyform .col-lg-offset-9{margin-left:75%}.slam-easyform .col-lg-offset-8{margin-left:66.66666667%}.slam-easyform .col-lg-offset-7{margin-left:58.33333333%}.slam-easyform .col-lg-offset-6{margin-left:50%}.slam-easyform .col-lg-offset-5{margin-left:41.66666667%}.slam-easyform .col-lg-offset-4{margin-left:33.33333333%}.slam-easyform .col-lg-offset-3{margin-left:25%}.slam-easyform .col-lg-offset-2{margin-left:16.66666667%}.slam-easyform .col-lg-offset-1{margin-left:8.33333333%}.slam-easyform .col-lg-offset-0{margin-left:0}} /* End */ /* Start:/bitrix/components/slam/easyform/lib/css/bootstrapValidator.min.css?1647748330565*/ /*! * BootstrapValidator (http://bootstrapvalidator.com) * The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3 * * @version v0.5.2, built on 2014-09-25 4:01:07 PM * @author https://twitter.com/nghuuphuoc * @copyright (c) 2013 - 2014 Nguyen Huu Phuoc * @license MIT */ .bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}.bv-form .bv-icon-no-label{top:0}.bv-form .bv-icon-input-group{top:0;z-index:100} /* End */ /* Start:/local/templates/ao/components/slam/easyform/top-form/style.min.css?1772046425805*/ .slam-easyform .modal{text-align:center}@media screen and (min-width:768px){.slam-easyform .modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%}}.slam-easyform .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}.slam-easyform .modal .modal-header .title{margin:0;font-size:22px;display:inline-block}.hide-formvalidation small.help-block{display:none!important}@keyframes spinner{to{transform:rotate(360deg)}}.slam-easyform .spinner,.slam-easyform .spinner:hover{position:relative;color:transparent}.slam-easyform .spinner:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #ccc;border-top-color:#333;animation:spinner .6s linear infinite} /* End */ /* Start:/local/templates/ao/components/bitrix/search.title/search/style.css?17745308806456*/ /* ========================================================================== Search Component — Design 2026 ========================================================================== */ /* Контейнер поиска — вписывается в v2-search-wrapper */ .v2-search-field { flex: 1; position: relative; display: flex; align-items: center; } .v2-search-field form { width: 100%; position: relative; display: flex; align-items: center; } /* ========================================================================== Dropdown контейнер JCTitleSearch создаёт div.title-search-result в document.body и позиционирует его inline-стилями (position:absolute, top, left, width) Мы НЕ перебиваем позиционирование — оставляем логику JS Но переопределяем визуал ========================================================================== */ div.title-search-result { background: var(--v2-color-white, #fff) !important; border: 1px solid var(--v2-color-border, #E5E5E5) !important; border-radius: 16px !important; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12) !important; overflow: hidden !important; z-index: 300 !important; font-family: var(--v2-font-body, 'Open Sans', sans-serif); max-height: 70vh; overflow-y: auto !important; scrollbar-width: thin; scrollbar-color: var(--v2-color-border, #E5E5E5) transparent; } div.title-search-result::-webkit-scrollbar { width: 4px; } div.title-search-result::-webkit-scrollbar-thumb { background: var(--v2-color-border, #E5E5E5); border-radius: 4px; } /* ========================================================================== Теги категорий (перед таблицей) ========================================================================== */ .v2-search-tags-wrap { padding: 16px 16px 0; } .v2-search-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; } .v2-tag { font-size: 12px; padding: 6px 14px; background: var(--v2-color-bg-pastel, #F8F5EC); border-radius: 100px; color: var(--v2-color-brand-dark, #5D630F); text-decoration: none; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); white-space: nowrap; font-weight: 500; } .v2-tag:hover { background: var(--v2-color-brand, #889F35); color: var(--v2-color-white, #fff); } /* ========================================================================== Таблица результатов — table.title-search-result Используем table layout для совместимости с JCTitleSearch (rows[], навигация) но стилизуем как карточки ========================================================================== */ table.title-search-result { border-collapse: collapse; border: none; width: 100%; } /* Скрываем заголовки и разделители */ table.title-search-result th, table.title-search-result td.title-search-separator, table.title-search-result th.title-search-separator { display: none; } /* Строка — hover подсветка */ table.title-search-result tr { transition: background 0.2s ease; } table.title-search-result tr:hover td { background: var(--v2-color-bg-pastel, #F8F5EC); } table.title-search-result tr.title-search-selected td, table.title-search-result tr.title-search-selected td a { background: var(--v2-color-bg-pastel, #F8F5EC); } /* ========================================================================== Карточка товара (.v2-sr-item) ========================================================================== */ td.v2-sr-item { padding: 0 !important; } .v2-sr-link { display: flex; align-items: center; gap: 14px; padding: 10px 16px; text-decoration: none; color: var(--v2-color-text-main, #2C2C2C); } .v2-sr-link img { width: 48px; height: 48px; object-fit: contain; flex-shrink: 0; border-radius: 8px; background: var(--v2-color-bg-light, #Fcfbf8); } .v2-sr-nophoto { width: 48px; height: 48px; flex-shrink: 0; border-radius: 8px; background: var(--v2-color-bg-light, #Fcfbf8); display: flex; align-items: center; justify-content: center; color: var(--v2-color-text-muted, #8A8A8A); font-size: 20px; } .v2-sr-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; } .v2-sr-title { font-weight: 600; font-size: 14px; color: var(--v2-color-text-main, #2C2C2C); line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .v2-sr-price { font-size: 14px; font-weight: 700; color: var(--v2-color-brand-dark, #5D630F); } .v2-sr-price s { color: var(--v2-color-text-muted, #8A8A8A); font-weight: 400; font-size: 12px; margin-right: 6px; } /* ========================================================================== «Все результаты» и «Ещё» ========================================================================== */ table.title-search-result td.title-search-all { padding: 0 !important; border-top: 1px solid var(--v2-color-border, #E5E5E5); } table.title-search-result td.title-search-all a { display: flex; align-items: center; gap: 8px; padding: 14px 16px; font-size: 13px; font-weight: 600; color: var(--v2-color-brand, #889F35); text-decoration: none; transition: all 0.2s ease; } table.title-search-result td.title-search-all a i { font-size: 16px; } table.title-search-result td.title-search-all a:hover { color: var(--v2-color-brand-dark, #5D630F); } table.title-search-result td.title-search-more { padding: 0 !important; } table.title-search-result td.title-search-more a { display: flex; align-items: center; gap: 6px; padding: 8px 16px; font-size: 12px; color: var(--v2-color-text-muted, #8A8A8A); text-decoration: none; transition: color 0.2s ease; } table.title-search-result td.title-search-more a:hover { color: var(--v2-color-brand, #889F35); } /* Скрываем legacy fader */ div.title-search-fader { display: none !important; } /* End */ /* Start:/local/templates/ao/styles.css?1772046425199*/ .blogquote { font-size: 16px; line-height: 22px; color: #3A3F5C; border-left: 4px solid #556E08; padding-left: 22px; padding-top: 30px; padding-bottom: 20px; margin-top: 40px; margin-bottom: 40px; } /* End */ /* Start:/local/css/reaspekt/reaspekt.geobase/style.css?1772046425974*/ .ReaspektPopupOverlay { height: 100%; left: 0; opacity: 0.6; position: fixed; top: 0; width: 100%; z-index: 500; background-color: #000; filter: alpha(opacity=60); /*Filter for IE*/ } #ReaspektPopupBody { position: absolute !important; padding: 30px 50px; left: 0; top: 0; /*width: 500px; min-height: 100%; height: 1000px;*/ z-index: 510; background-color: #fff; box-shadow: 0px 0px 15px #000000; box-sizing: border-box; } #ReaspektPopupBody .ReaspektClosePosition { position: relative; } #ReaspektPopupBody #ReaspektCloseBtn { position: absolute; right: -40px; top: -20px; width: 24px; height: 24px; cursor: pointer; background:url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat top; } #ReaspektPopupBody #ReaspektCloseBtn:hover { background: url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat 0 -24px; } #ReaspektPopupContainer { max-width: 900px; } /* End */ /* /css/hamburgers.min.css?177204642522458 */ /* /css/jquery.fancybox.min.css?177204642513706 */ /* /css/jquery.jgrowl.min.css?17720464251455 */ /* /css/aos.css?177204642526053 */ /* /css/slick.css?17720464251776 */ /* /css/style.css?1774530880100717 */ /* /css/media.css?177204642544386 */ /* /css/new.css?17720464252435 */ /* /css/reset.css?17720464253865 */ /* /css/design2026.css?177453088022440 */ /* /css/design2026-catalog.css?177798069029056 */ /* /css/hide-prices.css?1782294241912 */ /* /bitrix/components/slam/easyform/lib/css/bootstrap.min.css?164774833022741 */ /* /bitrix/components/slam/easyform/lib/css/bootstrapValidator.min.css?1647748330565 */ /* /local/templates/ao/components/slam/easyform/top-form/style.min.css?1772046425805 */ /* /local/templates/ao/components/bitrix/search.title/search/style.css?17745308806456 */ /* /local/templates/ao/styles.css?1772046425199 */ /* /local/css/reaspekt/reaspekt.geobase/style.css?1772046425974 */