/* Start:/bitrix/templates/80bit/css/hamburgers.min.css?155290193019785*/ /*! * 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/fonts/kelson/kelson.css?1552901930920*/ @font-face { font-family: 'Kelson Sans'; src: local('Kelson Sans Light RU'), local('KelsonSans-LightRU'), url('/bitrix/templates/80bit/fonts/kelson/kelsonsanslightru.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/kelson/kelsonsanslightru.woff') format('woff'), url('/bitrix/templates/80bit/fonts/kelson/kelsonsanslightru.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Kelson Sans'; src: local('Kelson Sans Regular RU'), local('KelsonSans-RegularRU'), url('/bitrix/templates/80bit/fonts/kelson/kelsonsansregularru.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/kelson/kelsonsansregularru.woff') format('woff'), url('/bitrix/templates/80bit/fonts/kelson/kelsonsansregularru.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Kelson Sans'; src: local('Kelson Sans Bold RU'), local('KelsonSans-BoldRU'), url('/bitrix/templates/80bit/fonts/kelson/kelsonsansboldru.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/kelson/kelsonsansboldru.woff') format('woff'), url('/bitrix/templates/80bit/fonts/kelson/kelsonsansboldru.ttf') format('truetype'); font-weight: 700; font-style: normal; } /* End */ /* Start:/bitrix/templates/80bit/fonts/exotwo/exotwo.css?15529019304994*/ @font-face { font-family: 'Exo 2'; src: local('Exo 2 Thin'), local('Exo2-Thin'), url('/bitrix/templates/80bit/fonts/exotwo/exo2thin.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2thin.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Thin Italic'), local('Exo2-ThinItalic'), url('/bitrix/templates/80bit/fonts/exotwo/exo2thinitalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2thinitalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2thinitalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Extra Light'), local('Exo2-ExtraLight'), url('/bitrix/templates/80bit/fonts/exotwo/exo2extralight.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2extralight.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2extralight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Extra Light Italic'), local('Exo2-ExtraLightItalic'), url('/bitrix/templates/80bit/fonts/exotwo/exo2extralightitalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2extralightitalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2extralightitalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Light'), local('Exo2-Light'), url('/bitrix/templates/80bit/fonts/exotwo/exo2light.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2light.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Light Italic'), local('Exo2-LightItalic'), url('/bitrix/templates/80bit/fonts/exotwo/exo2lightitalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2lightitalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2lightitalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local('Exo 2'), local('Exo2-Regular'), url('/bitrix/templates/80bit/fonts/exotwo/exo2.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Italic'), local('Exo2-Italic'), url('/bitrix/templates/80bit/fonts/exotwo/exo2italic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2italic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2italic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Medium'), local('Exo2-Medium'), url('/bitrix/templates/80bit/fonts/exotwo/exo2medium.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2medium.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Medium Italic'), local('Exo2-MediumItalic'), url('/bitrix/templates/80bit/fonts/exotwo/exo2mediumitalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2mediumitalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2mediumitalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url('/bitrix/templates/80bit/fonts/exotwo/exo2semibold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2semibold.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Semi Bold Italic'), local('Exo2-SemiBoldItalic'), url('/bitrix/templates/80bit/fonts/exotwo/exo2semibolditalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2semibolditalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2semibolditalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Bold'), local('Exo2-Bold'), url('/bitrix/templates/80bit/fonts/exotwo/exo2bold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2bold.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Bold Italic'), local('Exo2-BoldItalic'), url('/bitrix/templates/80bit/fonts/exotwo/exo2bolditalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2bolditalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2bolditalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Extra Bold'), local('Exo2-ExtraBold'), url('/bitrix/templates/80bit/fonts/exotwo/exo2extrabold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2extrabold.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2extrabold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Extra Bold Italic'), local('Exo2-ExtraBoldItalic'), url('/bitrix/templates/80bit/fonts/exotwo/exo2extrabolditalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2extrabolditalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2extrabolditalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Black'), local('Exo2-Black'), url('/bitrix/templates/80bit/fonts/exotwo/exo2black.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2black.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local('Exo 2 Black Italic'), local('Exo2-BlackItalic'), url('/bitrix/templates/80bit/fonts/exotwo/exo2blackitalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/exotwo/exo2blackitalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/exotwo/exo2blackitalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } /* End */ /* Start:/bitrix/templates/80bit/fonts/clearsans/clearsans.css?15529019302339*/ @font-face { font-family: 'Clear Sans'; src: local('Clear Sans Thin'), local('ClearSans-Thin'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansthin.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansthin.woff') format('woff'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansthin.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Clear Sans'; src: local('Clear Sans Light'), local('ClearSans-Light'), url('/bitrix/templates/80bit/fonts/clearsans/clearsanslight.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/clearsans/clearsanslight.woff') format('woff'), url('/bitrix/templates/80bit/fonts/clearsans/clearsanslight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Clear Sans'; src: local('Clear Sans'), local('ClearSans'), url('/bitrix/templates/80bit/fonts/clearsans/clearsans.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/clearsans/clearsans.woff') format('woff'), url('/bitrix/templates/80bit/fonts/clearsans/clearsans.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Clear Sans'; src: local('Clear Sans Italic'), local('ClearSans-Italic'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansitalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansitalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansitalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Clear Sans'; src: local('Clear Sans Medium'), local('ClearSans-Medium'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansmedium.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansmedium.woff') format('woff'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansmedium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Clear Sans'; src: local('Clear Sans Medium Italic'), local('ClearSans-MediumItalic'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansmediumitalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansmediumitalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansmediumitalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Clear Sans'; src: local('Clear Sans Bold'), local('ClearSans-Bold'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansbold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansbold.woff') format('woff'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansbold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Clear Sans'; src: local('Clear Sans Bold Italic'), local('ClearSans-BoldItalic'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansbolditalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansbolditalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/clearsans/clearsansbolditalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } /* End */ /* Start:/bitrix/templates/80bit/fonts/sfui/stylesheet.css?15529019318694*/ @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-SemiboldItalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-SemiboldItalic.woff') format('woff'); font-weight: 600; font-style: italic; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Ultralight.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Ultralight.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Regular.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Thin.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Thin.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Black.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Black.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Medium.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Medium.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Heavy.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Heavy.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Semibold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Semibold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Heavy.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Heavy.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Bold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Light.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-BoldItalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-LightItalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Light.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Regular.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Italic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Italic.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-HeavyItalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-HeavyItalic.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-MediumItalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Semibold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Semibold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Bold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Light.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Semibold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Semibold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Heavy.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Heavy.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Italic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Italic.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-LightItalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Thin.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Thin.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Semibold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Semibold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Regular.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Ultralight.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Ultralight.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Light.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-SemiboldItalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-SemiboldItalic.woff') format('woff'); font-weight: 600; font-style: italic; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Medium.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-HeavyItalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-HeavyItalic.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-BoldItalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Bold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Black.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Black.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Regular.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Heavy.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIDisplay-Heavy.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-MediumItalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Medium.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Bold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/sfui/SFUIText-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } /* End */ /* Start:/bitrix/templates/80bit/css/jquery.fancybox.min.css?155290193013894*/ @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/main.min.css?1614085046101005*/ /*! 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 */ } /** * Remove default margin. */ body { margin: 0; } /* 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: 2em; 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%; } .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: none; -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 .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .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: 14px; 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; } } 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; } @font-face { font-family: 'Open Sans'; src: local("Open Sans Light"), local("OpenSans-Light"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensanslight.woff2") format("woff2"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensanslight.woff") format("woff"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensanslight.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensanslightitalic.woff2") format("woff2"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensanslightitalic.woff") format("woff"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensanslightitalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Open Sans'; src: local("Open Sans"), local("OpenSans"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensans.woff2") format("woff2"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensans.woff") format("woff"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensans.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local("Open Sans Italic"), local("OpenSans-Italic"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansitalic.woff2") format("woff2"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansitalic.woff") format("woff"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansitalic.ttf") format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: 'Open Sans'; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensanssemibold.woff2") format("woff2"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensanssemibold.woff") format("woff"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensanssemibold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensanssemibolditalic.woff2") format("woff2"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensanssemibolditalic.woff") format("woff"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensanssemibolditalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Open Sans'; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansbold.woff2") format("woff2"), url("/bitrix/templates/80bit/css/opensansbold.woff") format("woff"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansbold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansbolditalic.woff2") format("woff2"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansbolditalic.woff") format("woff"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansbolditalic.ttf") format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: 'Open Sans'; src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansextrabold.woff2") format("woff2"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansextrabold.woff") format("woff"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansextrabold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansextrabolditalic.woff2") format("woff2"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansextrabolditalic.woff") format("woff"), url("/bitrix/templates/80bit/css/../fonts/open_sans/opensansextrabolditalic.ttf") format("truetype"); font-weight: 800; font-style: italic; } html, body { height: 100%; } .bold { font-weight: bold; } .link { color: #7ba221; border-bottom: 1px solid #7ba221; } body { font-family: 'Exo 2'; font-size: 16px; line-height: 1.2; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } ul, ol { list-style-type: none; } .hidden { opacity: 0; } .visible { opacity: 1; } .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; /* A background-color is required */ min-height: 100vh; } .slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden; } .slideout-open .slideout-menu { display: block; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 35px; height: 3px; } .hamburger { padding: 0px !important; } .menu__mobile__title { color: #fff; float: right; padding-left: 0px; text-transform: uppercase; line-height: 1.5; font-size: 13px; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 27px !important; height: 2px !important; background-color: #fff !important; } .hamburger-inner:before { top: -7px !important; } .hamburger--collapse.is-active .hamburger-inner:before { top: 0px !important; } .hamburger--collapse .hamburger-inner:after { top: -14px !important; } .hamburger-box { height: 17px !important; } .hamburger--collapse.is-active .hamburger-box { top: 3px; } a { text-decoration: none; color: #0ba4db; transition: 0.3s; } button { outline: none; } .icon__svg { fill: #6dd9ff; transition: 0.3s; } .icon__svg:hover { fill: #fff; } .container { width: 1400px; margin: 0px auto; } @media (max-width: 1520px) { .container { width: 100%; } } .flex { display: flex; padding: 0px 60px; } @media (max-width: 1150px) { .flex { padding: 0px 30px; } } .top { height: 50px; background-color: #7ba221; justify-content: space-between; align-items: center; } @media (max-width: 767px) { .top { display: none; } } .top__wrapper { display: flex; justify-content: space-between; } .top__social { display: flex; width: 180px; justify-content: space-between; margin-top: 8px; } @media (max-width: 767px) { .top__social { width: 100%; padding: 10px 15px 5px; border-top: 1px solid rgba(255, 255, 255, 0.2); margin: 0px; background-color: #7ba221; } } .top__social__link:hover > svg { opacity: 1; } .top__social__svg { width: 20px; fill: #fff; opacity: 0.5; transition: 0.3s; } .top__contacts { display: flex; justify-content: flex-end; width: 75%; align-items: center;} @media (max-width: 767px) { .top__contacts { width: 100%; flex-direction: column; background-color: #7ba221; padding-bottom: 10px; } } .top__contacts__link { color: #fff; font-family: 'Exo 2'; font-size: 20px; font-weight: bold; } @media(max-width: 1000px){ .top__contacts__link{ font-size: 16px; } } .top__contacts__item:first-child { background: url(/bitrix/templates/80bit/css/../images/header/phone.svg) left center no-repeat; background-size: 16px; padding: 0px 0px 4px 30px; margin-left: 15px; margin-top: 4px; margin-right: 20px;} .top__contacts__item:last-child { background: url(/bitrix/templates/80bit/css/../images/header/mail.svg) left center no-repeat; background-size: 16px; padding: 0px 0px 4px 30px; margin-left: 15px; margin-top: 4px; } @media(max-width: 900px){ .top__contacts__item:first-child{ margin-left: 0px; padding: 0px 0px 4px 10px; background: none; } } .header { padding-top: 10px; padding-bottom: 10px; } .header__wrapper { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 767px) { .header{ display: none; } .header__wrapper { justify-content: center; } } .header__logo { width: 195px; } .header__logo__img { width: 100%; } .header .menu { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 75%; } @media (max-width: 767px) { .header .menu { display: none; } } @media (max-width: 1280px) { .header .menu { width: 65%; } } @media (max-width: 1170px) { .header .menu { width: 70%; } } .header .menu__link { font-size: 16px; font-family: 'Exo 2'; font-weight: bold; color: #313131; text-transform: uppercase; padding-bottom: 3px; border-bottom: 3px solid transparent; } .header .menu__link-active { border-bottom: 3px solid #7ba221; } .header .menu__link:hover { border-bottom: 3px solid #7ba221; } .header .menu__item { display: flex; margin-bottom: 5px; margin-left: 10px; } .header .menu__item:last-child .menu__link { color: #7ba221; } .banner { overflow: hidden; position: relative; } .banner::before { content: ''; position: absolute; top: 0; height: 100%; left: 0; background-color: rgba(0, 0, 0, 0.2); width: 100%; transition: 0.3s; z-index: 666; } .banner__video { position: absolute; left: 0; top: -170px; z-index: 555; min-width: 100%; min-height: 100%; width: auto; height: auto; } .banner__link{ display: flex; flex-direction: column; align-items: center;} .banner__wrapper { display: flex; flex-direction: column; align-items: center; padding: 140px 0px 100px; position: relative; z-index: 777; } @media (max-width: 767px) { .banner__wrapper { padding: 25px 0px 45px; } } .banner__services { display: flex; width: 70%; justify-content: space-evenly; margin-bottom: 80px; } @media (max-width: 1050px) { .banner__services { width: 100%; } } @media (max-width: 767px) { .banner__services { flex-direction: column; justify-content: center; margin-bottom: 0px; } } .banner__img { width: 115px; fill: #fff; transition: 0.3s; margin-bottom: 25px; height: 80px; display: flex; justify-content: center; align-items: center;} .banner__img img{ width: 100%; } @media (max-width: 767px) { .banner__img { width: 60px; margin-bottom: 10px; } } .banner__title { color: #fff; font-family: 'Exo 2'; font-size: 50px; width: 430px; text-align: center; line-height: 1.34; margin-bottom: 60px; } @media (max-width: 767px) { .banner__title { width: 300px; font-size: 30px;margin-bottom: 25px; } } .banner__item { display: flex; flex-direction: column; align-items: center; width: 33.3333%; } @media (max-width: 767px) { .banner__item { width: 100%; margin-bottom: 50px; } } .banner__item-active > svg { fill: #92b83a; } .banner__item-active > .banner__text { color: #92b83a; } .banner__text { color: #fff; font-family: 'Exo 2'; font-size: 20px; text-align: center; transition: 0.3s; } @media (max-width: 767px) { .banner__text { font-size: 16px; } } .banner .button { border: none; font-size: 22px; font-family: 'Exo 2'; padding: 0px 0px 0px 40px; background: url(/bitrix/templates/80bit/css/../images/banner/button.svg) left center no-repeat; background-size: 24px; outline: 0; color: #fff; } @media (max-width: 767px) { .banner .button { font-size: 18px; padding: 0px 0px 0px 30px; background-size: 20px; } } .banner__button { color: #fff; cursor: pointer; background-color: #7ba221; padding: 18px 35px; border-radius: 37.6px; transition: 0.3s; } .banner__button:hover { background-color: rgba(169, 220, 51, 0.52); } .company { padding-top: 50px; padding-bottom: 70px; background-image: url(/bitrix/templates/80bit/css/../images/banners2.png); background-position: right; background-repeat: no-repeat; } @media (max-width: 767px) { .company { padding-top: 20px; padding-bottom: 10px; } } .company__wrapper { display: flex; justify-content: space-between; } @media (max-width: 1050px) { .company__wrapper { flex-direction: column; } } .company__left { display: flex; justify-content: space-between; flex-direction: column; width: 41%; } @media (max-width: 1050px) { .company__left { width: 100%; } } .company__left .company__title { font-size: 40px; font-weight: bold; font-family: 'Exo 2'; color: #313131; margin-bottom: 50px; } @media (max-width: 767px) { .company__left .company__title { margin-bottom: 30px; } } .company__left .company__text { font-size: 18px; font-family: 'Exo 2'; color: #4d4d4d; text-align: left; margin-bottom: 50px; line-height: 1.67; } @media (max-width: 767px) { .company__left .company__text { font-size: 16px; margin-bottom: 30px; } } .company__left .button { border: none; font-size: 18px; font-family: 'Exo 2'; font-weight: bold; outline: 0; color: #7ba221; background-color: transparent; } .company__left .company__button { border-radius: 38px; border: solid 2px #7ba221; width: 200px; padding: 8px 50px 10px; display: flex; justify-content: center; transition: 0.3s; } .company__left .company__button:hover { background-color: rgba(169, 220, 51, 0.5); } .company__right { display: flex; justify-content: space-between; width: 50%; margin-top: 80px; } @media (max-width: 1050px) { .company__right { width: 100%; } } @media (max-width: 767px) { .company__right { flex-direction: column; margin-top: 40px; } } .company__right .company__number { font-family: 'Exo 2'; font-size: 85px; font-weight: bold; color: #313131; margin-bottom: 35px; } @media (max-width: 1250px) { .company__right .company__number { font-size: 65px; } } @media (max-width: 767px) { .company__right .company__number { margin-bottom: 10px; } } .company__right .company__text { color: #4d4d4d; font-size: 18px; font-family: 'Exo 2'; font-weight: bold; text-align: left; line-height: 1.67; } @media (max-width: 1250px) { .company__right .company__text { font-size: 16px; } } .company__right .company__item { display: flex; flex-direction: column; padding-right: 9%; width: 100%; } @media (max-width: 767px) { .company__right .company__item { padding-right: 0px; margin-bottom: 20px; } } .company__right .company__item:nth-child(3) { padding: 0px; } .services { background-color: #f8f8f8; margin-bottom: 100px; background-image: url(/bitrix/templates/80bit/css/../images/banners3.png); background-position: left; background-repeat: no-repeat; } @media (max-width: 767px) { .services { margin-bottom: 40px; padding: 0px;} } .services .actives { background-color: #ececec; } .services__wrapper { padding: 100px 0px; display: flex; flex-direction: column; align-items: center; } @media (max-width: 767px) { .services__wrapper { padding-top: 30px; padding-bottom: 30px; } } .services__wrapper .services__buttons { border-radius: 38px; border: solid 2px #7ba221; width: 200px; padding: 6px 50px 10px; display: flex; justify-content: center; transition: 0.3s; } .services__wrapper .services__buttons .button { border: none; font-size: 18px; font-family: 'Exo 2'; font-weight: bold; outline: 0; color: #7ba221; background-color: transparent; } .services__wrapper .services__buttons:hover { background-color: rgba(169, 220, 51, 0.5); } .services__top { display: flex; justify-content: space-between; width: 100%; align-items: center; margin-bottom: 50px; } @media (max-width: 1049px) { .services__top { flex-direction: column; align-items: center; } } @media (max-width: 767px) { .services__top { padding: 0px 30px;margin-bottom: 20px; } } .services__title { font-size: 36px; font-family: 'Exo 2'; font-weight: bold; color: #313131; margin-bottom: 30px; } @media (max-width: 1200px) { .services__title { font-size: 32px; } } @media (max-width: 1050px) { .services__title { font-size: 28px; } } @media (max-width: 1049px) { .services__title { margin-bottom: 30px; } } @media (max-width: 767px) { .services__title { font-size: 24px; margin-bottom: 0px; } } .services__block { display: flex; justify-content: space-between; width: 490px; } .services__block .button { border: none; font-size: 18px; font-family: 'Exo 2'; font-weight: bold; outline: 0; color: #313131; background-color: transparent; } .services__block .services__button { padding: 8px 20px 10px; border-radius: 38px; border: solid 2px #ececec; transition: 0.3s; cursor: pointer; margin-right: 20px; } .services__block .services__button:hover { background-color: #ececec; } .services__block .services__button:last-child { margin-right: 0px; } .services__block__mob { display: none; } @media (max-width: 1050px) { .services__block { width: 50%; } } @media (max-width: 1049px) { .services__block { width: 100%; justify-content: flex-end; } } @media (max-width: 767px) { .services__block { display: none; } .services__block__mob { display: flex; margin-bottom: 20px; flex-direction: column; padding: 0px 30px;} .services__block__mob .services__button { padding: 10px 20px; margin-right: 0px; margin-bottom: 10px; } .services__block__mob .services__button .button { font-size: 16px; } } .services__bottom { display: flex; width: 100%; justify-content: space-between; } @media (max-width: 880px) { .services__bottom { margin-bottom: 30px; } } @media (max-width: 767px) { .services__bottom { flex-direction: column; margin-bottom: 80px; } } .services__bottom .services__right { width: 65%; display: none; } .services__bottom .services__right.services-active { display: block; } @media (max-width: 1350px) { .services__bottom .services__right { width: 60%; } } @media (max-width: 1170px) { .services__bottom .services__right { width: 50%; } } @media (max-width: 1050px) { .services__bottom .services__right { width: 52%; } } @media (max-width: 767px) { .services__bottom .services__right { width: 100%; } } .services__bottom .services__right .slider { width: 100%; display: flex; flex-direction: column; } .services__bottom .services__right .slider__item { width: 100%; } .services__bottom .services__right .slider .owl-nav { position: absolute; display: flex; width: 15%; justify-content: space-between; right: 0; bottom: -45px; } @media (max-width: 1350px) { .services__bottom .services__right .slider .owl-nav { width: 120px; } } @media (max-width: 880px) { .services__bottom .services__right .slider .owl-nav { bottom: -75px; } } @media (max-width: 767px) { .services__bottom .services__right .slider .owl-nav { bottom: -65px; width: 100%; } } @media (max-width: 500px) { .services__bottom .services__right .slider .owl-nav { bottom: -65px; width: 100%; } } .services__bottom .services__right .slider .owl-prev { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #d7d7d7; display: flex; justify-content: center; align-items: center; transition: 0.3s; } .services__bottom .services__right .slider .owl-prev > svg { transform: rotate(180deg); margin-right: 4px; fill: #d7d7d7; width: 25px; height: 25px; transition: 0.3s; } .services__bottom .services__right .slider .owl-prev:hover { border-color: #698d16; } .services__bottom .services__right .slider .owl-prev:hover svg { fill: #698d16; } .services__bottom .services__right .slider .owl-next { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #d7d7d7; display: flex; justify-content: center; align-items: center; transition: 0.3s; } .services__bottom .services__right .slider .owl-next > svg { fill: #d7d7d7; margin-left: 4px; width: 25px; height: 25px; transition: 0.3s; } .services__bottom .services__right .slider .owl-next:hover { border-color: #698d16; } .services__bottom .services__right .slider .owl-next:hover svg { fill: #698d16; } .services__bottom .services__right .slider__wrapper { display: flex; flex-direction: column; width: 100%; } .services__bottom .services__right .slider__img { width: 100%; } .services__bottom .services__right .slider__link { margin: 0px 0px 45px 0px; display: flex; flex-direction: column; } @media (max-width: 767px) { .services__bottom .services__right .slider__link { margin-bottom: 100px; } .services__bottom .services__right .slider__link:last-child { margin-bottom: 0px; } } @media (max-width: 767px) { .services__bottom .services__right .slider__link { margin-bottom: 30px; } .services__bottom .services__right .slider__link:last-child { margin-bottom: 0px; } } .services__bottom .services__right .slider__text { text-align: center; width: 100%; background-color: #fff; padding: 20px 0px; color: #313131; font-size: 18px; font-family: 'Exo 2'; font-weight: bold; height: 82px;} @media (max-width: 1310px) { .services__bottom .services__right .slider__text { font-size: 16px; } } @media (max-width: 1210px) { .services__bottom .services__right .slider__text { font-size: 18px; height: 87px;} } .services__bottom .services__left { display: flex; flex-direction: column; width: 420px; margin-right: 20px; } @media (max-width: 767px) { .services__bottom .services__left { width: 100%; margin-right: 0px;} } .services__bottom .services__left .services__block { width: 100%; padding: 48px 40px 46px; display: flex; flex-direction: column; justify-content: space-between; background-color: #698d16; } @media (max-width: 1050px) { .services__bottom .services__left .services__block { padding: 40px 30px; } } @media (max-width: 767px) { .services__bottom .services__left .services__block { margin-bottom: 20px; width: 100%; padding: 25px; } } .services__bottom .services__left .services__block .services__text { font-size: 18px; font-family: 'Exo 2'; color: #fff; line-height: 1.67; margin-bottom: 30px; } @media (max-width: 1050px) { .services__bottom .services__left .services__block .services__text { font-size: 16px; } } @media (max-width: 767px) { .services__bottom .services__left .services__block .services__text { font-size: 14px; margin-bottom: 15px; } } .services__bottom .services__left .services__block .services__link { color: #d3e3ae; font-size: 18px; width: 100px; border-bottom: 1px solid #d3e3ae; margin-bottom: 30px; transition: 0.3s; margin-top: 5px;} .services__bottom .services__left .services__block .services__link:hover{ border-bottom: 1px solid transparent; } @media (max-width: 1050px) { .services__bottom .services__left .services__block .services__link { font-size: 16px; width: 87px; } } @media (max-width: 767px) { .services__bottom .services__left .services__block .services__link { font-size: 16px; margin-bottom: 30px; margin-top: 20px; } } .services__bottom .services__left .services__block .services__button { margin-bottom: 25px; padding: 8px 25px 10px; width: 320px; border-radius: 38px; border: solid 2px #fff; transition: 0.3s; } @media (max-width: 767px) { .services__bottom .services__left .services__block .services__button { } } .services__bottom .services__left .services__block .services__button:nth-child(2n+1) { padding: 10px 22px; width: 320px; } @media (max-width: 767px) { .services__bottom .services__left .services__block .services__button:nth-child(2n+1) { width: 100%; margin-right: 0px; padding: 10px 15px; } } .services__bottom .services__left .services__block .services__button:last-child { padding: 8px 25px 10px; width: 320px; margin-bottom: 0px; } @media (max-width: 767px) { .services__bottom .services__left .services__block .services__button:last-child { width: 100%; margin-right: 0px; padding: 10px 18px; } } .services__bottom .services__left .services__block .services__button:hover { background-color: #fff; } .services__bottom .services__left .services__block .services__button:hover > .button { color: #698d16; } @media (max-width: 767px) { .services__bottom .services__left .services__block .services__button:hover > .button { font-size: 13px; } } .services__bottom .services__left .services__block .services__button:hover:last-child > .button { padding: 0px 0px 0px 40px; background: url(/bitrix/templates/80bit/css/../images/services/building2.svg) left center no-repeat; background-size: 20px; outline: 0; } @media (max-width: 767px) { .services__bottom .services__left .services__block .services__button:hover:last-child > .button { padding: 2px 0px 0px 25px; background-size: 16px; } } .services__bottom .services__left .services__block .services__button.services__button--seasone .button{ padding: 0px 0px 0px 40px; background: url(/bitrix/templates/80bit/css/../images/cloud-foog-and-sun.svg) left center no-repeat; background-size: 20px; outline: 0; } .services__bottom .services__left .services__block .services__button.services__button--seasone:hover .button{ padding: 0px 0px 0px 40px; background: url(/bitrix/templates/80bit/css/../images/cloud-foog.svg) left center no-repeat; background-size: 20px; outline: 0; } .services__bottom .services__left .services__block .services__button:hover:nth-child(2n+1) > .button { padding: 0px 0px 0px 40px; background: url(/bitrix/templates/80bit/css/../images/services/factory2.svg) left center no-repeat; background-size: 20px; outline: 0; } @media (max-width: 767px) { .services__bottom .services__left .services__block .services__button:hover:nth-child(2n+1) > .button { padding: 2px 0px 0px 25px; background-size: 16px; } } .services__bottom .services__left .services__block .services__button:nth-child(2n+1) > .button { padding: 0px 0px 0px 40px; background: url(/bitrix/templates/80bit/css/../images/services/factory-with-chimney.svg) left center no-repeat; background-size: 20px; outline: 0; } @media (max-width: 767px) { .services__bottom .services__left .services__block .services__button:nth-child(2n+1) > .button { padding: 2px 0px 0px 25px; background-size: 16px; } } .services__bottom .services__left .services__block .services__button:last-child > .button { padding: 0px 0px 0px 40px; background: url(/bitrix/templates/80bit/css/../images/services/building.svg) left center no-repeat; background-size: 20px; outline: 0; } @media (max-width: 767px) { .services__bottom .services__left .services__block .services__button:last-child > .button { padding: 2px 0px 0px 25px; background-size: 16px; } } .services__bottom .services__left .services__block .services__button .button { border: none; font-size: 18px; font-family: 'Exo 2'; font-weight: bold; outline: 0; color: #fff; background-color: transparent; transition: 0.3s; } @media (max-width: 1050px) { .services__bottom .services__left .services__block .services__button .button { font-size: 16px; } } @media (max-width: 767px) { .services__bottom .services__left .services__block .services__button .button { font-size: 16px; } } .plus { margin-bottom: 100px; } .plus__wrapper { display: flex; align-items: center; flex-direction: column; } .plus__title { font-family: 'Exo 2'; font-size: 40px; font-weight: bold; text-align: center; color: #313131; margin-bottom: 50px; } @media (max-width: 1050px) { .plus__title { font-size: 35px; margin-bottom: 25px; } } .plus__text { font-family: 'Exo 2'; font-size: 18px; text-align: center; color: #313131; line-height: 1.67; width: 850px; margin-bottom: 60px; } @media (max-width: 1050px) { .plus__text { width: 100%; font-size: 16px; margin-bottom: 40px;line-height: 1.3; } } .plus__list { display: flex; align-items: center; justify-content: space-between; width: 100%; } @media (max-width: 767px) { .plus__list { flex-direction: column; justify-content: center; } } .plus__item { display: flex; width: 20%; } @media (max-width: 767px) { .plus__item { justify-content: center; width: 100%; margin-bottom: 15px; } } .plus__item__wrapper { display: flex; flex-direction: column; padding: 10px; } .plus__name { font-size: 20px; font-weight: bold; font-family: 'Exo 2'; color: #313131; padding: 30px 30px 0px; text-align: center; } @media (max-width: 1132px) { .plus__name { font-size: 16px; padding: 20px 20px 0px; } } @media (max-width: 767px) { .plus__name { font-size: 16px; } } .plus__img { width: 100%; height: 80px; } @media (max-width: 1132px) { .plus__img { height: 60px; } } @media (max-width: 767px) { .plus__img { height: 50px; } } .application { background-color: #f8f8f8; margin-bottom: 50px; } .application__wrapper { display: flex; width: 100%; justify-content: space-around; padding-top: 100px; } @media (max-width: 968px) { .application__wrapper { flex-direction: column; align-items: center; } } .application__left { width: 480px; display: flex; } @media (max-width: 968px) { .application__left { margin-bottom: 30px; } } @media (max-width: 767px) { .application__left { margin-bottom: 30px; width: 300px; height: 450px; } } .application__img { width: 100%; } .application__right { display: flex; flex-direction: column; width: 50%; } @media (max-width: 968px) { .application__right { width: 100%; padding-bottom: 50px; } } .application__list { counter-reset: item; margin-bottom: 40px; } .application__item { font-family: 'Exo 2'; font-size: 18px; line-height: 1.67; color: #313131; margin-bottom: 20px; display: flex; } @media (max-width: 1050px) { .application__item { font-size: 16px; line-height: 1.2;} } .application__item:before { color: #fff; content: counter(item) ""; counter-increment: item; margin-right: 40px; width: 32px; display: flex; justify-content: center; height: 32px; border-radius: 50%; background-color: #7ba211; font-family: 'Exo 2'; font-weight: bold; font-size: 19px; /*line-height: 1.76;*/ } @media (max-width: 1050px) { .application__item:before { font-size: 17px; width: 28px; height: 28px; } } @media (max-width: 767px) { .application__item:before { font-size: 17px; width: 28px; height: 28px; padding: 15px; display: flex; align-items: center; margin-right: 25px; } } .application__title { color: #313131; font-size: 40px; font-family: 'Exo 2'; line-height: 1.38; margin-bottom: 80px; } @media (max-width: 1050px) { .application__title { font-size: 35px; margin-bottom: 50px; } } @media (max-width: 767px) { .application__title { font-size: 28px; margin-bottom: 30px; } } .application__download { display: flex; width: 65%; justify-content: space-evenly; } @media (max-width: 767px) { .application__download { width: 100%; justify-content: flex-start; } .application__download .appstore { margin-right: 10px; } } @media (max-width: 767px) { .application__download { width: 100%; justify-content: flex-start; flex-direction: column; } .application__download .appstore { margin-right: 0px; margin-bottom: 10px; } } .reviews { padding-bottom: 100px; background-image: url(/bitrix/templates/80bit/css/../images/banners4.png); background-position: right bottom; background-repeat: no-repeat; } .reviews__wrapper { display: flex; width: 100%; flex-direction: column; justify-content: space-between; align-items: center; background-image: url(/bitrix/templates/80bit/css/../images/banners5.png); background-position: left top; background-repeat: no-repeat; } @media (max-width: 400px) { .reviews__wrapper { background-image: none; } } .reviews__title { font-size: 40px; font-family: 'Exo 2'; font-weight: bold; color: #313131; margin-bottom: 50px; } .reviews__text { font-size: 18px; font-family: 'Exo 2'; color: #313131; text-align: left; line-height: 1.7; margin-bottom: 50px; } @media (max-width: 767px) { .reviews__text { font-size: 14px; margin-bottom: 30px;} } .reviews__block { display: flex; flex-direction: column; align-items: center; } @media (max-width: 767px) { .reviews__block { width: 100%; } } .reviews__item { display: flex; width: 85%; border-bottom: 1px solid #e2e2e2; padding-bottom: 30px; margin-bottom: 30px; } .reviews--main .reviews__item { width: 100%; } @media (max-width: 767px) { .reviews__item { width: 100%; flex-direction: column; } } .reviews__item:last-child { margin-bottom: 60px; } .reviews__left { display: flex; flex-direction: column; width: 25%; } @media (max-width: 1050px) { .reviews__left { width: 30%; } } @media (max-width: 767px) { .reviews__left { width: 100%; flex-direction: row-reverse; justify-content: space-between; align-items: center;margin-bottom: 10px; } } .reviews__right { display: flex; flex-direction: column; width: 100%; } .reviews__services{ font-family: 'Exo 2';} .reviews__data { color: #9d9d9d; font-family: 'Exo 2'; font-size: 18px; margin-bottom: 10px; line-height: 1.7; } @media (max-width: 767px) { .reviews__data { font-size: 14px; margin-bottom: 0px; } } .reviews__company { font-size: 18px; color: #313131; font-weight: bold; font-family: 'Exo 2'; } @media (max-width: 767px) { .reviews__company { font-size: 14px; width: 100%; margin-bottom: 10px; } } .reviews__bot { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 767px) { .reviews__bot { width: 100%; flex-direction: column; align-items: flex-start; } } .reviews__button { background: url(/bitrix/templates/80bit/css/../images/medal.svg) left center no-repeat; color: #7ba221; font-size: 16px; background-size: 35px; padding: 10px 0px 15px; padding-left: 50px; font-family: 'Exo 2'; } @media (max-width: 767px) { .reviews__button { font-size: 14px; background-size: 30px; padding-left: 40px; } } .reviews .button__read { border-radius: 38px; border: solid 2px #7ba221; padding: 15px 50px; display: flex; justify-content: center; transition: 0.3s; font-size: 18px; font-family: 'Exo 2'; font-weight: bold; outline: 0; color: #7ba221; } .reviews .button__read:hover { color: #fff; background-color: #7ba221; } .vakancii { background-position: right bottom; background-repeat: no-repeat; } .vakancii__wrapper { display: flex; width: 100%; flex-direction: column; justify-content: space-between; align-items: center; background-position: left top; background-repeat: no-repeat; } @media (max-width: 400px) { .vakancii__wrapper { background-image: none; } } .vakancii__title { font-size: 40px; font-family: 'Exo 2'; font-weight: bold; color: #313131; margin-bottom: 50px; } .vakancii__text { font-size: 18px; font-family: 'Exo 2'; color: #313131; text-align: left; line-height: 1.7; margin-bottom: 0px; } @media (max-width: 767px) { .vakancii__text { font-size: 14px; margin-bottom: 0px;} } .vakancii__block { display: flex; flex-direction: column; align-items: center; } @media (max-width: 767px) { .vakancii__block { width: 100%; } } .vakancii__item { display: flex; border-bottom: 1px solid #e2e2e2; padding-bottom: 30px; margin-bottom: 30px; } @media (max-width: 767px) { .vakancii__item { width: 100%; flex-direction: column; } } .vakancii__item:last-child { margin-bottom: 60px; } .vakancii__left { display: flex; flex-direction: column; width: 25%; color: #7ba221; font-weight: bold; line-height: 1.2; } @media (max-width: 1050px) { .vakancii__left { width: 30%; } } @media (max-width: 767px) { .vakancii__left { width: 100%; flex-direction: row-reverse; justify-content: flex-end; align-items: center;margin-bottom: 10px; } } .vakancii__right { display: flex; flex-direction: column; width: 100%; } .vakancii__services{ font-family: 'Exo 2';} .vakancii__data { color: #9d9d9d; font-family: 'Exo 2'; font-size: 18px; margin-bottom: 10px; line-height: 1.7; } @media (max-width: 767px) { .vakancii__data { font-size: 14px; margin-bottom: 0px; } } .vakancii__company { font-size: 18px; color: #313131; font-family: 'Exo 2'; } @media (max-width: 767px) { .vakancii__company { font-size: 14px; width: 100%; margin-bottom: 10px; } } .vakancii__bot { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 767px) { .vakancii__bot { width: 100%; flex-direction: column; } } .vakancii__button { background: url(/bitrix/templates/80bit/css/../images/medal.svg) left center no-repeat; color: #7ba221; font-size: 16px; background-size: 35px; padding: 10px 0px 15px; padding-left: 50px; font-family: 'Exo 2'; } @media (max-width: 767px) { .vakancii__button { font-size: 14px; background-size: 30px; padding-left: 40px; } } .vakancii .button__read { border-radius: 38px; border: solid 2px #7ba221; padding: 15px 50px; display: flex; justify-content: center; transition: 0.3s; font-size: 18px; font-family: 'Exo 2'; font-weight: bold; outline: 0; color: #7ba221; } .vakancii .button__read:hover { color: #fff; background-color: #7ba221; } .fos { display: flex; } .fos .link { font-size: 13px; color: rgba(255, 255, 255, 0.8); font-family: 'Exo 2'; text-decoration: underline; } .fos .link:hover { text-decoration: none; } .fos__political { font-size: 13px; color: rgba(255, 255, 255, 0.8); font-family: 'Exo 2'; margin-bottom: 20px; width: 100%; } .mf-captcha{ margin-bottom: 40px; } .fos__button { font-size: 22px; font-family: 'Exo 2'; padding: 15px 35px 15px 65px; background: url(/bitrix/templates/80bit/css/../images/telegram2.svg) 21px no-repeat; background-size: 24px; outline: 0; border: 2px solid #fff; border-radius: 38px; transition: 0.3s; color: #fff; text-transform: uppercase;} @media (max-width: 1250px) { .fos__button { background-size: 18px; padding: 10px 30px 10px 60px; font-size: 18px; } } .fos__buttons { /* display: flex; justify-content: center; align-items: center; border: 2px solid #fff; border-radius: 38px; width: 240px; height: 60px; transition: 0.3s; */ } @media (max-width: 1250px) { /*.fos__buttons { width: 180px; height: 45px; }*/ } .fos__labels { color: #7ba221; } .fos__button:hover { background: url(/bitrix/templates/80bit/css/../images/telegram.svg) 21px no-repeat; background-size: 24px; color: #7ba221; border: 2px solid #fff; background-color: #fff; } @media (max-width: 1250px) { .fos__button:hover { background-size: 18px; padding: 0px 0px 0px 30px; } } .fos__labels { color: #fff; font-family: 'Exo 2'; font-size: 22px; text-transform: uppercase; font-weight: bold; } @media (max-width: 1250px) { .fos__labels { font-size: 18px; } } .fos__wrapper { display: flex; width: 100%; } @media (max-width: 767px) { .fos__wrapper { flex-direction: column; } } .fos__map { width: 50%; background-color: #5666; } @media (max-width: 767px) { .fos__map { width: 100%; } } .fos__form { width: 50%; background-color: #7ba221; margin: 0px; } @media (max-width: 767px) { .fos__form { width: 100%; } } .fos__forms { display: flex; justify-content: space-between; width: 100%; margin-bottom: 40px; } @media (max-width: 1250px) { .fos__forms { flex-direction: column; margin-bottom: 10px; } } .fos__item { position: relative; margin-right: 10px; } @media (max-width: 1250px) { .fos__item { margin-bottom: 30px; } } .fos__items { margin-bottom: 25px; } .fos__label { position: absolute; pointer-events: none; left: 20px; top: 0px; line-height: 40px; transition: .3s; color: #fff; font-family: 'Exo 2'; font-size: 16px; opacity: 0.8; } .fos__name { background-color: rgba(255, 255, 255, 0.2); border-radius: 5px; border: none; outline: 0; padding: 10px 0px 10px 20px; width: 100%; height: 40px; color: rgba(49, 49, 49, 0.8); } .fos__name:focus { background-color: rgba(255, 255, 255, 0.5); } .fos__name:focus ~ .fos__label { top: -35px; font-size: 13px; } .fos__name:not(:focus):valid ~ .fos__label { top: -35px; font-size: 13px; } .fos__name::-webkit-input-placeholder { color: rgba(49, 49, 49, 0.8); font-family: 'Exo 2'; font-size: 16px; opacity: 0.8; } .fos__phone { background-color: rgba(255, 255, 255, 0.2); border-radius: 5px; border: none; width: 100%; outline: 0; padding: 10px 0px 10px 20px; color: rgba(49, 49, 49, 0.8); } .fos__phone:focus { background-color: rgba(255, 255, 255, 0.5); } .fos__phone:focus + .fos__label { top: -35px; font-size: 13px; } .fos__phone:not(:focus):valid ~ .fos__label { top: -35px; font-size: 13px; } .fos__phone::-webkit-input-placeholder { color: rgba(49, 49, 49, 0.8); font-family: 'Exo 2'; font-size: 16px; opacity: 0.8; } .fos__email { background-color: rgba(255, 255, 255, 0.2); border-radius: 5px; border: none; width: 100%; outline: 0; padding: 10px 0px 10px 20px; color: rgba(49, 49, 49, 0.8); } .fos__email:focus { background-color: rgba(255, 255, 255, 0.5); } .fos__email:focus + .fos__label { top: -35px; font-size: 13px; } .fos__email:not(:focus):valid ~ .fos__label { top: -35px; font-size: 13px; } .fos__email::-webkit-input-placeholder { color: rgba(49, 49, 49, 0.8); font-family: 'Exo 2'; font-size: 16px; opacity: 0.8; } .fos__text { background-color: rgba(255, 255, 255, 0.2); border-radius: 5px; border: none; outline: 0; padding: 10px 0px 10px 20px; color: rgba(49, 49, 49, 0.8); width: 100%; height: 120px; resize: none; } .fos__text:focus { background-color: rgba(255, 255, 255, 0.5); } .fos__text:focus + .fos__label { top: -35px; font-size: 13px; } .fos__text:not(:focus):valid ~ .fos__label { top: -35px; font-size: 13px; } .fos__text::-webkit-input-placeholder { color: rgba(49, 49, 49, 0.8); font-family: 'Exo 2'; font-size: 16px; opacity: 0.8; } .fos__block { display: flex; flex-direction: column; width: 100%; padding: 80px; } @media (max-width: 1050px) { .fos__block { padding: 50px; } } @media (max-width: 767px) { .fos__block { padding: 30px; } } .fos__title { font-size: 40px; font-family: 'Exo 2'; color: #fff; margin-bottom: 80px; } @media (max-width: 1250px) { .fos__title { font-size: 28px; margin-bottom: 45px; } } @media (max-width: 1050px) { .fos__title { font-size: 22px; margin-bottom: 55px; } } .footer { background-color: #313131; background-image: url(/bitrix/templates/80bit/css/../images/footer__bottom1.svg); background-repeat: no-repeat; background-position: bottom; background-size: contain; padding-bottom: 130px;} .footer__list { display: flex; flex-direction: column; width: calc(25% - 15px); } @media (max-width: 767px) { .footer__list { width: 100%; } } .footer__list .list__title { color: #fff; font-family: 'Exo 2'; font-size: 16px; margin-bottom: 25px; } .footer__list .list__title:hover { color: #7ba221; } .footer__list .list__item { display: flex; margin-bottom: 5px;} .footer__list .list__item .list__link { color: #fff; font-family: 'Exo 2'; opacity: 0.5; font-size: 16px; } .footer__list .list__item .list__link:hover { color: #7ba221; opacity: 1; } .footer__personal { text-align: center; padding: 30px 0px 40px; font-size: 13px; opacity: 0.5; color: rgba(255, 255, 255, 0.5); font-family: 'Exo 2'; } .footer__wrapper { display: flex; width: 100%; flex-direction: column-reverse; padding-top: 50px; } @media (max-width: 1340px) { .footer__wrapper { padding-bottom: 40px; } } @media (max-width: 980px) { .footer__wrapper { flex-wrap: wrap; justify-content: flex-start; /*flex-direction: column;*/ } } .footer__contacts { display: flex; text-align: right; } @media (max-width: 980px) { .footer__contacts { text-align: left; } } .footer__phone { font-size: 20px; font-family: 'Exo 2'; font-weight: bold; color: #fff; margin-right: 30px; background: url(/bitrix/templates/80bit/css/../images/header/phone.svg) left center no-repeat; background-size: 16px; padding: 0px 0px 4px 35px; } .footer__email { font-size: 20px; font-family: 'Exo 2'; font-weight: bold; color: #fff; background: url(/bitrix/templates/80bit/css/../images/header/mail.svg) left center no-repeat; background-size: 16px; padding: 0px 0px 4px 35px; } @media (max-width: 980px) { .footer__email { margin-left: 0px; } } .footer__socials { display: flex; justify-content: space-between; width: 250px; align-items: center; } .footer__socials .socials__item .socials__link:hover svg { fill: #7ba221; } .footer__socials .socials__item .socials__link .socials__svg { width: 20px; fill: #fff; opacity: 0.5; transition: 0.3s; } .mobile { background-color: #7ba221; padding: 7px 10px 2px; display: none; } @media (max-width: 767px) { .mobile { display: block; } } .mobile__wrapper { display: flex; justify-content: space-between; align-items: center; width: 100%; } .mobile__img { width: 30px; height: 30px; } .menu__block { padding: 0px; } .menu__mobile { display: none; } .menu__mobile__title { color: #7ba221; font-size: 18px; float: right; padding-left: 0px; text-transform: uppercase; line-height: 1.5; font-family: 'Exo 2'; } .menu__mobile__header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px 9px; border-bottom: 0.5px solid #7ba221; } .menu__mobile__item { margin-bottom: 15px; padding: 0px 20px; } .menu__mobile__link { font-family: 'Exo 2'; font-size: 16px; text-transform: uppercase; color: #313131; } .menu__mobile__link:hover { color: #7ba221; } .menu__mobile__link--active { color: #7ba221; } .mobile__logo{ width: 80px; margin-left: -15px; } .mobile__logo img{ width: 100%; } .services__bottom .services__right .slider__img { width: 100%; height: 304px; background-size: cover; background-position: center; } .services__bottom .services__right .slider__item--obor .slider__img { width: 100%; height: 304px; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #fff; } .services__block p{ font-size: 17px; font-family: 'Exo 2'; color: #fff; line-height: 1.5; margin-bottom: 11px; } .company__right img{ width: 100%; } .company__left p{ font-size: 18px; font-family: 'Exo 2'; color: #4d4d4d; text-align: left; margin-bottom: 50px; line-height: 1.67; margin-top: 0px; } .company__left a{ color: #7ba221; border-bottom: 1px solid #7ba221; } .company__left h1{ font-size: 40px; font-weight: bold; font-family: 'Exo 2'; color: #313131; margin-bottom: 50px; } .services__block p:first-child{ margin-top: 0px; } #fos__map{ width: 100%; height: 100%; } @media(max-width:1342px){ #fos__map{ width: 100%; } } @media(max-width:1250px){ #fos__map{ width: 100%; } } @media(max-width:1136px){ #fos__map{ width: 100%; } } @media(max-width:767px){ #fos__map{ width: 100%; height: 400px; } .application{ margin-bottom: 40px; } .reviews__title{ font-size: 30px; margin-bottom: 25px; } .plus { margin-bottom: 20px; } .company__left h1{ font-size: 30px; margin-bottom: 35px; } .company__left p{ font-size: 16px; margin-bottom: 25px; } .services__block p{ font-size: 16px; margin-bottom: 10px; } .services{ background-image: none; } .plus__title { font-size: 24px; } .services__bottom .services__right .slider .owl-next{ margin-right: 20px; } .services__bottom .services__right .slider .owl-prev{ margin-left: 20px; } } .footer__personal a{ color: rgba(255, 255, 255, 0.5); transition: 0.3s; } .footer__personal a:hover{ color: #fff; } .content h1{ font-size: 40px; font-weight: bold; font-family: 'Exo 2'; color: #313131; margin-bottom: 50px; } .content p { font-size: 18px; font-family: 'Exo 2'; color: #4d4d4d; text-align: left; margin-bottom: 15px; line-height: 1.5em; margin-top: 0px; } .content a{ color: #7ba221; border-bottom: 1px solid #7ba221; transition: 0.3s; } .content a:hover{ border-bottom: 1px solid transparent; } .content{ margin-bottom: 60px; background-image: url(/bitrix/templates/80bit/css/../images/banners2.png); background-position: right; background-repeat: no-repeat; } .content .link_doc{ background-image: url(/bitrix/templates/80bit/css/../images/file.svg); background-size: 25px; padding-left: 35px; background-position: left; background-repeat: no-repeat; border-bottom: 0px; padding-bottom: 5px; padding-top: 5px; font-size: 18px; font-weight: bold; } .content .link_doc:hover{ border-bottom: 0px; } .reviews__detail{ padding: 0px; background-image: none; } .content .reviews__detail a{ border: 0px; } .content__wrapper{ padding: 0px 68px; } .content h2{ font-size: 28px; font-weight: bold; font-family: 'Exo 2'; color: #313131; } .content h3{ font-size: 24px; font-weight: bold; font-family: 'Exo 2'; color: #313131; } .content ol{ counter-reset: item; padding-left: 0px; } .content ol li{ margin-bottom: 15px; clear: both; overflow: hidden; color: #4d4d4d; } .content ol li:before { color: #fff; content: counter(item) ""; counter-increment: item; margin-right: 17px; width: 32px; display: flex; justify-content: center; height: 32px; border-radius: 50%; background-color: #7ba211; font-family: 'Exo 2'; font-weight: bold; font-size: 19px; line-height: 1.76; float: left; } .content ul{ padding-left: 20px; } .content ul li{ color: #4d4d4d; font-size: 18px; margin-bottom: 15px; } .content ul li:before { content: ''; width: 10px; height: 10px; display: inline-block; background-color: #7ba221; border-radius: 50%; margin-right: 17px; } .news__list{ display: flex; justify-content: space-between; flex-wrap: wrap; } .news__item{ width: 30%; margin-bottom: 30px; } .news__img img{ width: 100%; } .content .news__img a { color: transparent; border-bottom: transparent; transition: 0.3s; display: block; line-height: 0; } .news__text{ padding: 20px; background-color: #f8f8f8; } .news__date{ color: #a7a7a7; padding-bottom: 20px; font-family: 'Exo 2'; font-size: 14px; } .content .news__link{ font-family: 'Exo 2'; font-weight: bold; border-bottom: transparent; font-size: 18px; line-height: 1.3; } .content .news__link:hover{ border-bottom: 1px solid transparent; color: #000; } .navigation-arrows{ display: none; } .news__title{ margin-bottom: 15px; } .navigation-pages{ margin-top: 30px; display: flex; align-items: center; } .navigation-pages a { background-color: #7ba221; width: 30px; height: 30px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; margin-left: 20px; transition: 0.3s; } .nav-current-page { background-color: #9c999a; width: 30px; height: 30px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; margin-left: 20px; transition: 0.3s; } .news__detail__date{ color: #a7a7a7; padding-bottom: 20px; font-family: 'Exo 2'; font-size: 16px; } .news__detail__img{ width: 400px; float: left; margin-right: 30px; margin-bottom: 10px; } .content .news__detail__img a{ border-bottom: 1px solid transparent; } .news__detail__img img{ width: 100%; } .gallery{ margin-top: 30px; display: flex; flex-wrap: wrap; } .gallery__item{ width: 24%; position: relative; margin-right: 1%; margin-bottom: 1%; } .gallery__item:nth-child(4n+4){ margin-right: 0%; } .content .gallery__item a{ line-height: 0px; border-bottom: 1px solid transparent; display: block; } .gallery__item a:before { content: ''; background: url(/bitrix/templates/80bit/css/../images/plus-zoom-or-search-symbol-of-interface.svg) center no-repeat; background-size: 35px; background-color: rgba(123, 162, 33, 0.7); width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; opacity: 0; transition: 0.3s; } .gallery__item a:hover:before { opacity: 1; } .gallery__item img{ width: 100%; } .services__list{ display: flex; flex-wrap: wrap; } .services__item{ width: 24%; margin-right: 1%; margin-bottom: 30px; background: #f8f8f8; } .services__item:nth-child(4n+4){ margin-right: 0%; } .vakancii__name{ font-size: 18px; padding-right: 20px; } @media(max-width: 1400px){ .services__item{ width: 32%; } .services__item:nth-child(4n+4){ margin-right: 1%; } } .content .services__img a{ border-bottom: 1px solid transparent; line-height: 0px; } .services__img img{ width: 100%; } .services__title{ } .content .services__title a{ font-family: 'Exo 2'; font-weight: bold; border-bottom: transparent; font-size: 16px; line-height: 1.3; border-bottom: 1px solid transparent; } .content .services__title a:hover{ color: #000; } .footer__list .list__item .list__link--active{ color: #7ba221; opacity: 1; } .tags{ display: flex; margin-bottom: 40px; align-items: center; } .tags__item{ margin-right: 35px; cursor: pointer; padding: 8px 20px 11px; background: #f8f8f8; transition: 0.3s; line-height: 1; } @media(max-width: 767px){ .tags{ flex-wrap: wrap; } .tags__item{ width: 100%; margin-right: 0px; margin-bottom: 20px; } .services__detail__img{ margin-bottom: 20px; } } .tags__item:hover{ background: #7ba221; color: #fff; } .tags__item--active{ padding: 8px 20px 11px; background: #7ba221; color: #fff; } .footer__list .list__title--active{ color: rgb(123, 162, 33); } .list__title--none { color: #fff; font-family: 'Exo 2'; font-size: 16px; line-height: 4.2; } .contact{ background-color: #ededed; padding: 20px; } .contact__info{ width: 100%; display: flex; justify-content: space-between; } .contact__map{ margin-left: 5%; width: 40%; } @media (max-width: 767px) { .contact{ flex-wrap: wrap; } .contact__info { width: 100%; } .contact__map { margin-left: 0px; width: 100%; margin-top: 50px; } #map{ height: 300px; } .content__item__center .content__item__eq__wrapper { width: 50%; padding: 10px; height: 140px } } .bread__list{ display: flex; align-items: center; font-size: 14px; flex-wrap: wrap; padding-left: 69px; } .bread__next{ padding: 0px 10px; } .bread__list a{ color: #7ba221; } .bread{ margin-top: 20px; } .content table{ margin: 20px 0px; width: 100%; } .content table th{ font-family: 'Exo 2'; background-color: #7ba221; color: #fff; padding: 20px; font-size: 18px; } .content table td{ padding: 20px; background-color: #f8f8f8; } .footer__socials--contact .socials__item .socials__link .socials__svg{ } .footer__socials--contact{ width: 50%; margin-top: 40px; } .content .footer__socials--contact a{ border-bottom: 1px solid transparent; } .footer__socials--contact .socials__item .socials__link .socials__svg{ width: 30px; fill: #7ba221; opacity: 1; } #map{ width: 100%; height: 710px; } .fos__form--contact{ width: 100%; background-color: #7ba221; margin-top: 40px; } .fos__form--contact .fos__block{ padding: 40px; } .fos__form--contact .fos__title { font-size: 28px; font-family: 'Exo 2'; color: #fff; margin-bottom: 24px; } .content .fos__form--contact a{ color: rgba(255, 255, 255, 0.8); text-decoration: underline; } .content .fos__form--contact a:hover{ text-decoration: none; } .fos__form--contact .fos__political{ margin-bottom: 30px; } .komanda{ font-size: 32px; font-family: 'Exo 2'; font-weight: bold; color: #313131; } .komanda__otdel{ font-size: 28px; font-family: 'Exo 2'; font-weight: bold; color: #7ba221; margin: 20px 0px; } .komanda__email a{ color: #7ba221; border-bottom: 1px solid #7ba221; transition: 0.3s; } .komanda__list{ display: flex; flex-wrap: wrap; } .komanda__item{ width: 24%; background-color: #fff; padding: 20px; margin-right: 1%; margin-bottom: 1%; } .komanda__img img{ width: 100%; } .komanda__name{ font-family: 'Exo 2'; font-size: 24px; font-weight: bold; margin-top: 20px; } .komanda__email{ margin: 10px 0px; } .services__detail__center{ display: flex; } .services__detail__left{ width: 50%; } .services__detail__left img{ width: 100%; } .services__detail__right{ width: 50%; } .fos__form--services{ width: 100%; } @media(max-width: 1080px){ .content__wrapper{ padding: 0px; } .bread__list{ padding:0px; } .content h1{ font-size: 28px; margin-bottom: 20px; } } .services__img{ line-height: 0; } .komanda__contact__list{ } .komanda__contact__item{ display: flex; justify-content: space-between; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #f8f8f8; } .komanda__contact__name{ width: 30%; } .komanda__contact__otdel{ font-size: 24px; font-family: 'Exo 2'; font-weight: bold; color: #7ba221; margin: 40px 0px 20px; } .komanda__contact__email{ width: 30%; } .komanda__contact__tel{ width: 30%; } .contact__phone{ background: url(/bitrix/templates/80bit/css/../images/telephone-handle-silhouette.svg) left center no-repeat; background-size: 16px; padding-left: 25px; font-size: 18px; } .contact__email{ background: url(/bitrix/templates/80bit/css/../images/close-envelope.svg) left center no-repeat; background-size: 16px; padding-left: 25px; font-size: 18px; margin-left: 20px; } .contact__adress{ background: url(/bitrix/templates/80bit/css/../images/placeholder.svg) left center no-repeat; background-size: 18px; padding-left: 25px; font-size: 18px; margin-left: 20px; } .komanda__block{ background-color: #f8f8f8; background-image: url(/bitrix/templates/80bit/css/../images/banners3.png); background-position: 0px 120px; background-repeat: no-repeat; margin-bottom: 50px; } .komanda__wrapper{ padding: 40px 68px; } .komanda__contact__name{ font-family: 'Exo 2'; font-size: 18px; font-weight: bold; } .komanda__contact__job{ font-family: 'Exo 2'; font-size: 16px; font-weight: normal; } .doc__list{ display: flex; justify-content: space-between; } .doc__item{ width: 20%; } .doc__img img{ width: 100%; } .content .doc__img a{ border-bottom: 0px; } .content .doc__img a:hover{ border-bottom: 0px; } .content .doc__title a{ border-bottom: 0px; font-weight: bold; } .content .doc__title a:hover{ border-bottom: 0px; } .doc__img{ margin-bottom: 20px; } .partner__list{ display: flex; } .partner__item{ width: 20%; margin-right: 5%; } .partner__item a{ display: flex; width: 100%; height: 200px; align-items: center; justify-content: center; } .content .partner__item a{ display: flex; width: 100%; height: 220px; align-items: center; justify-content: center; } @media(max-width: 767px){ .partner__list{ flex-wrap: wrap; } .partner__item { width: 100%; margin-right: 0px; margin-bottom: 20px; } .content .partner__item a{ height: auto; } .partner__item a{ height: auto; } } .content .partner__item a{ border-bottom: none; } .partner__item img{ display: block; height: auto; max-height: 100%; max-width: 100%; width: auto; } @media(max-width: 1200px){ .services__bottom .services__right .slider__img{ height: 279px; } } .overlay { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.85); display: none; z-index: 10000; overflow: auto; } .overlay p{ padding-bottom: 20px; } .overlay__plosh .popup__wrapper { width: 80%; } @media (max-width: 1000px) { .overlay__plosh .popup__wrapper { width: 100%; height: 100vh; font-size: 15px; } } .popup__wrapper { position: absolute; width: 40%; left: 50%; top: 50%; transform: translate(-50%, -50%); box-sizing: border-box; color: #3f3f3f; padding: 0px; background-position: right; background-size: cover; background-repeat: no-repeat; background-color: #fff; } @media (max-width: 1500px) { .popup__wrapper { width: 60%; } } @media (max-width: 1240px) { .popup__wrapper { width: 80%; } } @media (max-width: 1000px) { .popup__wrapper { width: 80%; } } @media (max-width: 767px) { .popup__wrapper { width: 100%; height: 100vh; font-size: 15px; } } .popup__title { } @media (max-width: 767px) { .popup__title { font-size: 24px; } .popup__wrapper{}} .popup__close { position: absolute; top: 10px; right: 8px; width: 35px; height: 35px; cursor: pointer; border-radius: 50%; } @media (max-width: 767px) { .popup__close { width: 25px; height: 25px; } } .popup__close:before { content: ''; background-color: #fff; position: absolute; height: 2px; width: 25px; top: 16px; left: 5px; transform: rotate(-45deg); } @media (max-width: 767px) { .popup__close:before { width: 20px; top: 12px; left: 3px; } } .popup__close:after { content: ''; background-color: #fff; position: absolute; height: 2px; width: 25px; top: 16px; transform: rotate(45deg); left: 5px; } @media (max-width: 767px) { .popup__close:after { width: 20px; top: 12px; left: 3px; } } .popup__wrapper .fos__form { width: 100%; } .popup__wrapper .fos__block{ padding: 40px 60px 60px; } .popup__wrapper .link { color: #fff; border-bottom: 1px solid #fff; } @media (max-width: 1250px) { .content__wrapper{ padding: 0px 0px; } .bread__list { padding-left: 0px; } } @media (max-width: 1170px) { .news__item{ width: 47%; } .komanda__wrapper{ padding: 40px 0px; } } @media (max-width: 767px) { .news__item{ width: 100%; } .navigation-title{ width: 100%; margin-bottom: 20px; } .navigation-pages{ flex-wrap: wrap; } .navigation-pages:first-child a{ margin-left: 0px; } } @media (max-width: 830px) { .news__detail__img{ width: 100%; float: none; margin-right: 0px; margin-bottom: 20px; } } @media (max-width: 980px) { .gallery__item{ width: 48%; margin-bottom: 1%; } } @media (max-width: 767px) { .gallery__item{ width: 100%; margin-bottom: 20px; margin-right: 0px; } } @media (max-width: 1050px) { .contact__phone a{ display: inline-block; } .contact__phone{ width: 40%; } .contact__email{ width: 40%; } .contact__email a{ display: inline-block; } .contact__adress span{ display: inline-block; } .contact__adress{ margin-left: 0px; margin-top: 20px; } .contact__info{ flex-wrap: wrap; justify-content: flex-start; } } @media (max-width: 767px) { .contact__phone{ width: 100%; } .contact__email{ width: 100%; margin-left: 0px; margin-top: 20px; } .contact__adress{ width: 100%; margin-left: 0px; } .komanda__contact__item{ flex-wrap: wrap; } .komanda__contact__name{ width: 100%; } .komanda__contact__email{ width: 100%; margin: 5px 0px 7px; } .komanda__contact__tel{ width: 100%; } } @media (max-width: 920px) { .services__item{ width: 49%; } .services__item:nth-child(2n+2){ margin-right: 0%; } .services__item:nth-child(3n+3) { margin-right: 1%; } } @media (max-width: 767px) { .services__item{ width: 100%; } .services__item:nth-child(2n+2){ margin-right: 0%; } .services__item:nth-child(3n+3) { margin-right: 0%; } .content ul { padding-left: 0px; } .content ul li:before{ margin-right: 8px; } } @media (max-width: 980px) { .komanda__item { width: 32%; background-color: #fff; padding: 20px; margin-right: 1%; margin-bottom: 1%; } } @media (max-width: 980px) { .doc__list{ flex-wrap: wrap; } .doc__item { width: 48%; margin-bottom: 25px; } } @media (max-width: 767px) { .komanda__item { width: 100%; background-color: #fff; padding: 20px; margin-right: 0px; margin-bottom: 20px; } .doc__item { width: 100%; margin-bottom: 25px; } .content{ margin-bottom: 30px; } .popup__wrapper .fos__block{ padding: 40px 30px 60px; } .services__bottom .services__left .services__block .services__button { width: 100%; padding: 8px 16px 10px; } .services__bottom .services__left .services__block .services__button.services__button--seasone .button { padding: 0px 0px 0px 26px; } .services__bottom .services__right .slider .owl-prev { width: 35px; height: 35px; } .services__bottom .services__right .slider .owl-prev > svg{ width: 15px; height: 15px; } .services__bottom .services__right .slider .owl-prev { margin-left: 8px; } .services__bottom .services__right .slider .owl-next{ width: 35px; height: 35px; } .services__bottom .services__right .slider .owl-next { margin-right: 8px; } .services__bottom .services__right .slider .owl-next > svg{ width: 15px; height: 15px; } .services__bottom{ margin-bottom: 26px; } } .fos__form--center{ width: 100%; } .fos__form--center .fos__forms .fos__item:last-child{ margin-right: 0px; } .fos__form--center .fos__items{ margin-right: 0px; } .fos__desc{ color: #fff; font-size: 18px; margin-bottom: 50px; } .content a.link{ color: #fff; border-bottom: 1px solid #fff; } .fos__form--center .fos__forms .fos__item{ width: 30%; } .fos__form--center .fos__text{ height: 200px; } @media (max-width: 1250px) { .fos__form--center .fos__forms .fos__item{ width: 100%; } } @media (max-width: 767px) { .fos__desc{ font-size: 16px; } } .step{ display: flex; justify-content: space-between; margin-bottom: 40px; } .step__item{ width: 20%; } .step__desc{ text-align: center; } .step__img{ width: 30%; margin-bottom: 20px; width: 50%; margin: 15px auto 25px;} .step__img img{ width: 100%; } .step__title{ font-weight: bold; font-family: 'Exo 2'; color: #313131; font-size: 22px; margin-bottom: 15px; text-align: center; } .file-upload input[type="file"]{ display: none;/* скрываем input file */ } /* задаем стили кнопки выбора файла*/ .file-upload { position: relative; overflow: hidden; width: 100%; margin-bottom: 32px; height: 60px; background: #95b54d; border-radius: 10px; color: #fff; } .file-upload:hover { } /* Растягиваем label на всю область блока .file-upload */ .file-upload label { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } /* стиль текста на кнопке*/ .file-upload span { line-height: 40px; } @media (max-width: 960px) { .footer{ padding-bottom: 20px; } .footer__personal{ padding: 0px 0px 60px; } .step__title{ font-size: 19px; } } @media (max-width: 767px) { .footer{ padding-bottom: 20px; } .footer__personal{ padding: 0px 0px 40px; } .step{ flex-wrap: wrap; } .step__item { width: 100%; margin-bottom: 20px; } } .services__block a{ color: #fff; } .fos__title--otp{ margin-bottom: 35px; } .mf-error-text{ margin-bottom: 60px; color: #fff; background: url(/bitrix/templates/80bit/css/../images/danger.svg) left top no-repeat; background-size: 20px; padding-bottom: 10px; padding-left: 35px; } div.mf-ok-text { color: #fff!important; font-weight: bold; padding-bottom: 55px!important; } .services__detail{ display: flex; justify-content: space-between; } .services__detail__left{ width: 32%; } .services__detail__right{ width: 65%; margin-left: 3%; } .content .services__detail__menu__list{ padding-left: 0px; } .services__detail__menu{ padding: 45px; margin-bottom: 20px; display: flex; flex-direction: column; justify-content: space-between; background-color: #698d16; } .services__detail__menu__title{ font-size: 24px; text-transform: uppercase; color: #fff; font-weight: bold; margin-bottom: 20px; } .content ul li.services__detail__menu__item:last-child{ margin-bottom: 0px; } .content ul li.services__detail__menu__item:before{ content: ''; width: 10px; height: 10px; display: inline-block; background-color: #fff; border-radius: 50%; margin-right: 17px; } .content a.services__detail__menu__link{ color: #fff; border-bottom: 1px solid transparent; transition: 0.3s; display: block; float: right; width: 90%; } .content a.services__detail__menu__link:hover{ color: #cbec81; } .content ul li.services__detail__menu__item:hover:before{ background-color: #cbec81; } .content ul li.services__detail__menu__item--active a{ color: #cbec81; } .content ul li.services__detail__menu__item--active:before{ background-color: #cbec81; } .services__detail__commer{ background-color: #698d16; padding: 20px 40px 20px; } .services__detail__commer .services__bottom .services__left { display: flex; flex-direction: column; width: 100%; margin-right: 0px; } .content ul li.services__detail__menu__item{ clear: both; margin-bottom: 15px; overflow: hidden; } .content a.services__button{ margin-bottom: 25px; padding: 8px 25px 10px; width: 100%; border-radius: 38px; border: solid 2px #fff; transition: 0.3s; display: block; color: #fff; font-weight: bold; } .content a.services__button:hover{ background-color: #fff; color: #698d16; } .services__button--seasone span{ padding: 0px 0px 0px 40px; background: url(/bitrix/templates/80bit/css/../images/cloud-foog-and-sun.svg) left center no-repeat; background-size: 20px; outline: 0; } .services__button--kom span{ padding: 0px 0px 0px 40px; background: url(/bitrix/templates/80bit/css/../images/services/factory-with-chimney.svg) left center no-repeat; background-size: 20px; outline: 0; } .services__button--prom div{ padding: 0px 0px 0px 40px; background: url(/bitrix/templates/80bit/css/../images/services/building.svg) left center no-repeat; background-size: 20px; outline: 0; } .content a.services__button.services__button--seasone:hover span{ padding: 0px 0px 0px 40px; background: url(/bitrix/templates/80bit/css/../images/cloud-foog.svg) left center no-repeat; background-size: 20px; outline: 0; } .content a.services__button.services__button--kom:hover span{ padding: 0px 0px 0px 40px; background: url(/bitrix/templates/80bit/css/../images/services/factory2.svg) left center no-repeat; background-size: 20px; outline: 0; } .content a.services__button.services__button--prom:hover div{ padding: 0px 0px 0px 40px; background: url(/bitrix/templates/80bit/css/../images/services/building2.svg) left center no-repeat; background-size: 20px; outline: 0; } @media(max-width: 1370px){ .services__detail__left{ width: 35%; } .services__detail__right{ width: 62%; margin-left: 3%; } } @media(max-width: 954px){ .services__detail__left { width: 100%; } .services__detail__right { width: 100%; margin-left: 0%; } .services__detail{ flex-wrap: wrap; } } .content ul li p, .content ol li p{ display: inline; } @media(max-width: 767px){ .content h1 { font-size: 24px; margin-bottom: 20px; line-height: 1; } .content p { font-size: 16px; } .komanda__block{ margin-bottom: 30px; } .komanda__otdel { font-size: 24px; } .komanda { font-size: 24px; } } @media(max-width: 1334px){ .services__detail__menu{ padding: 25px 25px 0px; } .services__detail__commer{ padding: 20px 25px 10px; } } @media(max-width: 1040px){ .content a.services__button{ padding: 8px 20px 10px; } } @media(max-width: 960px){ .content a.services__detail__menu__link{ width: 95%; } } @media(max-width: 767px){ .services__detail__commer { padding: 0px; margin-bottom: 20px; } .services__detail__menu { padding: 20px 15px 0px; } .services__detail__menu{ display: none; } .services__detail__commer{ display: none; } } .map-level-1{ margin: 20px 0px; } .faq { width: 100%; } .faq__item { background-color: #fafafa; padding: 20px 40px 3px; margin-bottom: 25px; } .faq__title { font-size: 20px; font-weight: bold; font-family: 'Exo 2'; color: #313131; } .faq__text { position: absolute; right: 20px; top: 0px; font-weight: bold; color: #717171; z-index: 10000; background: #fafafa; padding: 0px 10px; } .faq__more { position: relative; display: flex; width: 100%; height: 20px; margin-top: 20px; padding-bottom: 30px; cursor: pointer; border-bottom: none !important;} .faq__polosa { position: absolute; width: 100%; border-bottom: 1px solid #cfcfcf; margin-top: 20px; height: 20px; top: -29px; left: 0px; } .faq__arrow { position: absolute; background: url(/bitrix/templates/80bit/css/../images/expand-button.svg) center no-repeat; width: 20px; height: 20px; background-size: 20px; top: 0px; right: 0; background-color: #fafafa; } .faq__desc { display: none; } .price__thead { background-color: #7ba221; color: #fff; font-size: 18px; } @media (max-width: 767px) { .price__thead { display: none; } } .price__tbody { background-color: #f8f8f8; } @media (max-width: 767px) { .price__tbody { background-color: transparent; } } .price__td { padding: 20px; background-color: transparent !important; } @media (max-width: 767px) { .price__td { padding: 10px !important;; display: flex; font-size: 14px; width: 100%; justify-content: space-between; } .price__td::before { content: attr(data-label); padding-right: 20px; } } @media (max-width: 767px) { .price__tr { display: block; margin-bottom: 20px; background-color: #f8f8f8; } } @media (max-width: 767px) { .banner{ background: url(/bitrix/templates/80bit/css/../images/video.JPG) center/cover no-repeat; } } .content .vakancii__text ul li{ margin-bottom: 0px; } .fos__input--work{ display: none; } .footer__left{ width: 100%; display: flex; justify-content: space-between; margin-top: 45px; } .footer__right{ display: flex; justify-content: space-between; width: 100%; } .footer__mobile { display: none; } .footer__block { width: 50%; display: flex; } .footer__name { color: #fff; font-family: 'Exo 2'; font-size: 16px; position: relative; } .footer__link { color: #fff; font-family: 'Exo 2'; opacity: 0.5; font-size: 16px; } .footer__link:hover { opacity: 1; cursor: pointer; color: #7ba221; } .footer__link--active { color: #7ba221; opacity: 1; } .footer__item { display: flex; width: 240px; margin-bottom: 5px; } .footer__box { width: 50%; } .footer__box--active .footer__roster { display: block; } .footer__box--active .footer__top .footer__state span:last-child { width: 0px; } .footer__roster { display: none; margin-top: 25px; } .footer__roster--active { display: block; } .footer__top { display: flex; align-items: center; cursor: pointer; } .footer__top--active .footer__state span:last-child { width: 0px; } .footer__state { width: 18px; height: 18px; margin-right: 10px; position: relative; } .footer__state span { width: 12px; height: 2px; background-color: #fff; position: absolute; } .footer__state span:first-child { transform: rotate(0deg); left: 3px; bottom: 8px; } .footer__state span:last-child { transform: rotate(-90deg); left: 3px; bottom: 8px; } @media (max-width: 1023px) { .footer__socials { width: 200px; } .footer__left { flex-wrap: wrap; } .footer__list { margin-bottom: 30px; width: calc(50% - 15px); } .footer__wrapper { padding-bottom: 10px; } .footer__block { width: 100%; } } @media (max-width: 767px) { .footer__list { width: 100%; } .footer__list:last-child { margin-bottom: 0px; } .footer__mobile { display: flex; flex-direction: column; } .footer__wrapper { padding-top: 40px; flex-direction: column; } .footer__right { flex-direction: column; } .footer__phone { margin-right: 0px; } .footer__socials { margin-top: 20px; width: 100%; } .footer__contacts { flex-direction: column; } .footer__left { margin: 0px; width: 100%; } } /* End */ /* Start:/bitrix/templates/80bit/css/services.css?179368590430680*/ .banners { padding-top: 60px; padding-bottom: 60px; background: linear-gradient(to right, #7BA221 25%, transparent), url(/bitrix/templates/80bit/css/../images/banner.svg); background-repeat: no-repeat; background-position: right center; background-size: cover; margin-top: 25px;} @media (max-width: 1479px) { .banners { background-size: cover; background-position: left ,right -110px center; } } @media (max-width: 767px) { .banners { padding-top: 40px; padding-bottom: 40px; background: unset; background-image: url(/bitrix/templates/80bit/css/../images/banner.svg); background-size: cover; position: relative; } .banners::after { content: ''; width: 100%; height: 100%; background-color: rgba(123, 162, 33, 0.7); position: absolute; left: 0; top: 0; } } .banners__wrapper { position: relative; z-index: 10; } .banners__content h1 { margin: 0px; font-size: 50px; font-weight: bold; font-family: 'Exo 2'; color: #fff; margin-bottom: 40px; max-width: 500px; } @media (max-width: 767px) { .banners__content h1 { font-size: 30px; margin-bottom: 20px; } } .banners__desc { padding: 0px; margin: 0px; font-size: 18px; font-weight: 300; font-family: 'Exo 2'; color: #fff; margin-bottom: 30px; width: 100%; max-width: 580px; } @media (max-width: 767px) { .banners__desc { font-size: 16px; margin-bottom: 20px; } } .banners__price { font-size: 50px; font-weight: bold; font-family: 'Exo 2'; color: #fff; display: block; margin-bottom: 40px; } @media (max-width: 767px) { .banners__price { font-size: 30px; margin-bottom: 20px; } } .banners__button { margin-top: 20px; font-size: 20px; font-weight: bold; font-family: 'Exo 2'; color: #fff; padding: 15px 50px 19px 50px; border: 2px solid #fff; border-radius: 50px; display: inline-block; transition: .3s; } @media (max-width: 767px) { .banners__button { font-size: 18px; padding: 10px 30px 14px 30px; } } .banners__button:hover { background-color: #fff; color: #7BA221; } .advantages { margin-top: 100px; margin-bottom: 100px; } @media (max-width: 1023px) { .advantages { margin-top: 80px; margin-bottom: 80px; } } @media (max-width: 767px) { .advantages { margin-top: 40px; margin-bottom: 40px; } } .advantages__title { margin: 0px; font-size: 40px; font-weight: bold; font-family: 'Exo 2'; text-align: center; color: #313131; margin-bottom: 100px; } @media (max-width: 1023px) { .advantages__title { margin-bottom: 80px; } } @media (max-width: 767px) { .advantages__title { font-size: 24px; margin-bottom: 30px; } } .advantages__list { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; } @media (max-width: 1023px) { .advantages__list { padding-left: 45px; } } @media (max-width: 767px) { .advantages__list { padding-left: 0px; } } .advantages__list::before { content: ''; width: 2px; height: 120%; background-image: repeating-linear-gradient(0deg, transparent, transparent 35px, #7ba221 35px, #7ca223 140px); top: -40px; left: calc(50% - 2px); position: absolute; } @media (max-width: 1023px) { .advantages__list::before { top: -20px; left: 0px; } } @media (max-width: 767px) { .advantages__list::before { display: none; } } .advantages__item { color: #313131; font-family: 'Exo 2'; text-align: left; font-size: 22px; width: calc(50% - 100px); margin-bottom: 30px; padding-left: 45px; background-position: left top 4px; background-repeat: no-repeat; background-image: url(/bitrix/templates/80bit/css/../images/V.svg); } .advantages__item:last-child { margin-bottom: 0px; } @media (max-width: 1499px) { .advantages__item { width: calc(50% - 60px); } } @media (max-width: 1279px) { .advantages__item { width: calc(50% - 40px); } } @media (max-width: 1023px) { .advantages__item { width: 100%; font-size: 20px; } } @media (max-width: 767px) { .advantages__item { font-size: 16px; padding-left: 30px; background-size: 18px; margin-bottom: 20px; } } .prices { margin-top: 60px; margin-bottom: 60px; } @media (max-width: 767px) { .prices { margin-top: 40px; margin-bottom: 40px; } } .prices__wrapper { display: flex; justify-content: space-between; } @media (max-width: 1279px) { .prices__wrapper { flex-direction: column; } } .prices__leftside { width: calc(100% - 430px); } @media (max-width: 1279px) { .prices__leftside { width: 100%; } } .prices__title { margin: 0; font-size: 40px; font-weight: bold; font-family: 'Exo 2'; color: #313131; text-align: left; margin-bottom: 40px; } @media (max-width: 767px) { .prices__title { font-size: 24px; margin-bottom: 30px; } } .prices__list { display: flex; flex-direction: column; } .prices__item { margin-bottom: 10px; } @media (max-width: 767px) { .prices__item { margin-bottom: 4px; } } .prices__item:last-child { margin-bottom: 0px; } .prices__item--active .prices__icon span:last-child { height: 0px; opacity: 0; } .prices__item:hover { cursor: pointer; } .prices__top { display: flex; align-items: center; justify-content: space-between; background-color: #7BA221; padding: 0px 40px; } @media (max-width: 767px) { .prices__top { padding: 10px 20px; } } .prices__left { width: 90%; } @media (max-width: 767px) { .prices__left { width: 85%; } } .prices__roster { display: none; } .prices__bottom { display: flex; justify-content: space-between; align-items: center; padding: 16px 40px; background-color: #ededed; border-bottom: 2px solid #7BA221; } @media (max-width: 767px) { .prices__bottom { padding: 12px 20px; flex-direction: column; align-items: flex-start; } } .prices__names { font-family: 'Exo 2'; font-size: 18px; width: 75%; } @media (max-width: 1023px) { .prices__names { font-size: 16px; width: 75%; } } @media (max-width: 767px) { .prices__names { width: 100%; margin-bottom: 8px; } } .prices__cost { font-family: 'Exo 2'; font-size: 18px; } @media (max-width: 1023px) { .prices__cost { font-size: 16px; } } .prices__name { font-family: 'Exo 2'; font-size: 20px; color: #fff; padding: 20px 0px; } @media (max-width: 1023px) { .prices__name { font-size: 18px; } } @media (max-width: 767px) { .prices__name { font-size: 16px; } } .prices__icon { background-color: #ffff; border-radius: 50%; width: 45px; height: 45px; margin: 10px 0px; position: relative; } @media (max-width: 1023px) { .prices__icon { width: 35px; height: 35px; } } @media (max-width: 767px) { .prices__icon { margin: 0; width: 28px; height: 28px; } } .prices__icon span { width: 24px; height: 4px; background-color: #7BA221; position: absolute; transition: .5s; } @media (max-width: 1023px) { .prices__icon span { width: 18px; height: 2px; } } @media (max-width: 767px) { .prices__icon span { width: 14px; } } .prices__icon span:first-child { transform: rotate(0deg); left: 10.5px; bottom: 20.5px; } @media (max-width: 1023px) { .prices__icon span:first-child { left: 7.5px; bottom: 17.5px; } } @media (max-width: 767px) { .prices__icon span:first-child { left: 7px; bottom: 13px; } } .prices__icon span:last-child { transform: rotate(-90deg); left: 10.5px; bottom: 20.5px; } @media (max-width: 1023px) { .prices__icon span:last-child { left: 7.5px; bottom: 17.5px; } } @media (max-width: 767px) { .prices__icon span:last-child { left: 7px; bottom: 13px; } } .warning { margin-top: 40px; margin-bottom: 60px; } @media (max-width: 767px) { .warning { margin-top: 40px; margin-bottom: 40px; } } .warning__list { width: 400px; } @media (max-width: 1279px) { .warning__list { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; } } .warning__item { width: 100%; padding: 40px 30px; margin-bottom: 30px; } @media (max-width: 1279px) { .warning__item { padding: 30px 20px; width: calc(50% - 15px); } } @media (max-width: 1023px) { .warning__item { padding: 30px 20px; width: calc(50% - 15px); } } @media (max-width: 767px) { .warning__item { width: 100%; margin-bottom: 10px; padding: 20px 15px; } } .warning__item:first-child { background-color: #FF574C; } .warning__item:nth-child(2) { background-color: #ffa830; } .warning__item:last-child { background-color: #00A7FF; margin-bottom: 0px; } @media (max-width: 1023px) { .warning__item:last-child { margin: 0 auto; margin-top: 30px; } } @media (max-width: 767px) { .warning__item:last-child { margin: 0px; } } .warning__desc { font-family: 'Exo 2'; font-size: 18px; color: #fff; font-weight: 600; padding-left: 50px; background-position: left top 2px; background-repeat: no-repeat; background-size: 30px; } @media (max-width: 1279px) { .warning__desc { font-size: 16px; padding-left: 35px; background-size: 20px; } } @media (max-width: 767px) { .warning__desc { padding-bottom: 6px; } } .warning__desc--one { background-image: url(/bitrix/templates/80bit/css/../images/bell.svg); } .warning__desc--two { background-image: url(/bitrix/templates/80bit/css/../images/weather.svg); } .warning__desc--three { background-image: url(/bitrix/templates/80bit/css/../images/information.svg); } .gallery__title { margin: 0px; font-size: 40px; font-weight: bold; font-family: 'Exo 2'; text-align: center; color: #313131; margin-bottom: 60px; } @media (max-width: 767px) { .gallery__title { font-size: 24px; margin-bottom: 30px; } } .gallery__link { position: relative; display: block; overflow: hidden; } .gallery__link::before { content: ''; left: 0; top: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(123, 162, 33, 0.3); transform: translate(-100%, -100%); transition: .3s; } .gallery__link::after { content: ''; left: 0; top: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(123, 162, 33, 0.5); transform: translate(100%, 100%); transition: .4s; background-image: url(/bitrix/templates/80bit/css/../images/loop.svg); background-position: center; background-size: 26px; background-repeat: no-repeat; } .gallery__link:hover::before { transform: translate(0, 0); } .gallery__link:hover::after { transform: translate(0, 0); } .questions { margin-top: 60px; padding-top: 80px; padding-bottom: 80px; position: relative; background-image: url(/bitrix/templates/80bit/css/../images/bg-new-4.png); background-repeat: no-repeat; background-position: center; background-size: cover; height: 600px;} .questions::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(255, 255, 255, 0.7); } @media (max-width: 767px) { .questions { margin-top: 40px; margin-bottom: 40px; padding-top: 40px; padding-bottom: 40px; } } .questions__wrapper { display: flex; justify-content: space-between; position: relative; z-index: 10; align-items: center; height: 100%; } @media (max-width: 1023px) { .questions__wrapper { flex-direction: column; } } .questions__answer { font-family: 'Exo 2'; padding: 15px 40px; background: #fff; display: none; } .questions__answer p { margin: 0; } @media (max-width: 767px) { .questions__answer { padding: 15px; } } .questions__answer--active{ display: block; } .questions__left { width: 30%; padding-left: 69px; } @media (max-width: 1023px) { .questions__left { width: 100%; } } @media (max-width: 767px) { .questions__left { text-align: center; } } .questions__title { margin: 0px; font-size: 40px; font-weight: bold; font-family: 'Exo 2'; text-align: left; color: #313131; margin-bottom: 30px; } @media (max-width: 767px) { .questions__title { font-size: 24px; text-align: center; margin-bottom: 20px; } } .questions__desc { margin: 0px auto; max-width: 560px; font-family: 'Exo 2'; font-size: 18px; text-align: left; margin-bottom: 40px; } @media (max-width: 1023px) { .questions__desc { max-width: none; } } @media (max-width: 767px) { .questions__desc { font-size: 14px; text-align: center; margin-bottom: 20px; } } .questions__button { background-color: #7ba221; color: #fff; padding: 16px 45px 18px 45px; display: inline-block; border-radius: 28px; font-family: 'Exo 2'; text-transform: uppercase; font-weight: 500; } .questions__button:hover { background-color: #313131; } @media (max-width: 767px) { .questions__button { padding: 12px 30px 14px 30px; font-size: 16px; } } .questions__list { width: calc(60% - 30px); } @media (max-width: 1023px) { .questions__list { width: 100%; margin-top: 25px; } } .questions__item { margin-bottom: 10px; } @media (max-width: 767px) { .questions__item { margin-bottom: 4px; } } .questions__item:last-child { margin-bottom: 0px; } .questions__item--active .questions__icon span:last-child { height: 0px; opacity: 0; } .questions__item:hover { cursor: pointer; } .questions__top { display: flex; align-items: center; justify-content: space-between; background-color: #7BA221; padding: 10px 30px; } @media (max-width: 767px) { .questions__top { padding: 10px 20px; } } .questions__name { font-family: 'Exo 2'; font-size: 16px; color: #fff; width: 90%; } @media (max-width: 1023px) { .questions__name { font-size: 18px; } } @media (max-width: 767px) { .questions__name { width: 85%; font-size: 16px; } } .questions__icon { background-color: #ffff; border-radius: 50%; width: 20px; height: 20px; margin: 10px 0px; position: relative; } .questions__icon span { width: 12px; height: 2px; background-color: #7BA221; position: absolute; } .questions__icon span:first-child { transform: rotate(0deg); left: 4px; bottom: 9px; } .questions__icon span:last-child { transform: rotate(-90deg); left: 4px; bottom: 9px; } .fosservices { margin-top: 60px; margin-bottom: 60px; padding-top: 60px; padding-bottom: 60px; background-repeat: no-repeat; background-image: linear-gradient(to right, transparent 0%, #7ba221, #7BA221), url(/bitrix/templates/80bit/css/../images/OP.jpg); background-size: contain; background-position: top left -5%; } @media (max-width: 1499px) { .fosservices { background-position: top left -30%; } } @media (max-width: 1399px) { .fosservices { background-position: top left -60%; } } @media (max-width: 1299px) { .fosservices { background-position: top left -100%; } } @media (max-width: 1279px) { .fosservices { background-position: top left 100%; background-size: cover; background-image: linear-gradient(to right, rgba(123, 162, 33, 0.9), rgba(123, 162, 33, 0.9)), url(/bitrix/templates/80bit/css/../images/OP.jpg); } } @media (max-width: 767px) { .fosservices { padding-top: 40px; padding-bottom: 40px; margin-top: 40px; margin-bottom: 40px; background-position: top right 40%; } } .fosservices__title { margin: 0px; font-weight: bold; font-family: 'Exo 2'; font-size: 40px; color: #fff; margin-bottom: 20px; } @media (max-width: 767px) { .fosservices__title { font-size: 24px; } } .fosservices__desc { font-family: 'Exo 2'; font-size: 20px; color: #fff; margin-bottom: 40px; } @media (max-width: 767px) { .fosservices__desc { font-size: 16px; margin-bottom: 30px; } } .fosservices__button { background: none; border: none; outline: none; font-size: 22px; font-family: 'Exo 2'; padding: 15px 35px 15px 65px; background-image: url(/bitrix/templates/80bit/css/../images/telegram2.svg); background-position: left 21px center; background-repeat: no-repeat; background-size: 24px; outline: 0; border: 2px solid #fff; border-radius: 38px; transition: 0.3s; color: #fff; text-transform: uppercase; transition: .3s; } @media (max-width: 767px) { .fosservices__button { font-size: 18px; padding: 10px 30px 10px 45px; background-position: left 16px center; background-size: 18px; } } .fosservices__button:hover { background-color: #fff; color: #7ba221; background-image: url(/bitrix/templates/80bit/css/../images/telegram.svg); } .fosservices__form { width: 50%; float: right; } @media (max-width: 1279px) { .fosservices__form { width: 100%; } } .fosservices__bottom { display: flex; flex-wrap: wrap; } .fosservices__politics { color: rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); } .fosservices__politics:hover { color: #fff; border-color: #fff; } .fosservices__political { font-size: 13px; color: rgba(255, 255, 255, 0.8); font-family: 'Exo 2'; margin-bottom: 60px; width: 100%; } @media (max-width: 767px) { .fosservices__political { margin-bottom: 30px; } } .fosservices__item { position: relative; width: calc(33.33333% - 10px); margin-right: 15px; margin-bottom: 30px; } .fosservices__item:nth-child(3) { margin-right: 0px; } .fosservices__item:nth-child(4) { width: 100%; margin-right: 0px; } @media (max-width: 1250px) { .fosservices__item { margin-bottom: 30px; } } @media (max-width: 767px) { .fosservices__item { width: 100%; margin-right: 0px; } } .fosservices__label { position: absolute; pointer-events: none; left: 20px; top: 0px; line-height: 40px; transition: .3s; color: #fff; font-family: 'Exo 2'; font-size: 16px; opacity: 0.8; } .fosservices__input { background-color: rgba(255, 255, 255, 0.2); border-radius: 5px; border: none; outline: 0; padding: 10px 0px 10px 20px; width: 100%; height: 40px; color: rgba(49, 49, 49, 0.8); } .fosservices__input:focus { background-color: rgba(255, 255, 255, 0.5); } .fosservices__input:focus ~ .fosservices__label { top: -35px; font-size: 13px; } .fosservices__input:not(:focus):valid ~ .fosservices__label { top: -35px; font-size: 13px; } .fosservices__input::-webkit-input-placeholder { color: rgba(49, 49, 49, 0.8); font-family: 'Exo 2'; font-size: 16px; opacity: 0.8; } .fosservices__text { background-color: rgba(255, 255, 255, 0.2); border-radius: 5px; border: none; outline: 0; padding: 10px 0px 10px 20px; color: rgba(49, 49, 49, 0.8); width: 100%; height: 120px; resize: none; } .fosservices__text:focus { background-color: rgba(255, 255, 255, 0.5); } .fosservices__text:focus + .fosservices__label { top: -35px; font-size: 13px; } .fosservices__text:not(:focus):valid ~ .fosservices__label { top: -35px; font-size: 13px; } .fosservices__text::-webkit-input-placeholder { color: rgba(49, 49, 49, 0.8); font-family: 'Exo 2'; font-size: 16px; opacity: 0.8; } .fosservices__labels { color: #fff; font-family: 'Exo 2'; font-size: 22px; text-transform: uppercase; font-weight: bold; } @media (max-width: 1250px) { .fosservices__labels { font-size: 18px; } } .similar { margin-top: 60px; margin-bottom: 60px; } @media (max-width: 767px) { .similar { margin-top: 40px; margin-bottom: 40px; } } .similar__title { margin: 0px; font-size: 40px; font-weight: bold; font-family: 'Exo 2'; text-align: center; color: #313131; margin-bottom: 60px; } @media (max-width: 767px) { .similar__title { font-size: 24px; margin-bottom: 30px; } } .similar__link { display: block; position: relative; overflow: hidden; } .similar__link::after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background-color: rgba(123, 162, 33, 0.2); transition: .3s; transform: translate3d(-50%, -50%, 0) scale(0); } .similar__link:hover::after { transform: translate3d(-50%, -50%, 0) scale(1); } .similar__name { color: #7ba221; font-family: 'Exo 2'; font-weight: 600; font-size: 20px; display: block; text-align: center; padding: 0px 20px; margin-top: 30px; transition: .3s; } @media (max-width: 1023px) { .similar__name { font-size: 18px; } } @media (max-width: 767px) { .similar__name { font-size: 16px; margin-top: 15px; padding: 0px 10px; } } .similar__name:hover { cursor: pointer; color: #313131; } .contacts { margin-top: 60px; padding-top: 40px; padding-bottom: 40px; background-color: #3c3c3c; } @media (max-width: 767px) { .contacts { margin-top: 40px; padding-top: 20px; padding-bottom: 20px; } } .contacts__list { max-width: 1140px; margin: 0 auto; display: flex; justify-content: space-between; } @media (max-width: 767px) { .contacts__list { flex-direction: column; } } .contacts__item { padding-left: 80px; background-repeat: no-repeat; background-position: left center; background-size: 50px; } @media (max-width: 1023px) { .contacts__item { padding-left: 50px; background-size: 35px; } } @media (max-width: 767px) { .contacts__item { margin-bottom: 20px; background-size: 30px; } .contacts__item:last-child { margin-bottom: 0px; } } .contacts__item--calc { background-image: url(/bitrix/templates/80bit/css/../images/wallet.svg); } .contacts__item--phone { background-image: url(/bitrix/templates/80bit/css/../images/call.svg); } .contacts__item--city { background-image: url(/bitrix/templates/80bit/css/../images/placeholder.svg); } .contacts__name { font-size: 16px; font-weight: 400; font-family: 'Exo 2'; color: rgba(255, 255, 255, 0.8); margin-bottom: 10px; } @media (max-width: 1023px) { .contacts__name { font-size: 14px; margin-bottom: 4px; } } .contacts__link { font-size: 24px; font-weight: 400; font-family: 'Exo 2'; color: white; } @media (max-width: 1023px) { .contacts__link { font-size: 20px; } } @media (max-width: 767px) { .contacts__link { font-size: 18px; } } .quickly { padding-top: 120px; padding-bottom: 120px; background-image: url(/bitrix/templates/80bit/css/../images/BG-n.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } @media (max-width: 1279px) { .quickly { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767px) { .quickly { padding-top: 40px; padding-bottom: 40px; } } .quickly::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(255, 255, 255, 0.7); } .quickly__wrapper { display: flex; justify-content: space-between; position: relative; z-index: 10; align-items: center;} @media (max-width: 1279px) { .quickly__wrapper { flex-direction: column; } } .quickly__left { max-width: 420px; padding-left: 69px; } @media (max-width: 1279px) { .quickly__left { margin-bottom: 60px; } } @media (max-width: 767px) { .quickly__left { margin-bottom: 40px; } } .quickly__title { margin: 0px; font-size: 40px; font-weight: bold; font-family: 'Exo 2'; text-align: left; color: #313131; margin-bottom: 30px; } @media (max-width: 767px) { .quickly__title { font-size: 24px; text-align: left; margin-bottom: 20px; } } .quickly__button { background-color: #7ba221; color: #fff; padding: 16px 45px 18px 45px; display: inline-block; border-radius: 28px; font-family: 'Exo 2'; text-transform: uppercase; font-weight: 500; } .quickly__button:hover { background-color: #313131; } @media (max-width: 767px) { .quickly__button { padding: 12px 30px 14px 30px; font-size: 16px; } } .quickly__list { display: flex; justify-content: space-between; flex-wrap: wrap; width: calc(100% - 510px); margin-top: 20px; } @media (max-width: 1279px) { .quickly__list { width: 100%; } } @media (max-width: 767px) { .quickly__list { flex-direction: column; } } .quickly__item { display: flex; justify-content: space-between; align-items: flex-start; width: calc(50% - 20px); margin-bottom: 30px; } @media (max-width: 767px) { .quickly__item { width: 100%; } } .quickly__item:nth-last-child(-n+2) { margin-bottom: 0px; } @media (max-width: 767px) { .quickly__item:nth-last-child(-n+2) { margin-bottom: 30px; } } .quickly__rightside { width: calc(100% - 80px); } @media (max-width: 767px) { .quickly__rightside { width: calc(100% - 45px); } } .quickly__number { font-family: 'Exo 2'; font-size: 24px; font-weight: bold; color: #fff; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; text-align: center; background-color: #7ba221; border-radius: 50%; } @media (max-width: 767px) { .quickly__number { font-size: 15px; width: 32px; height: 32px; } } .quickly__name { color: #313131; font-weight: bold; font-family: 'Exo 2'; font-size: 18px; margin-bottom: 10px; } @media (max-width: 767px) { .quickly__name { font-size: 16px; } } .quickly__desc { color: #313131; font-family: 'Exo 2'; } @media (max-width: 767px) { .quickly__desc { font-size: 14px; } } .uslugi { display: flex; flex-wrap: wrap; } .content .uslugi__item { width: 25%; display: inline-block; border: 0px; line-height: 0; padding: 10px; } .uslugi__wrapper { overflow: hidden; position: relative; transition: 0.3s; } .uslugi__block{ position: relative; } .uslugi__item:nth-child(4n+4){ margin-right: 0px; } .uslugi__img img{ width: 100%; } .uslugi__img{ position: relative; } .uslugi__bottom{ position: absolute; bottom: 0px; left: 0px; z-index: 100; padding: 20px; width: 100%; transition: 0.5s; } .uslugi__bottom__wrapper { position: absolute; top: 100%; left: 0px; transition: 0.5s; padding: 20px 30px; } .uslugi__img:before { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; transition: 0.3s; } .uslugi__title { font-family: 'Exo 2'; font-weight: bold; font-size: 20px; line-height: 1.3; border-bottom: 1px solid transparent; color: #fff; } .uslugi__desc { font-size: 16px; font-family: 'Exo 2'; line-height: 1.4; color: #fff; } .uslugi__buttom { color: #fff; font-weight: bold; margin-top: 0px; background: url(/bitrix/templates/80bit/css/../images/next.svg) right 2px no-repeat; background-size: 15px; display: inline-block; line-height: 1; padding-right: 25px; } .content .uslugi__item:hover { border-bottom: none; padding: 0px; } .content .uslugi__item:hover .uslugi__img:before { background: #7BA221; opacity: 0.8; } .content .uslugi__item:hover .uslugi__bottom { bottom: 50%; padding: 20px 30px; } .banners__content { padding-left: 69px; } .prices__leftside--full { width: 100%; } .prices__wrapper { padding-left: 69px; } .questions__answer a { color: #7ba221; border-bottom: 1px solid #7ba221; transition: 0.3s; } .questions__answer a:hover { border-bottom: 1px solid transparent; } @media(max-width: 1250px){ .banners__content { padding-left: 0px; } .prices__wrapper { padding-left: 0px; } .quickly__left { padding-left: 0px; } .questions__left { padding-left: 0px; } } @media(max-width: 767px){ .questions { height: auto; } } @media(max-width: 767px){ .content ul li { font-size: 16px; } .content ol li:before { font-size: 13px; width: 24px; height: 24px; margin-right: 12px; align-items: center; } } @media(max-width: 1479px) { .content .uslugi__item { width: 33.33333%; } } @media(max-width: 1023px) { .content .uslugi__item { width: 50%; } } @media(max-width: 767px) { .content .uslugi__item { width: 100%; } .uslugi__title { font-size: 16px; } .uslugi__bottom { padding: 35px 15px; } .content .uslugi__item:hover .uslugi__bottom { bottom: 70%; padding: 10px 25px; } .uslugi__desc { font-size: 14px; } .uslugi__bottom__wrapper { padding: 10px 25px; } } /* End */ /* Start:/bitrix/templates/.default/components/bitrix/menu/mobile-menu/style.min.css?1552901925490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/mobile-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/news.detail/mobile_contact/style.css?1552901928155*/ div.news-detail { word-wrap: break-word; } div.news-detail img.detail_picture { float:left; margin:0 8px 6px 1px; } .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/templates/.default/components/custom/main.feedback/fos/style.min.css?1552901928251*/ div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/news.detail/top_contact/style.css?1552901928155*/ div.news-detail { word-wrap: break-word; } div.news-detail img.detail_picture { float:left; margin:0 8px 6px 1px; } .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/templates/.default/components/bitrix/menu/top-menu/style.min.css?1552901925490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/top-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/news.detail/mobile_phone/style.css?1552901928155*/ div.news-detail { word-wrap: break-word; } div.news-detail img.detail_picture { float:left; margin:0 8px 6px 1px; } .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/templates/.default/components/bitrix/breadcrumb/bread/style.min.css?1552901924467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/menu/bottom-1/style.min.css?1552901925490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/bottom-1/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/news.list/menu__footer/style.css?1584541855150*/ 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 */ /* Start:/bitrix/templates/.default/components/bitrix/news.detail/footer_contact/style.css?1552901928155*/ div.news-detail { word-wrap: break-word; } div.news-detail img.detail_picture { float:left; margin:0 8px 6px 1px; } .news-date-time { color:#486DAA; } /* End */ /* /bitrix/templates/80bit/css/hamburgers.min.css?155290193019785 */ /* /bitrix/templates/80bit/fonts/kelson/kelson.css?1552901930920 */ /* /bitrix/templates/80bit/fonts/exotwo/exotwo.css?15529019304994 */ /* /bitrix/templates/80bit/fonts/clearsans/clearsans.css?15529019302339 */ /* /bitrix/templates/80bit/fonts/sfui/stylesheet.css?15529019318694 */ /* /bitrix/templates/80bit/css/jquery.fancybox.min.css?155290193013894 */ /* /bitrix/templates/80bit/css/main.min.css?1614085046101005 */ /* /bitrix/templates/80bit/css/services.css?179368590430680 */ /* /bitrix/templates/.default/components/bitrix/menu/mobile-menu/style.min.css?1552901925490 */ /* /bitrix/templates/.default/components/bitrix/news.detail/mobile_contact/style.css?1552901928155 */ /* /bitrix/templates/.default/components/custom/main.feedback/fos/style.min.css?1552901928251 */ /* /bitrix/templates/.default/components/bitrix/news.detail/top_contact/style.css?1552901928155 */ /* /bitrix/templates/.default/components/bitrix/menu/top-menu/style.min.css?1552901925490 */ /* /bitrix/templates/.default/components/bitrix/news.detail/mobile_phone/style.css?1552901928155 */ /* /bitrix/templates/.default/components/bitrix/breadcrumb/bread/style.min.css?1552901924467 */ /* /bitrix/templates/.default/components/bitrix/menu/bottom-1/style.min.css?1552901925490 */ /* /bitrix/templates/.default/components/bitrix/news.list/menu__footer/style.css?1584541855150 */ /* /bitrix/templates/.default/components/bitrix/news.detail/footer_contact/style.css?1552901928155 */