/* Start:/bitrix/templates/80bit/fonts/roboto/roboto.css?15092643193347*/ @font-face { font-family: 'Roboto'; src: local('Roboto Thin'), local('Roboto-Thin'), url('/bitrix/templates/80bit/fonts/roboto/Robotothin.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Robotothin.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Robotothin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/bitrix/templates/80bit/fonts/roboto/Robotothinitalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Robotothinitalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Robotothinitalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto Light'), local('Roboto-Light'), url('/bitrix/templates/80bit/fonts/roboto/Robotolight.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Robotolight.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Robotolight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/bitrix/templates/80bit/fonts/roboto/Robotolightitalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Robotolightitalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Robotolightitalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto'), local('Roboto-Regular'), url('/bitrix/templates/80bit/fonts/roboto/Roboto.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Roboto.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Roboto.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Italic'), local('Roboto-Italic'), url('/bitrix/templates/80bit/fonts/roboto/Robotoitalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Robotoitalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Robotoitalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto Medium'), local('Roboto-Medium'), url('/bitrix/templates/80bit/fonts/roboto/Robotomedium.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Robotomedium.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Robotomedium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/bitrix/templates/80bit/fonts/roboto/Robotomediumitalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Robotomediumitalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Robotomediumitalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto Bold'), local('Roboto-Bold'), url('/bitrix/templates/80bit/fonts/roboto/Robotobold.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Robotobold.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Robotobold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/bitrix/templates/80bit/fonts/roboto/Robotobolditalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Robotobolditalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Robotobolditalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Roboto'; src: local('Roboto Black'), local('Roboto-Black'), url('/bitrix/templates/80bit/fonts/roboto/Robotoblack.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Robotoblack.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Robotoblack.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto'; src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/bitrix/templates/80bit/fonts/roboto/Robotoblackitalic.woff2') format('woff2'), url('/bitrix/templates/80bit/fonts/roboto/Robotoblackitalic.woff') format('woff'), url('/bitrix/templates/80bit/fonts/roboto/Robotoblackitalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } /* End */ /* Start:/bitrix/templates/80bit/fonts/bebas/bebas.css?1509264319593*/ @font-face { font-family: 'Bebas Neue'; src: url('/bitrix/templates/80bit/fonts/bebas/BebasNeue-Thin.eot'); src: url('/bitrix/templates/80bit/fonts/bebas/BebasNeue-Thin.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/80bit/fonts/bebas/BebasNeue-Thin.woff') format('woff'), url('/bitrix/templates/80bit/fonts/bebas/BebasNeue-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Bebas Neue'; src: url('/bitrix/templates/80bit/fonts/bebas/BebasNeueRegular.eot'); src: url('/bitrix/templates/80bit/fonts/bebas/BebasNeueRegular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/80bit/fonts/bebas/BebasNeueRegular.woff') format('woff'), url('/bitrix/templates/80bit/fonts/bebas/BebasNeueRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* End */ /* Start:/bitrix/templates/80bit/css/hamburgers.min.css?150999756019785*/ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)} /* End */ /* Start:/bitrix/templates/80bit/css/jquery.fancybox.min.css?150926431913894*/ @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?1788953631101912*/ /*! 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; } .table--fix-width { width: 150px; } .content img { width: 100%; height: auto; } iframe{ width: 100%!important; } /* * 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; } .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-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%; -webkit-transform-style: preserve-3d; } .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; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .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 { -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; } @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%; } body { font-family: "Roboto"; 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; } body #ugost-line > md-content > .column-logo { display: none; } .ugost-active.ugost-showline .owl-carousel.owl__slider, .ugost-active.ugost-showline .banners { display: none; } .content .map-columns tr td, .content .map-columns tr th { background-color: #fff; } .map-level-1 { margin-top: 30px; } .map-level-1 li a, .map-level-0 li a { color: #000; text-decoration: none; } .content table.map-columns tr:nth-child(2n+1) td { background-color: transparent; } .feedback__input { outline: none; width: 100%; height: 35px; padding: 0px 10px; margin-bottom: 15px; font-size: 14px; } .feedback__textarea { outline: none; width: 100%; height: 100px; padding: 10px 10px; margin-bottom: 15px; font-size: 14px; } .container { width: 1280px; margin: 0px auto; } @media (max-width: 767px) { .container { width: 100%; } } @media (max-width: 1200px) { .header__search__hidden .container { width: 980px; } } @media (max-width: 1030px) { .header__search__hidden .container { width: 767px; } } @media (max-width: 830px) { .header__search__hidden .container { width: 100%; } } .button { border: none; padding: 10px 30px; background-color: #0fccce; text-decoration: none; font-family: "Roboto"; font-weight: bold; font-size: 16px; transition: 0.3s; color: #fff; margin-top: 20px; display: inline-block; cursor: pointer; } .button--circle { border-radius: 30px; } .button--shadow { box-shadow: 2.8px 4.8px 36.5px 5.5px rgba(35, 75, 75, 0.2); } .button--top { margin-top: 50px; } .button:hover, .button:active { color: #fff; background-color: #979797; } .content .button { border: none; padding: 10px 30px; background-color: #0fccce; text-decoration: none; font-family: "Roboto"; font-weight: bold; font-size: 16px; transition: 0.3s; color: #fff; margin-top: 20px; display: inline-block; cursor: pointer; } .content .button--circle { border-radius: 30px; } .content .button--shadow { box-shadow: 2.8px 4.8px 36.5px 5.5px rgba(35, 75, 75, 0.2); } .content .button--top { margin-top: 50px; } .content .button:hover, .content .button:active { color: #fff; background-color: #979797; } .owl__slider { padding-bottom: 70px; } @media (max-width: 680px) { .owl__slider { display: none !important; } } .owl__slider__item__wrapper { width: 100%; background: url(/bitrix/templates/80bit/css/../images/wrapper-slider.png) center no-repeat; height: 100%; position: absolute; top: 0; } .owl__slider__wrapper { width: 50%; padding: 0px 20px; position: relative; } @media (max-width: 950px) { .owl__slider__wrapper { width: 70%; } } @media (max-width: 680px) { .owl__slider__wrapper { width: 100%; padding-top: 40px; } } .owl__slider__title { font-size: 44px; font-weight: bold; font-family: "Roboto"; line-height: 1.4; margin-top: 0px; color: #fff; text-transform: uppercase; } @media (max-width: 1200px) { .owl__slider__title { font-size: 36px; } } @media (max-width: 1030px) { .owl__slider__title { font-size: 34px; } } @media (max-width: 600px) { .owl__slider__title { font-size: 28px; } } .owl__slider__desc { font-size: 18px; line-height: 1.4; font-family: "Roboto"; color: #fff; } @media (max-width: 600px) { .owl__slider__desc { font-size: 16px; } } .owl__slider__nav { width: 10px; height: 10px; } .owl__slider .owl-item { -webkit-animation-duration: 1.3s !important; animation-duration: 1.3s !important; } .owl__slider .owl-item:nth-child(2n) .item { background: url(/bitrix/templates/80bit/css/../images/banner2.png) center no-repeat; } .owl__slider .item { background: url(/bitrix/templates/80bit/css/../images/banner.png) center no-repeat; min-height: 625px; height: 625px; display: flex; align-items: center; text-align: left; } @media (max-width: 680px) { .owl__slider .item { align-items: baseline; } } .owl__slider .owl-dot { padding: 11px; border: 2px solid transparent; margin-right: 15px; border-radius: 50%; transition: 0.3s; } .owl__slider .owl-dot:hover { border-color: #0fccce; } .owl__slider .owl-dot span { width: 7px; height: 7px; border-radius: 50%; background-color: #fff; display: block; transition: 0.3s; } .owl__slider .owl-dots { display: flex; align-items: center; justify-content: center; margin-top: -120px; position: relative; z-index: 1000; } @media (max-width: 950px) { .owl__slider .owl-dots { margin-top: -60px; } } .owl__slider .owl-dot.active { border-color: #0fccce; padding: 9px; } .owl__slider .owl-dot.active span { width: 11px; height: 11px; } .owl__slider .owl-nav { position: absolute; bottom: 63px; left: 50%; margin-left: -400px; } @media (max-width: 1200px) { .owl__slider .owl-nav { margin-left: -285px; } } @media (max-width: 1030px) { .owl__slider .owl-nav { bottom: 57px; } } @media (max-width: 950px) { .owl__slider .owl-nav { margin-left: -41px; margin-bottom: 30px; } } .owl__slider .owl-prev { float: left; padding: 10px 15px; border: 1px solid #fff; transition: 0.3s; } .owl__slider .owl-next { float: right; padding: 10px 15px; transition: 0.3s; border: 1px solid #fff; } .owl__slider .owl__slider__nav { fill: #fff; opacity: 1; transition: 0.3s; } .owl__slider .owl-prev:hover, .owl__slider .owl-prev:active, .owl__slider .owl-next:hover, .owl__slider .owl-next:active { border: 1px solid #0fccce; background-color: #fff; } .owl__slider .owl-prev:hover svg, .owl__slider .owl-prev:active svg, .owl__slider .owl-next:hover svg, .owl__slider .owl-next:active svg { fill: #0fccce; } .owl-carousel.owl-loaded { padding-bottom: 25px; } @media (max-width: 1200px) { .owl__slider .container { width: 980px; } } @media (max-width: 1030px) { .owl__slider .container { width: 100%; padding: 0px 20px; } } .top { display: flex; background-color: #daf5ff; padding: 10px 20px; } @media (max-width: 767px) { .top { display: none; } } .top__wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .top__phone { color: #000; text-decoration: none; padding-left: 30px; margin-right: 40px; background: url(/bitrix/templates/80bit/css/../images/phone.svg) left center no-repeat; background-size: 18px; font-size: 14px; } .top__email { color: #000; text-decoration: none; padding-left: 30px; margin-right: 40px; background: url(/bitrix/templates/80bit/css/../images/email.svg) left center no-repeat; background-size: 18px; font-size: 14px; } .top__adress { color: #000; text-decoration: none; padding-left: 30px; margin-right: 40px; background: url(/bitrix/templates/80bit/css/../images/map.svg) left center no-repeat; background-size: 18px; font-size: 14px; } .top__social__img { width: 25px; margin-right: 5px; } .menu { list-style-type: none; padding-left: 0px; margin: 0px; } @media (max-width: 1120px) { .menu { display: none; } } .menu--footer { margin-bottom: 60px; margin-right: 3%; padding-right: 3%; border-right: 1px solid #93a6b3; flex-grow: 1; flex-shrink: 1; flex-basis: 27%; } .menu--footer:last-child { border-right: 0px; margin-right: 0px; padding-right: 0px; } .menu__block { padding: 0px 20px; } .menu__item { display: inline-block; vertical-align: top; padding: 20px 0px; position: relative; } .menu__item:first-child a { padding-left: 0px; } .menu__item:last-child a { } .menu__item--footer { padding: 0px; display: inherit; margin-bottom: 10px; } .menu__link { text-decoration: none; /* text-transform: uppercase; */ font-family: "Roboto"; font-weight: 500; font-size: 14px; transition: 0.3s; color: #4f5252; padding: 0px 15px; } @media (max-width: 1200px) { .menu__link { padding: 0px 5px; } } .menu__link:hover, .menu__link:active, .menu__link--active { color: #167dbd; } .menu__link--dropdown { background: url(/bitrix/templates/80bit/css/../images/right-arrow-g.svg) right center no-repeat; background-size: 8px; transition: 0.1s; padding: 20px 15px; } @media (max-width: 1200px) { .menu__link--dropdown { background-size: 6px; padding: 20px 10px;} } .menu__link--dropdown:hover { background: url(/bitrix/templates/80bit/css/../images/down-arrow-bl.svg) right center no-repeat; background-size: 8px; } @media (max-width: 1200px) { .menu__link--dropdown:hover { background-size: 6px; } } .menu__link--active { background: url(/bitrix/templates/80bit/css/../images/right-arrow-bl.svg) right center no-repeat; background-size: 8px; } @media (max-width: 1200px) { .menu__link--active { background-size: 6px; } } .menu__link:hover + .menu__dropdown, .menu__link--active:hover + .menu__dropdown { visibility: visible; opacity: 1; } .menu__link--footer { border-bottom: 1px solid transparent; padding: 2px 0px; transition: 0.3s; color: #93a6b3; font-size: 15px; } .menu__link--footer--active { background: none; color: #ffffff; border-bottom: 1px solid; } .menu__link--footer:hover, .menu__link--footer:active { color: #ffffff; border-bottom: 1px solid; } .menu__link--mobile { font-size: 16px; color: #ffffff; background-image: none; } .menu__dropdown { padding: 20px 0px; top: 100%; position: absolute; z-index: 1100; background-color: #fff; min-width: 300px; max-width: 400px; box-shadow: 0 2px 12px rgb(121 118 118 / 15%); transition: 0.2s; visibility: hidden; opacity: 0; } .menu__dropdown:hover { visibility: visible; opacity: 1; } .menu__dropdown__item { padding: 8px 30px; } .menu__dropdown__link { text-decoration: none; color: #4f5252; font-family: "Roboto"; font-size: 16px; transition: 0.3s; } .menu__dropdown__link:hover, .menu__dropdown__link:active, .menu__dropdown__link--active { color: #167dbd; } .menu__mobile { display: none; } .menu__mobile__svg { width: 25px; } .menu__mobile__link { display: block; color: #000; padding: 15px 0; text-decoration: none; text-transform: uppercase; font-weight: bold; transition: 0.3s; } .menu__mobile__link:hover, .menu__mobile__link:active, .menu__mobile__link--active { color: #0fccce; } .menu__mobile__drown { padding-left: 0px; margin-bottom: 20px; } .menu__mobile__drown__item { padding-bottom: 10px; } .menu__mobile__drown__link { text-decoration: none; color: #000; transition: 0.3s; } .menu__mobile__drown__link:hover, .menu__mobile__drown__link:active, .menu__mobile__drown__link--active { color: #0fccce; } #hamburger { display: none; outline: none; } @media (max-width: 1120px) { #hamburger { display: block; } } @media (max-width: 1120px) { #hamburger { padding: 15px 2px; } } .header { width: 100%; padding-top: 20px; } .header__top { display: flex; padding: 0px 20px 20px; } .header__top__wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } @media (max-width: 767px) { .header__top__wrapper { flex-direction: column; } } .header__bottom { display: flex; padding: 0px 20px; position: relative; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; } .header__bottom__wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .header__logo__img { padding-right: 10px; height: 70px; } .header__logo__link { text-decoration: none; display: flex; align-items: center; } .header__logo__title { font-weight: bold; font-size: 24px; font-family: "Roboto"; color: #313131; text-transform: uppercase; line-height: 1.4; } .header__logo__desc { text-decoration: none; font-size: 12px; font-family: "Roboto"; color: #979797; line-height: 1.4; text-transform: uppercase; font-weight: bold; } .header__tel{ margin-bottom: 10px; } .header__tel:last-child{ margin-bottom: 0px; } .header__tel__wrapper{ width: 25%; } .header__time{ width: 20%; } .header__tel__buttom{ display: flex; flex-direction: column; } .header__tel__buttom__link{ font-size: 16px; cursor: pointer; padding: 12px 30px; border-radius: 28px; border: 1px solid; color: #fff; background-color: #F15C59; border-color: #F15C59; text-decoration: none; display: inline-block; transition: 0.3s; margin-bottom: 10px; } .header__tel__buttom__link:last-child{ margin-bottom: 0px; } .header__tel__buttom__link--gos{ background: #fff; border-color: #0D4CD3; color: #0D4CD3; padding: 10px 20px 10px 40px; border-radius: 5px; background: url(/bitrix/templates/80bit/css/../images/gosuslugi.svg); background-repeat: no-repeat; background-size: 30px; background-position: 5px 4px; } .header__tel__buttom__link:hover{ color: #F15C59; background-color: transparent; } .header__tel__buttom__link--gos:hover{ border-color: #0D4CD3; color: #0D4CD3; } @media (max-width: 680px) { .header__tel { display: none; } } .header__tel__link { font-size: 21px; font-weight: bold; font-family: "Roboto"; text-decoration: none; color: #313131; cursor: default; } .header__tel__desc { margin-top: 7px; font-family: "Roboto"; font-size: 11px; color: #979797; text-transform: uppercase; font-weight: bold; } .header__tel--mobile { display: none; } @media (max-width: 680px) { .header__tel--mobile { /*display: block;*/ } } .header__tel--mobile img { width: 40px; } .header__eye { background: url(/bitrix/templates/80bit/css/../images/eye.svg) center left no-repeat; background-size: 25px; } .header__eye__item { text-decoration: none; color: #167dbd; font-size: 14px; font-family: "Roboto"; font-weight: bold; border-bottom: 1px dashed; margin-left: 35px; transition: 0.3s; } .header__eye__item:hover, .header__eye__item:active { border-bottom: 1px dashed transparent; } @media (max-width: 1000px) { .header__time { display: none; } } .header__time__item { font-size: 14px; background: url(/bitrix/templates/80bit/css/../images/clock.svg) no-repeat; background-position: 0px 0px; background-size: 13px; padding-left: 20px; } .header__time__item--bold { font-weight: bold; } .header__search__link { cursor: pointer; } .header__search__img { width: 25px; height: 25px; } @media (max-width: 1200px) { .header__search__img { width: 18px; height: 18px; } } .header__search__hidden { display: none; position: absolute; left: 0; top: 100%; width: 100%; z-index: 1000; background-color: #fff; padding: 20px 10px 30px; text-align: center; box-shadow: inset 0px 200px 150px -240px rgba(0, 0, 0, 0.4); } .header__search__input { height: 35px; margin-right: 20px; width: 50%; outline: none; padding: 0px 10px; } .banners { display: flex; margin-bottom: 60px; padding: 0px 15px; } .banners--bg { background: #daf5ff; } @media (max-width: 950px) { .banners { display: none; } } .banners__wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .banners__item { background-color: #fff; width: 19%; display: flex; text-align: center; border: solid 1px #ebebeb; position: relative; z-index: 100; display: flex; flex-direction: column; align-items: center;} .banners__item:before { content: ''; width: 70px; height: 70px; padding: 50px; display: block; background-size: 50%;} @media(max-width: 1180px){ .banners__item:before { content: ''; width: 60px; height: 60px; padding: 47px; display: block; } } .banners__item--reviews:before { background: url(/bitrix/templates/80bit/css/../images/otzv.png) center no-repeat; } .banners__item--services:before { background: url(/bitrix/templates/80bit/css/../images/services.png) center no-repeat; } .banners__item--doctor:before { background: url(/bitrix/templates/80bit/css/../images/doc.png) center no-repeat; } .banners__link { font-size: 17px; font-weight: 500; font-family: "Roboto"; text-decoration: none; color: #313131; align-items: center; display: flex; justify-content: center; width: 100%; box-shadow: 0 0 19px 0 rgba(35, 75, 75, 0.13); padding: 15px; transition: 0.3s; height: 100%;} @media(max-width: 1180px){ .banners__link { font-size: 14px; } } .banners__link:hover, .banners__link:active { /*background: linear-gradient(to top, #0fccce, #0e82cc); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ color: #0fccce; background-color: transparent; } .banner { min-height: 850px; height: 850px; width: 100%; text-align: left; background: url("/bitrix/templates/80bit/css/../images/banner.png") center/cover no-repeat; background-color: #c1c1c1; display: flex; padding: 0px 60px; align-items: center; font-family: "Roboto"; } @media (max-width: 767px) { .banner { padding: 0px 30px; min-height: 600px; } } .banner__wrapper { width: 40%; } @media (max-width: 1200px) { .banner__wrapper { width: 45%; } } @media (max-width: 1030px) { .banner__wrapper { width: 50%; } } @media (max-width: 980px) { .banner__wrapper { width: 100%; } } .banner__title { font-size: 30px; font-weight: bold; line-height: 1.6; color: #000000; padding-bottom: 15px; } @media (max-width: 767px) { .banner__title { font-size: 24px; } } .banner__desc { font-size: 18px; margin-bottom: 15px; } .company { display: flex; padding: 50px 10px 80px; } .company h3 { font-size: 30px; font-family: "Roboto"; margin: 20px 0px; } .company__title { text-align: center; margin-bottom: 50px; font-size: 30px; font-family: "Roboto"; } .company__wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 70px; } .company__wrapper--detail { padding: 0px; flex-basis: 65%; } .company__detail { display: flex; } .company__img { flex-grow: 1; flex-shrink: 1; flex-basis: 170px; margin-right: 20px; } .company__img__item { width: 100%; } .company__img__item--float { width: 49%; margin-right: 1%; } .company__desc { flex-grow: 1; flex-shrink: 1; flex-basis: 320px; line-height: 24px; } .tab { display: flex; padding: 70px 20px 60px; background: url(/bitrix/templates/80bit/css/../images/tab.png) center/cover no-repeat; } .tab__title { padding: 15px 30px; font-family: "Roboto"; font-size: 16px; font-weight: 500; color: #313131; background-color: #fff; text-decoration: none; border: solid 2px #e1e1e1; opacity: 0.65; transition: 0.3s; display: inline-block; cursor: pointer; } @media (max-width: 980px) { .tab__title { width: 100%; } } .tab__title--active { opacity: 1; border: solid 2px #06a2a4; border-bottom: solid 2px #fff; } .tab__content { display: none; padding: 30px 30px 40px; background-color: #fff; border: solid 2px #06a2a4; margin-top: -2px; } .tab__content--active { display: block; } .tab__content p { font-family: "Roboto"; font-size: 16px; color: #586262; line-height: 1.4; } @media (max-width: 1200px) { .tab .container { width: 980px; } } @media (max-width: 1030px) { .tab .container { width: 100%; } } .number { display: flex; padding: 70px 20px 60px; background: url(/bitrix/templates/80bit/css/../images/number_2.jpg) center/cover no-repeat; } .number__wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .number__item { flex-basis: 15%; padding: 0px 20px; text-align: center; font-family: "Roboto"; } .number__item:first-child { padding-left: 0px; } .number__item:last-child { padding-right: 0px; } @media (max-width: 825px) { .number__item:nth-child(odd) { padding-left: 0px; padding-right: 20px; flex-basis: 40%; } } @media (max-width: 600px) { .number__item:nth-child(odd) { flex-basis: 100%; padding: 0px 20px; } } @media (max-width: 825px) { .number__item:nth-child(even) { padding-left: 20px; padding-right: 0px; flex-basis: 60%; } } @media (max-width: 600px) { .number__item:nth-child(even) { flex-basis: 100%; padding: 0px 20px; } } @media (max-width: 1200px) { .number__item { margin-bottom: 30px; } } .number__title { font-family: "Bebas Neue"; font-size: 100px; color: #6eeff0; padding-bottom: 15px; } .number__desc { font-family: "Roboto"; font-size: 18px; font-weight: bold; line-height: 1.4; color: #ffffff; } @media (max-width: 1200px) { .number .container { width: 980px; } } @media (max-width: 1030px) { .number .container { width: 100%; } } .site { padding: 35px 20px; display: flex; border-top: 2px solid #e1e1e1; } .site__wrapper { display: flex; flex-wrap: wrap; gap: 10px; } .site__link { text-decoration: none; } .site__item { padding: 0px; margin-top: 20px; margin-bottom: 20px; margin-right: 25px; } @media (max-width: 1130px) { .site__item { margin-bottom: 40px; } } @media (max-width: 984px) { .site__item { margin-bottom: 20px; } } @media (max-width: 767px) { .site__item { flex-basis: 100%; text-align: center; margin-bottom: 20px; } } .site__item img { height: 60px; } @media (max-width: 984px) { .site__item img { height: 45px; } } @media (max-width: 767px) { .site__item img { height: auto; width: 50%; } } @media (max-width: 400px) { .site__item img { width: 100%; } } .news--main { margin: -115px 0px 50px; display: flex; background: #daf5ff; padding: 100px 20px 35px;} @media (max-width: 950px) { .news--main { margin: 0px 0px 50px; padding: 30px 20px 35px;} } .news { padding: 50px 20px; display: flex; } @media (max-width: 680px) { .news { padding: 20px 10px; } } .news--all { flex-wrap: wrap; justify-content: space-between; padding: 20px 0px; } .news--right { display: block; padding: 0px; } @media (max-width: 850px) { .news--right { margin-top: 40px; } } .news--right .news__wrapper { margin: 0px; } .news--right .news__item--all { flex-basis: 100%; } .news__one { width: 350px; float: left; margin-right: 20px; outline: none; } @media (max-width: 680px) { .news__one { width: 100%; } } .news__back { margin-top: 30px; } .news__back__link { color: #06a2a4; text-decoration: none; border-bottom: 1px dotted; } .news__one img { width: 100%; } .news__gallery { margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: left; } .news__gallery__item { flex-basis: 48%; margin-right: 10px; outline: none; max-height: 250px; overflow: hidden; margin-bottom: 10px; border: 0px; } @media (max-width: 680px) { .news__gallery__item { flex-basis: 100%; margin-right: 0px; max-height: inherit; } } .news__gallery__item img { width: 100%; } .news__header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; margin-bottom: 20px; } .news__header__title { color: #313131; font-weight: bold; font-size: 32px; font-family: "Roboto"; text-transform: uppercase; margin-top: 10px; line-height: 1.2; } @media (max-width: 680px) { .news__header__title { font-size: 28px; } } .news__header__link { color: #8f8f8f; font-family: "Roboto"; font-weight: bold; font-size: 16px; background: url(/bitrix/templates/80bit/css/../images/list.svg) left no-repeat; padding-left: 30px; background-size: 17px; text-decoration: none; text-transform: uppercase; transition: 0.3s; } .news__header__link:hover, .news__header__link:active { background: url(/bitrix/templates/80bit/css/../images/list-b.svg) left no-repeat; color: #000; background-size: 17px; } .news__item { flex-grow: 1; flex-shrink: 1; flex-basis: 30%; margin-right: 25px; } .news__item:last-child { margin-right: 0px; } @media (max-width: 850px) { .news__item { flex-basis: 100%; margin-bottom: 20px; margin-right: 0px; } } .news__item__wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .news__item__wrapper--all { flex-direction: column; } .news__item--all { margin-bottom: 25px; padding-bottom: 25px; flex-basis: 45%; border-bottom: 1px solid #d6d6d6; } @media (max-width: 1100px) { .news__item--all { flex-basis: 100%; } } .news__img { width: 100%; max-height: 335px; margin-bottom: 20px; overflow: hidden; line-height: 0px;} .news--main .news__img{ margin-bottom: 0px; } .news--main .news__desc__wrapper{ padding: 20px; background: #fff; } @media (max-width: 980px) { .news__img { width: 100%; max-height: initial; margin: 0px auto; } } .news__img img { width: 100%; } .news__img--all { width: 100%; } @media (max-width: 1100px) { .news__img--all { max-height: initial; } } .news__wrapper { display: flex; margin: 30px 0px; flex-wrap: wrap; justify-content: space-between; } @media (max-width: 680px) { .news__wrapper { margin: 0px; } } .news__title { font-size: 18px; font-family: "Roboto"; margin-bottom: 10px; font-weight: bold; color: #313131; margin-top: 0px; } .news__link { color: #000; text-decoration: none; transition: 0.3s; } .news__link:active, .news__link:hover { color: #979797; } .news__data { font-family: "Roboto"; font-size: 14px; color: #06a2a4; margin-bottom: 10px; width: 100%; } @media (max-width: 980px) { .news__data { margin-top: 10px; } } .news__data--all { margin-top: 10px; } .news__desc { font-size: 16px; font-family: "Roboto"; color: #586262; } .news__desc__wrapper { width: 100%; } @media (max-width: 980px) { .news__desc__wrapper { width: 100%; margin: 0px auto; } } .news__desc__wrapper--all { width: 100%; } .content .news__link { color: #000; text-decoration: none; transition: 0.3s; border-bottom: 0px; } .content .news__link:active, .content .news__link:hover { color: #979797; } .content .news__gallery__item { border-bottom: 0px; } .content { display: flex; margin: 40px 0px; padding: 0px 20px; } .content .table--small { font-size: 14px; } .content .table--small th, .content .table--small td { padding: 10px; } .content .docs__svg { width: 60px; height: 50px; padding-right: 10px; } .content .docs__item { display: flex; margin-bottom: 25px; } .content .docs__prop { font-size: 13px; color: #adabab; padding-top: 5px; } .content .docs__title { margin: 10px 0px 0px 0px; } .content .docs__link { color: #000; text-decoration: none; border-bottom: 0px; } .content__wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .content__left{ width: 60%; margin-right: 3%; } .content__right{ width: 37%; } @media (max-width: 850px) { .content__left{ width: 100%; margin-right: 0px; margin-bottom: 20px; } .content__right{ width: 100%; } } .content__left--default { width: 63%; margin-right: 2%; } @media (max-width: 850px) { .content__left--default { width: 100%; margin-left: 0px; } } .content__right--default { width: 33%; margin-left: 2%; } @media (max-width: 850px) { .content__right--default { width: 100%; margin-left: 0px; } } .content__center { margin-top: 40px; width: 100%; } .content__title { font-family: "Roboto"; font-size: 32px; font-weight: 500; color: #393a3a; text-transform: uppercase; margin-top: 10px; } .content p { color: #586262; font-size: 16px; font-family: "Roboto"; line-height: 1.4; } .content h3 { font-family: "Roboto"; font-size: 20px; font-weight: bold; line-height: 1.2; color: #313131; } .content .ul--float { display: flex; justify-content: space-between; flex-wrap: wrap; } .content .ul ul { width: 50%; } @media (max-width: 600px) { .content .ul ul { width: 100%; } } .content ul li { list-style-type: square; margin-bottom: 20px; } .content ul ol { margin-top: 20px; } .content ul ol li { margin-bottom: 5px; } .content ul ul { margin-top: 20px; } .content ul ul li { margin-bottom: 5px; } .content__img { margin: 20px 25px 20px 0px; } .content .content__img--float { display: inline-block; width: 49%; margin-right: 1%; } .content__img--float:nth-child(even) { margin-right: 0px; margin-left: 1%; } .content ol { list-style-type: decimal; } .content ol li { margin-bottom: 20px; } .content ol ol { margin-top: 20px; } .content ol ol li { margin-bottom: 5px; } .content ol ul { margin-top: 20px; } .content ol ul li { margin-bottom: 5px; } @media (max-width: 600px) { .content img { width: 100%; } } .content table { width: 100%; margin: 40px 0px; } .content tr:nth-child(2n+1) td { background: rgba(157, 218, 219, 0.73); } .content tr:nth-child(2n) td { background: rgba(222, 243, 243, 0.73); } .content th { padding: 14px; background-color: #167dbd; border: 1px solid #fff; color: #fff; } .content td { padding: 15px 20px; border: 1px solid #fff; } .content a { color: #06a2a4; text-decoration: none; border-bottom: 1px dashed; transition: 0.3s; } .content a:hover { border-color: transparent; } .content .video__header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; margin-bottom: 20px; } .content .video__header__title { color: #313131; font-weight: bold; font-size: 20px; font-family: "Roboto"; text-transform: uppercase; margin-top: 10px; line-height: 1.2; } .content .video__header__link { color: #8f8f8f; font-family: "Roboto"; font-weight: bold; font-size: 16px; background: url(/bitrix/templates/80bit/css/../images/list.svg) left no-repeat; padding-left: 30px; background-size: 17px; text-decoration: none; text-transform: uppercase; transition: 0.3s; border-bottom: 0px; } .content .video__header__link:hover, .content .video__header__link:active { background: url(/bitrix/templates/80bit/css/../images/list-b.svg) left no-repeat; color: #000; background-size: 17px; } .content .video__title { font-size: 16px; font-weight: 500; line-height: 1.4; text-align: left; color: #313131; font-family: "Roboto"; margin-bottom: 20px; } .content .video__item { padding-bottom: 30px; border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; } .content div.mf-name input, .content div.mf-email input { width: 100%; padding: 0px 10px; height: 35px; margin-bottom: 10px; } .content div.mf-message textarea { width: 100%; padding: 10px; height: 150px; } .content .form_politika { font-size: 12px; } .content div.mf-name, .content div.mf-email, .content div.mf-captcha, .content div.mf-message { width: 100%; padding-bottom: .4em; } .content .pesonal__item { display: flex; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #979797; } @media (max-width: 767px) { .content .pesonal__item { flex-wrap: wrap; } } .content .pesonal__item:last-child { border-bottom: 0px; } .content .pesonal__photo { flex-basis: 38%; margin-right: 4%; } @media (max-width: 767px) { .content .pesonal__photo { flex-basis: 100%; margin-right: 0px; } } .content .pesonal__photo img { width: 100%; } .content .pesonal__desc { flex-basis: 58%; } @media (max-width: 767px) { .content .pesonal__desc { flex-basis: 100%; } } .content .pesonal__name { font-size: 28px; } @media (max-width: 767px) { .content .pesonal__name { font-size: 20px; } } .content .pesonal__post { font-size: 18px; } @media (max-width: 767px) { .content .pesonal__post { font-size: 16px; } } .content .reviews__block { margin-top: 60px; } .content .reviews__block h4 { margin: 0px; } .content .reviews__block__item { margin-top: 20px; padding: 20px; background: rgba(6, 162, 164, 0.3); margin-bottom: 20px; width: 100%; } .content .reviews__block__desc { font-style: italic; } .video__header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; margin-bottom: 20px; } .video__header__title { color: #313131; font-weight: bold; font-size: 20px; font-family: "Roboto"; text-transform: uppercase; margin-top: 10px; line-height: 1.2; } .video__header__link { color: #8f8f8f; font-family: "Roboto"; font-weight: bold; font-size: 16px; background: url(/bitrix/templates/80bit/css/../images/list.svg) left no-repeat; padding-left: 30px; background-size: 17px; text-decoration: none; text-transform: uppercase; transition: 0.3s; } .video__header__link:hover, .video__header__link:active { background: url(/bitrix/templates/80bit/css/../images/list-b.svg) left no-repeat; color: #000; background-size: 17px; } .video__title { font-size: 16px; font-weight: 500; line-height: 1.4; text-align: left; color: #313131; font-family: "Roboto"; margin-bottom: 20px; } .offer { padding: 50px 0px; background: url(/bitrix/templates/80bit/css/../images/preim.png) center/cover no-repeat; display: flex; } .offer__wrapper { width: 70%; margin: 0px auto; padding: 50px 80px; background: rgba(255, 255, 255, 0.7); text-align: center; } @media (max-width: 900px) { .offer__wrapper { width: 90%; margin: 0px 5%; } } @media (max-width: 767px) { .offer__wrapper { padding: 30px; } } .offer__title { margin: 0px; padding: 0px; font-family: "Roboto"; font-size: 30px; font-weight: bold; line-height: 1.6; margin-bottom: 10px; } @media (max-width: 767px) { .offer__title { font-size: 24px; line-height: 1.2; } } .services { padding: 60px 0px; counter-reset: count; display: flex; flex-direction: column; background-color: #f3f3f3; text-align: center; } .services .services__wrapper--detail { display: flex; flex-wrap: wrap; align-items: baseline; } .services--detail { background-color: #fff; } @media (max-width: 767px) { .services { margin: 30px 0px; } } .services__item { margin-bottom: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; text-align: left; } @media (max-width: 1030px) { .services__item { flex-direction: column; text-align: center; } } .services__item--detail { flex-grow: 1; flex-shrink: 1; flex-basis: 320px; padding: 0px 30px 20px; text-align: center; margin-top: 20px; } .services__header__title { text-align: center; margin-bottom: 10px; font-size: 30px; font-family: "Roboto"; } .services__title { margin-top: 0px; } .services__header__desc { text-align: center; margin-bottom: 40px; } .services__body { width: 85%; padding: 15px 5%; } .services__body--detail { width: 100%; padding: 0px; } .services__step { padding: 0px 20px 0px 70px; } .services__step--detail { padding: 0px; margin: 20px auto; } .services__step__wrapper { border: 6px solid #979797; width: 85px; height: 85px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .services__step__wrapper:before { content: counter(count); counter-increment: count; font-family: "Roboto"; font-size: 42px; font-weight: bold; color: #979797; } @media (max-width: 1220px) { .services__step { padding: 0px 20px 0px 30px; } } .product { text-align: center; padding: 80px 10px; display: flex; } @media (max-width: 767px) { .product { padding: 30px 0px 50px; } } .product__header { font-size: 30px; text-transform: uppercase; margin-bottom: 60px; } .product__wrapper { display: flex; margin: 30px 0px; text-align: center; flex-wrap: wrap; } .product__item { flex-grow: 1; flex-shrink: 1; flex-basis: 320px; padding: 0px 30px 60px; } .product__title { text-align: center; font-size: 30px; font-weight: bold; font-family: "Roboto"; } .product__price { font-size: 30px; color: #979797; font-family: "Roboto"; } .product__desc { text-align: center; margin-bottom: 30px; font-family: "Roboto"; } @media (max-width: 767px) { .product__desc { margin-bottom: 30px; } } #map { width: 100%; height: 550px; } @media (max-width: 767px) { #map { display: none; } } #map--mobile { display: none; width: 100%; height: 400px; } @media (max-width: 767px) { #map--mobile { display: block; } } .contact { position: relative; } .contact__wrapper { position: absolute; top: 60px; background-color: rgba(255, 255, 255, 0.7); padding: 40px 60px; width: 600px; } @media (max-width: 900px) { .contact__wrapper { top: 25px; padding: 40px; width: 500px; } } @media (max-width: 767px) { .contact__wrapper { position: inherit; top: 0px; width: 100%; padding: 30px; } } .contact__title { font-size: 30px; font-family: "Roboto"; font-weight: bold; line-height: 1.2; padding-bottom: 15px; margin: 0px; } .contact__desc { font-size: 18px; font-family: "Roboto"; padding-bottom: 30px; } .contact__adress { background: url(/bitrix/templates/80bit/css/../images/map-point.svg) left center no-repeat; background-size: 30px; padding: 25px 50px; font-size: 18px; } .contact__tel { background: url(/bitrix/templates/80bit/css/../images/phone.svg) left center no-repeat; background-size: 25px; padding: 25px 50px; font-size: 18px; } .contact__email { background: url(/bitrix/templates/80bit/css/../images/email.svg) left center no-repeat; background-size: 25px; padding: 25px 50px; font-size: 18px; } @media (max-width: 767px) { .contact__email { padding-bottom: 0px; } } .contact__mail__link { text-decoration: none; color: #000; } .contact__tel__link { text-decoration: none; color: #000; cursor: default; } .footer { background-color: #2b3338; padding: 50px 20px; display: flex; } @media (max-width: 350px) { .footer { padding: 30px 4px; } } .footer__bottom { display: flex; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 680px) { .footer__bottom { flex-direction: column; width: 300px; margin: 0px auto; } } .footer__wrapper { display: flex; } .footer__left { display: flex; justify-content: space-between; flex-wrap: wrap; flex-grow: 1; } .footer__right { display: flex; justify-content: space-between; flex-wrap: wrap; flex-basis: 30%; margin-left: 25px; flex-shrink: 0; } @media (max-width: 1120px) { .footer__right { flex-basis: 100%; margin-left: 0px; } } @media (max-width: 1120px) { .footer__tel { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 20px; } } @media (max-width: 680px) { .footer__tel { flex-direction: column; width: 300px; margin: 0px auto; } } .footer__tel__link { font-family: "Roboto"; font-size: 22px; font-weight: 500; text-decoration: none; color: #fff; cursor: default; } .footer__tel__desc { font-family: "Roboto"; font-size: 12px; font-weight: bold; color: #93a6b3; text-transform: uppercase; margin-top: 5px; margin-bottom: 15px; } .footer__adress { font-family: "Roboto"; font-size: 16px; color: #ffffff; background: url(/bitrix/templates/80bit/css/../images/map.svg) left center no-repeat; background-size: 20px; padding: 2px 0px 2px 30px; margin-bottom: 35px; } .footer__link { color: #a3a3a3; font-size: 16px; font-family: "Roboto"; text-decoration: none; transition: 0.3s; } .footer__link:hover { color: #fff; } .footer__prava { display: flex; align-items: center; color: #93a6b3; font-size: 14px; font-family: "Roboto"; padding-right: 40px; } @media (max-width: 850px) { .footer__prava { display: none; } } .footer__dev__link { text-decoration: none; font-family: "Roboto"; font-size: 14px; color: #93a6b3; display: flex; width: 200px; align-items: center; font-weight: bold; margin-right: 20px; } .footer__dev__link img { margin-right: 15px; } .footer__social { display: flex; flex-wrap: wrap; justify-content: left; } @media (max-width: 850px) { .footer__social { display: none; } } @media (max-width: 680px) { .footer__social { display: flex; } } .footer__social__item { margin-right: 20px; margin-bottom: 15px; } .footer__social__svg { fill: #93a6b3; width: 30px; height: 30px; transition: 0.3s; } .footer__social__svg:hover, .footer__social__svg:active { fill: #fff; } .footer__politika { color: #93a6b3; font-size: 14px; font-family: "Roboto"; text-decoration: none; transition: 0.3s; display: flex; align-items: center; } .footer__politika:hover { color: #fff; } @media (max-width: 767px) { .footer__politika { padding: 20px 0px; } } .overlay { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.4); display: none; z-index: 10000; } .popup__wrapper { position: absolute; width: 40%; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 40px; box-sizing: border-box; background-color: #979797; color: #fff; } @media (max-width: 1240px) { .popup__wrapper { width: 50%; } } @media (max-width: 1000px) { .popup__wrapper { width: 60%; } } @media (max-width: 767px) { .popup__wrapper { width: 100%; height: 100vh; font-size: 15px; } } .popup__title { text-align: center; text-transform: uppercase; } .popup__close { position: absolute; top: 15px; right: 15px; width: 23px; height: 23px; cursor: pointer; } .popup__close:before { content: ''; background-color: #fff; position: absolute; height: 1px; width: 31px; top: 11px; left: -4px; transform: rotate(-45deg); } .popup__close:after { content: ''; background-color: #fff; position: absolute; height: 1px; width: 31px; top: 11px; transform: rotate(45deg); left: -4px; } .feedback__input { width: 100%; border: 0px; border-bottom: 1px solid; background-color: transparent; height: 50px; padding: 0px 10px; box-shadow: none; outline: none; font-size: 18px; font-family: "Roboto"; margin-bottom: 15px; } .feedback__input::-webkit-input-placeholder { color: #fff; opacity: 1; transition: opacity 0.2s ease; } .feedback__input::-moz-placeholder { color: #fff; opacity: 1; transition: opacity 0.2s ease; } .feedback__input:-moz-placeholder { color: #fff; opacity: 1; transition: opacity 0.2s ease; } .feedback__input:-ms-input-placeholder { color: #fff; opacity: 1; transition: opacity 0.2s ease; } .feedback__input:focus::-webkit-input-placeholder { color: #fff; opacity: 0; transition: opacity 0.2s ease; } .feedback__input:focus::-moz-placeholder { color: #fff; opacity: 0; transition: opacity 0.2s ease; } .feedback__input:focus:-moz-placeholder { color: #fff; opacity: 0; transition: opacity 0.2s ease; } .feedback__input:focus:-ms-input-placeholder { color: #fff; opacity: 0; transition: opacity 0.2s ease; } .feedback__submit { display: block; width: 40%; margin: 40px auto 10px; border: 2px solid #fff; background-color: transparent; box-shadow: none; font-size: 18px; font-weight: bold; font-family: "Roboto"; padding: 8px 0px 8px; transition: 0.3s; } .feedback__submit:hover { background-color: #fff; color: #979797; } .feedback__submit:active { background-color: #fff; color: #979797; } .content .table--big--small td, .content .table--big--small th{ font-size: 11px; padding: 10px 5px; } .content .mf-captcha img{ width: auto; } .header__gor{ font-size: 12px; width: auto; margin-top: 0px; } .header__gor a{ color: #167dbd; border-bottom: 1px dashed; transition: 0.3s; text-decoration: none; } .header__gor a:hover{ border-bottom: 1px dashed transparent; } @media (max-width: 767px) { .header__time__item{ display: none; } } .fancybox-close-small:before { content: ''; background-color: #e15642; position: absolute; height: 2px; width: 31px; border-radius: 0px; top: 11px; left: -4px; transform: rotate(-45deg); } .fancybox-close-small:after { content: ''; background-color: #e15642; position: absolute; height: 2px; width: 31px; border-radius: 0px; top: 11px; transform: rotate(45deg); left: -4px; } .fancybox-close-small:hover:after { color: #e15642; background: #e15642; } .fancybox-close-small:focus:after { outline: none; } .fancybox-close-small { width: 23px; height: 23px; top: 15px; right: 15px; } .modal__center{ text-align: center; font-size: 20px; } .modal__red{ font-size: 28px; font-weight: bold; color: #e15642; } .modal__tel{ margin-bottom: 20px; font-size: 32px; font-weight: bold; } .modal__tel a{ color: #000; text-decoration: none; } #ModalBack{ padding: 0px!important; } #ModalBack img{ width: 100%; line-height: 0px; } .modal{ display: none; width:40%; } .modal__time{ font-weight: bold; text-decoration: underline; } @media (max-width: 1400px) { .modal{ width:60%; } } @media (max-width: 1200px) { .modal{ width:70%; } } @media (max-width: 767px) { .modal{ width:95%; } } .header__tel__desc--small{ margin-top: 7px; font-family: "Roboto"; font-size: 10px; } @media (max-width: 1080px) { .header__tel__link { font-size: 19px; } .header__time__item { font-size: 12px; } .header__tel { margin-bottom: 5px; } .header__tel__desc { margin-top: 3px; } .header__gor{ margin-top: 10px; } .header__tel__buttom__link{ font-size: 14px; padding: 12px 25px 8px; } .header__tel__buttom__link--gos{ font-size: 14px; padding: 9px 20px 7px 36px; line-height: 1.5; background-size: 28px; } } @media (max-width: 1000px) { .header__tel__wrapper { width: 32%; } } .modal_podtitles{ text-align: center; font-size: 28px; margin-bottom: 40px; font-weight: normal; } .modal_titles{ text-align: center; font-size: 42px; } @media (max-width: 767px) { .header__tel__buttom{ margin: 20px 0px; } .header__tel__wrapper { width: 100%; text-align: center; } .modal_podtitles{ text-align: center; font-size: 24px; margin-bottom:20px; } .modal_titles{ font-size: 32px; } .header__tel { display: block; } .header__tel--mobile{ display: none; } } .header__search{ display: none; } .header__menu{ width: 100%; } .menu__link--icon{ display: flex; font-size: 18px; align-items: center; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; margin-right: 15px; } .menu__link--icon span{ width: 35px; height: 35px; margin-right: 10px; padding-top: 0px; padding-bottom: 0px; align-items: center; display: flex; } .menu__link--icon span img{ width: 100%; } .projects__photo { width: 100%; } .projects__block:first-child { margin-top: 30px; } @media (max-width: 767px) { .projects__block:first-child { margin-top: 20px; } } .projects__block { margin-bottom: 30px; } @media (max-width: 767px) { .projects__block { margin-bottom: 20px; } } .projects__navigation { display: flex; align-items: center; position: relative; } .projects__navigation .owl-prev, .projects__navigation .owl-next { background: none; border: none; outline: none; padding: 0px; display: flex; align-items: center; justify-content: center; position: absolute; cursor: pointer; } .projects__navigation .owl-prev svg, .projects__navigation .owl-next svg { width: 40px; height: 40px; fill: #06a2a4; transition: .3s; } @media (max-width: 767px) { .projects__navigation .owl-prev svg, .projects__navigation .owl-next svg { width: 30px; height: 30px; } } .projects__navigation .owl-prev.disabled, .projects__navigation .owl-next.disabled { cursor: default; } .projects__navigation .owl-prev.disabled svg, .projects__navigation .owl-next.disabled svg { fill: #b4b4b4; } .projects__navigation .owl-prev { left: 0; margin-left: 10px; z-index: 100;} @media (max-width: 1199px) { .projects__navigation .owl-prev { margin-left: 10px; } } .projects__navigation .owl-next { right: 0px; margin-right: 10px; z-index: 100;} @media (max-width: 1199px) { .projects__navigation .owl-next { margin-right: 10px; } } @media (max-width: 1199px) { .projects__slider { width: 100%; margin: 0 auto; } } @media (max-width: 767px) { .projects__slider { width: 100%; } } .video__wrapper{ position: relative; padding-bottom: 56.25%; height: 0; } .video__wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 850px) { .content__left h1{ font-size: 18px; } } .pesonal__post--last{ margin-top: 20px; font-size: 14px; font-style: oblique; } .mf-call{ display: none; } .footer__policy{ display: flex; } .footer__policy a{ margin-right: 10px; } .footer__policy a:last-child{ margin-right: 0px; } @media(max-width: 1200px){ .footer__dev{ display: none; } } @media(max-width: 767px){ .footer__policy{ flex-direction: column; align-items: center; } .footer__politika { padding: 0px 0px; margin-bottom: 5px; } } /* START Cookies */ :root { --cookie__block__background: #f7f8f9; --cookie_box-shadow: 0px -5px 15px rgba(62, 62, 62, 0.1); --cookie__text__font_title: 14px; --cookie__text__font_size: 13px; --cookie__text__font_size_small: 12px; --cookie__button__font_size: 14px; --cookie__mobile__text__font_size: 12px; --cookie__mobile__button__font_size: 12px; --cookie__link: #06a2a4; --cookie__link_hover: #979797; --cookie__button__color: #FFFFFF; --cookie__button__color_hover: #FFFFFF; --cookie__button__background: #0fccce; --cookie__button__background_hover: #979797; } .cookie { /* display: none; */ justify-content: space-between; align-items: flex-start; background: var(--cookie__block__background); border-radius: 12px; padding: 25px 30px; position: fixed; z-index: 3500; bottom: 30px; right: 30px; width: 400px; flex-direction: column; box-shadow: var(--cookie_box-shadow); } @media (max-width: 767px) { .cookie { bottom: 10px; right: 10px; width: calc(100% - 20px); flex-direction: column; padding: 20px 15px; } } .cookie__leftside { width: 100%; margin-bottom: 15px; } @media (max-width: 767px) { .cookie__leftside { width: 100%; margin-bottom: 10px; } } .cookie__title { font-weight: bold; font-size: var(--cookie__text__font_title); line-height: 1.4; color: #161616; margin-bottom: 10px; } .cookie__text { font-weight: normal; font-size: var(--cookie__text__font_size); line-height: 1.4; color: #161616; } .cookie__text--small { margin-top: 5px; font-size: var(--cookie__text__font_size_small); } .cookie__text a { color: var(--cookie__link); } .cookie__text a:hover { color: var(--cookie__link_hover); } .cookie__button { display: inline-block; border-radius: 5px; padding: 11px 22px 7px; font-size: var(--cookie__button__font_size); font-weight: bold; color: var(--cookie__button__color); text-transform: uppercase; background: var(--cookie__button__background); cursor: pointer; transition: .3s; } .cookie__button:hover { background: var(--cookie__button__background_hover); color: var(--cookie__button__color_hover); } @media(max-width: 767px) { .cookie__text { font-size: var(--cookie__mobile__text__font_size); } .cookie__button { padding: 5px 20px 3px; font-size: var(--cookie__mobile__button__font_size); } } /* END Cookies */ .pagenavigation { display: flex; align-items: center; justify-content: center; margin-top: 50px; margin-bottom: 40px; width: 100%; } @media (max-width: 767px) { .pagenavigation { margin-top: 35px; } } .pagenavigation__button { background: #E5E5E6; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; } .pagenavigation__button svg { width: 15px; height: 15px; } .pagenavigation__button svg path { stroke: #232630; transition: .3s; } .pagenavigation__button:hover path { stroke: #167dbd; } @media (max-width: 767px) { .pagenavigation__button { width: 34px; height: 34px; } .pagenavigation__button svg { width: 14px; height: 14px; } } .pagenavigation__pages { display: flex; align-items: center; margin: 0 16px; } .pagenavigation__page { font-size: 16px; color: #232630; text-align: center; display: flex; align-items: center; justify-content: center; padding: 5px; line-height: 1.2; border: 1px solid transparent; border-radius: 5px; width: 35px; height: 35px; cursor: pointer; transition: .3s; margin-right: 8px; } .content .pagenavigation__page { color: #232630; border-bottom: 1px solid transparent; } .pagenavigation__page:last-child { margin-right: 0px; } .pagenavigation__page:hover { color: #167dbd; } .content .pagenavigation__page--active { cursor: default; border-color: #06a2a4; border-bottom: 1px solid #06a2a4; color: #06a2a4; } @media (max-width: 767px) { .pagenavigation__page { width: 34px; height: 34px; font-size: 14px; } } .pagenavigation__button--dark { background-color: #F2F4F7; } .pagenavigation__button.pagenavigation__next, .pagenavigation__button.pagenavigation__prev { border-bottom: none; } .pagenavigation__button.pagenavigation__next--disabled:hover path, .pagenavigation__button.pagenavigation__prev--disabled:hover path { stroke: #232630; } .pagenavigation__next--disabled, .pagenavigation__prev--disabled { opacity: 0.4; } .minor__block { margin: 50px 0; } .minor__top { display: flex; gap: 15px; justify-content: space-between; } .minor__top__item { width: calc(33% - 10px); } .minor__top__img { width: 100%; height: auto; margin-bottom: 15px; } .minor__top__img img { width: 100%; height: auto; } .minor__top__text { font-size: 14px; line-height: 1.3; } .minor__bot__desc p { font-size: 16px; line-height: normal; } .minor__bot__desc ul li { font-size: 15px; line-height: normal; } .minor__bot__qrcode { height: 180px; width: auto; display: flex; align-items: center; justify-content: center; margin-top: 30px; } .minor__bot__qrcode img { height: 100%; width: auto; } @media (max-width: 500px) { .minor__top { flex-direction: column; } .minor__top__item { width: 100%; } .minor__top__img { width: 100%; text-align: center; } .minor__top__img img { width: 180px; } .minor__bot__qrcode { height: 120px; } } .banner__block { background-color: #daf5ff; padding-top: 50px; margin-top: -100px; } .banner__block a { border: none; } @media (max-width: 950px) { .banner__block { padding-top: 50px; margin-top: -50px; margin-bottom: -60px; } } .pobeda80--mobile { display: none; } @media (max-width: 767px) { .pobeda80 { display: none; } .pobeda80--mobile { display: block; } .header__logo { display: flex; gap: 20px; } } .mf-work{ display: none; } .content__wrapper--direction { /* flex-direction: column; */ display: block; } .paid__list { display: flex; flex-wrap: wrap; gap: 50px 24px; } .paid__column { display: flex; gap: 25px; width: calc(33.33333% - 16px); } .paid__letter { width: 60px; height: 60px; border-radius: 50%; background-color: #daf5ff; font-size: 24px; line-height: 1; font-weight: bold; color: #4f5252; display: flex; justify-content: center; align-items: center; } .paid__categories { display: flex; flex-direction: column; gap: 16px; padding-top: 10px; width: calc(100% - 92px); } .paid__category { color: #4f5252 !important; font-size: 18px; font-weight: bold; border: unset !important; } .paid__category:hover { color: #167dbd !important; } @media(max-width: 1023px) { .paid__column { width: calc(50% - 12px); } } @media(max-width: 767px) { .paid__list { gap: 32px; } .paid__column { width: 100%; gap: 20px; } .paid__letter { width: 40px; height: 40px; font-size: 18px; } .paid__categories { width: calc(100% - 60px); padding-top: 10px; } .paid__category { font-size: 16px; } } .expert__list { display: flex; flex-wrap: wrap; gap: 50px 32px; } .expert__box { width: calc(33.33333% - 21.33333px); box-shadow: 0 5px 10px rgba(0,42,66,.07); padding: 20px; border-radius: 15px; display: flex; gap: 20px; flex-direction: column; justify-content: space-between; } .expert__left { border-radius: 15px; overflow: hidden; margin-bottom: 20px; } .expert__day__block{ display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 20px; } .expert__days { display: flex; gap: 15px; width: calc(50% - 20px); } .expert__time { background-repeat: no-repeat; background-position: left top; background-image: url(/bitrix/templates/80bit/css/../images/time-expert.svg); background-size: 15px; padding-left: 20px; font-size: 14px; line-height: 1.2; display: flex; align-items: flex-start; padding-top: 2px; } .expert__day { background-repeat: no-repeat; background-position: left top; background-image: url(/bitrix/templates/80bit/css/../images/calendar-expert.svg); background-size: 15px; padding-left: 20px; font-size: 14px; line-height: 1; display: flex; align-items: flex-start; padding-top: 2px; } .expert__name { font-size: 22px; font-weight: 500; color: #313131; } .expert__spec { font-size: 14px; font-weight: 500; color: #979797; margin-top: 6px; } .expert__price { font-size: 18px; font-weight: 500; color: #313131; } .expert__button { width: 100%; text-align: center; } @media(max-width: 1023px) { .expert__box { width: calc(50% - 16px); } } @media(max-width: 767px) { .expert__list { gap: 32px; } .expert__box { width: 100%; padding: 16px; } .expert__left { margin-bottom: 15px; } .expert__name { font-size: 20px; } .expert__days { margin-top: 12px; } .expert__day { font-size: 15px; background-size: 17px; padding-left: 25px; } .expert__time { font-size: 15px; background-size: 17px; padding-left: 23px; } .expert__price { font-size: 16px; } .content .expert__button { font-size: 15px; padding: 10px 15px; } } .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #000; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #0fccce; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); overflow-y: auto; max-height: 60vh; width: 100%; } .nice-select.open .list::-webkit-scrollbar{width:5px;} .nice-select.open .list::-webkit-scrollbar-track{border-radius:8px;} .nice-select.open .list::-webkit-scrollbar-thumb{border-radius:8px;background:#a08dc1;border:2px solid #a08dc1;} .nice-select.open .list::-webkit-scrollbar-thumb:window-inactive{background:#a08dc1;border:2px solid #a08dc1;} .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: 500; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .modalExpert { display: none; max-width: 586px; width: 100%; padding: 50px 0px !important; border-radius: 16px; } .modalExpert__box--work { display: none; } .modalExpert .fancybox-close-small { display: none; } .modalExpert__title { font-size: 24px; font-weight: 500; color: #0fccce; } .modalExpert__topic { font-size: 20px; font-weight: 500; color: #313131; } .modalExpert__case { margin-top: 24px; } .modalExpert__name { font-size: 22px; font-weight: 500; color: #313131; } .modalExpert__spec { font-size: 14px; font-weight: 500; color: #979797; margin-top: 6px; } .modalExpert__address { font-size: 18px; font-weight: 500; color: #313131; } .modalExpert__box { margin-top: 12px; } .modalExpert__input { background: #fff; outline: unset; font-size: 16px; padding: 10px 14px; width: 100%; border: 1px solid #979797; border-radius: 10px; } .modalExpert__input::placeholder { color: #979797; } .modalExpert__input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #979797; } .modalExpert__input::-moz-placeholder { /* Firefox 19+ */ color: #979797; } .modalExpert__input:-ms-input-placeholder { /* IE 10+ */ color: #979797; } .modalExpert__input:-moz-placeholder { /* Firefox 18- */ color: #979797; } .modalExpert__input:focus { border-color: #0fccce; } .modalExpert__required { font-size: 14px; color: #979797; margin: 12px 0px 24px; } .modalExpert__agree { font-size: 12px; text-align: left; display: flex; gap: 10px; line-height: 1.35; } .modalExpert__label a { color: #0fccce; text-decoration: none; border-bottom: 1px solid #0fccce; transition: .3s; } .modalExpert__label a:hover { color: #313131; border-color: #313131; } .modalExpert__checkbox { outline: none; background: #fff; border: 1px solid #313131; border-radius: 4px; appearance: none; -moz-appearance: none; -webkit-appearance: none; min-width: 20px; width: 20px; height: 20px; cursor: pointer; } .modalExpert__checkbox:checked:before { content: ''; display: block; width: 20px; height: 20px; border-radius: 4px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(/bitrix/templates/80bit/css/../images/checked.svg); pointer-events: none; margin: -1px 0px 0px -1px; } .modalExpert__button { margin-top: 24px; } .modalExpert__close { position: absolute; right: 16px; top: 16px; width: 24px; height: 24px; cursor: pointer; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(/bitrix/templates/80bit/css/../images/modalClose.svg); transition: .3s; } .modalExpert__close:hover { background-image: url(/bitrix/templates/80bit/css/../images/modalClose-hover.svg); } .modalExpert__select { font-size: 16px; width: 100%; white-space: normal; height: auto; line-height: 1.4; background-image: url(/bitrix/templates/80bit/css/../images/arrow-down.svg); background-position: right 14px center; background-repeat: no-repeat; border-radius: 10px; padding: 10px 52px 10px 14px; border: 1px solid #979797; margin: 12px 0px 24px; } .modalExpert__select.open { background-image: url(/bitrix/templates/80bit/css/../images/arrow-up.svg); } @media(max-width: 767px) { .modalExpert { max-width: 95%; padding: 30px 0px !important; } .modalExpert__close { top: 10px; right: 10px; } .modalExpert__title { font-size: 20px; } .modalExpert__topic { font-size: 18px; } .modalExpert__case { margin-top: 16px; } .modalExpert__name { font-size: 20px; } .modalExpert__address { font-size: 16px; } .modalExpert__input { font-size: 15px; } .modalExpert__required { font-size: 13px; margin: 12px 0px 16px; } .modalExpert__agree { font-size: 13px; } .modalExpert__button { font-size: 15px; } .modalExpert__select { margin: 12px 0px 16px; font-size: 14px; } } .modalExpert__topside{ margin-bottom: 20px; text-align: center; padding: 0px 40px; } .modalExpert__bottomside{ margin-top: 20px; padding: 0px 40px; } .reception__times { padding: 20px 70px 15px 70px; background-color: rgba(222, 243, 243, 0.73); position: relative; } @media (max-width: 767px) { .reception__times { padding: 20px 50px 15px 50px; } } .reception__toping { font-size: 12px; font-weight: bold; line-height: 1.14; text-align: center; color: #2276d8; margin-bottom: 15px; } .reception__time { border-radius: 5px; background-color: #2276d8; padding: 5px 10px; display: block; font-size: 12px; color: #fff; cursor: pointer; transition: 0.3s; text-align: center; margin-top: 5px; } .reception__time:hover{ background-color: #227b39; } .reception__time--active{ background-color: #227b39!important; cursor: default!important; } .reception__time--empty:hover{ background-color: transparent; cursor: default; } .reception__time--empty { background-color: unset; color: #8dc7d9; } .reception__time:first-child { margin-top: 0px; } .reception__navigation { display: flex; justify-content: space-between; align-items: center; width: 100%; position: absolute; right: 0; top: 17px; padding: 0px 15px; } .reception__navigation.disabled{ display: none; } @media (max-width: 767px) { .reception__navigation { top: 15px; padding: 0px 10px; } } .reception__navigation .owl-next, .reception__navigation .owl-prev { padding: 0px; background: unset; margin: 0px; border: none; outline: none; background-repeat: no-repeat; background-position: center; cursor: pointer; width: 35px; height: 35px; background-color: #2276d8; position: relative; z-index: 10; border-radius: 50%; transition: .3s; cursor: pointer; } .reception__navigation .owl-next:hover, .reception__navigation .owl-prev:hover { opacity: .8; } @media (max-width: 767px) { .reception__navigation .owl-next, .reception__navigation .owl-prev { width: 28px; height: 28px; background-size: 6px,auto; } } .reception__navigation .owl-prev { background-image: url(/bitrix/templates/80bit/css/../images/arrow-left.webp); } .reception__navigation .owl-next { background-image: url(/bitrix/templates/80bit/css/../images/arrow-right.webp); } .reception__form { padding: 20px 70px; text-align: center; } @media(max-width: 767px){ .reception__form { padding: 20px 30px; } } .reception--small .reception__form{ padding: 0px; } .modalExpert__profession{ font-size: 14px; font-weight: 500; color: #6A6F74; margin-top: 2px; text-align: center; } @media(max-width: 767px) { .modalExpert__topside{ padding: 0px 20px; } .modalExpert__bottomside{ padding: 0px 20px; } } .reception__order__data { font-size: 16px; font-weight: bold; line-height: 1; text-align: center; color: #161616; text-transform: uppercase; margin-bottom: 5px; } .reception__order__data span { font-weight: bold; color: #223b7b; } .order--error--item{ font-size: 14px; text-align: left; margin-bottom: -10px; margin-top: 15px; color: red; font-weight: bold; } .modal__success { text-align: center; background-color: #fff; padding: 30px 0px; width: 100%; } .modal__topic{ margin-top: 15px; } @media (max-width: 767px) { .modal__success { padding: 20px 20px; border-radius: 10px; margin-top: 30px; } } @media (max-width: 767px) { .modal__success { width: 290px; margin: 0px auto; } } .expert__disabled{ width: 100%; text-align: center; color: #fff!important; background-color: #979797!important; cursor: default!important; } .relative{ position: relative; } .load{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none; z-index: 100; } .load:before{ content: ''; position: absolute; width: 100%; height: 100%; display: block; top: 0px; left: 0px; background: #fff; opacity: 0.5; } .load__wrapper{ width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .lds-roller, .lds-roller div, .lds-roller div:after { box-sizing: border-box; } .lds-roller { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 40px 40px; } .lds-roller div:after { content: " "; display: block; position: absolute; width: 7.2px; height: 7.2px; border-radius: 50%; background: #0fccce; margin: -3.6px 0 0 -3.6px; } .lds-roller div:nth-child(1) { animation-delay: -0.036s; } .lds-roller div:nth-child(1):after { top: 62.62742px; left: 62.62742px; } .lds-roller div:nth-child(2) { animation-delay: -0.072s; } .lds-roller div:nth-child(2):after { top: 67.71281px; left: 56px; } .lds-roller div:nth-child(3) { animation-delay: -0.108s; } .lds-roller div:nth-child(3):after { top: 70.90963px; left: 48.28221px; } .lds-roller div:nth-child(4) { animation-delay: -0.144s; } .lds-roller div:nth-child(4):after { top: 72px; left: 40px; } .lds-roller div:nth-child(5) { animation-delay: -0.18s; } .lds-roller div:nth-child(5):after { top: 70.90963px; left: 31.71779px; } .lds-roller div:nth-child(6) { animation-delay: -0.216s; } .lds-roller div:nth-child(6):after { top: 67.71281px; left: 24px; } .lds-roller div:nth-child(7) { animation-delay: -0.252s; } .lds-roller div:nth-child(7):after { top: 62.62742px; left: 17.37258px; } .lds-roller div:nth-child(8) { animation-delay: -0.288s; } .lds-roller div:nth-child(8):after { top: 56px; left: 12.28719px; } @keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .number{ position: relative; } .number:before{ content: ''; background: #096da9; position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; opacity: 0.8; } .number__wrapper{ position: relative; z-index: 1; } .mf-work-phone { display: none; } .modalExpert__agree.form_politika { margin: 10px 0; } .content-block__list h2 { color: #393a3a; } .intro-text { font-size: 16px; background: linear-gradient(135deg, #0e969f 20%, #0b6da9 100%); color: #fff; padding: 15px 30px; margin-bottom: 50px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .intro-text p { color: #fff; } .intro-text strong { color: #fff; } .content-text-block { background: #f8f9fa; padding: 30px; border-left: 5px solid #daf5ff; margin-bottom: 30px; } .content-text-block h2 { margin-top: 0; } .sotrud_detail { display: flex; margin-bottom: 40px; } .sotrud_detail__left { width: 100%; margin-right: 25px; max-width: 250px; } .sotrud_detail__right { width: calc(100% - 280px); display: flex; flex-direction: column; justify-content: center; } .sotrud_detail__right p { font-size: 18px; } .sotrud_detail__name { text-align: center; margin-top: 15px; font-size: 24px; font-weight: bold; line-height: 1.2; } .sotrud_detail__desc { font-size: 16px; text-align: center; margin-top: 5px; } .sotrud_detail__img { border-radius: 12px; width: 100%; aspect-ratio: 1 / 1.15; object-fit: cover; } .blockquote { position: relative; padding: 16px 24px; margin: 10px 25px; font-size: 16px; line-height: 1.3; margin-top: 0; padding-top: 0; } .blockquote.blockquote--big p{ font-size: 24px; } .blockquote:before, .blockquote:after { position: absolute; color: #06a2a44d; font-size: 100px; line-height: 100px; font-family: 'Lato'; } .blockquote:before { content: '“'; left: -30px; top: -20px; } .blockquote:after { content: '”'; right: -30px; bottom: -10px; } .blockquote .blockquote__cite { color: #06a2a4; font-size: 18px; padding-top: 10px; display: block; } @media(max-width: 1023px) { .blockquote.blockquote--big p{ font-size: 18px; } } @media (max-width: 968px) { .sotrud_detail { flex-direction: column; } .sotrud_detail__left, .sotrud_detail__right { width: 100%; margin: 0 auto; } } @media (max-width: 850px) { .sotrud_detail { flex-direction: row; } .sotrud_detail__left { width: 100%; margin: 0 auto; } .sotrud_detail__right { width: calc(100% - 280px); } } @media(max-width: 767px) { .blockquote .blockquote__cite { font-size: 15px; } .sotrud_detail .peoples__desc { max-width: 100%; } .blockquote.blockquote--big p { font-size: 16px; } .sotrud_detail__name { font-size: 20px; margin-top: 10px; } .sotrud_detail__desc { font-size: 15px; } } @media (max-width: 620px) { .sotrud_detail { flex-direction: column; row-gap: 10px; margin-bottom: 15px; } .sotrud_detail__left, .sotrud_detail__right { width: 100%; margin: 0 auto; } } /* End */ /* Start:/bitrix/templates/80bit/components/bitrix/breadcrumb/bread/style.css?17624282031065*/ .bread { margin: 4px 0px 32px 0px; display: flex; padding: 0px 20px; } @media (max-width: 767px) { .bread { margin: 4px 0px 20px 0px; } } .bread__list { display: flex; flex-wrap: wrap; margin: 15px 0px 5px; } .bread__box { display: flex; align-items: center; font-size: 14px; font-weight: 400; margin-top: 8px; margin-right: 8px; } .bread__box:last-child { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px; margin-right: 0px; } @media (max-width: 767px) { .bread__box { font-size: 12px; margin-right: 5px; margin-top: 6px; } } .bread__box svg { width: 16px; height: 16px; margin-bottom: 3px; } .bread__box svg path { stroke: #8E9EAE; } @media (max-width: 767px) { .bread__box svg { width: 14px; height: 14px; margin-bottom: 1px; } } .bread__link { color: #06a2a4; text-decoration: none; border-bottom: 1px dashed; transition: 0.3s; } .bread__link:hover { color: #06a2a4; border-color: transparent; } /* End */ /* Start:/bitrix/templates/.default/components/bitrix/news.list/site/style.css?1509225333150*/ 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/menu/bottom_80bit/style.min.css?1509092368490*/ 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_80bit/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/menu/horizontal_multilevel-mobile/style.min.css?15135984783715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/bitrix/templates/.default/components/bitrix/menu/horizontal_multilevel-mobile/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/bitrix/templates/.default/components/bitrix/menu/horizontal_multilevel-mobile/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/bitrix/templates/.default/components/bitrix/menu/horizontal_multilevel-mobile/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* /bitrix/templates/80bit/fonts/roboto/roboto.css?15092643193347 */ /* /bitrix/templates/80bit/fonts/bebas/bebas.css?1509264319593 */ /* /bitrix/templates/80bit/css/hamburgers.min.css?150999756019785 */ /* /bitrix/templates/80bit/css/jquery.fancybox.min.css?150926431913894 */ /* /bitrix/templates/80bit/css/main.min.css?1788953631101912 */ /* /bitrix/templates/80bit/components/bitrix/breadcrumb/bread/style.css?17624282031065 */ /* /bitrix/templates/.default/components/bitrix/news.list/site/style.css?1509225333150 */ /* /bitrix/templates/.default/components/bitrix/menu/bottom_80bit/style.min.css?1509092368490 */ /* /bitrix/templates/.default/components/bitrix/menu/horizontal_multilevel-mobile/style.min.css?15135984783715 */