/* Start:/bitrix/templates/80bit/fonts/oxygen/stylesheet.css?1746947203648*/ @font-face { font-family: 'Oxygen'; src: url('/bitrix/templates/80bit/fonts/oxygen/Oxygen-Regular.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/oxygen/Oxygen-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Oxygen'; src: url('/bitrix/templates/80bit/fonts/oxygen/Oxygen-Bold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/oxygen/Oxygen-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Oxygen'; src: url('/bitrix/templates/80bit/fonts/oxygen/Oxygen-Light.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/oxygen/Oxygen-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } /* End */ /* Start:/bitrix/templates/80bit/fonts/yanonekaffeesatz/stylesheet.css?17469472031494*/ @font-face { font-family: 'Yanone Kaffeesatz'; src: url('/bitrix/templates/80bit/fonts/yanonekaffeesatz/YanoneKaffeesatz-Bold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/yanonekaffeesatz/YanoneKaffeesatz-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Yanone Kaffeesatz'; src: url('/bitrix/templates/80bit/fonts/yanonekaffeesatz/YanoneKaffeesatz-ExtraLight.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/yanonekaffeesatz/YanoneKaffeesatz-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Yanone Kaffeesatz'; src: url('/bitrix/templates/80bit/fonts/yanonekaffeesatz/YanoneKaffeesatz-Medium.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/yanonekaffeesatz/YanoneKaffeesatz-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Yanone Kaffeesatz'; src: url('/bitrix/templates/80bit/fonts/yanonekaffeesatz/YanoneKaffeesatz-Light.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/yanonekaffeesatz/YanoneKaffeesatz-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Yanone Kaffeesatz'; src: url('/bitrix/templates/80bit/fonts/yanonekaffeesatz/YanoneKaffeesatz-Regular.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/yanonekaffeesatz/YanoneKaffeesatz-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Yanone Kaffeesatz'; src: url('/bitrix/templates/80bit/fonts/yanonekaffeesatz/YanoneKaffeesatz-SemiBold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/yanonekaffeesatz/YanoneKaffeesatz-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } /* End */ /* Start:/bitrix/templates/80bit/fonts/jost/stylesheet.css?1746947203523*/ @font-face { font-family: 'Jost'; src: url('/bitrix/templates/80bit/fonts/jost/Jost-Regular.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/jost/Jost-Regular.woff') format('woff'), url('/bitrix/templates/80bit/fonts/jost/Jost-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Jost'; src: url('/bitrix/templates/80bit/fonts/jost/Jost-Bold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/jost/Jost-Bold.woff') format('woff'), url('/bitrix/templates/80bit/fonts/jost/Jost-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } /* End */ /* Start:/bitrix/templates/80bit/fonts/roboto/stylesheet.css?1746947203539*/ @font-face { font-family: 'Roboto'; src: url('/bitrix/templates/80bit/fonts/roboto/Roboto-Bold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Roboto-Bold.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/bitrix/templates/80bit/fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Roboto-Regular.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } /* End */ /* Start:/bitrix/templates/80bit/css/hamburgers.min.css?174694720319785*/ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--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--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--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--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--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--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:/bitrix/templates/80bit/css/jquery.fancybox.min.css?174694720313894*/ @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>div{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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select: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-slide>.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:/bitrix/templates/80bit/css/jquery-ui.css?174694720334630*/ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 5px 0px 1px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 3px; width: 24px; height: 24px; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 3px; } .ui-datepicker .ui-datepicker-prev { left: 3px; } .ui-datepicker .ui-datepicker-next { right: 3px; } .ui-datepicker .ui-datepicker-prev-hover { left: 3px; cursor:pointer; } .ui-datepicker .ui-datepicker-next-hover { right: 3px; cursor:pointer; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -7px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-family: "Circe"; font-size: 14px; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 2px 8px 0px; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: "Circe"; font-size: 15px; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Circe"; font-size: 15px; } .ui-widget.ui-widget-content { border: 0px solid #c5c5c5; box-shadow: 0px 24px 32px rgb(0 0 0 / 4%), 0px 16px 24px rgb(0 0 0 / 4%), 0px 4px 8px rgb(0 0 0 / 4%), 0px 0px 1px rgb(0 0 0 / 4%); border-radius: 0px; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #0D0D0D; } .ui-widget-content a { color: #0D0D0D; } .ui-widget-header { background: #f6f6f8; color: #0D0D0D; font-weight: bold; } .ui-widget-header a { color: #0D0D0D; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #e4e4e5; background: #e4e4e5; font-weight: normal; color: #0D0D0D; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 0px solid #cccccc; background: #fff1ef; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #fff1ef; background: #fff1ef; font-weight: normal; color: #e04e39; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #e4e4e5; background: #e4e4e5; color: #e04e39; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { } .ui-widget-header .ui-icon { } .ui-datepicker-prev .ui-icon{ background-image: url("/bitrix/templates/80bit/css/../images/prevcalendarm.svg"); background-size: 6px; background-position: center; } .ui-datepicker-next .ui-icon{ background-image: url("/bitrix/templates/80bit/css/../images/nextcalendar.svg"); background-size: 6px; background-position: center; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { } .ui-state-active .ui-icon, .ui-button:active .ui-icon { } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { } .ui-button .ui-icon { } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; -ms-filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* End */ /* Start:/bitrix/templates/80bit/css/main.css?1751458352130076*/ /*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /*Объявление переменных для цветов*/ :root { --link-color-red: #cb3354; --link-hover-color: #a14370; --color-purple: #614167; --color-dark-purple: #3b3f66; --color-light-gray: #d4dadd; --color-dark-gray: #807f9e; --rck-blue: #2381c4; --rck-pink: #e9406d; } /*Объявление переменных для шрифтов*/ :root { --font-color: #231F20; --font-h1-big: 28px; --font-h2-meddium: 24px; --font-h3-small: 20px; --font-title: 18px; --font-text: 16px; --font-list: 14px; } /** * Remove default margin. */ body { margin: 0; background: #fff; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: var(--font-h1-big); margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 font: inherit;*/ /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .slider__list.owl-carousel .owl-item img { margin-left: 2px; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/bitrix/templates/80bit/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: var(--font-list); margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fancybox-close-small { border: none; } .fancybox-close-small:after { font-size: 30px; } .fancybox-close-small:hover::after { border: none; background-color: #fff; color: var(--rck-pink); } body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ -webkit-backface-visibility: hidden; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; } html, body { height: 100%; } /* */ body { font-family: Roboto, Jost, sans-serif; font-size: var(--font-text); color: var(--font-color); font-weight: normal; line-height: normal; } html { box-sizing: border-box; scroll-behavior: smooth; } *, *:before, *:after { box-sizing: inherit; } ul, ol { list-style-type: none; } .blur { transition: .5s; } .blur--active { filter: blur(8px); -webkit-filter: blur(8px); } .blur--active::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 150; background-color: rgba(0, 0, 0, 0.3); } a { text-decoration: none; color: var(--color-purple); transition: 0.3s; } button { outline: none; } .body--active { overflow: hidden; } .slideout-menu { position: fixed; top: 0; bottom: 0; width: 256px; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 0; display: none; } .slideout-menu-left { left: 0; } .slideout-menu-right { right: 0; } .slideout-panel { position: relative; z-index: 1; will-change: transform; background-color: #fff; min-height: 100vh; } .slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden; } .slideout-open .slideout-menu { display: block; } .container { padding: 0px 30px; max-width: 1300px; width: 100%; margin: 0 auto; } @media (max-width: 1023px) { .container { padding: 0px 15px; } } .page__grey { background: #F2F2F2; padding: 0px 0px 60px; } .page__white { background: #FFF; padding: 0px 0px 80px; } .page--bottom { padding-bottom: 0px; } .slick-slider .slick-track { display: flex; } .slick-slider.slick-vertical .slick-track { flex-direction: column; } .slick-list { overflow: hidden; } .slick-list.draggable { overflow: hidden; } .top__feeback { background: #FFF1EF; border-radius: 5px; padding: 8px 15px 7px; color: var(--link-color-red); font-weight: bold; margin-left: 30px; cursor: pointer; transition: 0.3s; } .top__feeback:hover { background: var(--link-color-red); color: #fff; } .top { padding-top: 15px; padding-bottom: 3px; background: #fff; } @media(max-width: 880px) { .top { background: var(--color-light-gray); padding-bottom: 0px; } } @media(max-width: 767px) { .top { padding-bottom: 10px; } } .top__wrapper { position: relative; } .top__topside { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; } .top__leftside { display: flex; align-items: center; } .top__center { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin-left: 30px; margin-right: 15px; width: 40%; max-width: 500px; } .top__contacts { margin-top: 8px; } .top__rightside { display: flex; flex-direction: column; } @media (max-width: 1023px) { .top__center { width: 55%; justify-content: space-between; } } @media (max-width: 767px) { .top__center { display: none; } } .top__logo { display: flex; align-items: flex-start; justify-content: flex-start; margin-right: 20px; } .top__gerb { display: flex; align-items: flex-start; justify-content: flex-start; } .top__week { margin-top: 2px; margin-left: 16px; } @media (max-width: 1350px) { .top__week { display: none; } } .top__tr { display: flex; align-items: center; margin-top: 8px; } .top__tr:first-child { margin-top: 0px; } .top__gray { background: #E7E7E7; width: 10px; height: 10px; border-radius: 50%; display: block; margin-right: 3px; } .top__gray:last-child { margin-right: 0px; } .top__red { background: var(--link-color-red); width: 10px; height: 10px; border-radius: 50%; display: block; margin-right: 3px; } .top__red:last-child { margin-right: 0px; } .top__times { margin: 2px 14px 0px; } @media (max-width: 1023px) { .top__times { display: none; } } .top__time { font-size: 12px; color: var(--font-color); margin-top: 2px; } .top__time:first-child { margin-top: 0px; } .top__email { font-weight: bold; font-size: var(--font-title); padding-left: 45px; color: var(--font-color); background-image: url(/bitrix/templates/80bit/css/../images/email.svg); background-repeat: no-repeat; background-position: left 16px top 8px; background-size: 20px; min-width: 205px; font-family: Jost, Roboto, sans-serif; } .top__address { font-size: var(--font-list); font-family: Jost, Roboto, sans-serif; padding-left: 21px; background-image: url(/bitrix/templates/80bit/css/../images/map-pin.svg); background-position: left center; background-size: 16px; color: var(--font-color); background-repeat: no-repeat; } .top__search { display: flex; align-items: center; position: relative; width: 100%; } @media (max-width: 880px) { .mobile__menu__search { display: none; } } @media (max-width: 767px) { .mobile__menu__search { display: flex; } } .top__input { outline: none; padding: 10px 16px; border: 1px solid var(--link-color-red); border-radius: 4px; font-size: var(--font-text); color: var(--font-color); width: 100%; } @media (max-width: 1023px) { .top__input { padding: 8px 16px; } } .top__button { height: 100%; background-color: var(--link-color-red); background-image: url(/bitrix/templates/80bit/css/../images/search.svg); background-position: center; background-repeat: no-repeat; background-size: 20px; border: 2px solid var(--link-color-red); border-top-right-radius: 5px; border-bottom-right-radius: 5px; position: absolute; right: 0; top: 0; padding: 10px 35px; cursor: pointer; transition: .3s; } .top__button:hover { background-color: var(--link-hover-color); border-color: var(--link-hover-color); } @media (max-width: 1023px) { .top__button { padding: 7px 20px; } } .top__phone { font-weight: bold; font-size: var(--font-title); background-image: url(/bitrix/templates/80bit/css/../images/call.svg); background-repeat: no-repeat; background-position: left 16px center; background-size: 20px; min-width: 205px; padding-left: 45px; color: var(--font-color); font-family: Jost, Roboto, sans-serif; } @media (max-width: 1200px) { .top__phone { font-size: var(--font-text); background-position: left 16px center; background-size: 16px; min-width: 160px; } } @media (max-width: 1023px) { .top__phone { font-size: var(--font-list); padding: 8px 20px 5px; padding-left: 40px; /* background-position: left 12px center; */ background-size: 14px; } } @media (max-width: 880px) { .top__phone { background-position: left center; } } @media (max-width: 767px) { .top__phone { padding: 14px; background-size: 17px; background-position: center; background-position: left; margin-right: 10px; } .top__phone span { display: none; width: 20px; } } .top__botside { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 767px) { .top__botside { display: none; } } .top__left { display: flex; align-items: center; } .top__list { display: flex; align-items: center; margin-left: 20px; } @media (max-width: 1023px) { .top__list { margin-left: 10px; } } .top__box { margin-left: 24px; } .top__box:first-child { margin-left: 0px; } @media (max-width: 1280px) { .top__box { margin-left: 15px; } } @media (max-width: 1023px) { .top__box { margin-left: 8px; } } .top__link { font-size: var(--font-text); color: var(--font-color); } .top__link:hover { color: var(--link-color-red); } .top__link--active { color: var(--link-color-red); } /* @media (max-width: 1280px) { .top__link { font-size: 12px; } }*/ .top__support { background-color: var(--link-color-red); border-radius: 5px; font-weight: bold; font-size: var(--font-text); color: #FFFFFF; padding: 8px 20px 7px 30px; padding-left: 37px; background-image: url(/local/templates/80bit/css/../images/supports.svg), url(/local/templates/80bit/css/../images/arrow-down.svg); background-position: left 9px top 8px, right 7px top 11px; background-size: 20px, 15px; background-repeat: no-repeat; cursor: pointer; transition: 0.3s; } .top__support a { color: #fff; } .top__support--arrow { background-image: url(/local/templates/80bit/css/../images/supports.svg); background-position: left 10px top 8px; } .top__support:hover { background-color: var(--link-color-red); } .top__support:hover .menu { visibility: visible; opacity: 1; } /* @media (max-width: 1280px) { .top__support { font-size: 13px; } }*/ @media (max-width: 1023px) { .top__support { font-size: var(--font-list); padding: 5px 30px; padding-left: 35px; background-position: left 8px center, right 7px center; } } .top__tour { font-size: var(--font-text); color: var(--font-color); padding-left: 25px; background-image: url(/local/templates/80bit/css/../images/panorama.svg); background-position: left top; background-repeat: no-repeat; background-size: 20px; } .top__tour:hover { color: var(--link-color-red); } @media (max-width: 1280px) { .top__tour { display: none; } } .top__socials { display: flex; padding-left: 16px; margin-top: 6px; } .footer__socials { display: flex; margin: 15px 0; position: relative; } @media (max-width: 880px) { .top__socials { display: none; } } .top__social__link { border-radius: 5px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; transition: 0.3s; margin-right: 12px; background-color: var(--link-color-red); position: relative; } .top__social__link__qrcode { position: absolute; top: -135px; left: -98px; transition: .3s; opacity: 0; visibility: hidden; width: 130px; height: 130px; z-index: 100; } .top__socials .top__social__link__qrcode { top: 35px; } .top__social__link__qrcode img { width: 100%; } .top__social__link:hover svg { opacity: 0.8; } .top__social__link:hover .top__social__link__qrcode { opacity: 1; visibility: visible; } .top__social__link:hover svg { fill: #fff; } .top__social__link:last-child { margin-right: 0px; } .top__social__link svg { width: 18px; height: 18px; fill: #fff; } /* .top__social__wrapper { width: 100%; display: flex; justify-content: center; gap: 15px; margin-top: 7px; } .top__social__link { width: 25px; border-radius: 5px; overflow: hidden; height: 25px; } */ svg path { fill: inherit; stroke: inherit; stroke-width: inherit; } .top__hamburger { display: none; cursor: pointer; } @media (max-width: 880px) { .top__hamburger { display: block; } } .top__hamburger span { display: block; background-color: var(--link-color-red); width: 24px; height: 2px; transition: .3s; } .top__hamburger span:first-child { margin-bottom: 5px; } .top__hamburger span:last-child { margin-top: 5px; } .top__hamburger--active span:first-child { -webkit-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); } .top__hamburger--active span:nth-child(2) { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } .top__hamburger--active span:last-child { -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); } .mobile { background-color: #f7f8f9; padding: 15px; height: 100vh; display: none; position: absolute; width: 100%; top: 65px; left: -100%; z-index: 200; transition: .3s; } .mobile--active { left: 0; } @media (max-width: 880px) { .mobile { display: block; top: 110px; } } .mobile__search { width: 100%; margin-bottom: 15px; } .mobile__link { font-size: var(--font-list); color: var(--font-color); } .mobile__link:hover { color: var(--link-color-red); } .mobile__link--active { color: var(--link-color-red); } .mobile__tour { margin-top: 15px; display: inline-block; font-size: var(--font-list); color: var(--font-color); padding-left: 18px; background-image: url(/bitrix/templates/80bit/css/../images/panorama.svg); background-position: left center; background-repeat: no-repeat; } .mobile__tour:hover { color: var(--link-color-red); } .mobile__contacts { margin-top: 9px; } .mobile__phone { font-weight: bold; font-size: var(--font-text); color: var(--link-color-red); padding: 6px 20px; padding-left: 25px; padding-bottom: 4px; background-image: url(/bitrix/templates/80bit/css/../images/phone-call.svg); background-repeat: no-repeat; background-position: left center; background-size: 18px; border-radius: 4px; display: inline-block; } .mobile__email { font-size: var(--font-text); color: var(--font-color); padding-left: 19px; background-image: url(/bitrix/templates/80bit/css/../images/mail.svg); background-position: left center; background-size: 14px; background-repeat: no-repeat; display: inline-block; margin-bottom: 2px; } .mobile__address { font-size: var(--font-text); color: var(--font-color); padding-left: 19px; background-image: url(/bitrix/templates/80bit/css/../images/map-pin.svg); background-position: left center; background-size: 14px; background-repeat: no-repeat; } .mobile__socials { display: flex; } /* .mobile__socials .top__social { background-color: #e0e0e0; width: 22.7px; height: 22.7px; } .mobile__socials .top__social svg { width: 16px; height: 16px; } */ .menu { width: 100%; background: var(--color-light-gray); } .menu::-webkit-scrollbar { width: 14px; background: #F2F2F2; border-radius: 13px; } .menu::-webkit-scrollbar-thumb { background: var(--color-light-gray); border-radius: 13px; } .menu__list { display: flex; flex-wrap: wrap; width: 100%; } @media(max-width: 880px) { .menu__list { flex-direction: column; border-top: 1px solid #DFDFE1; margin-top: 12px; } } .menu__box { display: flex; align-items: center; margin-right: 20px; } .menu__box:last-child { margin-right: 0px; } @media(max-width: 1024px) { .menu__box { margin-right: 30px; } } .menu__box--drop { position: relative; } .menu__drop { position: absolute; top: 100%; left: 0px; background: #fff; width: 300px; padding: 15px; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04); z-index: 10; } .menu__link { font-size: var(--font-text); padding: 10px 0px; line-height: 18px; color: var(--font-color); } .menu__link--drop { display: flex; margin-right: 5px; } .menu__link--drop::after { content: ""; background: url(/bitrix/templates/80bit/css/../images/menu_arrow.svg) right center no-repeat; background-size: 12px; padding-right: 20px; background-size: 15px; } .menu__link--drop-props { display: flex; justify-content: space-between; width: 100%; } .menu__box--drop { position: relative; } .menu__link:hover { color: var(--link-hover-color) } .menu__box--drop:hover>.menu__drop { display: block; } @media(max-width: 880px) { .menu__box--drop:hover>.menu__drop { display: none; } } .menu__left { width: calc(100% - 100px); display: flex; max-width: 900px; align-items: center; } .menu__right { margin: 8px 0px; width: 175px; margin-left: 25px; display: flex; align-items: center; justify-content: flex-end; } .menu__wrapper { display: flex; justify-content: space-between; width: 100%; } .menu__drop { display: none; } .menu__drop__link { font-size: var(--font-text); color: var(--font-color); transition: 0.3s; } .menu__drop__link:hover { color: var(--link-color-red); } .menu__drop__link--active { color: var(--link-color-red); } .menu__drop__box { margin-bottom: 10px; } .menu__drop__box:last-child { margin-bottom: 0px; } .page__footer { margin-top: 20px; } .footer { padding-top: 40px; padding-bottom: 30px; background: var(--color-light-gray); } .footer__top { display: flex; justify-content: space-between; padding-bottom: 40px; } @media (max-width: 1023px) { /* .footer__top { flex-direction: column; } */ } .footer__leftside { display: grid; justify-content: space-between; /* width: calc(100% - 225px); */ flex-direction: column; gap: 15px; grid-template-columns: 1fr repeat(3, 0.4fr); grid-template-rows: 0.7fr 1fr; grid-column-gap: 0px; grid-row-gap: 0px; margin-bottom: 20px; } .footer__logo { display: block; margin-right: 30px; grid-area: 1 / 1 / 2 / 2; margin-bottom: 20px; } .footer__about { padding-right: 60px; line-height: 1.2; color: var(--font-color); opacity: .9; grid-area: 2 / 1 / 3 / 4; text-align: justify; font-size: var(--font-list); } .footer__info__link { grid-area: 1 / 2 / 2 / 3; margin-right: 60px; } .footer__info__link a { font-size: var(--font-text); font-weight: bold; line-height: 18px; color: var(--font-color); } .footer__info__link a:hover { color: var(--link-hover-color); } @media (max-width: 767px) { .footer__leftside {} .footer__info__link a { font-size: var(--font-list); } } .footer__rightside { width: 225px; grid-area: 1 / 4 / 3 / 5; } @media (max-width: 1150px) { /* .footer__rightside { width: 300px; } */ } .footer__wrapper { display: flex; flex-wrap: wrap; border-top: 1px solid #fff; padding-top: 20px; width: 100%; justify-content: space-between; align-items: center; } .policy { display: flex; } @media (max-width: 576px) { .footer__wrapper { flex-direction: column; } .policy { flex-direction: column; gap: 10px; } } .policy__item__link { font-size: 12px; color: var(--font-color); transition: 0.3s; } .policy__item__link:hover { color: var(--link-color-red); } .policy__item__link--active { color: var(--link-color-red); } .policy__item { margin-right: 10px; display: flex; } @media (max-width: 576px) { .policy__item { margin: 0; text-align: center; } } .policy__item:last-child { margin-right: 0px; } @media (max-width: 767px) { .footer__item { margin-bottom: 30px; text-align: center; } } .footer__topic { font-weight: bold; line-height: 1.2; font-size: var(--font-text); color: var(--font-color); margin-bottom: 20px; } .footer__topic__zaim { margin-right: 10%; grid-area: 1 / 3 / 2 / 4; } .footer__topic__zaim a { font-size: var(--font-text); font-weight: bold; line-height: 18px; color: var(--font-color); } .footer__topic__zaim a:hover { color: var(--link-hover-color); } @media (max-width: 767px) { .footer__topic__zaim a { font-size: var(--font-list); margin-bottom: 30px; text-align: center; color: var(--font-color); } } .footer__box { margin-top: 10px; } .footer__box:first-child { margin-top: 0px; } .footer__block { margin-top: 10px; } .footer__block .footer__box { margin-top: 0px; } .footer__box--address { position: relative; } .footer__box--address::before { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .footer__box--address .footer__link:hover i { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .footer__box--address .footer__link i { content: ''; display: block; width: 26.46px; height: 26px; background: #FFF1EF; background-image: url(/bitrix/templates/80bit/css/../images/map-pin-2.svg); border-radius: 4px; background-repeat: no-repeat; background-position: center; position: absolute; top: -3px; right: -32px; } .footer__box--address .footer__link i:hover~span { visibility: visible; opacity: 1; } .footer__box--address span { position: absolute; font-size: 12px; color: #FFFFFF; padding: 6px 12px; background-color: #000; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); border-radius: 4px; width: 120px; right: -30px; top: -36px; visibility: hidden; opacity: 0; transition: .3s; } .footer__link { font-size: var(--font-list); color: var(--font-color); position: relative; } .footer__link:hover { color: var(--link-color-red); } .footer__link:hover::before { background-color: #FFF3F1; } .footer__link--active { color: var(--link-color-red); } .footer__link--active::before { background-color: #FFF3F1; } .footer__desc { font-size: var(--font-text); line-height: 135%; color: var(--font-color); margin-bottom: 20px; } .footer__form { display: flex; align-items: center; } .footer__input { border: none; outline: none; background: #FFFFFF; border: 1px solid #B1BBC9; border-right: none; border-radius: 3px 0px 0px 3px; font-size: var(--font-list); color: var(--font-color); padding: 7px 14px; width: 100%; } .footer__button { background: var(--link-color-red); border: 1px solid var(--link-color-red); border-radius: 0px 3px 3px 0px; color: #fff; font-size: var(--font-list); padding: 6px 18px; transition: .3s; } .footer__button:hover { background-color: var(--link-hover-color); border-color: var(--link-hover-color); } .footer__copyright { font-size: 12px; color: var(--font-color); } .footer__cookies, .footer__condition, .footer__politics { font-size: var(--font-list); color: var(--font-color); margin-left: 30px; } .footer__cookies:hover, .footer__condition:hover, .footer__politics:hover { color: var(--link-color-red); } /* START Cookies */ :root { --cookie__block__background: #f7f8f9; --cookie_box-shadow: 0px -5px 15px rgba(62, 62, 62, 0.1); --cookie__text__font_title: 14px; --cookie__text__font_size: 13px; --cookie__text__font_size_small: 12px; --cookie__button__font_size: 14px; --cookie__mobile__text__font_size: 12px; --cookie__mobile__button__font_size: 12px; --cookie__link: var(--link-color-red); --cookie__link_hover: var(--link-hover-color); --cookie__button__color: #FFFFFF; --cookie__button__color_hover: #FFFFFF; --cookie__button__background: var(--link-color-red); --cookie__button__background_hover: var(--link-hover-color); } .cookie { /*display: none;*/ justify-content: space-between; align-items: flex-start; background: var(--cookie__block__background); border-radius: 12px; padding: 25px 30px; position: fixed; z-index: 3500; bottom: 30px; right: 30px; width: 400px; flex-direction: column; box-shadow: var(--cookie_box-shadow); } @media (max-width: 767px) { .cookie { bottom: 10px; right: 10px; width: calc(100% - 20px); flex-direction: column; padding: 20px 15px; } } .cookie__leftside { width: 100%; margin-bottom: 15px; } @media (max-width: 767px) { .cookie__leftside { width: 100%; margin-bottom: 10px; } } .cookie__title { font-weight: bold; font-size: var(--cookie__text__font_title); line-height: 1.4; color: #161616; margin-bottom: 10px; } .cookie__text { font-weight: normal; font-size: var(--cookie__text__font_size); line-height: 1.4; color: #161616; } .cookie__text--small { margin-top: 5px; font-size: var(--cookie__text__font_size_small); } .cookie__text a { color: var(--cookie__link); } .cookie__text a:hover { color: var(--cookie__link_hover); } .cookie__button { display: inline-block; border-radius: 5px; padding: 7px 22px; font-size: var(--cookie__button__font_size); font-weight: bold; color: var(--cookie__button__color); text-transform: uppercase; background: var(--cookie__button__background); cursor: pointer; transition: .3s; } .cookie__button:hover { background: var(--cookie__button__background_hover); color: var(--cookie__button__color_hover); } @media(max-width: 767px) { .cookie__text { font-size: var(--cookie__mobile__text__font_size); } .cookie__button { padding: 5px 20px 3px; font-size: var(--cookie__mobile__button__font_size); } } /* END Cookies */ @media(max-width: 767px) { .mobile .header__searched { width: calc(100% - 30px); background-color: #fff; position: relative; right: 0px; bottom: 0px; border-radius: 8px; display: block; margin: 0px 15px; margin-bottom: 15px; } } .page { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .top__menu__dop { margin-left: 20px; border-left: 3px solid #FFF1EF; padding-left: 20px; } @media (max-width: 1320px) { .top__menu__dop { display: none; } } .menu__img { width: 32px; max-height: 32px; } @media (max-width: 767px) { .top__images { height: 30px; } .top__logo { margin-right: 10px; } .top__topside { padding-bottom: 0px; } } div[id^="wait_comp_"] { display: none; } .footer__item { width: auto; margin-right: 15px; } .footer__item:last-child { width: 30%; } .top__img { height: 75px; } .top__form { width: 100%; } .button { background: var(--link-color-red); color: #fff; padding: 8px 15px; border-radius: 5px; } .button:hover { background-color: var(--link-hover-color); } .content h1 { line-height: 1.2em; color: var(--font-color); font-family: Jost, Roboto, sans-serif; margin: 0px; font-size: var(--font-h1-big); } .content a { color: var(--link-color-red); text-decoration: underline; text-underline-position: under; transition: 0.3s; line-height: 1.8em; font-family: Roboto, Jost, sans-serif; } .content h3 a { color: var(--font-color); text-decoration: none; transition: 0.3s; line-height: 1.2; } .content h3 a:hover { color: var(--link-color-red); } .content a:hover { text-decoration: none; } .content h2 { font-weight: 600; font-size: var(--font-h2-meddium); color: var(--font-color); font-family: Jost, Roboto, sans-serif; border-left: 3px solid; padding-left: 15px; line-height: 1.2; border-left: 3px solid; padding-left: 15px; line-height: 1.2; } .content h3 { font-weight: 500; font-size: var(--font-h3-small); color: var(--font-color); font-family: Roboto, Jost, sans-serif; line-height: 1.2; } .h3 { font-weight: 600; font-size: var(--font-h3-small); font-family: Roboto, Jost, sans-serif; border-left: 3px solid; padding-left: 15px; line-height: 1.2; } .h3--red { color: var(--link-color-red); } .content .contact h2 { margin-top: 0px; } .bread { display: flex; align-items: center; margin-top: 0px; margin-bottom: 40px; flex-wrap: wrap; } .bread__box { font-size: var(--font-text); color: var(--font-color); margin-right: 10px; } .bread__box:last-child { margin-right: 0px; } .content .bread__link { color: var(--link-color-red); transition: 0.3s; font-size: var(--font-text); text-decoration: none; font-weight: bold; } .content .bread__link:hover { color: var(--link-hover-color); } .content p { font-size: var(--font-text); line-height: 1.8em; font-family: Roboto, Jost, sans-serif; font-weight: 300; word-wrap: break-word; color: var(--font-color); } .news__detail { font-size: var(--font-text); line-height: 1.8em; font-family: Roboto, Jost, sans-serif; font-weight: 300; word-wrap: break-word; color: var(--font-color); } .content ul { list-style-type: disc; padding-left: 20px; margin: 15px 0px; } .content ol { list-style-type: decimal; padding-left: 20px; } .content li { font-size: var(--font-text); line-height: 1.8em; font-family: Roboto, Jost, sans-serif; font-weight: 300; word-wrap: break-word; color: var(--font-color); margin-bottom: 10px; } .content li:last-child { margin-bottom: 0px; } .content img { width: 100%; height: auto; } .news_detail__text { font-size: var(--font-list); line-height: 1.8em; font-family: Roboto, Jost, sans-serif; font-weight: 300; word-wrap: break-word; color: var(--font-color); } .content table { width: 100%; margin: 20px 0px; } .content table tr { background: #fff; } .content td { padding: 15px 20px; border: 1px solid #fff; font-size: var(--font-text); vertical-align: top; } .content th { padding: 15px 20px; border: 2px solid #fff; font-size: var(--font-text); text-align: center; background: #d7d7d7; } .content tr p { margin: 0px; } .content table tr:nth-child(2n+2) { background: var(--color-light-gray); } @media (max-width: 767px) { .content th { font-size: var(--font-list); } .content td { font-size: var(--font-list); } .content table { margin: 15px 0px; } .content td p { font-size: var(--font-list); line-height: 1.2; } .content td { padding: 10px 15px; border: 1px solid #fff; font-size: var(--font-list); } .content h1 { font-size: var(--font-h2-meddium); margin-top: 0px; padding-top: 0px; } .content p { font-size: var(--font-list); line-height: 1.4; } .bread { margin-bottom: 20px; } .bread__link { font-size: var(--font-list); } .content h2 { font-weight: 700; font-size: var(--font-h3-small); } .content h3 { font-weight: 700; font-size: var(--font-title); } .h3 { font-weight: 700; font-size: var(--font-title); } } .content__wrapper { margin-top: 20px; } .block { border-top: 1px solid #eee; margin-top: 30px; } .about__page__title__img__wrap { width: 100%; height: 400px; overflow: hidden; position: relative; border-radius: 20px; } @media(max-width: 500px) { .about__page__title__img__wrap { height: 250px; border-radius: 8px; } } @media(max-width: 320px) { .about__page__title__img__wrap { height: 150px; } } .about__page__title__img { overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 20px; } @media(max-width: 500px) { .about__page__title__img { border-radius: 8px; } } .about__page__info p { font-size: var(--font-text); } .about__page__circle { display: flex; gap: 20px; justify-content: space-between; margin-bottom: 50px; } @media(max-width: 500px) { .about__page__circle { flex-direction: column; } } .about__page__circle__block { width: 31%; min-height: 120px; padding: 15px 20px; background-color: var(--color-dark-gray); border-radius: 10px; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; font-size: var(--font-text); font-weight: bold; line-height: 1.3; text-transform: uppercase; opacity: 0.8; } @media(max-width: 500px) { .about__page__circle__block { min-height: 60px; width: 100%; font-size: var(--font-list); } } .block__item__btn-open-block { margin: 0 auto; width: 80%; border-radius: 10px; background-color: #76749c; border: none; overflow: hidden; margin-bottom: 20px; } .block__item__btn-open-block a { color: #fff; font-size: var(--font-title); text-decoration: none; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 15px; text-align: center; } .block__item__btn-open-block:hover { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .block__item__btn-open-block:active { transform: translate(2px, 2px); } @media(max-width: 500px) { .block__item__btn-open-block a { font-size: var(--font-list); } } .block__item { display: none; width: 70%; min-height: 70%; padding: 15px 35px !important; } .block__item h2 { margin-bottom: 20px; font-size: var(--font-title); } .block__item ul, .block__item ol { display: flex; flex-direction: column; gap: 10px; list-style-type: disc; font-size: var(--font-text); line-height: 1.7; font-family: Roboto, Jost, sans-serif; font-weight: 300; word-wrap: break-word; color: var(--font-color); margin-bottom: 10px; } .block__item__left { width: 100px; margin-right: 25px; } .block__item__left img { width: 100%; } .block__wrapper { display: flex; } .block__item__right { width: calc(100% - 125px); } .block__wrapper--full .block__item__right { width: 100%; } .block__item__right ul:first-child { margin-top: 0px; } .block__item__right p:first-child { margin-top: 0px; } .block__drop__desc { display: none; padding-left: 20px; } .block__drop__title { font-weight: bold; color: var(--font-color); ; margin-bottom: 20px; margin-top: 10px; cursor: pointer; } .block__drop__title span { font-size: var(--font-title); margin-right: 6px; line-height: 0; } .block__drop__title span:before { content: "+"; } .block__drop__title span.minus:before { content: "-"; } .block--drop .block__item { border-bottom: 1px solid #eee; margin-bottom: 25px; padding-bottom: 25px; } .block--drop .block__item:last-child { border-bottom: 0px solid #eee; margin-bottom: 0px; padding-bottom: 0px; } .block__docs__item { display: flex; margin-bottom: 15px; } .block__docs__item:last-child { margin-bottom: 0px; } .block__docs__left { width: 40px; margin-right: 10px; } .block__docs__left img { width: 100%; } .block__docs__right { width: calc(100% - 50px); max-width: 500px; margin-top: -7px; } .block__dosc__list { display: none; flex-wrap: wrap; width: 80%; min-height: 80%; } .block__dosc__list .block__item { display: block; } .block__dosc__list .block__item:nth-child(2n+2) { margin-right: 0px; } .block__dosc__list h3 { margin-top: 0px; } @media (max-width: 1200px) { .top__img { height: 65px; } .top__email { font-size: var(--font-text); /* background-position: left 19px top 6px; */ background-size: 16px; min-width: 160px; } .top__address { font-size: var(--font-list); background-size: 14px; } .top__center { width: calc(50% - 100px); } } @media (max-width: 1023px) { .top__rightside { width: 210px; } .footer__item { width: 48%; } .top__logo { margin-right: 0px; } .menu__link { font-size: var(--font-text); } } @media(max-width: 950px) { .menu__link { font-size: var(--font-list); } } @media (max-width: 880px) { .menu { display: none; } .top__rightside { width: 20px; overflow-x: hidden; } .top__img { height: 50px; } .mobile__menu__login { margin-top: 28px; } .mobile__menu__contact { margin: 25px 0; display: flex; flex-direction: column; gap: 13px; } .mobile__menu__phone { font-size: var(--font-list); font-weight: bold; color: var(--font-color); width: fit-content; } .mobile__menu__email { font-size: var(--font-list); font-weight: bold; color: var(--font-color); background-position width: fit-content; } .top__leftside { margin: 0px 8px; } .footer__top { padding-bottom: 20px; flex-direction: column; } .footer__item { margin-bottom: 20px; text-align: left; } .footer__topic { font-size: var(--font-list); margin-bottom: 10px; } .footer { padding-top: 30px; } .footer__item { width: 100%; } .footer__rightside { width: 100%; } .footer__copyright { font-size: 12px; color: var(--font-color); ; text-align: center; margin-bottom: 10px; } .block__wrapper { flex-direction: column; } .block__dosc__list { flex-direction: column; } .block__dosc__list .block__item { width: 100%; margin-right: 0px; margin-bottom: 20px; } .block__dosc__list .block__item:last-child { width: 100%; margin-right: 0px; margin-bottom: 0px; } .menu__list { flex-direction: column; } .menu__link { padding: 12px 0px; margin-right: 0px; padding-right: 0px; } .menu__box { display: flex; align-items: flex-start; margin-right: 0px; flex-direction: column; border-bottom: 1px solid #DFDFE1; } .menu__box:last-child { margin-bottom: 0px; margin-right: 0px; } /* .menu__drop { display: block; } */ .menu__drop { position: initial; top: 100%; left: 0px; background: transparent; width: 100%; padding: 0px; box-shadow: none; z-index: 10; } .menu__drop--active { display: block !important; } .menu__drop__box { padding: 12px 0px 12px 25px; margin-bottom: 0px; border-bottom: 1px solid #DFDFE1; } .menu__drop__box:first-child { border-top: 1px solid #DFDFE1; } .menu__drop__box:last-child { border-bottom: none; } .mobile { overflow-y: scroll; border-top: 1px solid #c2c2c2; padding-bottom: 40px; top: 110px; } .menu__link { font-size: var(--font-list); } .menu__drop__link { font-size: var(--font-list); } .top__email { font-size: var(--font-text); background-position: left top 6px; background-size: 16px; min-width: 160px; } } @media (max-width: 767px) { .mobile { top: 75px; } .top__email { display: none; } } @media (max-width: 320px) { .top>* { font-size: 8px; } .top__email { font-size: 12px; } .top__phone { font-size: 9px; } .policy { flex-direction: column; justify-content: center; text-align: center; width: 100%; } .block__item__left { width: 60px; margin-right: 0px; margin-bottom: 10px; } .block__item__right { width: 100%; } .content li { margin-bottom: 10px; } .content li { font-size: var(--font-list); line-height: 1.4em; } .block--drop .block__item { margin-bottom: 15px; padding-bottom: 15px; } .block__drop__title { font-size: var(--font-list); } .content .block__docs__right a { font-size: 13px; } .menu__list { flex-direction: column; } .menu__link { margin-right: 0px; padding-right: 20px; } .menu__box { margin-right: 0px; } .menu__box-:last-child { margin-bottom: 0px; } .menu__box { display: flex; align-items: flex-start; flex-direction: column; } .menu__drop { position: initial; top: 100%; left: 0px; background: transparent; width: 100%; box-shadow: none; z-index: 10; margin: 0px; padding-bottom: 0px; } .menu__link--drop-props { padding-right: 0; } .mobile { overflow-y: scroll; border-top: 1px solid #c2c2c2; padding-bottom: 40px; } .menu__link { font-size: var(--font-list); } .menu__drop__link { font-size: var(--font-list); } } .content .center img { width: 100%; height: auto; margin: 0px auto; } .center { text-align: center; } @media(max-width: 1150px) { .content .center img { width: 100%; } } /* Страница РЦК */ .sotrud__list__boss { width: 100%; display: flex; gap: 50px; margin-bottom: 30px; } .sotrud__list__boss__photo { width: 25%; } .sotrud__list__boss__info { display: flex; flex-direction: column; gap: 20px; padding: 20px 0; width: 70%; } @media(min-width: 1024px) { .sotrud__list__boss__photo { width: 21%; } .sotrud__list__boss__info { padding: 10px 0 20px; } } .sotrud__list__boss__info__name { font-size: var(--font-h2-meddium); font-weight: bold; line-height: 1.4; } .sotrud__list__boss__info__job { font-size: var(--font-title); line-height: 1.4; opacity: .7; } .sotrud__list__boss__info__quote { font-size: var(--font-text); line-height: 1.3; font-style: italic; } .sotrud__list--row { display: flex; flex-wrap: wrap; margin-top: 40px; gap: 20px; justify-content: flex-start; } .sotrud__list--row .sotrud__item { width: calc(20% - 16px); } .sotrud__list--row .sotrud__item:nth-child(5n+5) { margin-right: 0px; } .sotrud__img img { width: 100%; } .sotrud__list--row .sotrud__name { margin-top: 20px; text-align: center; font-weight: bold; font-size: var(--font-title); line-height: 1.3; margin-bottom: 10px; } .sotrud__list--row .sotrud__job { text-align: center; color: var(--font-color); font-size: var(--font-text); padding: 5px; opacity: .7; } @media(max-width: 767px) { .sotrud__list__boss__info__name { font-size: var(--font-h1-big); } .sotrud__list__boss__info__job { font-size: var(--font-text); } .sotrud__list--row .sotrud__item { width: 45%; margin-right: 2%; margin-bottom: 15px; } .sotrud__list--row .sotrud__item:nth-child(2n+2) { margin-right: 0px; } .sotrud__list--row .sotrud__item:nth-child(4n+4) { margin-right: 0px; } .sotrud__list--row .sotrud__name { font-size: var(--font-title); } .sotrud__job { font-size: var(--font-list); } .sotrud__list__boss__info__quote { font-size: var(--font-text); } } @media(max-width: 550px) { .sotrud__list__boss { display: block; } .sotrud__list__boss__photo { width: 50%; } .sotrud__list__boss__info { width: 100%; } } .rck__top__block__img { width: 100%; height: 400px; display: flex; margin-bottom: 20px; } .rck__top__block__img--left { width: 50%; height: auto; background-image: url('/upload/rck_title_img_logo.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; } .rck__top__block__img--absolute { position: absolute; width: 35% !important; top: 20px; left: 20px; } .rck__top__block__img--right { width: 50%; border: 15px solid #2381c4; height: auto; background-image: url('/upload/medialibrary/cdd/3bwvuyypq6xsqkqailt7btp4wwe9r6lg/РЦК%20ПНГ%20%20с%20надписью.png'); background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 767px) { .rck__top__block__img { height: 320px; } } @media (max-width: 600px) { .rck__top__block__img { height: 200px; } .rck__top__block__img--right { border: 10px solid #2381c4; } } .rck__navigate { display: flex; gap: 10px; } .rck__navigate__button { flex: 1; text-wrap: balance; color: #FFF !important; font-size: var(--font-text); font-weight: bold; text-transform: uppercase; padding: 8px 15px 5px; background-color: var(--rck-blue); border: none; text-decoration: none !important; display: flex; align-items: center; justify-content: center; text-align: center; } .rck__navigate__button:hover { color: var(--color-light-gray) !important; background-color: #1d6faa; } @media (max-width: 880px) { .rck__navigate__button { font-size: var(--font-list); } } @media (max-width: 767px) { .rck__navigate { display: grid; } } .content .rck__news__link { text-decoration: none; color: var(--rck-blue); transition: 0.3s; font-weight: 600; font-size: var(--font-h2-meddium); line-height: 1.2; font-family: Jost, Roboto, sans-serif; } .content .rck__news__link:hover { color: var(--link-color-red); } .rck__title { margin: 50px auto 30px; text-transform: uppercase; color: var(--rck-blue) !important; border: none !important; text-align: center; width: 70%; display: block; padding: 0 !important; font-weight: 600; font-size: var(--font-h2-meddium); line-height: 1.2; font-family: Jost, Roboto, sans-serif; } .rck__text p { font-size: var(--font-text); } .rck__text ul li { margin-left: 30px; font-size: var(--font-text); } @media (max-width: 767px) { .rck__title { width: 90%; font-size: var(--font-h3-small); margin: 30px auto 20px; } .rck__text p { font-size: var(--font-list); } .rck__text ul li { margin-left: 20px; font-size: var(--font-list); } } @media (max-width: 480px) { .rck__title { font-size: var(--font-text); } } .rck__news { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 30px; row-gap: 30px; margin-bottom: 40px; } .rck__news .owl-nav, .programm__block .owl-nav { position: absolute; top: 50%; display: flex; justify-content: space-between; width: 100%; transform: translateY(-75%); } .rck__news .owl-prev, .rck__news .owl-next, .programm__block .owl-prev, .programm__block .owl-next { position: relative; z-index: 10; display: flex !important; align-items: center; justify-content: center; background-color: #fff; border-radius: 50% !important; width: 50px; height: 50px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.15); cursor: pointer; transition: .3s; opacity: .7; left: 0; } .programm__block .owl-prev, .programm__block .owl-next { width: 40px; height: 40px; } .rck__news .owl-prev, .programm__block .owl-prev { transform: translateX(-30px); } .rck__news .owl-next, .programm__block .owl-next { transform: translateX(20px); } .rck__news .owl-prev:hover, .rck__news .owl-next:hover { opacity: 1; } @media only screen and (max-width: 900px) { .rck__news { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 600px) { .rck__news { grid-template-columns: 1fr; } } .rck__news__item { width: 100%; height: 100%; position: relative; padding-right: 10px; } .rck__news__item__img__wrap { height: 200px; overflow: hidden; } .rck__news__item__img { display: block; width: 100%; height: 100% !important; object-fit: cover; transition: .3s; } .rck__news__item__img:hover { opacity: .8; } .rck__news__date { padding: 10px 0; font-size: var(--font-list); } .rck__news__item__info__wrapper { padding: 15px 25px 20px; min-height: 250px; } .rck__news__item__title a { font-size: var(--font-title); font-weight: 500; text-decoration: none; color: var(--font-color); line-height: 1.4; } .rck__news__item__title a:hover { color: var(--rck-blue); } .rck__news__item__text { margin-top: 8px; margin-bottom: 20px; font-size: var(--font-text); color: #6A6F74; } .rck__news__item__btn__wrap { display: block; width: 100%; position: absolute; bottom: 20px; left: 0; } .rck__news__item__btn { margin-left: 20px; padding: 9px 20px; border: 1px solid var(--rck-blue); color: var(--rck-blue) !important; text-decoration: none !important; border-radius: 15px; position: relative; font-size: var(--font-text); } .rck__news__item__btn:hover { background-color: var(--rck-blue); color: #fff !important; } @media only screen and (max-width: 1024px) { .rck__news__item__title a { font-size: var(--font-title); line-height: 1.3; } } @media only screen and (max-width: 767px) { .rck__news__item__info__wrapper { min-height: 240px; } .rck__news__item__title a { font-size: var(--font-text); } } .rck__practices__wrap { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; margin-bottom: 40px; } .rck__practices__title--2 { text-align: center; font-size: var(--font-title); font-weight: bold; line-height: 1.4; margin-bottom: 20px; } .rck__practices__wrap__item { min-height: 250px; position: relative; background: linear-gradient(90deg, color-mix(in srgb, var(--rck-blue) 32%, transparent), color-mix(in srgb, var(--rck-blue) 100%, transparent)); } .rck__practices__wrap__item::after { content: ""; position: absolute; left: 100%; top: calc(50% - 10px); width: 20px; height: 20px; border: 20px solid transparent; border-left: 20px solid var(--rck-blue); z-index: 999; } .rck__practices__wrap__item:nth-child(2n + 2) { background: linear-gradient(90deg, color-mix(in srgb, var(--rck-pink) 32%, transparent), color-mix(in srgb, var(--rck-pink) 100%, transparent)); } .rck__practices__wrap__item:nth-child(2n + 2):after { border-left: 20px solid var(--rck-pink); } .rck__practices__wrap__item:last-child:after { display: none; } .rck__practices__wrap__item__text { padding: 30px 35px; font-size: var(--font-text); font-weight: bold; line-height: 1.5; display: flex; align-items: center; height: 100%; } @media only screen and (max-width: 767px) { .rck__practices__title--2 { font-size: var(--font-text); } .rck__practices__wrap__item__text { font-size: var(--font-list); } } .rck__feedback { margin-bottom: 40px; width: 100%; min-height: 260px; display: flex; justify-content: space-between; } .rck__feedback__item__wrap-1 { min-height: 100%; width: 24%; padding: 5px; border: 1px dotted #b1b1b1; border-radius: 30px; } .rck__feedback__item__wrap-2 { height: 100%; padding: 5px; border: 1px dotted #979797; border-radius: 25px; } .rck__feedback__item__block { width: auto; height: 100%; padding: 25px 20px; display: flex; flex-direction: column; border: 1px solid #c9c9c9; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; position: relative; } .rck__feedback__item__block--detail { display: none; width: 600px; height: 500px; } .rck__feedback__author--detail { margin: 30px 20px; font-size: var(--font-title); font-weight: bold; line-height: 1.4; } .rck__feedback__quote--detail { margin-left: 20px; font-size: var(--font-text); line-height: 1.4; } .rck__feedback__quote--link { padding: 7px 20px; font-size: var(--font-text); border: 1px solid var(--color-dark-gray); position: absolute; bottom: 35px; right: 60px; border-radius: 20px; transition: .3s; } .rck__feedback__quote--link:hover { border: 1px solid var(--rck-pink); color: #fff; background-color: var(--rck-pink); } .rck__feedback__quote__img { position: absolute; top: -20px; right: 30px; padding: 7px; border-radius: 50%; background-color: black; display: flex; } .rck__feedback__quote__img svg { width: 25px; height: 25px; fill: #fff; } .rck__feedback__author a { text-decoration: none; font-size: var(--font-text); font-weight: bold; line-height: 1.2; color: var(--font-color); } .rck__feedback__author a:hover { color: var(--rck-pink); } .rck__feedback__item__block blockquote { margin: 15px 0; font-size: var(--font-list); line-height: 1.2; } .rck__feedback__quote__button { position: absolute; bottom: 15px; right: 30px; font-size: var(--font-list); transition: .2s; text-decoration: none; } .rck__feedback__quote__button:hover { text-shadow: 0 0 10px #ff3e3e; } @media (max-width: 767px) { .rck__feedback { margin-bottom: 30px; width: 100%; height: auto; display: grid; justify-content: space-between; grid-template-columns: 1fr 1fr; gap: 10px; } .rck__feedback__author--detail { margin: 10px 20px; font-size: var(--font-text); } .rck__feedback__item__wrap-1 { width: auto; } .rck__practices__wrap { grid-template-columns: 1fr 1fr; margin-bottom: 30px; } .rck__practices__wrap__item { margin-top: 10px; min-height: 170px; } .rck__practices__wrap__item:nth-child(2n+2)::after { display: none; } .rck__feedback__item__block--detail { width: 93%; } } @media (max-width: 480px) { .rck__feedback { grid-template-rows: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr; } .rck__practices__wrap { grid-template-columns: 1fr; margin-bottom: 20px; } .rck__practices__wrap__item { min-height: 110px; } .rck__practices__wrap__item::after { display: none; } .rck__feedback__item__block--detail { padding: 0 !important; padding-top: 20px !important; padding-bottom: 40px !important; height: auto; } .rck__feedback__quote--link { bottom: 10px; } .rck__feedback__quote--detail { font-size: var(--font-list); } } .rck__map__russia { width: 100%; } .rck__map__russia__wrap { display: flex; gap: 40px; } .rck__map__russia__info { width: 25%; height: 100%; display: flex; flex-direction: column; gap: 50px; padding-top: 50px; } .rck__map__russia__info__quantity { display: flex; flex-direction: column; border: 1px solid #e2e7ed; border-radius: 8px; padding: 16px; min-height: 140px; } .rck__map__russia__info__quantity div { color: var(--rck-pink); font-size: 56px; font-weight: bold; line-height: 1; } .rck__map__russia__info__quantity span { color: var(--rck-blue) !important; font-weight: 600; font-size: var(--font-h2-meddium); line-height: 1.2; font-family: Jost, Roboto, sans-serif; } .rck__map__russia__info__support { border: 1px solid #e2e7ed; border-radius: 8px; padding: 16px; min-height: 140px; } .rck__map__russia__info__support div { color: var(--rck-pink); font-size: 36px; font-weight: bold; line-height: 1.3; } .rck__map__russia__info__support span { color: var(--rck-blue); font-size: var(--font-h3-small); font-weight: bold; } .rck__map__russia__img { width: 80%; } .rck__map__russia__img img { width: 100%; } @media (max-width: 767px) { .rck__map__russia__wrap { flex-direction: column; } .rck__map__russia__img { width: 100%; } .rck__map__russia__info { width: 100%; flex-direction: column; gap: 30px; padding-top: 10px; align-items: center; } .rck__map__russia__info__quantity { flex-direction: row; align-items: center; gap: 10px; width: 80%; justify-content: center; min-height: 80px; } .rck__map__russia__info__quantity div { font-size: 32px; } .rck__map__russia__info__support { display: flex; flex-direction: row; align-items: center; gap: 10px; width: 80%; justify-content: center; min-height: 80px; } .rck__map__russia__info__support div { font-size: var(--font-h2-meddium); } } @media (max-width: 540px) { .rck__map__russia__img { display: none; } .rck__map__russia__info { padding: 0; gap: 20px; } .rck__map__russia__info__quantity { min-height: 70px; width: 100%; } .rck__map__russia__info__support { min-height: 70px; width: 100%; } .rck__map__russia__info__quantity div { font-size: var(--font-h2-meddium); } .rck__map__russia__info__quantity span { font-size: var(--font-title); } .rck__map__russia__info__support div { font-size: var(--font-h3-small); } .rck__map__russia__info__support span { font-size: var(--font-text); } } .rck__request__submit { margin-top: 60px; width: 100%; height: 320px; background-image: url('/upload/high-angle.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; } .rck__request__submit__text { height: 85%; width: 45%; margin: 25px; margin-left: 25px; background-color: #fff; padding: 30px; margin-left: 50px; display: flex; flex-direction: column; justify-content: center; text-align: end; gap: 20px; } .rck__request__submit__text__title { font-size: var(--font-h3-small); text-transform: uppercase; } @media (max-width: 880px) { .rck__request__submit { height: 270px; } .rck__request__submit__text__title { font-size: var(--font-text); } } @media (max-width: 600px) { .rck__request__submit { height: 200px; } .rck__request__submit__text { margin: 15px; margin-left: 25px; } .rck__request__submit__text__title { font-size: var(--font-list); } } @media (max-width: 480px) { .rck__request__submit__text { width: 100%; margin-left: 15px; } } .pagenavigation { display: flex; align-items: center; justify-content: center; margin-top: 70px; margin-bottom: 15px; } @media (max-width: 767px) { .pagenavigation { margin-top: 35px; } } .pagenavigation__button { background: #fff; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; } .pagenavigation__button svg { width: 18px; height: 18px; } .pagenavigation__button svg path { stroke: #4D4D4D; transition: .3s; } .pagenavigation__button:hover path { stroke: var(--link-color-red); } @media (max-width: 767px) { .pagenavigation__button { width: 34px; height: 34px; } .pagenavigation__button svg { width: 14px; height: 14px; } } .pagenavigation__pages { display: flex; align-items: center; margin: 0 16px; } .content .pagenavigation__page { font-size: var(--font-title); text-decoration: none; color: #282D3D; text-align: center; display: flex; align-items: center; justify-content: center; padding: 5px; line-height: 1.2; border: 1px solid transparent; border-radius: 10px; width: 40px; height: 40px; cursor: pointer; transition: .3s; margin-right: 8px; } .pagenavigation__page:last-child { margin-right: 0px; } .pagenavigation__page:hover { color: var(--link-color-red); } .content .pagenavigation__page--active { cursor: default; border-color: var(--link-color-red); } .pagenavigation__page--active:hover { color: var(--color-dark-purple); } @media (max-width: 767px) { .pagenavigation__page { width: 34px; height: 34px; font-size: var(--font-list); } } .pagenavigation__button--dark { background-color: #F2F4F7; } .pagenavigation__button.pagenavigation__next--disabled:hover path, .pagenavigation__button.pagenavigation__prev--disabled:hover path { stroke: #4D4D4D; } .news__item { display: flex; margin-bottom: 60px; width: 100%; } .news__item:last-child { margin-bottom: 0px; } .news__left { width: 300px; margin-right: 50px; } .news__right { width: calc(100% - 350px); } .news__right--full { width: 100%; } .content .news__title { font-size: var(--font-title); font-weight: bold; } .news__date { font-size: var(--font-list); margin: 10px 0px; color: var(--font-color); } .news__text { color: var(--font-color); font-size: var(--font-list); line-height: 1.8em; font-family: Roboto, Jost, sans-serif; font-weight: 300; word-wrap: break-word; } .content a.news__button { outline: none; padding: 12px 15px; color: var(--font-color); line-height: 1.4; margin: 35px 0 -10px 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; font-family: Roboto, Jost, sans-serif; font-size: var(--font-text); font-weight: 500; text-align: left; position: relative; text-decoration: none; display: inline-block; padding: 6px 15px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff; } .content a.news__button:hover { color: #fff; border-color: var(--link-color-red); background-color: var(--link-color-red); } @media (max-width: 1023px) { .news__left { width: 200px; margin-right: 30px; } .news__right { width: calc(100% - 230px); } .content .news__title { font-size: var(--font-text); } .news__date { font-size: 13px; margin: 8px 0px; color: var(--font-color); } .content a.news__button { padding: 5px 10px; font-size: var(--font-list); } } @media (max-width: 767px) { .news__item { flex-direction: column; } .news__left { width: 200px; margin-right: 0px; margin-bottom: 10px; } .news__right { width: 100%; } } .news__other .news__link { text-decoration: none; } .news__other .news__link:hover h2 { color: var(--link-color-red); } .news__list--row { display: flex; flex-wrap: wrap; } .news__list--row .news__item { flex-direction: column; } .news__list--row .news__item { width: 32%; margin-right: 2%; } .news__list--row .news__item:last-child { margin-right: 0px; } .news__list--row .news__left { width: 100%; margin-right: 0px; margin-bottom: 20px; } .news__list--row .news__right { width: 100%; } @media (max-width: 1023px) { .news__list--row .news__item:last-child { display: none; } .news__list--row .news__item { width: 49%; } .news__list--row .news__item:nth-child(2) { margin-right: 0px; } } @media (max-width: 767px) { .news__list--row .news__item:last-child { display: block; margin-bottom: 0px; } .news__list--row .news__item { width: 100%; margin-right: 0px; margin-bottom: 40px; } .news__list--row .news__item:nth-child(2) { margin-right: 0px; } .content a.news__button { margin-top: 20px; } } /* Новости на главной странице */ .main__title { text-align: center; font-size: var(--font-h2-meddium); font-weight: bold; margin: 60px auto 20px; text-transform: uppercase; } .main__title a { text-decoration: none; color: var(--font-color); } .main__title a:hover { text-decoration: none; color: var(--link-color-red); } .news__list__main { width: 100%; margin: 20px 0; display: flex; justify-content: space-between; max-height: 400px; } .news__list__left { width: 100%; margin-right: 10px; position: relative; border-radius: 18px; overflow: hidden; } .news__list__left::before { content: ''; width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, 0.3); position: absolute; left: 0px; top: 0px; } .news__list__left__info { width: 90%; position: absolute; top: 35px; left: 25px; padding: 20px; } .news__list__link { overflow: hidden; border-radius: 18px; width: 68%; margin-right: 10px; } .news__list__link--right { width: 100%; } .news__list__left__info a { text-decoration: none; color: #fff; } .news__list__left__info a:hover { color: var(--color-light-gray); } .news__list__left__title { font-size: var(--font-h3-small); font-weight: 700; padding-bottom: 20px; line-height: 1.2; color: #fff; transition: .3s; } .news__list__left__text { color: #fff; font-size: var(--font-text); line-height: 1.2; transition: .3s; } .news__list__right__item { border-radius: 16px; overflow: hidden; } .news__list__link:hover .news__list__left__title, .news__list__link:hover .news__list__right__title, .news__list__link:hover .news__list__left__text { color: var(--link-color-red); } .news__list__left__img { width: 100%; height: auto; display: block; } .news__list__right { width: 38%; display: flex; flex-direction: column; justify-content: space-between; } .right__news__top, .right__news__bottom { position: relative; max-height: 195px; } .right__news__top::before, .right__news__bottom::before { content: ''; width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, 0.3); position: absolute; left: 0px; top: 0px; } .news__list__right__img__wrapper { width: 100%; } .news__list__right__img { width: 100%; height: auto; display: block; } .news__list__right__title { width: 95%; position: absolute; top: 20px; left: 20px; font-size: var(--font-title); padding-right: 20px; color: #fff; transition: .3s; } @media (max-width: 1024px) { .main__title { font-size: var(--font-h3-small); margin: 40px auto 15px; } .news__list__left__title { font-size: var(--font-h3-small); } .news__list__left__text { font-size: var(--font-text); } .news__list__right__title { font-size: var(--font-text); } .news__list__main { max-height: 340px; } .right__news__top, .right__news__bottom { position: relative; max-height: 165px; } } @media (max-width: 767px) { .main__title { font-size: var(--font-title); margin: 40px auto 15px; } .news__list__main { flex-direction: column; align-items: center; max-height: 850px; } .news__list__left { width: 95%; margin-bottom: 20px; margin-right: 0; max-height: 300px; } .news__list__left__title { font-size: var(--font-text); } .news__list__left__text { display: none; } .news__list__right { width: 95%; } .news__list__right__title { padding: 20px; } .right__news__top { margin-bottom: 20px; } } @media (max-width: 500px) { .news__list__link { width: 95%; margin-right: 0; } } /* -------------------------------------------------- */ .news--detail__video { overflow: hidden; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; } .news--detail__video iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .sotrud__list--detail { display: flex; flex-wrap: wrap; flex-direction: column; } .sotrud__item--column { display: flex; margin-bottom: 50px; width: 100%; margin-right: 0px; } .sotrud__item--column:nth-child(2n+2) { margin-right: 0px; } .sotrud__item--column:last-child { margin-bottom: 0px; } .sotrud__left { width: 300px; margin-right: 50px; } .sotrud__right { width: calc(100% - 300px); padding-top: 20px; } .sotrud__job--detail { font-family: Roboto, Jost, sans-serif; font-weight: 400; word-wrap: break-word; color: var(--font-color); font-size: var(--font-title); line-height: 1.1; } .sotrud__name--detail { font-family: Roboto, Jost, sans-serif; font-weight: 400; word-wrap: break-word; margin: 20px 0px; font-size: var(--font-h2-meddium); } .sotrud__text { font-size: var(--font-list); line-height: 1.8em; font-family: Roboto, Jost, sans-serif; font-weight: 300; word-wrap: break-word; color: var(--font-color); ; } @media (max-width: 1366px) { .sotrud__item--column { width: 100%; margin-right: 0px; } .sotrud__text { max-width: 575px; } } @media(max-width: 767px) { .sotrud__item--column { flex-direction: column; } .sotrud__left { width: 100%; margin-right: 0px; } .sotrud__right { width: 100%; padding-top: 20px; } .sotrud__item--column { margin-bottom: 30px; } .sotrud__job--detail { font-size: var(--font-h3-small); } .sotrud__name--detail { margin: 15px 0px; font-size: var(--font-text); } } .partners__item { display: flex; margin-bottom: 30px; } .partners__item:last-child { margin-bottom: 0px; } .partners__spisok { display: flex; transition: .3s; } .partners__spisok--main { background-color: #eee; display: grid; border-radius: 10px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); justify-items: center; align-items: center; padding-right: 25px; } .partners__spisok__item { max-width: 190px; padding: 10px; display: flex; } .partners__spisok__item--main-img { max-height: 110px; } .partners__item img { width: 100%; } .partners__left { width: 200px; margin-right: 50px; display: flex; align-items: center; justify-content: center; position: relative; height: 200px; padding: 10px; } .partners__left img { display: block; height: auto; max-height: 100%; max-width: 100%; width: auto !important; } .partners__right { width: calc(100% - 250px); } @media(max-width: 767px) { .partners__item { flex-direction: column; } .partners__left { width: 100%; margin-right: 0px; } .partners__right { width: 100%; } .partners__spisok--main { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); padding-right: 0; } .partners__spisok__item--main-img { max-height: 100px; } .partners__spisok__item { max-width: 120px; } .partners__spisok__item--main { padding: 10px 10px; } .partners__spisok { flex-wrap: wrap; } } @media(max-width: 400px) { .partners__spisok--main { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } .partners__spisok__item--main-img { max-height: 60px; } .partners__spisok__item { max-width: 80px; } } .block--flex { display: flex; flex-wrap: wrap; } .block--flex ul { width: 49%; margin-right: 2%; margin-bottom: 20px; } .block--flex p { width: 49%; margin-right: 2%; } .block--flex ul:nth-child(2n+2) { margin-right: 0px; } .block--flex p:nth-child(2n+2) { margin-right: 0px; } .docs__two { display: flex; flex-wrap: wrap; } .docs__two .block__docs__item { width: 49%; margin-right: 2%; margin-bottom: 20px; } .docs__two .block__docs__item:nth-child(2n+2) { margin-right: 0px; } @media(max-width: 767px) { .block--flex ul { width: 100%; margin-right: 0px; margin-bottom: 15px; } .block--flex p { width: 100%; margin-right: 0px; } .docs__two .block__docs__item { width: 100%; margin-right: 0px; margin-bottom: 15px; } } .content a.msp { color: #FFFFFF; padding: 9px 30px 9px 65px; font-size: var(--font-h3-small); line-height: 33px; border-color: #8a8a8a; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; color: #FFFFFF; background-color: #575757; border-color: #464646; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-decoration: none; margin: 15px auto; display: inline-block; background-image: url(/bitrix/templates/80bit/css/../images/masp.png); background-repeat: no-repeat; background-size: 32px; background-position: 20px 10px; } @media(max-width: 767px) { .content a.msp { background-position: 20px 10px; text-align: left; font-size: var(--font-title); line-height: 1.2; } } .button_content { text-align: center; margin: 20px 0px; padding: 20px 0px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .content .button_content a { display: inline-block; padding: 10px 30px; background: var(--color-purple); color: #fff; text-decoration: none; font-size: var(--font-text); line-height: 1.2; border-radius: 15px; text-align: center; } @media(max-width: 767px) { .content .button_content a { padding: 8px 10px; font-size: var(--font-list); } } .content .button_content a:hover { opacity: 0.8; } .block_e { margin: 20px 0px; padding: 20px 0px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .block_e__item { display: flex; margin-bottom: 20px; } .block_e__item:last-child { margin-bottom: 0px; } .block_e__item__left { width: 140px; margin-right: 40px; } .block_e__item__right { width: calc(100% - 180px); } @media(max-width: 767px) { .block_e { margin: 10px 0px; padding: 10px 0px; } .block_e__item { flex-direction: column; } .block_e__item__left { width: 100%; margin-right: 0px; margin-bottom: 10px; } .block_e__item__right { width: 100%; } } .reviewing__nav { display: flex; align-items: center; justify-content: space-between; position: absolute; width: 100%; top: 45%; left: 0; } .reviewing__nav .owl-next, .reviewing__nav .owl-prev { background: none; border: none; outline: none; padding: 0px; display: flex; align-items: center; justify-content: center; background: #FFFFFF; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04); border-radius: 50%; width: 38px; height: 38px; z-index: 10; opacity: 1; visibility: visible; transition: .3s; cursor: pointer; } .reviewing__nav .owl-next.disabled, .reviewing__nav .owl-prev.disabled { visibility: hidden; opacity: 0; } .reviewing__nav .owl-next:hover, .reviewing__nav .owl-prev:hover { background: var(--link-color-red); } .reviewing__nav .owl-next:hover svg path, .reviewing__nav .owl-prev:hover svg path { stroke: #fff; } .reviewing__nav .owl-next {} @media (max-width: 767px) { .reviewing__nav .owl-next { margin-right: 10px; } } .reviewing__nav .owl-prev {} @media (max-width: 767px) { .reviewing__nav .owl-prev { margin-left: 10px; } } .reviewing__nav svg { width: 24px; height: 24px; } .reviewing__nav svg path { stroke: var(--link-color-red); transition: .3s; } .reviewing__photo { border-radius: 5px; /* overflow: hidden; */ display: flex; line-height: 0; position: relative; height: 370px; } .reviewing__block a.reviewing__photo { transition: unset; } .reviewing__two__left .reviewing__photo { width: 100%; height: auto; } .owl-carousel .owl-item .reviewing__img { width: 100%; } .reviewing__img { width: 100%; } .reviewing__dates { font-size: var(--font-list); color: #B3B4B9; margin-bottom: 20px; } .reviewing__photo:before { content: ''; position: absolute; top: 0px; left: 0px; background: var(--link-color-red); width: 100%; height: 100%; opacity: 0; transition: 0.3s; } .reviewing__photo:after { content: ''; position: absolute; width: 34px; height: 34px; background: url(/bitrix/templates/80bit/css/../images/zoom.svg) center/contain no-repeat; transition: 0.3s; opacity: 0; top: 50%; left: 50%; margin-top: -17px; margin-left: -17px; } .reviewing__photo:hover:before { opacity: 0.1; } .reviewing__photo:hover:after { opacity: 1; } .reviewing__two { display: flex; justify-content: space-between; } .reviewing__two__left { width: 400px; } .reviewing__two__right { width: calc(100% - 450px); } @media (max-width: 900px) { .reviewing__two { flex-wrap: wrap; } .reviewing__two__left { width: 100%; margin-bottom: 20px; } .reviewing__two__right { width: 100%; } } .reviewing__block { margin-top: 30px; margin-bottom: 30px; position: relative; } .content__two { display: flex; justify-content: space-between; } .content__right { width: 300px; margin-left: 50px; position: relative; } .content__right::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(to top, #d4dadd, transparent 100%, transparent 0%, #d4dadd); z-index: 10; } .content__left { width: calc(100% - 350px); } .news--detail--wrapper { background: var(--color-light-gray); border-radius: 5px; padding: 30px 25px; top: 20px; position: absolute; top: 0; left: 0; overflow: hidden; height: 100%; } .content .news--detail--wrapper a { text-decoration: none; font-size: var(--font-text); line-height: 1.2; color: var(--font-color); } .content .news--detail--wrapper a:hover { color: var(--link-color-red); } .news--detail--wrapper .news__date { font-size: 12px; margin: 0px 0px 5px; color: var(--font-color); } .news--detail--wrapper .news__box { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--color-dark-gray); } .news--detail--wrapper .news__box:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px solid var(--color-dark-gray); } @media (max-width: 900px) { .content__two { flex-direction: column; } .content__left { width: 100%; } .content__right { display: none; } } @media (max-width: 767px) { .news--detail--wrapper { padding: 20px 15px; } .content .news--detail--wrapper a { font-size: var(--font-list); } } .notfound { overflow: hidden; } .notfound__wrapper { position: relative; padding: 90px 0px 180px 0px; } @media (max-width: 1023px) { .notfound__wrapper { padding: 80px 0px 200px 0px; } } @media (max-width: 959px) { .notfound__wrapper { padding: 50px 0px 160px 0px; } } @media (max-width: 767px) { .notfound__wrapper { padding: 60px 0px 80px 0px; } } @media (max-width: 619px) { .notfound__wrapper { padding: 25px 0px 160px 0px; } } .notfound__title { font-weight: 500; font-size: var(--font-h1-big); line-height: 1.35; color: var(--color-dark-purple); max-width: 700px; margin-bottom: 20px; } @media (max-width: 767px) { .notfound__title { font-size: var(--font-title); } } .notfound__desc { font-size: var(--font-list); line-height: 1.5; max-width: 360px; color: var(--color-dark-purple); } @media (max-width: 767px) { .notfound__desc { max-width: 300px; } } .notfound__button { display: inline-block; margin-top: 20px; text-align: center; cursor: pointer; transition: .3s; background-color: var(--color-dark-purple); border: 1px solid var(--color-dark-purple); color: #fff; border-radius: 5px; padding: 15px 30px; padding-top: 14px; font-size: var(--font-list); } .notfound__button:hover { color: var(--color-dark-purple); background-color: #fff; } @media (max-width: 767px) { .notfound__button { font-size: 12px; padding: 14px 30px; padding-top: 13px; } } .notfound__number { position: absolute; right: 0px; bottom: 0px; font-weight: 700; font-size: 360px; line-height: 1; text-align: right; color: #E2E2E2; } @media (max-width: 959px) { .notfound__number { font-size: 280px; } } @media (max-width: 767px) { .notfound__number { font-size: 180px; } } @media (max-width: 619px) { .notfound__number { font-size: 140px; } } .contacts { padding: 0px 0px 80px 0px; } @media (max-width: 767px) { .contacts { padding: 0px 0px 50px 0px; } } @media (max-width: 619px) { .contacts { padding: 0px 0px 40px 0px; } } .contacts__topside { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 40px; } @media (max-width: 959px) { .contacts__topside { flex-direction: column; margin-bottom: 30px; } } @media (max-width: 619px) { .contacts__topside { margin-bottom: 20px; } } .contacts__rightside { display: flex; align-items: flex-start; justify-content: space-between; width: calc(100% - 305px); } @media (max-width: 1023px) { .contacts__rightside { width: calc(100% - 250px); } } @media (max-width: 959px) { .contacts__rightside { width: 100%; margin-top: 30px; } } @media (max-width: 619px) { .contacts__rightside { flex-direction: column; } } .contacts__left { margin-right: 40px; width: calc(100% - 250px); } .contacts__right { width: 210px; } @media (max-width: 619px) { .contacts__left { width: 100%; margin-bottom: 30px; display: flex; justify-content: space-between; } } .contacts h1 { font-weight: 500; font-size: var(--font-h1-big); margin: 0px; line-height: 1.35; color: var(--font-color); } @media (max-width: 767px) { .contacts h1 { margin: 0px; font-size: var(--font-title); } } .contacts__topic { font-weight: 700; font-size: var(--font-title); line-height: 1.35; color: var(--font-color); margin-bottom: 20px; } @media (max-width: 767px) { .contacts__topic { font-size: var(--font-list); } } .contacts__name { font-weight: 600; font-size: var(--font-list); line-height: 1.4; color: #555555; margin-bottom: 5px; } @media (max-width: 767px) { .contacts__name { font-size: 12px; } } .contacts__value { font-size: var(--font-list); line-height: 1.4; color: var(--font-color); } @media (max-width: 767px) { .contacts__value { font-size: 12px; } } .contacts__column { width: 49%; margin-right: 2%; margin-bottom: 40px; } .contacts__column:nth-child(2n+2) { margin-right: 0px; } @media (max-width: 619px) { .contacts__column { width: calc(50% - 10px); max-width: unset; } } .contacts__list { display: flex; flex-wrap: wrap; justify-content: space-between; } .contacts__box { margin-bottom: 10px; } .contacts__box:last-child { margin-bottom: 0px; } .contacts__td { margin-top: 50px; } .contacts__td:first-child { margin-top: 0px; } .contacts__td .contacts__value { margin-bottom: 10px; } .contacts__td .contacts__value:last-child { margin-bottom: 0px; } @media (max-width: 619px) { .contacts__locations { display: flex; flex-wrap: wrap; justify-content: space-between; } } .contacts__location { padding: 15px 0px; padding-left: 60px; margin-bottom: 10px; background-repeat: no-repeat; background-position: left center; cursor: pointer; transition: .3s; display: block; font-size: var(--font-list); } .contacts__location:hover { color: var(--color-dark-purple); } .contacts__location:last-child { margin-bottom: 0px; } .contacts__location--1 { background-image: url(/bitrix/templates/80bit/css/../images/contacts/1.svg); } .contacts__location--2 { background-image: url(/bitrix/templates/80bit/css/../images/contacts/2.svg); } .contacts__location--3 { background-image: url(/bitrix/templates/80bit/css/../images/contacts/3.svg); } @media (max-width: 767px) { .contacts__location { font-size: 12px; background-size: 30px; padding: 5px 0px; padding-left: 40px; } } @media (max-width: 619px) { .contacts__location { width: calc(50% - 12.5px); } } .contacts .map { height: 500px; width: 100%; } @media (max-width: 1023px) { .contacts .map { height: 400px; } } @media (max-width: 767px) { .contacts .map { height: 260px; } } .contacts #map { width: 100%; height: 100%; } .contacts__box { display: flex; flex-direction: column; align-items: flex-start; } .contacts__botside { border-radius: 8px; overflow: hidden; } .magazin__detail { max-width: 900px; } .magazin__item { display: flex; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #EAEDF2; } .magazin__item:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px solid #EAEDF2; } .magazin__img { box-shadow: 0rem 0.5rem 1.25rem #E9E9EA; width: 100%; } .magazin__left { width: 320px; } .magazin__detail .magazin__left { width: 275px; } .magazin__top { display: block; line-height: 0px; transition: 0.3s; } .magazin__top:hover { opacity: 0.8; } .magazin__right { width: calc(100% - 360px); margin-left: 40px; } .magazin__detail .magazin__right { width: calc(100% - 325px); margin-left: 40px; } .magazin__name { font-size: var(--font-title); line-height: 1.4; font-weight: 600; margin-top: 15px; margin-bottom: 20px; display: block; } .content .magazin__name { color: var(--font-color); } .magazin__desc, .magazin__desc p { font-size: var(--font-list); } .magazin__more { font-size: var(--font-list); } @media (max-width: 1170px) { .magazin__left { width: 220px; } .magazin__right { width: calc(100% - 220px); } } @media (max-width: 767px) { .magazin__top { text-align: center; } .magazin__item { flex-direction: column; } .magazin__left { width: 100%; } .magazin__img { height: 500px !important; width: auto !important; } .magazin__right { width: 100%; margin-left: 0px; } .magazin__detail .magazin__left { width: 100%; } .magazin__detail .magazin__right { width: 100%; margin-left: 0px; } } @media (max-width: 490px) { .magazin__img { height: 300px !important; width: auto !important; } } .docs__list { display: flex; flex-wrap: wrap; } .docs__list-just { justify-content: space-between; } .docs__box { width: 49%; margin-right: 2%; margin-bottom: 10px; background: #f2f2f2; border-radius: 8px; padding: 15px; display: flex; } .docs__box--width { width: 32%; } .docs__box:nth-child(2n+2) { margin-right: 0px; } .docs__box--width:nth-child(n) { margin-right: 12px; } .docs__box--width:nth-child(3n + 3) { margin-right: 0; } .docs__icon { width: 45px; margin-right: 10px; } .docs__right { width: calc(100% - 50px); } .docs__name { color: var(--font-color); font-size: var(--font-list); font-weight: 600; transition: 0.3s; } .docs__name:hover { color: var(--color-purple); } .content .docs__name { color: var(--font-color); text-decoration: none; } .content .docs__name:hover { color: var(--link-color-red); } .docs__info { display: flex; color: #6A6F74; font-size: 12px; } .docs__date { margin-right: 5px; } @media (max-width: 1279px) { .docs__box { width: 48%; margin-right: 2%; margin-bottom: 10px; } .docs__box:nth-child(4n+4) { margin-right: 2%; } } @media (max-width: 1023px) { .docs__box { width: 100%; margin-right: 0; } .docs__box:nth-child(4n+4) { margin-right: 0; } .docs__box:nth-child(3n+3) { margin-right: 0; } } @media (max-width: 767px) { .docs__box { margin-right: 0px; margin-bottom: 10px; } .docs__name { font-size: var(--font-list); } .docs__box:nth-child(4n+4) { margin-right: 0px; } .docs__box:nth-child(3n+3) { margin-right: 0px; } .docs__box:nth-child(2n+2) { margin-right: 0px; } } @media (max-width: 1279px) { .docs__box--width { width: 32%; } } @media (max-width: 1023px) { .docs__box--width { width: 48%; } } @media (max-width: 767px) { .docs__box--width { width: 100%; margin-right: 0; } } .programm__block { position: relative; } .programm__list { display: flex; flex-wrap: wrap; justify-content: space-between; } .programm__item { width: calc(33% - 10px); margin-right: 15px; margin-top: 30px; box-shadow: 0 2px 10px rgba(86, 34, 17, .1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; min-height: 400px; } .programm__el { width: 100%; margin-right: 15px; box-shadow: 0 2px 10px rgba(86, 34, 17, .1); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; min-height: 400px; } .programm__item:nth-child(3n+3) { margin-right: 0px; } .programm__item:nth-child(-n+3) { margin-top: 0px; } .programm__nav { display: flex; align-items: center; justify-content: space-between; position: absolute; width: 100%; top: 100px; left: 0px; } .programm__nav svg { stroke: var(--link-color-red); width: 25px; height: 25px; transition: .3s; } .programm__block .owl-prev { transform: translateX(-20px); } .programm__block .owl-next { transform: translateX(20px); } .programm__nav .owl-prev:hover, .programm__nav .owl-next:hover { background-color: var(--link-color-red); } .programm__nav .owl-prev:hover svg, .programm__nav .owl-next:hover svg { stroke: #fff; } @media(max-width: 1200px) { .programm__item { margin-right: 15px; width: calc(50% - 15px); } .programm__item:nth-child(-n+3) { margin-top: 30px; } .programm__item:nth-child(-n+2) { margin-top: 0px; } .programm__item:nth-child(3n+3) { margin-right: 15px; } .programm__item:nth-child(2n+2) { margin-right: 0px; } } @media(max-width: 1024px) { .programm__nav { top: 120px; } .programm__block .owl-prev { transform: translateX(5px); } .programm__block .owl-next { transform: translateX(-15px); } } @media(max-width: 767px) { .programm__block .owl-next { transform: translateX(-5px); } .programm__item { width: 100%; } .programm__item:nth-child(-n+2) { margin-top: 30px; } .programm__item:nth-child(-n+1) { margin-top: 0px; } .programm__item:nth-child(3n+3) { margin-right: 0px; } .programm__item:nth-child(2n+2) { margin-right: 0px; } } .programm__img { width: 100%; margin-bottom: 20px; } .programm__img a { display: block; line-height: 0px; transition: 0.3s; } .programm__img a:hover { opacity: 0.7; } .programm__img img { width: 100%; } @media (max-width: 767px) { .programm__img { height: 220px; } .programm__img a { display: block; line-height: 0px; transition: 0.3s; overflow: hidden; position: relative; width: 100%; height: 100%; } .programm__img img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .programm__item { margin-right: 0; } } @media (max-width: 320px) { .programm__img { height: 200px; } } .programm__name { color: var(--font-color); font-family: Jost, Roboto, sans-serif; font-size: var(--font-title); font-weight: bold; line-height: 1.2; text-decoration: none; transition: 0.3s; margin: 0px 20px; display: block; } .programm__name:hover { color: var(--link-color-red); } .content .programm__name { color: var(--font-color); text-decoration: none; line-height: 1.2; transition: 0.3s; flex: 1; } .content .programm__name:hover { color: var(--link-color-red); } .programm__props { margin-top: 30px; } .programm__bottom { padding: 0px 20px 20px 20px; } .programm__prop__item--column { flex-direction: column; } .programm__prop__item { display: flex; justify-content: space-between; margin-bottom: 10px; flex-direction: column; } .programm__prop__item:last-child { margin-bottom: 0px; } .programm__prop__name { color: #878787; margin-right: 10px; font-size: var(--font-list); } .programm__prop__value { font-size: var(--font-text); } .programm__button { margin-top: 16px; display: inline-block; padding: 6px 15px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff; font-size: var(--font-list); font-weight: 500; transition: 0.3s; color: var(--font-color); line-height: 1.4; } .content .programm__button { color: var(--font-color); text-decoration: none; line-height: 1.4; } .programm__button:hover { color: #fff; border-color: var(--link-color-red); background-color: var(--link-color-red); } .content .programm__button:hover { color: #fff; border-color: var(--link-color-red); background-color: var(--link-color-red); } .content .table__content table { margin: 0px; } .content .table__content table tr:nth-child(2n+2) td { border: 1px solid var(--color-light-gray); } .content .table__content table td ul:first-child { margin-top: 0px; margin-bottom: 0px; } .content .table__content table li { margin-bottom: 5px; } @media (max-width: 767px) { .table__content table { height: auto !important; width: 100% !important; } .table__content tr { height: auto !important; width: 100% !important; display: flex; flex-direction: column; } .table__content td { height: auto !important; width: 100% !important; font-size: var(--font-list); padding: 10px 17px; } .table__content td:first-child { width: 100% !important; } } .search__form { position: relative; } .search__input { color: #161616; font-size: var(--font-list); display: block; width: 100%; height: 36px; padding: 0 43px 1px 11px; border: 1px solid #DFDFDF; border-radius: 6px; outline: none; background: #fff; transition: 0.3s; } .search__button { color: #161616; position: absolute; z-index: 5; top: 0; right: 10px; bottom: 0; display: flex; width: 24px; height: 24px; margin: auto; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; background: transparent; border: 0px; outline: none; padding: 0px; } .search__svg { display: block; width: 16px; height: 16px; } .search__svg path { transition: 0.3s; fill: #161616; } .search__svg:hover path { fill: #0A8C58; } .header__lefting__bottom { width: 100%; margin-top: 10px; } .search-language-guess { font-size: var(--font-list); padding: 0px 5px; margin-top: 5px; } .error { font-size: var(--font-text); color: red; } .error--search { margin-top: 10px; padding: 0px 5px; } .search__item { border-bottom: 1px solid #DFDFDF; padding: 30px 0px; } .search__item:last-child { border-bottom: 0px solid #DFDFDF; } .search__title { font-size: var(--font-title); font-weight: bold; margin-bottom: 10px; display: inline-block; } .search__desc { font-size: var(--font-list); margin-bottom: 10px; } .search__data { font-size: var(--font-list); margin-bottom: 10px; } .search__bread { font-size: var(--font-list); } .reception__type { padding: 0px 70px 15px 70px; display: flex; } .reception__type__item { margin-right: 10px; display: flex; font-size: var(--font-list); align-items: center; } .reception__type__color span { display: block; width: 10px; height: 10px; background: #0a8c58; border-radius: 50%; margin-left: 7px; margin-top: 2px; } .reception__type__color--yellow span { background: #a39f20; } .reception__type__item:last-child { margin-right: 0px; } .reception__time--yellow { background-color: #a39f20; } @media(max-width:767px) { .search__title { font-size: var(--font-text); } .error { font-size: var(--font-list); } .search__form { margin-top: 10px; } .reception__type { padding: 0px 20px 15px; display: flex; flex-direction: column; } } /* SLIDER */ .slider { position: relative; } .slider__wrapper { position: relative; } .slider__img { width: 100%; height: 100%; object-fit: cover; } .slider__box { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; height: 520px; overflow: hidden; padding: 80px 70px; display: flex; } .slider__box::after { content: ''; width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, 0.3); position: absolute; left: 0px; top: 0px; } @media (max-width: 1023px) { .slider__box { height: 410px; } } @media (max-width: 767px) { .slider__box { height: 320px; } } @media (max-width: 600px) { .slider__box { padding: 30px 0px 80px; } .reviewing__nav { bottom: 52px; top: auto; } } .slider__left { position: relative; z-index: 50; max-width: 700px; display: flex; flex-direction: column; align-items: flex-start; height: 100%; justify-content: space-between; } .slider__title { font-size: var(--font-h1-big); font-weight: 600; line-height: normal; color: #fff; } @media (max-width: 1023px) { .slider__title { font-size: var(--font-h2-meddium); } } @media (max-width: 767px) { .slider__title { font-size: var(--font-title); } } .slider__desc { font-size: var(--font-title); color: #fff; margin-top: 24px; } @media (max-width: 1023px) { .slider__desc { font-size: var(--font-text); margin-top: 20px; } } @media (max-width: 767px) { .slider__desc { font-size: var(--font-list); margin-top: 15px; } } .slider__button { font-size: var(--font-list); line-height: 1.4; font-weight: 500; text-transform: uppercase; text-decoration: none !important; background-color: var(--link-color-red); background-repeat: no-repeat; background-position: right 16px center; color: #fff !important; padding: 10px 20px 7px 25px; border-radius: 20px; display: inline-block; margin-top: 80px; } .slider__button:hover { background-color: var(--link-hover-color); } @media (max-width: 1023px) { .slider__button { font-size: var(--font-list); padding: 10px 15px 7px 20px; background-position: right 14px center; background-size: 18px; margin-top: 60px; } } @media (max-width: 767px) { .slider__button { margin-top: 25px; } } .slider__dots { display: flex; align-items: center; position: absolute; left: 0px; bottom: 28px; justify-content: center; width: 100%; } .owl-prev { width: 5px; height: 5px; position: absolute; top: 43%; left: 1%; color: #fff; font-size: 55px; } .owl-next { width: 5px; height: 5px; position: absolute; top: 43%; right: 1%; color: #fff; font-size: 55px; } .owl-prev:hover, .owl-next:hover { color: var(--rck-pink); } @media (max-width: 520px) { .slider__box { padding: 0px 0px 60px; } .slider__left { padding: 20px 0; } .slider__title { font-size: var(--font-text); } } .slider__dots .owl-dot { outline: unset; background: unset; border: unset; border-radius: 50%; width: 12px; height: 12px; background-color: #f5f5f5; padding: 0px; margin-left: 15px; transition: .3s; z-index: 50; cursor: pointer; } @media (max-width: 767px) { .slider__dots .owl-dot { margin-left: 10px; width: 10px; height: 10px; } } .slider__dots .owl-dot:first-child { margin: 0px; } .slider__dots .owl-dot.active { background-color: var(--link-color-red); } .slider__dots .owl-dot:hover { background-color: var(--link-hover-color); } .slick-slider .slick-track { display: flex; } .slick-slider.slick-vertical .slick-track { flex-direction: column; } /* Кнопка возвращения вверх страницы */ .global-btn-up { opacity: 0.8; z-index: 9999; width: 60px; height: 60px; position: fixed; bottom: -80px; right: 20px; cursor: pointer; border: 3px solid #BFE2FF; transition: all .7s ease-in-out; background-position: center center; background-repeat: no-repeat; background-color: var(--link-color-red); background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDQ0NC44MTkgNDQ0LjgxOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQ0LjgxOSA0NDQuODE5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQzMy45NjgsMjc4LjY1N0wyNDguMzg3LDkyLjc5Yy03LjQxOS03LjA0NC0xNi4wOC0xMC41NjYtMjUuOTc3LTEwLjU2NmMtMTAuMDg4LDAtMTguNjUyLDMuNTIxLTI1LjY5NywxMC41NjYgICBMMTAuODQ4LDI3OC42NTdDMy42MTUsMjg1Ljg4NywwLDI5NC41NDksMCwzMDQuNjM3YzAsMTAuMjgsMy42MTksMTguODQzLDEwLjg0OCwyNS42OTNsMjEuNDExLDIxLjQxMyAgIGM2Ljg1NCw3LjIzLDE1LjQyLDEwLjg1MiwyNS42OTcsMTAuODUyYzEwLjI3OCwwLDE4Ljg0Mi0zLjYyMSwyNS42OTctMTAuODUyTDIyMi40MSwyMTMuMjcxTDM2MS4xNjgsMzUxLjc0ICAgYzYuODQ4LDcuMjI4LDE1LjQxMywxMC44NTIsMjUuNywxMC44NTJjMTAuMDgyLDAsMTguNzQ3LTMuNjI0LDI1Ljk3NS0xMC44NTJsMjEuNDA5LTIxLjQxMiAgIGM3LjA0My03LjA0MywxMC41NjctMTUuNjA4LDEwLjU2Ny0yNS42OTNDNDQ0LjgxOSwyOTQuNTQ1LDQ0MS4yMDUsMjg1Ljg4NCw0MzMuOTY4LDI3OC42NTd6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) } .global-btn-up:hover { opacity: 1; background-color: var(--link-hover-color); } /* Страница информации */ .info__list { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; } .info__block { height: 320px; border-radius: 10px; display: flex; gap: 20px; position: relative; -webkit-box-shadow: 4px 4px 17px 7px rgba(34, 60, 80, 0.04); -moz-box-shadow: 4px 4px 17px 7px rgba(34, 60, 80, 0.04); box-shadow: 4px 4px 17px 7px rgba(34, 60, 80, 0.04); margin-bottom: 20px; } .info__block__img { width: 47%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .info__block__img a { width: 100%; height: 100%; display: block; } .info__block__img:hover { opacity: .8; } .info__block__text { width: 50%; } .info__block__text__title { color: black; font-size: var(--font-title); line-height: 1.3; margin: 10px 0 20px; word-break: break-word; padding-right: 15px; } .info__block__text a { text-decoration: none; } .info__block__text__title:hover { color: var(--link-color-red); } .info__block__btn { padding: 3px 25px; border: 1px solid #ccc; border-radius: 15px; position: absolute; bottom: 20px; right: 25px; color: var(--font-color) !important; text-decoration: none !important; font-size: var(--font-list); } .info__block__btn:hover { color: #fff !important; background-color: var(--link-color-red); border: 1px solid var(--link-color-red); } @media(max-width: 1024px) { .info__block__text__title { font-size: var(--font-text); } } @media (max-width: 570px) { .footer__leftside { grid-template-columns: 1fr; grid-template-rows: 0.3fr 1fr repeat(2, 0.2fr) 1fr; margin-bottom: 0; } .footer__logo { grid-area: 1 / 1 / 2 / 2; margin-bottom: 10px; } .footer__about { grid-area: 2 / 1 / 3 / 2; margin-bottom: 15px; padding-right: 0; } .footer__info__link { grid-area: 3 / 1 / 4 / 2; } .footer__topic__zaim { grid-area: 4 / 1 / 5 / 2; } .footer__rightside { grid-area: 5 / 1 / 6 / 2; margin-bottom: 15px; } } @media (max-width: 400px) { .footer__leftside { grid-template-rows: 0.2fr 1fr repeat(2, 0.15fr) auto; } } .top__social__link--1 { background-color: #23a0dc; } .top__social__link--1 a:hover { background-color: #23a0dc; opacity: 0.8; } .top__social__link--2 { background-color: #07f; } .top__social__link--2 a:hover { background-color: #07f; opacity: 0.8; } .top__social__link--3 { background-color: #ff0020; } .top__social__link--3 a:hover { background-color: #ff0020; opacity: 0.8; } .top__social__link a { display: flex; } .district__block { background-color: #f1f4f7; } .district { display: flex; padding: 50px 0; } .district__left { width: 300px; } .district__right { margin-left: 50px; width: calc(100% - 350px); } .district__svg svg { width: 100%; height: auto; padding: 0 70px; } .district__svg svg path { fill: rgb(221, 243, 255); stroke: rgb(1, 150, 227); stroke-width: 2px; cursor: pointer; opacity: 1; transition: 0.3s; } .district__svg svg path.active { fill: rgb(0, 71, 129); stroke: rgb(0, 71, 129); } .district__svg svg path:hover { fill: rgb(31, 130, 192); stroke: rgb(31, 130, 192); } .district__svg__text { display: none; } .district__svg__text--active { display: flex; flex-direction: column; gap: 40px; } .district__prop__item { border: 1px solid #f5a4ba; border-radius: 8px; padding: 16px; min-height: 140px; margin-bottom: 36px; } .district__prop__name { margin-bottom: 10px; } .district__prop__val { font-weight: 600; font-size: var(--font-h1-big); line-height: 1.2; color: var(--rck-pink); } .district__svg text { display: none; width: 50px; height: 30px; } .district__svg__title { position: absolute; top: 0; left: 0; width: auto; padding: 10px 20px; background: #FFF; opacity: 0.95; display: none; text-align: left; font-size: var(--font-title); border-radius: 10px; -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2); -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } /* Форма регистрации */ .form { max-width: 100%; width: auto; height: auto; margin-bottom: 30px; display: flex; flex-direction: column; } .form__item { margin-bottom: 30px; width: 100%; } .form__input { outline: none; background: #fff; width: 100%; padding: 10px 16px; border: 1px solid var(--link-color-red); border-radius: 4px; font-size: var(--font-text); color: var(--font-color); } .button--form { border: none; padding: 10px 16px; font-size: var(--font-text); } .form__input::placeholder { color: #ada6a6; } .form__select { width: 100%; padding: 10px 16px; border: 1px solid var(--link-color-red); border-radius: 4px; outline: none; color: #ada6a6; background-color: #fff; font-size: 16px; } .form__select option[disabled] { color: #565656; } .form__select option { color: #000; } .form__select--black { color: #000; } .form__item--work { display: none; } .form__item--agree { display: flex; align-items: flex-start; justify-content: space-between; } .form__label { font-size: 14px; margin-bottom: 10px; display: block; } .form__label span { color: red; } .form__label--chexbox { cursor: pointer; width: calc(100% - 32px); } .form__label a { color: var(--font-color); border-bottom: 1px solid var(--color-dark-gray); } .form__label a:hover { color: var(--link-color-red); border-color: var(--link-color-red); } .form__checkbox { outline: none; background: #fff; border: 1px solid var(--color-dark-gray); border-radius: 6px; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 20px; height: 20px; margin-right: 12px; cursor: pointer; } .form__checkbox:checked:before { content: ''; display: block; width: 20px; height: 20px; border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(/bitrix/templates/80bit/css/../images/checked.svg); pointer-events: none; margin: -1px 0px 0px -1px; } .form_success { display: none; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 30px; } .form_success--active { display: flex; } .form_success__img { width: 250px !important; margin-bottom: 20px; } .form_success__title { font-size: 20px; font-weight: 600; } .form_erorr { display: none; color: red; font-size: 16px; font-weight: bold; margin-top: 20px; } .form__item--inn { position: relative; } .form__item--company { position: relative; } .inn { position: absolute; top: 100%; left: 0px; background: #fff; width: 100%; z-index: 1; margin-top: -2px; border-right: 1px solid var(--color-light-gray); border-left: 1px solid var(--color-light-gray); box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04); } .company { position: absolute; top: 100%; left: 0px; background: #fff; width: 100%; z-index: 1; margin-top: -2px; border-right: 1px solid var(--color-light-gray); border-left: 1px solid var(--color-light-gray); box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04); } .inn__item { font-size: 15px; line-height: 1.4; color: #4e4e4e; padding: 10px 20px 7px; border-bottom: 1px solid var(--color-light-gray); cursor: pointer; transition: 0.3s; } .inn__item:first-child { border-top: 1px solid var(--color-light-gray); } .inn__item:hover { background: #FFF1EF; } @media(max-width: 767px) { .form_success__img { width: 150px; margin-bottom: 15px; } .form_success__title { font-size: 16px; } .form_erorr { font-size: 14px; margin-top: 10px; } .form__item { margin-bottom: 15px; } } .button_excel { display: flex; flex-wrap: wrap; margin-bottom: 20px; } .content .excel { margin-right: 20px; background: green; color: #fff; padding: 5px 10px; text-decoration: none; border-radius: 5px; transition: 0.3s; margin-bottom: 10px; } .content .excel:hover { background: #1b871b; } .excel:last-child { margin-right: 0px; } .content__wrapper .block { border-top: none; position: relative; } .block__top { margin-top: 80px; } .block__top img { border-radius: 10px; overflow: hidden; } .block__name { position: absolute; top: 40px; left: 70px; } .block__name a { color: #fff; font-size: var(--font-h1-big); font-weight: bold; text-decoration: none; } .block__name a:hover { color: var(--link-color-red); } .block__text { position: absolute; bottom: 50px; left: 100px; font-size: var(--font-h3-small); border-radius: 15px; background-color: #fff; opacity: .5; height: auto; } .block__text a { text-decoration: none; padding: 15px 25px; color: var(--link-color-red); transition: .3s; display: inline-block; line-height: 1; } .block__text:hover { background-color: var(--link-color-red); color: #fff; opacity: 1; } .block__text:hover a { color: #fff; } @media(max-width: 767px) { .block__top img { min-height: 250px; } .block__name { top: 30px; left: 60px; } .block__name a { font-size: var(--font-title); } .block__text { bottom: 40px; left: 60px; font-size: var(--font-text); } .block__text a { padding: 10px 20px; } } @media (max-width: 500px) { .block__top img { min-height: 200px; } } @media (max-width: 320px) { .block__name { top: 20px; left: 25px; } } .about__graf__wrap { display: flex; gap: 7px; } .about__graf__left { display: flex; flex-direction: column; gap: 7px; width: 45%; } .about__graf__right { width: calc(55% - 7px); display: flex; flex-direction: column; } .about__graf__left__block { border: 1px solid #eee; border-radius: 5px; padding: 15px; } .about__graf__left__block--bg { background-color: #eee; } .about__graf__title_block { font-size: 24px; font-weight: bold; color: #cb3354; margin-bottom: 10px; } .about__graf__text_block { font-size: 14px; line-height: 1.1; margin: 10px 0; color: var(--color-dark-gray); } .about__graf__text_block span { font-size: 16px; font-weight: bold; line-height: 1.1; color: var(--color-dark-purple); } .about__graf__text_block:last-child { margin-bottom: 0px; } .about__graf__right__bot_block { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; padding: 5px 15px; border: 1px solid #eee; border-radius: 5px; flex: 1; } @media (max-width: 768px) { .about__graf__title_block { font-size: 20px; } .about__graf__text_block span { font-size: 15px; } } @media (max-width: 576px) { .about__graf__wrap { flex-direction: column; } .about__graf__left { width: 100%; } .about__graf__right { width: 100%; height: 200px; } } /* End */ /* Start:/bitrix/templates/80bit/css/egor.css?17469472035558*/ .articles__title { font-size: var(--font-h1-big); text-align: center; text-transform: uppercase; color: #464646; margin-bottom: 40px; } @media (max-width: 1023px) { .articles__title { font-size: 24px; margin-bottom: 35px; } } @media (max-width: 767px) { .articles__title { font-size: 20px; margin-bottom: 30px; } } .articles__title--left{ text-align: left; } .articles__list { display: flex; flex-wrap: wrap; justify-content: space-between; } .articles__box { width: calc(33.33333% - 16.6666px); margin-bottom: 40px; margin-right: 20px; } .articles__box:nth-child(3n+3){ margin-right: 0px; } .news__shelf { display: flex; align-items: center; margin-bottom: 12px; } .news__date { font-size: var(--font-list); margin: 0px; color: #535F67; } .news__views { font-size: var(--font-list); margin-left: 12px; padding-left: 18px; background-position: left bottom 2px; background-image: url(/bitrix/templates/80bit/css/../images/view.svg); background-repeat: no-repeat; color: #535F67; } @media (max-width: 1023px) { .articles__box { width: 49%; margin-right: 0; margin-top: 40px; } .articles__box:nth-child(-n+2) { margin-top: 0px; } .articles__box:nth-child(2n+2){ margin-right: 0px; } } @media (max-width: 767px) { .articles__box { margin-top: 25px; margin-bottom: 0px; width: 100%;} .articles__box:nth-child(-n+2) { margin-top: 25px; } .articles__box:first-child { margin-top: 0px; } } .articles__top { border-radius: 5px; overflow: hidden; position: relative; margin-bottom: 15px; display: flex; align-items: flex-start; justify-content: center; transition: 0.3s; } .articles__top:hover{ opacity: 0.6; } .articles__img { width: 100%; } .articles__category { font-weight: 600; font-size: 10px; text-transform: uppercase; color: #fff; position: absolute; padding: 5px 10px 4px; left: 0px; bottom: 0px; border-radius: 0px 0px 0px 5px; z-index: 20; } .articles__category--food { background-color: #2D5D8C; color: #fff;} .articles__category--sport { background-color: #5D2F92; color: #fff;} .articles__category--training { background-color: #FFDF3D; color: #464646;} .articles__category--green { background-color: #2d8c3b; color: #fff;} .articles__bottom { padding: 0px 10px; } .articles__name { line-height: 1.5; color: #464646; display: block; margin-bottom: 10px; transition: .3s; font-weight: bold; font-size: 18px; } .articles__name:hover { color: #9B7692; } .content .articles__name { text-decoration: none; line-height: 1.4; color: var(--font-color); display: block; margin-bottom: 10px; transition: .3s; font-weight: bold; font-weight: 600; font-size: 18px; } .content .articles__name:hover { color: var(--link-color-red); } @media (max-width: 767px) { .articles__name { font-size: 16px; } .articles__top { height: 300px; } .articles__img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } @media (max-width: 380px) { .articles__top { height: 210px; } } .articles__desc { font-weight: 500; font-size: var(--font-list); line-height: 1.5; color: #484848; margin-bottom: 20px; } .articles__botside { display: flex; justify-content: flex-start; align-items: center; margin-top: 16px; } .articles__data { font-size: var(--font-list); color: #7a8086; padding-left: 23px; background-image: url(/bitrix/templates/80bit/css/../images/acalendar.svg); background-position: left top; background-repeat: no-repeat; line-height: 1; background-size: 16px; padding: 3px 0px 3px 23px; } .articles__views{ font-size: var(--font-list); color: #7a8086; padding-left: 23px; background-image: url(/bitrix/templates/80bit/css/../images/view.svg); background-position: left top 4px; background-repeat: no-repeat; line-height: 1; background-size: 16px; padding: 3px 0px 3px 23px; margin-left: 15px; } @media (max-width: 767px) { .articles__data { font-size: 13px; padding-left: 20px; background-size: 14px; } } .articles__view { font-size: 13px; color: #7D868C; margin-left: 25px; line-height: 1.4; padding-left: 22px; font-weight: 500; background-image: url(/bitrix/templates/80bit/css/../images/view-banner.svg); background-position: left top 1px; background-repeat: no-repeat; } @media (max-width: 767px) { .articles__view { font-size: 13px; padding-left: 20px; background-size: 14px; margin-left: 16px; } } .articles__options{ position: absolute; bottom: 10px; right: 10px; display: flex; } .articles__options__item{ display: flex; width: auto; height: 20px; align-items: center; justify-content: center; margin-right: 5px; } .articles__options__item:last-child{ margin-right: 0px; } .articles__options__item img { display: block; height: auto; max-height: 100%; max-width: 100%; width: auto; } @media(max-width: 1260px){ .articles__bottom { padding: 0px 5px; } } @media (max-width: 767px) { .blog__section__item{ padding: 5px 10px 4px; font-size: 13px; } .blog { margin-bottom: 20px; } } .articles__shelf{ display: flex; align-items: center; margin-bottom: 14px; } /* End */ /* Start:/bitrix/templates/.default/components/bitrix/news.list/slider/style.css?1746947203150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* /bitrix/templates/80bit/fonts/oxygen/stylesheet.css?1746947203648 */ /* /bitrix/templates/80bit/fonts/yanonekaffeesatz/stylesheet.css?17469472031494 */ /* /bitrix/templates/80bit/fonts/jost/stylesheet.css?1746947203523 */ /* /bitrix/templates/80bit/fonts/roboto/stylesheet.css?1746947203539 */ /* /bitrix/templates/80bit/css/hamburgers.min.css?174694720319785 */ /* /bitrix/templates/80bit/css/jquery.fancybox.min.css?174694720313894 */ /* /bitrix/templates/80bit/css/jquery-ui.css?174694720334630 */ /* /bitrix/templates/80bit/css/main.css?1751458352130076 */ /* /bitrix/templates/80bit/css/egor.css?17469472035558 */ /* /bitrix/templates/.default/components/bitrix/news.list/slider/style.css?1746947203150 */