/* Start:/local/templates/eshop_bootstrap_v4/components/bitrix/menu/menu_lift/style.css?1670570166645*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; position: relative; /*IE bug*/ display: flex; font-family: "Raleway" !important; } ul.left-menu li { padding: 10px 16px; } ul.left-menu li a { font-size:100%; color:#ffffff; /* font-weight:bold; */ text-decoration:none; } ul.left-menu li a:visited { color:#ffffff; } ul.left-menu li a:hover { color:#ffffff; } 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:#ffffff; } .dm_header_item_menu li a { font-family: "Raleway"; font-size: 15px !important; } /* End */ /* Start:/local/templates/eshop_bootstrap_v4/components/bitrix/menu/menu_swipe/style.css?16481881732481*/ .menu-main { display: block; padding-left: 16px; padding-top: 5px; margin: 5px 0 35px; width: 100%; list-style: none; } .menu-swipe-btn { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; } .menu-swipe-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-height: 100vh; pointer-events: none; z-index: 190; background: rgba(0, 0, 0, 0.5); transition: opacity 170ms ease; opacity: 0; } .menu-swipe-container.opened .menu-swipe-overlay { opacity: 1; pointer-events: auto; } .menu-swipe-container.opened {} .menu-swipe-items-container { position: absolute; top: 0; right: 0; bottom: 0; min-height: 100vh; box-sizing: border-box; z-index: 195; width: 0; transition: width 170ms ease; max-width: 275px; } .menu-swipe-container.opened .menu-swipe-items-container { width: calc(100% - 100px); } .menu-swipe-items-scroll-block { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-height: 100vh; box-sizing: border-box; overflow-y: auto; /* background-color: #f3f3f3; */ background: url(/local/img/body/bd_section_a.png); background-size: cover; background-repeat: no-repeat; } .menu-swipe-items { display: block; padding: 0; margin: 0; } .menu-swipe-item { display: block; padding: 0 0 0 17px; margin: 0; } .menu-swipe-item-link { padding: 0 17px 0 0; width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; min-height: 40px; text-decoration: none !important; vertical-align: middle; } .menu-swipe-item-text { font-style: normal; font-weight: normal; font-size: 16px; line-height: 21px; color: #121212; /* opacity: 0.6; */ } .menu-swipe-item:active, .menu-swipe-item:hover, .menu-swipe-item.selected .menu-swipe-item-text { opacity: 1; } .menu-swipe-item-angle { display: block; transform: rotate(-45deg); border-bottom: 1px solid; border-right: 1px solid; color: #121212; opacity: 0.6; width: 7px; height: 7px; } .menu-swipe-close-btn { position: absolute; right: calc(0 - 19px - 38px); background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.4); box-sizing: border-box; border-radius: 50%; top:15px; width: 38px; height: 38px; align-items: center; justify-content: center; transition: right 170ms ease; opacity: 0; display: none; } .menu-swipe-container.opened .menu-swipe-close-btn { right: calc(100% + 19px); opacity: 1; display: flex; } /* End */ /* Start:/bitrix/components/bitrix/catalog.section.list/templates/store_v3_menu/style.min.css?1641411407971*/ .catalog-sections-list-menu-items{display:block;padding:0;margin:0;background-color:#fff}.catalog-sections-list-menu-item{display:block;padding:0 0 0 17px;margin:0}.catalog-sections-list-menu-item-link{padding:0 17px 0 0;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:55px;border-bottom:1px solid rgba(18,18,18,0.06);vertical-align:middle;text-decoration:none !important}.catalog-sections-list-menu-item-text{font-style:normal;font-weight:normal;font-size:18px;line-height:21px;color:#121212;padding:17px 0}.catalog-sections-list-menu-item-text i{font-style:normal;opacity:.6}.catalog-sections-list-menu-item:active,.catalog-sections-list-menu-item:hover,.catalog-sections-list-menu-item.selected .catalog-sections-list-menu-item-text{opacity:1}.catalog-sections-list-menu-item-angle{display:block;transform:rotate(-45deg);border-bottom:1px solid;border-right:1px solid;color:#121212;opacity:.6;width:7px;height:7px} /* End */ /* Start:/local/templates/eshop_bootstrap_v4/components/bitrix/menu/bottom_menu/style.css?1648383510140*/ .menu_title h3 { color: #84dc14; font-size: 14px; } .bottom_items li a { padding: 5px 0px; text-decoration: underline; } /* End */ /* Start:/local/templates/eshop_bootstrap_v4/template_styles.css?177812851664594*/ /*-----------------FONTS--------------------------*/ /*---------------------------------------------------FUTURA---------------------------------------------------------*/ @font-face { font-family: 'FuturaFuturisC'; src: url('/local/fonts/futura/FuturaFuturisC-Italic.eot'); src: local('FuturaFuturisC Italic'), local('FuturaFuturisC-Italic'), url('/local/fonts/futura/FuturaFuturisC-Italic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/futura/FuturaFuturisC-Italic.woff2') format('woff2'), url('/local/fonts/futura/FuturaFuturisC-Italic.woff') format('woff'), url('/local/fonts/futura/FuturaFuturisC-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'FuturaFuturisCameoExtraBoldC'; src: url('/local/fonts/futura/FuturaFuturisCameoExtraBoldC.eot'); src: local('FuturaFuturisCameoExtraBoldC'), url('/local/fonts/futura/FuturaFuturisCameoExtraBoldC.eot?#iefix') format('embedded-opentype'), url('/local/fonts/futura/FuturaFuturisCameoExtraBoldC.woff2') format('woff2'), url('/local/fonts/futura/FuturaFuturisCameoExtraBoldC.woff') format('woff'), url('/local/fonts/futura/FuturaFuturisCameoExtraBoldC.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'FuturaFuturisShadowC'; src: url('/local/fonts/futura/FuturaFuturisShadowC.eot'); src: local('FuturaFuturisShadowC'), url('/local/fonts/futura/FuturaFuturisShadowC.eot?#iefix') format('embedded-opentype'), url('/local/fonts/futura/FuturaFuturisShadowC.woff2') format('woff2'), url('/local/fonts/futura/FuturaFuturisShadowC.woff') format('woff'), url('/local/fonts/futura/FuturaFuturisShadowC.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaFuturisVolumeLightC'; src: url('/local/fonts/futura/FuturaFuturisVolumeLightC.eot'); src: local('FuturaFuturisVolumeLightC'), url('/local/fonts/futura/FuturaFuturisVolumeLightC.eot?#iefix') format('embedded-opentype'), url('/local/fonts/futura/FuturaFuturisVolumeLightC.woff2') format('woff2'), url('/local/fonts/futura/FuturaFuturisVolumeLightC.woff') format('woff'), url('/local/fonts/futura/FuturaFuturisVolumeLightC.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'FuturaFuturisLightC'; src: url('/local/fonts/futura/FuturaFuturisLightC.eot'); src: local('FuturaFuturisLightC'), url('/local/fonts/futura/FuturaFuturisLightC.eot?#iefix') format('embedded-opentype'), url('/local/fonts/futura/FuturaFuturisLightC.woff2') format('woff2'), url('/local/fonts/futura/FuturaFuturisLightC.woff') format('woff'), url('/local/fonts/futura/FuturaFuturisLightC.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'FuturaFuturisCondExtraBoldC'; src: url('/local/fonts/futura/FuturaFuturisCondExtraBoldC.eot'); src: local('FuturaFuturisCondExtraBoldC'), url('/local/fonts/futura/FuturaFuturisCondExtraBoldC.eot?#iefix') format('embedded-opentype'), url('/local/fonts/futura/FuturaFuturisCondExtraBoldC.woff2') format('woff2'), url('/local/fonts/futura/FuturaFuturisCondExtraBoldC.woff') format('woff'), url('/local/fonts/futura/FuturaFuturisCondExtraBoldC.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'FuturaFuturisShadowC'; src: url('/local/fonts/futura/FuturaFuturisShadowC-Bold.eot'); src: local('FuturaFuturisShadowC Bold'), local('FuturaFuturisShadowC-Bold'), url('/local/fonts/futura/FuturaFuturisShadowC-Bold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/futura/FuturaFuturisShadowC-Bold.woff2') format('woff2'), url('/local/fonts/futura/FuturaFuturisShadowC-Bold.woff') format('woff'), url('/local/fonts/futura/FuturaFuturisShadowC-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'FuturaFuturisC'; src: url('/local/fonts/futura/FuturaFuturisC.eot'); src: local('FuturaFuturisC'), url('/local/fonts/futura/FuturaFuturisC.eot?#iefix') format('embedded-opentype'), url('/local/fonts/futura/FuturaFuturisC.woff2') format('woff2'), url('/local/fonts/futura/FuturaFuturisC.woff') format('woff'), url('/local/fonts/futura/FuturaFuturisC.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaFuturisC'; src: url('/local/fonts/futura/FuturaFuturisC-Bold.eot'); src: local('FuturaFuturisC Bold'), local('FuturaFuturisC-Bold'), url('/local/fonts/futura/FuturaFuturisC-Bold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/futura/FuturaFuturisC-Bold.woff2') format('woff2'), url('/local/fonts/futura/FuturaFuturisC-Bold.woff') format('woff'), url('/local/fonts/futura/FuturaFuturisC-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'FuturaFuturisBlackC'; src: url('/local/fonts/futura/FuturaFuturisBlackC.eot'); src: local('FuturaFuturisBlackC'), url('/local/fonts/futura/FuturaFuturisBlackC.eot?#iefix') format('embedded-opentype'), url('/local/fonts/futura/FuturaFuturisBlackC.woff2') format('woff2'), url('/local/fonts/futura/FuturaFuturisBlackC.woff') format('woff'), url('/local/fonts/futura/FuturaFuturisBlackC.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'FuturaFuturisC'; src: url('/local/fonts/futura/FuturaFuturisC-BoldItalic.eot'); src: local('FuturaFuturisC Bold Italic'), local('FuturaFuturisC-BoldItalic'), url('/local/fonts/futura/FuturaFuturisC-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/futura/FuturaFuturisC-BoldItalic.woff2') format('woff2'), url('/local/fonts/futura/FuturaFuturisC-BoldItalic.woff') format('woff'), url('/local/fonts/futura/FuturaFuturisC-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'FuturaFuturisCondBoldC'; src: url('/local/fonts/futura/FuturaFuturisCondBoldC.eot'); src: local('FuturaFuturisCondBoldC'), url('/local/fonts/futura/FuturaFuturisCondBoldC.eot?#iefix') format('embedded-opentype'), url('/local/fonts/futura/FuturaFuturisCondBoldC.woff2') format('woff2'), url('/local/fonts/futura/FuturaFuturisCondBoldC.woff') format('woff'), url('/local/fonts/futura/FuturaFuturisCondBoldC.ttf') format('truetype'); font-weight: bold; font-style: normal; } /*---------------------------------------------------FUTURA---------------------------------------------------------*/ /*---------------------------------------------------TYPE---------------------------------------------------------*/ @font-face { font-family: 'Atyp Display'; src: url('/local/fonts/artyp/AtypDisplay-Regular.eot'); src: local('Atyp Display'), local('AtypDisplay-Regular'), url('/local/fonts/artyp/AtypDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypDisplay-Regular.woff2') format('woff2'), url('/local/fonts/artyp/AtypDisplay-Regular.woff') format('woff'), url('/local/fonts/artyp/AtypDisplay-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Atyp Display'; src: url('/local/fonts/artyp/AtypDisplay-ThinItalic.eot'); src: local('Atyp Display Thin Italic'), local('AtypDisplay-ThinItalic'), url('/local/fonts/artyp/AtypDisplay-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypDisplay-ThinItalic.woff2') format('woff2'), url('/local/fonts/artyp/AtypDisplay-ThinItalic.woff') format('woff'), url('/local/fonts/artyp/AtypDisplay-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Atyp Display'; src: url('/local/fonts/artyp/AtypDisplay-Semibold.eot'); src: local('Atyp Display Semibold'), local('AtypDisplay-Semibold'), url('/local/fonts/artyp/AtypDisplay-Semibold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypDisplay-Semibold.woff2') format('woff2'), url('/local/fonts/artyp/AtypDisplay-Semibold.woff') format('woff'), url('/local/fonts/artyp/AtypDisplay-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Atyp Display'; src: url('/local/fonts/artyp/AtypDisplay-BoldItalic.eot'); src: local('Atyp Display Bold Italic'), local('AtypDisplay-BoldItalic'), url('/local/fonts/artyp/AtypDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypDisplay-BoldItalic.woff2') format('woff2'), url('/local/fonts/artyp/AtypDisplay-BoldItalic.woff') format('woff'), url('/local/fonts/artyp/AtypDisplay-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Atyp Display'; src: url('/local/fonts/artyp/AtypDisplay-Thin.eot'); src: local('Atyp Display Thin'), local('AtypDisplay-Thin'), url('/local/fonts/artyp/AtypDisplay-Thin.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypDisplay-Thin.woff2') format('woff2'), url('/local/fonts/artyp/AtypDisplay-Thin.woff') format('woff'), url('/local/fonts/artyp/AtypDisplay-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Atyp Text'; src: url('/local/fonts/artyp/AtypText-BoldItalic.eot'); src: local('Atyp Text Bold Italic'), local('AtypText-BoldItalic'), url('/local/fonts/artyp/AtypText-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypText-BoldItalic.woff2') format('woff2'), url('/local/fonts/artyp/AtypText-BoldItalic.woff') format('woff'), url('/local/fonts/artyp/AtypText-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Atyp Display'; src: url('/local/fonts/artyp/AtypDisplay-Italic.eot'); src: local('Atyp Display Italic'), local('AtypDisplay-Italic'), url('/local/fonts/artyp/AtypDisplay-Italic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypDisplay-Italic.woff2') format('woff2'), url('/local/fonts/artyp/AtypDisplay-Italic.woff') format('woff'), url('/local/fonts/artyp/AtypDisplay-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Atyp Display'; src: url('/local/fonts/artyp/AtypDisplay-SemiboldItalic.eot'); src: local('Atyp Display Semibold Italic'), local('AtypDisplay-SemiboldItalic'), url('/local/fonts/artyp/AtypDisplay-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypDisplay-SemiboldItalic.woff2') format('woff2'), url('/local/fonts/artyp/AtypDisplay-SemiboldItalic.woff') format('woff'), url('/local/fonts/artyp/AtypDisplay-SemiboldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Atyp Display'; src: url('/local/fonts/artyp/AtypDisplay-Light.eot'); src: local('Atyp Display Light'), local('AtypDisplay-Light'), url('/local/fonts/artyp/AtypDisplay-Light.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypDisplay-Light.woff2') format('woff2'), url('/local/fonts/artyp/AtypDisplay-Light.woff') format('woff'), url('/local/fonts/artyp/AtypDisplay-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Atyp Display'; src: url('/local/fonts/artyp/AtypDisplay-Medium.eot'); src: local('Atyp Display Medium'), local('AtypDisplay-Medium'), url('/local/fonts/artyp/AtypDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypDisplay-Medium.woff2') format('woff2'), url('/local/fonts/artyp/AtypDisplay-Medium.woff') format('woff'), url('/local/fonts/artyp/AtypDisplay-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Atyp Display'; src: url('/local/fonts/artyp/AtypDisplay-LightItalic.eot'); src: local('Atyp Display Light Italic'), local('AtypDisplay-LightItalic'), url('/local/fonts/artyp/AtypDisplay-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypDisplay-LightItalic.woff2') format('woff2'), url('/local/fonts/artyp/AtypDisplay-LightItalic.woff') format('woff'), url('/local/fonts/artyp/AtypDisplay-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Atyp Text'; src: url('/local/fonts/artyp/AtypText-Bold.eot'); src: local('Atyp Text Bold'), local('AtypText-Bold'), url('/local/fonts/artyp/AtypText-Bold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypText-Bold.woff2') format('woff2'), url('/local/fonts/artyp/AtypText-Bold.woff') format('woff'), url('/local/fonts/artyp/AtypText-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Atyp Display'; src: url('/local/fonts/artyp/AtypDisplay-Bold.eot'); src: local('Atyp Display Bold'), local('AtypDisplay-Bold'), url('/local/fonts/artyp/AtypDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypDisplay-Bold.woff2') format('woff2'), url('/local/fonts/artyp/AtypDisplay-Bold.woff') format('woff'), url('/local/fonts/artyp/AtypDisplay-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Atyp Display'; src: url('/local/fonts/artyp/AtypDisplay-MediumItalic.eot'); src: local('Atyp Display Medium Italic'), local('AtypDisplay-MediumItalic'), url('/local/fonts/artyp/AtypDisplay-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypDisplay-MediumItalic.woff2') format('woff2'), url('/local/fonts/artyp/AtypDisplay-MediumItalic.woff') format('woff'), url('/local/fonts/artyp/AtypDisplay-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Atyp Text'; src: url('/local/fonts/artyp/AtypText-Thin.eot'); src: local('Atyp Text Thin'), local('AtypText-Thin'), url('/local/fonts/artyp/AtypText-Thin.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypText-Thin.woff2') format('woff2'), url('/local/fonts/artyp/AtypText-Thin.woff') format('woff'), url('/local/fonts/artyp/AtypText-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Atyp Variable'; src: url('/local/fonts/artyp/AtypRegularVariable.eot'); src: local('Atyp Variable'), local('AtypRegularVariable'), url('/local/fonts/artyp/AtypRegularVariable.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypRegularVariable.woff2') format('woff2'), url('/local/fonts/artyp/AtypRegularVariable.woff') format('woff'), url('/local/fonts/artyp/AtypRegularVariable.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Atyp Text'; src: url('/local/fonts/artyp/AtypText-Italic.eot'); src: local('Atyp Text Italic'), local('AtypText-Italic'), url('/local/fonts/artyp/AtypText-Italic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypText-Italic.woff2') format('woff2'), url('/local/fonts/artyp/AtypText-Italic.woff') format('woff'), url('/local/fonts/artyp/AtypText-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Atyp Text'; src: url('/local/fonts/artyp/AtypText-Semibold.eot'); src: local('Atyp Text Semibold'), local('AtypText-Semibold'), url('/local/fonts/artyp/AtypText-Semibold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypText-Semibold.woff2') format('woff2'), url('/local/fonts/artyp/AtypText-Semibold.woff') format('woff'), url('/local/fonts/artyp/AtypText-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Atyp Text'; src: url('/local/fonts/artyp/AtypText-SemiboldItalic.eot'); src: local('Atyp Text Semibold Italic'), local('AtypText-SemiboldItalic'), url('/local/fonts/artyp/AtypText-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypText-SemiboldItalic.woff2') format('woff2'), url('/local/fonts/artyp/AtypText-SemiboldItalic.woff') format('woff'), url('/local/fonts/artyp/AtypText-SemiboldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Atyp Text'; src: url('/local/fonts/artyp/AtypText-Regular.eot'); src: local('Atyp Text'), local('AtypText-Regular'), url('/local/fonts/artyp/AtypText-Regular.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypText-Regular.woff2') format('woff2'), url('/local/fonts/artyp/AtypText-Regular.woff') format('woff'), url('/local/fonts/artyp/AtypText-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Atyp Text'; src: url('/local/fonts/artyp/AtypText-MediumItalic.eot'); src: local('Atyp Text Medium Italic'), local('AtypText-MediumItalic'), url('/local/fonts/artyp/AtypText-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypText-MediumItalic.woff2') format('woff2'), url('/local/fonts/artyp/AtypText-MediumItalic.woff') format('woff'), url('/local/fonts/artyp/AtypText-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Atyp Text'; src: url('/local/fonts/artyp/AtypText-Medium.eot'); src: local('Atyp Text Medium'), local('AtypText-Medium'), url('/local/fonts/artyp/AtypText-Medium.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypText-Medium.woff2') format('woff2'), url('/local/fonts/artyp/AtypText-Medium.woff') format('woff'), url('/local/fonts/artyp/AtypText-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Atyp Text'; src: url('/local/fonts/artyp/AtypText-Light.eot'); src: local('Atyp Text Light'), local('AtypText-Light'), url('/local/fonts/artyp/AtypText-Light.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypText-Light.woff2') format('woff2'), url('/local/fonts/artyp/AtypText-Light.woff') format('woff'), url('/local/fonts/artyp/AtypText-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Atyp Text'; src: url('/local/fonts/artyp/AtypText-LightItalic.eot'); src: local('Atyp Text Light Italic'), local('AtypText-LightItalic'), url('/local/fonts/artyp/AtypText-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypText-LightItalic.woff2') format('woff2'), url('/local/fonts/artyp/AtypText-LightItalic.woff') format('woff'), url('/local/fonts/artyp/AtypText-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Atyp Text'; src: url('/local/fonts/artyp/AtypText-ThinItalic.eot'); src: local('Atyp Text Thin Italic'), local('AtypText-ThinItalic'), url('/local/fonts/artyp/AtypText-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/artyp/AtypText-ThinItalic.woff2') format('woff2'), url('/local/fonts/artyp/AtypText-ThinItalic.woff') format('woff'), url('/local/fonts/artyp/AtypText-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } /*---------------------------------------------------TYPE---------------------------------------------------------*/ /*---------------------------------------------------AVENIR---------------------------------------------------------*/ @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-Bold.eot'); src: local('Avenir Next Cyr Bold'), local('AvenirNextCyr-Bold'), url('/local/fonts/avenir/AvenirNextCyr-Bold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-Bold.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-Bold.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-ThinItalic.eot'); src: local('Avenir Next Cyr Thin Italic'), local('AvenirNextCyr-ThinItalic'), url('/local/fonts/avenir/AvenirNextCyr-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-ThinItalic.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-ThinItalic.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-MediumItalic.eot'); src: local('Avenir Next Cyr Medium Italic'), local('AvenirNextCyr-MediumItalic'), url('/local/fonts/avenir/AvenirNextCyr-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-MediumItalic.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-MediumItalic.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Avenir Next Cyr Ultra'; src: url('/local/fonts/avenir/AvenirNextCyr-UltraLightIt.eot'); src: local('Avenir Next Cyr Ultra Light Italic'), local('AvenirNextCyr-UltraLightIt'), url('/local/fonts/avenir/AvenirNextCyr-UltraLightIt.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-UltraLightIt.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-UltraLightIt.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-UltraLightIt.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-Light.eot'); src: local('Avenir Next Cyr Light'), local('AvenirNextCyr-Light'), url('/local/fonts/avenir/AvenirNextCyr-Light.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-Light.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-Light.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-Italic.eot'); src: local('Avenir Next Cyr Italic'), local('AvenirNextCyr-Italic'), url('/local/fonts/avenir/AvenirNextCyr-Italic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-Italic.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-Italic.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-BoldItalic.eot'); src: local('Avenir Next Cyr Bold Italic'), local('AvenirNextCyr-BoldItalic'), url('/local/fonts/avenir/AvenirNextCyr-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-BoldItalic.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-BoldItalic.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-Heavy.eot'); src: local('Avenir Next Cyr Heavy'), local('AvenirNextCyr-Heavy'), url('/local/fonts/avenir/AvenirNextCyr-Heavy.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-Heavy.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-Heavy.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-HeavyItalic.eot'); src: local('Avenir Next Cyr Heavy Italic'), local('AvenirNextCyr-HeavyItalic'), url('/local/fonts/avenir/AvenirNextCyr-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-HeavyItalic.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-HeavyItalic.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-HeavyItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-Thin.eot'); src: local('Avenir Next Cyr Thin'), local('AvenirNextCyr-Thin'), url('/local/fonts/avenir/AvenirNextCyr-Thin.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-Thin.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-Thin.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-Medium.eot'); src: local('Avenir Next Cyr Medium'), local('AvenirNextCyr-Medium'), url('/local/fonts/avenir/AvenirNextCyr-Medium.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-Medium.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-Medium.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-DemiItalic.eot'); src: local('Avenir Next Cyr Demi Italic'), local('AvenirNextCyr-DemiItalic'), url('/local/fonts/avenir/AvenirNextCyr-DemiItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-DemiItalic.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-DemiItalic.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-DemiItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-Demi.eot'); src: local('Avenir Next Cyr Demi'), local('AvenirNextCyr-Demi'), url('/local/fonts/avenir/AvenirNextCyr-Demi.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-Demi.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-Demi.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-Demi.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-Regular.eot'); src: local('Avenir Next Cyr Regular'), local('AvenirNextCyr-Regular'), url('/local/fonts/avenir/AvenirNextCyr-Regular.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-Regular.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-Regular.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir Next Cyr'; src: url('/local/fonts/avenir/AvenirNextCyr-LightItalic.eot'); src: local('Avenir Next Cyr Light Italic'), local('AvenirNextCyr-LightItalic'), url('/local/fonts/avenir/AvenirNextCyr-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-LightItalic.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-LightItalic.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Avenir Next Cyr Ultra'; src: url('/local/fonts/avenir/AvenirNextCyr-UltraLight.eot'); src: local('Avenir Next Cyr Ultra Light'), local('AvenirNextCyr-UltraLight'), url('/local/fonts/avenir/AvenirNextCyr-UltraLight.eot?#iefix') format('embedded-opentype'), url('/local/fonts/avenir/AvenirNextCyr-UltraLight.woff2') format('woff2'), url('/local/fonts/avenir/AvenirNextCyr-UltraLight.woff') format('woff'), url('/local/fonts/avenir/AvenirNextCyr-UltraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } /*---------------------------------------------------AVENIR---------------------------------------------------------*/ /*---------------------------------------------------RELAWAY---------------------------------------------------------*/ @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-SemiBoldItalic.eot'); src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'), url('/local/fonts/raleway/Raleway-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-SemiBoldItalic.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-SemiBoldItalic.woff') format('woff'), url('/local/fonts/raleway/Raleway-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-ExtraLightItalic.eot'); src: local('Raleway ExtraLight Italic'), local('Raleway-ExtraLightItalic'), url('/local/fonts/raleway/Raleway-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-ExtraLightItalic.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-ExtraLightItalic.woff') format('woff'), url('/local/fonts/raleway/Raleway-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-MediumItalic.eot'); src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'), url('/local/fonts/raleway/Raleway-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-MediumItalic.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-MediumItalic.woff') format('woff'), url('/local/fonts/raleway/Raleway-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-ExtraBoldItalic.eot'); src: local('Raleway ExtraBold Italic'), local('Raleway-ExtraBoldItalic'), url('/local/fonts/raleway/Raleway-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-ExtraBoldItalic.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-ExtraBoldItalic.woff') format('woff'), url('/local/fonts/raleway/Raleway-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-Regular.eot'); src: local('Raleway'), local('Raleway-Regular'), url('/local/fonts/raleway/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-Regular.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-Regular.woff') format('woff'), url('/local/fonts/raleway/Raleway-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-ExtraBold.eot'); src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url('/local/fonts/raleway/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-ExtraBold.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-ExtraBold.woff') format('woff'), url('/local/fonts/raleway/Raleway-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-BlackItalic.eot'); src: local('Raleway Black Italic'), local('Raleway-BlackItalic'), url('/local/fonts/raleway/Raleway-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-BlackItalic.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-BlackItalic.woff') format('woff'), url('/local/fonts/raleway/Raleway-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-Light.eot'); src: local('Raleway Light'), local('Raleway-Light'), url('/local/fonts/raleway/Raleway-Light.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-Light.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-Light.woff') format('woff'), url('/local/fonts/raleway/Raleway-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-Black.eot'); src: local('Raleway Black'), local('Raleway-Black'), url('/local/fonts/raleway/Raleway-Black.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-Black.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-Black.woff') format('woff'), url('/local/fonts/raleway/Raleway-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-Medium.eot'); src: local('Raleway Medium'), local('Raleway-Medium'), url('/local/fonts/raleway/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-Medium.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-Medium.woff') format('woff'), url('/local/fonts/raleway/Raleway-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-ExtraLight.eot'); src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url('/local/fonts/raleway/Raleway-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-ExtraLight.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-ExtraLight.woff') format('woff'), url('/local/fonts/raleway/Raleway-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-Italic.eot'); src: local('Raleway Italic'), local('Raleway-Italic'), url('/local/fonts/raleway/Raleway-Italic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-Italic.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-Italic.woff') format('woff'), url('/local/fonts/raleway/Raleway-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-Thin.eot'); src: local('Raleway Thin'), local('Raleway-Thin'), url('/local/fonts/raleway/Raleway-Thin.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-Thin.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-Thin.woff') format('woff'), url('/local/fonts/raleway/Raleway-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-SemiBold.eot'); src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url('/local/fonts/raleway/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-SemiBold.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-SemiBold.woff') format('woff'), url('/local/fonts/raleway/Raleway-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-LightItalic.eot'); src: local('Raleway Light Italic'), local('Raleway-LightItalic'), url('/local/fonts/raleway/Raleway-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-LightItalic.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-LightItalic.woff') format('woff'), url('/local/fonts/raleway/Raleway-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Raleway'; src: url('/local/fonts/raleway/Raleway-Bold.eot'); src: local('Raleway Bold'), local('Raleway-Bold'), url('/local/fonts/raleway/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/raleway/Raleway-Bold.woff2') format('woff2'), url('/local/fonts/raleway/Raleway-Bold.woff') format('woff'), url('/local/fonts/raleway/Raleway-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } /*---------------------------------------------------RELAWAY---------------------------------------------------------*/ /*---------------------------------------------------INTER---------------------------------------------------------*/ @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-BoldItalic.eot'); src: local('Inter Bold Italic'), local('Inter-BoldItalic'), url('/local/fonts/inter/Inter-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-BoldItalic.woff2') format('woff2'), url('/local/fonts/inter/Inter-BoldItalic.woff') format('woff'), url('/local/fonts/inter/Inter-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-MediumItalic.eot'); src: local('Inter Medium Italic'), local('Inter-MediumItalic'), url('/local/fonts/inter/Inter-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-MediumItalic.woff2') format('woff2'), url('/local/fonts/inter/Inter-MediumItalic.woff') format('woff'), url('/local/fonts/inter/Inter-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-ThinItalicBETA.eot'); src: local('Inter Thin Italic BETA'), local('Inter-ThinItalicBETA'), url('/local/fonts/inter/Inter-ThinItalicBETA.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-ThinItalicBETA.woff2') format('woff2'), url('/local/fonts/inter/Inter-ThinItalicBETA.woff') format('woff'), url('/local/fonts/inter/Inter-ThinItalicBETA.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-Regular.eot'); src: local('Inter Regular'), local('Inter-Regular'), url('/local/fonts/inter/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-Regular.woff2') format('woff2'), url('/local/fonts/inter/Inter-Regular.woff') format('woff'), url('/local/fonts/inter/Inter-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-Black.eot'); src: local('Inter Black'), local('Inter-Black'), url('/local/fonts/inter/Inter-Black.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-Black.woff2') format('woff2'), url('/local/fonts/inter/Inter-Black.woff') format('woff'), url('/local/fonts/inter/Inter-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-BlackItalic.eot'); src: local('Inter Black Italic'), local('Inter-BlackItalic'), url('/local/fonts/inter/Inter-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-BlackItalic.woff2') format('woff2'), url('/local/fonts/inter/Inter-BlackItalic.woff') format('woff'), url('/local/fonts/inter/Inter-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-LightBETA.eot'); src: local('Inter Light BETA'), local('Inter-LightBETA'), url('/local/fonts/inter/Inter-LightBETA.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-LightBETA.woff2') format('woff2'), url('/local/fonts/inter/Inter-LightBETA.woff') format('woff'), url('/local/fonts/inter/Inter-LightBETA.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-SemiBold.eot'); src: local('Inter Semi Bold'), local('Inter-SemiBold'), url('/local/fonts/inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-SemiBold.woff2') format('woff2'), url('/local/fonts/inter/Inter-SemiBold.woff') format('woff'), url('/local/fonts/inter/Inter-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-ExtraBoldItalic.eot'); src: local('Inter Extra Bold Italic'), local('Inter-ExtraBoldItalic'), url('/local/fonts/inter/Inter-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-ExtraBoldItalic.woff2') format('woff2'), url('/local/fonts/inter/Inter-ExtraBoldItalic.woff') format('woff'), url('/local/fonts/inter/Inter-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-Bold.eot'); src: local('Inter Bold'), local('Inter-Bold'), url('/local/fonts/inter/Inter-Bold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-Bold.woff2') format('woff2'), url('/local/fonts/inter/Inter-Bold.woff') format('woff'), url('/local/fonts/inter/Inter-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-ExtraLightItalicBETA.eot'); src: local('Inter Extra Light Italic BETA'), local('Inter-ExtraLightItalicBETA'), url('/local/fonts/inter/Inter-ExtraLightItalicBETA.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-ExtraLightItalicBETA.woff2') format('woff2'), url('/local/fonts/inter/Inter-ExtraLightItalicBETA.woff') format('woff'), url('/local/fonts/inter/Inter-ExtraLightItalicBETA.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-ExtraLightBETA.eot'); src: local('Inter Extra Light BETA'), local('Inter-ExtraLightBETA'), url('/local/fonts/inter/Inter-ExtraLightBETA.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-ExtraLightBETA.woff2') format('woff2'), url('/local/fonts/inter/Inter-ExtraLightBETA.woff') format('woff'), url('/local/fonts/inter/Inter-ExtraLightBETA.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-ExtraBold.eot'); src: local('Inter Extra Bold'), local('Inter-ExtraBold'), url('/local/fonts/inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-ExtraBold.woff2') format('woff2'), url('/local/fonts/inter/Inter-ExtraBold.woff') format('woff'), url('/local/fonts/inter/Inter-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-ThinBETA.eot'); src: local('Inter Thin BETA'), local('Inter-ThinBETA'), url('/local/fonts/inter/Inter-ThinBETA.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-ThinBETA.woff2') format('woff2'), url('/local/fonts/inter/Inter-ThinBETA.woff') format('woff'), url('/local/fonts/inter/Inter-ThinBETA.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-LightItalicBETA.eot'); src: local('Inter Light Italic BETA'), local('Inter-LightItalicBETA'), url('/local/fonts/inter/Inter-LightItalicBETA.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-LightItalicBETA.woff2') format('woff2'), url('/local/fonts/inter/Inter-LightItalicBETA.woff') format('woff'), url('/local/fonts/inter/Inter-LightItalicBETA.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-Italic.eot'); src: local('Inter Italic'), local('Inter-Italic'), url('/local/fonts/inter/Inter-Italic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-Italic.woff2') format('woff2'), url('/local/fonts/inter/Inter-Italic.woff') format('woff'), url('/local/fonts/inter/Inter-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-SemiBoldItalic.eot'); src: local('Inter Semi Bold Italic'), local('Inter-SemiBoldItalic'), url('/local/fonts/inter/Inter-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-SemiBoldItalic.woff2') format('woff2'), url('/local/fonts/inter/Inter-SemiBoldItalic.woff') format('woff'), url('/local/fonts/inter/Inter-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/fonts/inter/Inter-Medium.eot'); src: local('Inter Medium'), local('Inter-Medium'), url('/local/fonts/inter/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('/local/fonts/inter/Inter-Medium.woff2') format('woff2'), url('/local/fonts/inter/Inter-Medium.woff') format('woff'), url('/local/fonts/inter/Inter-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } /*---------------------------------------------------INTER---------------------------------------------------------*/ /*---------------------------------------------------OSWALD START---------------------------------------------------------*/ @font-face { font-family: 'Oswald'; src: local('Oswald Light'), local('Oswald-Light'), url('/local/fonts/oswald/Oswaldlight.woff2') format('woff2'), url('/local/fonts/oswald/Oswaldlight.woff') format('woff'), url('/local/fonts/oswald/Oswaldlight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Oswald'; src: local('Oswald Regular'), local('Oswald-Regular'), url('/local/fonts/oswald/Oswaldregular.woff2') format('woff2'), url('/local/fonts/oswald/Oswaldregular.woff') format('woff'), url('/local/fonts/oswald/Oswaldregular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Oswald'; src: local('Oswald DemiBold'), local('Oswald-DemiBold'), url('/local/fonts/oswald/Oswalddemibold.woff2') format('woff2'), url('/local/fonts/oswald/Oswalddemibold.woff') format('woff'), url('/local/fonts/oswald/Oswalddemibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Oswald'; src: local('Oswald RegularItalic'), local('Oswald-RegularItalic'), url('/local/fonts/oswald/Oswaldregularitalic.woff2') format('woff2'), url('/local/fonts/oswald/Oswaldregularitalic.woff') format('woff'), url('/local/fonts/oswald/Oswaldregularitalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Oswald'; src: local('Oswald MediumItalic'), local('Oswald-MediumItalic'), url('/local/fonts/oswald/Oswaldmediumitalic.woff2') format('woff2'), url('/local/fonts/oswald/Oswaldmediumitalic.woff') format('woff'), url('/local/fonts/oswald/Oswaldmediumitalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Oswald'; src: local('Oswald ExtraLightItalic'), local('Oswald-ExtraLightItalic'), url('/local/fonts/oswald/Oswaldextralightitalic.woff2') format('woff2'), url('/local/fonts/oswald/Oswaldextralightitalic.woff') format('woff'), url('/local/fonts/oswald/Oswaldextralightitalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Oswald'; src: local('Oswald HeavyItalic'), local('Oswald-HeavyItalic'), url('/local/fonts/oswald/Oswaldheavyitalic.woff2') format('woff2'), url('/local/fonts/oswald/Oswaldheavyitalic.woff') format('woff'), url('/local/fonts/oswald/Oswaldheavyitalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Oswald'; src: local('Oswald Heavy'), local('Oswald-Heavy'), url('/local/fonts/oswald/Oswaldheavy.woff2') format('woff2'), url('/local/fonts/oswald/Oswaldheavy.woff') format('woff'), url('/local/fonts/oswald/Oswaldheavy.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Oswald'; src: local('Oswald LightItalic'), local('Oswald-LightItalic'), url('/local/fonts/oswald/Oswaldlightitalic.woff2') format('woff2'), url('/local/fonts/oswald/Oswaldlightitalic.woff') format('woff'), url('/local/fonts/oswald/Oswaldlightitalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Oswald'; src: local('Oswald Medium'), local('Oswald-Medium'), url('/local/fonts/oswald/Oswaldmedium.woff2') format('woff2'), url('/local/fonts/oswald/Oswaldmedium.woff') format('woff'), url('/local/fonts/oswald/Oswaldmedium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Oswald'; src: local('Oswald ExtraLight'), local('Oswald-ExtraLight'), url('/local/fonts/oswald/Oswaldextralight.woff2') format('woff2'), url('/local/fonts/oswald/Oswaldextralight.woff') format('woff'), url('/local/fonts/oswald/Oswaldextralight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Oswald'; src: local('Oswald BoldItalic'), local('Oswald-BoldItalic'), url('/local/fonts/oswald/Oswaldbolditalic.woff2') format('woff2'), url('/local/fonts/oswald/Oswaldbolditalic.woff') format('woff'), url('/local/fonts/oswald/Oswaldbolditalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Oswald'; src: local('Oswald DemiBoldItalic'), local('Oswald-DemiBoldItalic'), url('/local/fonts/oswald/Oswalddemibolditalic.woff2') format('woff2'), url('/local/fonts/oswald/Oswalddemibolditalic.woff') format('woff'), url('/local/fonts/oswald/Oswalddemibolditalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Oswald'; src: local('Oswald Bold'), local('Oswald-Bold'), url('/local/fonts/oswald/Oswaldbold.woff2') format('woff2'), url('/local/fonts/oswald/Oswaldbold.woff') format('woff'), url('/local/fonts/oswald/Oswaldbold.ttf') format('truetype'); font-weight: 700; font-style: normal; } /*---------------------------------------------------OSWALD END---------------------------------------------------------*/ /*-----------------FONTS--------------------------*/ img.main-photo { border-radius: 15px 15px 0px 0px; } .bx-yellow, .bx-theme-yellow { --primary: #f9a91d; --theme-color-primary: #f9a91d; --theme-color-second: #faba4a; --theme-color-light: #f0f0f0; --theme-b-link: #f9a91d; --theme-b-link-hover: #faba4a; --theme-b-tx-primary: #fff; --theme-b-bg-primary: #f9a91d; --theme-b-bd-primary: #f9a91d; --theme-b-sd-primary: rgba(249, 169, 29, 0.5); --theme-b-tx-primary-hover: #fff; --theme-b-bg-primary-hover: #faba4a; --theme-b-bd-primary-hover: #daa53e; --theme-b-tx-primary-active: #fff; --theme-b-bg-primary-active: #faba4a; --theme-b-bd-primary-active: #daa53e; --theme-b-tx-primary-disabled: #fff; --theme-b-bg-primary-disabled: #daa53e; --theme-b-bd-primary-disabled: #b7853b; } .bx-blue, .bx-theme-blue { --primary: #0083d1; --theme-color-primary: #0083d1; --theme-color-second: #5ca6e4; --theme-color-light: #f0f6f8; --theme-b-link: #44b1c9; --theme-b-link-hover: #5cc3d1; --theme-b-tx-primary: #fff; --theme-b-bg-primary: #0083d1; --theme-b-bd-primary: #0083d1; --theme-b-sd-primary: rgba(0, 131, 209, 0.5); --theme-b-tx-primary-hover: #fff; --theme-b-bg-primary-hover: #5ca6e4; --theme-b-bd-primary-hover: #5599d2; --theme-b-tx-primary-active: #fff; --theme-b-bg-primary-active: #5ca6e4; --theme-b-bd-primary-active: #5599d2; --theme-b-tx-primary-disabled: #fff; --theme-b-bg-primary-disabled: #5599d2; --theme-b-bd-primary-disabled: #4d8bbf; } .bx-red, .bx-theme-red { --primary: #e22b2b; --theme-color-primary: #e22b2b; --theme-color-second: #e95c5c; --theme-color-light: #f0f0f0; --theme-b-link: #e22b2b; --theme-b-link-hover: #e95c5c; --theme-b-tx-primary: #fff; --theme-b-bg-primary: #e22b2b; --theme-b-bd-primary: #e22b2b; --theme-b-sd-primary: rgba(226, 43, 43, 0.5); --theme-b-tx-primary-hover: #fff; --theme-b-bg-primary-hover: #e95c5c; --theme-b-bd-primary-hover: #d05454; --theme-b-tx-primary-active: #fff; --theme-b-bg-primary-active: #e95c5c; --theme-b-bd-primary-active: #d05454; --theme-b-tx-primary-disabled: #fff; --theme-b-bg-primary-disabled: #d05454; --theme-b-bd-primary-disabled: #c04e4e; } .bx-green, .bx-theme-green { --primary: #63aa28; --theme-color-primary: #63aa28; --theme-color-second: #5b9f0b; --theme-color-light: #a8d95b; --theme-b-link: #44b1c9; --theme-b-link-hover: #5cc3d1; --theme-b-tx-primary: #fff; --theme-b-bg-primary: #63aa28; --theme-b-bd-primary: #63aa28; --theme-b-sd-primary: rgba(99, 170, 40, 0.5); --theme-b-tx-primary-hover: #fff; --theme-b-bg-primary-hover: #5b9f0b; --theme-b-bd-primary-hover: #56940b; --theme-b-tx-primary-active: #fff; --theme-b-bg-primary-active: #5b9f0b; --theme-b-bd-primary-active: #56940b; --theme-b-tx-primary-disabled: #fff; --theme-b-bg-primary-disabled: #56940b; --theme-b-bd-primary-disabled: #497c09; } body { background-attachment: fixed; background-size: cover; font-family: "FuturaFuturisC","Helvetica Neue", Helvetica, Arial, sans-serif; } #pagetitle { margin-bottom: 35px; } h1,h2,h3,h4,h5 { font-family: "OpenSans-Regular", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } .bx-content-section, .bx-header-section { padding-bottom: 2px; } .bx-wrapper { } /*region HEADER*/ .bx-header { } .bx-header-section { } .bx-header-logo { order: 1 } .bx-header-personal { order: 3 } .bx-header-contact { order: 2 } /*region Logo*/ .bx-logo-block { display: block; height: 50px; border-bottom: none; } .bx-logo-block img { /* max-height: 50px; */ /* width: auto; */ } @media (max-width: 767px) { .bx-logo-block img { max-width: 100%; max-height: 45px; /* width: auto; */ height: auto; } .bx-header-logo { padding: 5px 50px; height: 55px; background-color: var(--theme-color-primary); } .bx-logo-block { height: auto; } body.bx-theme-green .bx-store-logo { background: #33b111; } } /*endregion*/ /*region included Phone*/ .bx-header-phone-block { display: flex; align-items: center; } .bx-header-phone-number { color: #000; white-space: nowrap; font: 700 21px/28px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; transition: 250ms linear all; } .bx-header-phone-icon { display: block; margin-right: 10px; width: 26px; height: 26px; background: no-repeat center url(/local/templates/eshop_bootstrap_v4/images/phone.svg); } @media (max-width: 991px) { .bx-header-phone-number { font: 600 15px/18px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; } } /*endregion*/ /*region included Worktime*/ .bx-header-worktime { color: #000; font: 600 16px/22px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; transition: 250ms linear all; } .bx-worktime-title { color: #adadad; font: 12px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bx-worktime-schedule { color: #000; font: 12px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (max-width: 991px) { .bx-header-worktime { font: 500 15px/18px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; } } /*endregion*/ /*endregion*/ .sidebar-block-title { color: #343434; text-transform: uppercase; font-weight: 600; font-size: 14px; font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; } /*region FOOTER*/ .bx-footer { } .bx-footer-section { } .bx-footer-section .bx-block-title { } .bx-footer-bg { background-color: #1f496a; } .bx-footer-logo { border-bottom: none !important; text-decoration: none !important; } .bx-footer-logo img { max-width: 100%; height: auto; } /*endregion*/ .bx-inclinkspersonal-item.bx-theme-blue:hover { background: #0083d1; } .bx-theme-blue.bx-inclinkspersonal-selected { background: #3398d7; } .bx-inclinkspersonal-item.bx-theme-black:hover { background: #303030; } .bx-theme-black.bx-inclinkspersonal-selected { background: #484848; } .bx-inclinkspersonal-item.bx-theme-green:hover { background: #44b1c9; } .bx-theme-green.bx-inclinkspersonal-selected { background: #5cc3d1; } .bx-inclinkspersonal-item.bx-theme-red:hover { background: #e63c3c; } .bx-theme-red.bx-inclinkspersonal-selected { background: #e95c5c; } .bx-inclinkspersonal-item.bx-theme-yellow:hover { background: #f4a52e; } .bx-theme-yellow.bx-inclinkspersonal-selected { background: #fbb859; } /*region Bootstrap modified*/ .btn-primary, .list-group-item.active { border-color: var(--theme-b-bd-primary); background-color: var(--theme-b-bg-primary); color: var(--theme-b-tx-primary); } .btn-primary:hover { border-color: var(--theme-b-bd-primary-hover); background-color: var(--theme-b-bg-primary-hover); color: var(--theme-b-tx-primary-hover); } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary); } .btn-primary.disabled, .btn-primary:disabled { border-color: var(--theme-b-bg-primary); background-color: var(--theme-b-bg-primary); color: var(--theme-b-tx-primary); } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { border-color: var(--theme-b-bd-primary-active); background-color: var(--theme-b-bg-primary-active); color: var(--theme-b-tx-primary-active); } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary); } .form-control:focus { border-color: var(--theme-color-primary); box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary); } a, .btn-link { color: var(--theme-b-link); } .g-font-size-15 { font-size: 15px; } .g-font-size-17 { font-size: 17px; } .g-font-size-20 { font-size: 20px; } .text-primary { color: var(--primary) !important } .bg-primary { background: var(--primary) !important } .border-primary { border-color: var(--primary) !important } /*endregion*/ .bx-sidebar-block { } .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5 { text-transform: uppercase; font-size: 14px; font-family: "OpenSans-SemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sidebar li { font-size: 12px; font-family: "OpenSans-SemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sidebar-icon { width: 27px; height: 27px; margin-right: 5px; border-radius:50%; background-color: var(--theme-color-primary); background-repeat: no-repeat; background-position: center; } .sidebar-icon-label { background-image: url(/local/templates/eshop_bootstrap_v4/images/label.svg); background-size: 19px auto; } .sidebar-icon-delivery { background-image: url(/local/templates/eshop_bootstrap_v4/images/delivery.svg); background-size: 17px auto; } .sidebar-icon-sale { background-image: url(/local/templates/eshop_bootstrap_v4/images/sale.svg); background-size: auto 17px ; } .sidebar-icon-self { background-image: url(/local/templates/eshop_bootstrap_v4/images/self.svg); background-size: auto 17px ; } .sidebar-icon-phone { background-image: url(/local/templates/eshop_bootstrap_v4/images/phone_white.svg); background-size: auto 21px ; } /* End */ /* Start:/local/js/owl/css/owl.carousel.min.css?17231020323351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.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;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.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{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;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-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.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(/local/js/owl/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/js/owl/css/owl.theme.default.min.css?17231020311013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.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:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/eshop_bootstrap_v4/dm_style.css?178618615384917*/ /*-------------CONTAINER_M-----------------------*/ .container_m { max-width: 1145px; width: 100%; padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto; position: relative; } /*-------------CONTAINER_M-----------------------*/ /*-------------HEADER-----------------------*/ header.bx-header { background: #024273; /* height: 100vh; */ } .container_dm_header { display: flex; align-items: center; justify-content: space-between; padding-top: 40px; } .dm_header_item_b { display: flex; align-items: center; } .container_dm_contact { display: flex; align-items: center; margin-right: 45px; } span.dm_contact__item a { color: #ffffff; text-decoration: none; font-family: 'Avenir Next Cyr'; font-weight: 200; font-size: 20px; } .menu-swipe-btn svg rect { color: #ffffff !important; fill: #ffffff !important; } .menu-swipe-btn svg{ cursor:pointer; } .menu-swipe-btn svg { cursor: pointer; background: #75c311; padding: 11px; border-radius: 3px; box-shadow: 0px 0px 7px 2px #75c311; width: 35px; height: 35px; } .container_dm_menu { width: 45px; height: 45px; } .menu-swipe-btn { width: 45px !important; height: 45px !important; } .container_dm_logo img { width: 153px; } .container_dm_logo>a:first-child { display: flex !important; align-items: center; } .dm_header_text_item.dm_header_text_item_b { color: #ffffff; } header.bx-header { background: #024273; /* background: url(/local/img/header/header_pushka_ledy_7.jpg); */ /* height: 100vh; */ /* background: #024273 url(/local/img/header/header_pushka_ledy_6.png) repeat-y; */ /* background: #024273 url(/local/img/header/img-pushka.svg); */ background-size: 90%; background-repeat: no-repeat; background-position: 40% 0%; } /* .bx-header-section.container { */ /* background: url("/local/img/header/header_pushka_ledy_6.png"); */ /* background-position: center; */ /* background-size: contain; */ /* background-repeat: no-repeat; */ /* } */ .bx-header-section.container { /* background: url(/local/img/header/header_pushka_ledy_8.webp); background-position: center; background-repeat: no-repeat; */ } .dm_header_text_item.dm_header_text_item_c a { color: #ffffff; text-decoration: none; } /*-------------------HEADER TEXT--------------------------*/ .dm_header_text_item_a { /* font-size: 85px; */ font-size: 4.3em; color: #fff; font-weight: 700; /* font-family: "Atyp Display"; */ line-height: 1.1; margin-bottom: 45px; max-width: 600px; } } .dm_header_text_item_b { font-size: 2.5em; color: #fff; font-weight: 500; } .dm_header_text_item_c { display: flex; color: #ffffff; margin: 65px 0px; } .dm_header_text_item_c > div { margin-right: 5px; position: relative; } .dm_header_text_item_c > div:after { content: ""; width: 3px; height: 3px; color: #75c311; background: #75c311; position: absolute; top: 7.5px; border-radius: 5px; right: 0; } .dm_header_text_item_c > div:last-child:after { content: ""; background: none; } .dm_header_text_item_c > div { margin-right: 10px; position: relative; padding-right: 15px; text-transform: uppercase; font-size: 13px; font-weight: 100; /* font-family: 'Avenir Next Cyr'; */ } .dm_zakaz__btn__item { background: #75c311; color: #ffffff; cursor: pointer; padding: 15px 35px; border-radius: 35px; transition: all 0.5s; box-shadow: 1px 3px 12px 2px #75c311; font-size: 20px; } .container_dm_header_text { /* background: url("/local/img/header/img-pushka.svg"); */ /* background: url("/local/img/header/header_pushka_ledy.png"); */ background-repeat: no-repeat; /* background-size: cover; */ background-size: contain; /* background-size: 100%; */ background-position: center; } /*-------------------HEADER TEXT--------------------------*/ /*-------------------HEADER SLIDER--------------------------*/ .container_dm_header_slider { /* margin-top: 180px; */ border-top: 1px solid #33668d; padding-bottom: 20px; } .dm_header_slider__container_title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 55px; margin-top: 30px; } .dm_header_slider__title_b { font-family: 'Avenir Next Cyr'; font-size: 14px; } /*-------------------HEADER SLIDER--------------------------*/ /*-------------------REKLAMA V LIFTAH--------------------------*/ a.btn-adres-program { max-width: 250px; width: 100%; display: inline-block; text-align: center; border: 1px solid #75c311; color: #ffffff; text-decoration: none; border-radius: 35px; padding: 5px 0px; transition: all 0.3s; font-family: Raleway; } a.btn-adres-program:hover { background: #75c311; box-shadow: 1px 3px 7px 0px #75c311 !important; transition: all 0.3s; } .reklamaVliftah { margin-top: 30px; display: flex; align-items: center; column-gap: 40px; } .btnAdresPr { display: flex; justify-content: center; padding-bottom: 45px; } a.btn-adres-program.btn-adres-program-block5 { color: #000000; } .filter_lift_mobiles{ display:none; } .activeItemMap { color: #ffffff !important; transition: all 0.2s !important; background: #024272 !important; } .bx-content-section, .bx-header-section { padding-bottom: 0px !important; } .dir_reklama_v_liftakh > header { background: #080b0e; padding-top: 40px; } .dm_header_item_menu { width: 60%; display: flex; justify-content: flex-end; } .dinamic_block { position: relative; /* max-width: 820px; */ width: 100%; } .dinamic_block_header { display: flex; justify-content: space-between; align-items: flex-start; } .dinamic_block_header { display: grid; /* grid-template-columns: 1fr 1fr 1fr; */ grid-template-columns: minmax(477px,1fr) 1fr 1fr; color: #000000; padding: 25px; text-align: left; font-family: 'FuturaFuturisC'; font-size: 25px; } .dinamic_block { margin-left: auto; margin-right: auto; padding-bottom: 85px; padding-top: 90px; } .dinamic_block_table { display: grid; grid-template-columns: minmax(477px,1fr) 2fr; text-align: center; position: relative; font-family: Raleway; min-height: 561px } .lift_adressBlockLift { /* background: #024272; */ position: absolute; width: 100%; text-align: left; color: #004071; padding: 5px 25px; font-weight: 600; font-size: 19px; } h3.title_map { font-family: 'FuturaFuturisC'; font-size: 50px; color: #000000; margin-bottom: 35px; /* margin-top: 80px; */ margin-top: 15px; } .dinamic_block_table__container { display: grid; grid-template-columns: 1fr 1fr; } .dinamic_block_table_adress > div, .dinamic_block_table_num_lift > div { /* background: #eee; */ } .dinamic_block_table_adress > div:nth-child(even), .dinamic_block_table_num_lift > div:nth-child(even) { /* background: #f2faff; */ } .dinamic_block_header > div:last-child { text-align: center; } .dinamic_block_table_adress > div, .dinamic_block_table_num_lift > div { /* background: #eee; */ padding: 12px 0px; transition: all 0.3s; cursor: pointer; font-size: 19px; /* text-align: left; */ /* padding-left: 15px; */ border-bottom: 1px solid #c2c2c2; text-align: left; padding-left: 25px; height: 72px; align-items: center; display: flex; } .search-div { position: relative; } .search-div:after { content: ""; position: absolute; top: 5px; right: 10px; background: #75c311; width: 20px; height: 20px; background-image: url(/local/img/lift-page/search_1.svg); fill: #ffffff !important; color: #ffffff; border-radius: 100%; padding: 14px; bottom: 0; background-size: 25px; background-repeat: no-repeat; background-position: center center; } .dinamic_block_table_title > div { text-align: left; padding-left: 15px; width: 90%; } .dinamic_block_table_title_mobile{ text-align: left; padding-left: 15px; } .dinamic_block_table_title > div:hover, .dinamic_block_table_adress > div:hover, .dinamic_block_table_num_lift > div:hover { background: #ffffffe3; color: #000000; transition: all 0.2s; border-radius: 40px; } .dinamic_block_table_title > div{ padding: 10px 15px; transition: all 0.3s; cursor: pointer; font-size: 19px; } .dinamic_block_table_title .totalS { display: none; } .dinamic_block_table_title { /* border-right: 1px solid #aba9a9; */ min-height: 561px; } span.selectBlockText { width: 100%; display: block; height: 100%; background: #0242722b; font-weight: 600; padding-top: 50px; font-size: 20px; } .activeMylift{ background: #024272 !important; color: #ffffff; border-radius: 40px; } .bd_secttion_a { font-family: "FuturaFuturisC","Helvetica Neue", Helvetica, Arial, sans-serif; } .simptip-multiline:after { height: auto; width: 200px !important; padding: 11px; line-height: 19px; white-space: normal; text-align: left; background: #000; } /***************************************SELECT LIST**********************************/ .filter_lift .btnGetLiftBlock { border: 0px; background: #75C311; color: #ffffff; padding: 7px 15px; border-radius: 4px; transition: all 0.3s; } .filter_lift .btnGetLiftBlock:hover { background: #a0c334; transition: all 0.3s; } .filter_lift > form { display: flex; align-items: center; width: 100%; margin-bottom: 25px; column-gap: 15px; } .checkselect, .checkselectes { position: relative; display: inline-block; min-width: 200px; text-align: left; } .checkselect-control { position: relative; padding: 0 !important; } .checkselect-control select { position: relative; display: inline-block; width: 100%; margin: 0; padding-left: 5px; height: 30px; } .checkselect-over { position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; } .checkselect-popup { display: none; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto; max-height: 200px; position: absolute; top: 100%; left: 0px; border: 1px solid #dadada; border-top: none; background: #fff; z-index: 9999; overflow: auto; user-select: none; } .checkselect label, .checkselectes label { position: relative; display: block; margin: 0; padding: 4px 6px 4px 25px; font-weight: normal; font-size: 1em; line-height: 1.1; cursor: pointer; } .checkselect-popup input { position: absolute; top: 5px; left: 8px; margin: 0 !important; padding: 0; } .checkselect-popup label:hover { background: #03a2ff; color: #fff; } .checkselect-popup fieldset { display: block; margin: 0; padding: 0; border: none; } .checkselect-popup fieldset input { left: 15px; } .checkselect-popup fieldset label { padding-left: 32px; } .checkselect-popup legend { display: block; margin: 0; padding: 5px 8px; font-weight: 700; font-size: 1em; line-height: 1.1; } /***************************************SELECT LIST**********************************/ .dinamic_block > h3 { font-family: 'Raleway'; font-weight: 700; font-size: 50px; color: #000000; margin-bottom: 35px; } .price_lift { max-width: 800px; } .map_area { position: relative; } .content_setka { background: #75c311; position: absolute; color: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: FuturaFuturisC; z-index: 9; } .price_lift__svg.svg_map img { background-size: contain; width: 100%; object-fit: contain; /* height: 100%; */ image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } .price_lift__svg.svg_map { position: relative; object-fit: contain; border: 15px solid #005ba9; background: #005ba9; } span.title_size { font-size: 23.67px; display: inline-block; line-height: 1; font-family: FuturaFuturisC; text-transform: uppercase; } /* .ttt{ */ /* z-index: 9; */ /* } */ span.price_size { font-size: 13.67px; display: inline-block; line-height: 1; font-family: FuturaFuturisC; } .content_a4 span.price_size { font-size: 8px; } .foreignObject_active { width: 100%; height: 100%; } .content_a5 span.title_size { font-size: 14px; } .content_a5 span.price_size { font-size: 7px; } .section_price { display: flex; flex-wrap: wrap; align-items: center; column-gap: 90px; padding-bottom: 130px; } .section_price > div { width: 43%; color: #ffffff; font-size: 20px; font-family: 'Raleway'; } .section_dprice { width: 100%; text-align: left; margin-top: 70px; } .dPrice:hover { background: #005ba9; color: #fff; } .price_lift__svg.svg_map svg { position: relative; border: 10px solid #005ba9; } .dPrice { text-decoration: none; color: #ffffff; font-size: 19px; font-family: Raleway; font-weight: 500; padding: 10px 45px; display: inline-block; transition: all 0.3s; background: #75c311; border-radius: 25px; text-shadow: 0px 0px 1px #eee; } .container_price { background: #034474; background: url(/local/img/lift-page/backPreim.jpg); padding-top: 100px; } .itog.lift_adressBlockLift { display: flex; align-items: center; column-gap: 45px; justify-content: space-between; } .search_adress { margin-bottom: 40px; width: 50%; position: relative; } .cSearch { width: 100%; border: 1px solid #b8b6b6; padding: 0px 15px; border-radius: 40px; height: 40px; } .menu_actives_mobile{ transform: translateX(0%) !important; width:450px !important; display:block !important; position: absolute !important; z-index: 9999; transition:all 0.3s; } .section_preimuch { background: #034474; background: url(/local/img/lift-page/backPreim.jpg); } span.preimuch_sub_title { font-family: Raleway; color: #ffffff; font-size: 29px; margin: 35px 0px 100px 0px; display: inline-block; } h3.preimuch_title { font-family: 'Raleway'; color: #ffffff; font-size: 50px; font-weight: bold; } .preimuch_block { padding-top: 160px; padding-bottom: 170px; } .preimuch_items { display: grid; grid-template-columns: repeat(auto-fill, minmax(600px, 1fr)); color: #ffffff; row-gap: 60px; } .preimuch_items__item { display: flex; align-items: center; column-gap: 30px; } .preimuch_item_right { max-width: 360px; width: 100%; font-size: 22px; font-family: 'Raleway'; } .preimuch_item_left > div { background: #1d5682; width: 105px; height: 105px; display: flex; align-items: center; justify-content: center; border-radius: 100%; padding: 20px; } .preimuch_item_left { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; max-width: 100px; font-size: 20px; font-family: Raleway; font-weight: 500; text-shadow: 0px -2px 2px #6082a9; row-gap: 22px; } .preimuch_item_left img { max-width: 90px; width: 100%; object-fit: contain; /* height: 100%; */ image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } .search_adress > form { display: flex; width: 100%; align-items: center; column-gap: 10px; } .search-div { width: 100%; } .vopros { background: #000; border-radius: 50px; padding: 0px 4px; color: #fff; cursor: pointer; transition: all 0.3s; } .vopros:hover, .vopros:focus { background: #024272; } [data-tooltip]:hover, [data-tooltip]:focus { background-color: black !important; } .overMap { position: absolute; } .section_dinamic_block { background: url(/local/img/body/bd_section_a.webp); background-size: cover; background-repeat: no-repeat; } .itogoNumAdress { grid-area: 2; grid-column: 2; width: 100%; position: relative; } .productsInformWrapper h3 { font-family: 'FuturaFuturisC'; font-size: 50px; color: #000000; margin-bottom: 70px; padding-top: 170px; } .productsInformWrapper ul li { font-size: 17px; margin-bottom: 40px; list-style: none; position: relative; } .productsInformWrapper ul li b { display: block; font-size: 25px; } .productsInformWrapper ul li:before { content: ""; background: #75c311; width: 13px; height: 13px; position: absolute; left: -25px; top: 13px; border-radius: 100%; } .productsInformWrapper .text { font-size: 20px; padding-top: 90px; display: inline-block; padding-bottom: 130px; } /*-------------------REKLAMA V LIFTAH--------------------------*/ /*-------------HEADER-----------------------*/ /*-------------########################################################-----------------------*/ /*-------------BODY-----------------------*/ .bd_section_a { display: flex; } span.section_b_item__text_a { max-width: 620px; width: 100%; display: inline-block; position: relative; background: #ffffff; box-shadow: 1px 3px 7px #e2e2e2; padding: 40px 50px 34px 40px; border-radius: 10px; } span.section_b_item__text_b { display: inline-block; max-width: 560px; width: 100%; margin-left: 130px; margin-top: 40px; font-family: 'Avenir Next Cyr'; font-weight: 500; } .section_a__item.section_a__item_a { display: flex; align-items: flex-end; } .section_b__item.section_b__item_b { margin-bottom: 60px; display: flex; flex-direction: column; } .bd_section_a { display: flex; border-bottom: 1px solid #c1c1c1; flex-wrap: wrap; justify-content: center; } .body_section_a__title { color: #005ba9; font-size: 35px; font-family: 'FuturaFuturisC'; } span.section_b_item__text_a:after { content: ""; background: url(/local/img/body/icon_mess.png); position: absolute; bottom: -36px; left: 0; background-size: cover; width: 50px; height: 50px; } .bd_section_b__items { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .bd_section_b__item { display: flex; flex-direction: column; /* align-items: center; */ flex-wrap: wrap; position: relative; } span.bd_section_b__item__dig { font-size: 3em; /* font-weight: 600; */ color: #005ba9; font-family: 'FuturaFuturisC'; } span.bd_section_b__item__text { font-weight: 600; font-size: 14px; } .bd_section_b__item:last-child:after { content: ""; background: none; } .bd_secttion_a { background: url(/local/img/body/bd_section_a.webp); background-size: cover; background-repeat: no-repeat; margin-top: -24px; } .container_body_section_a { margin-top: 100px; margin-bottom: 140px; } /*---------------SECTION B-----------------------*/ /* .bd_secttion_b { */ /* background: url("/local/img/body/4step.svg"); */ /* background-size: cover; */ /* background-repeat: no-repeat; */ /* } */ .body_section_b__content { color: #ffffff; max-width: 620px; width: 100%; } /* .bd_secttion_b { */ /* background: url(/local/img/body/4step.svg); */ /* background-size: cover; */ /* background-repeat: no-repeat; */ /* padding: 120px 0px 430px 0px; */ /* } */ .bd_secttion_b { background: url(/local/img/body/4steps.webp); /* background-size: cover; */ background-repeat: no-repeat; padding: 120px 0px 430px 0px; background-position: top; height: 1000px; position:relative; } .body_section_b_content__item_a { font-size: 5em; font-weight: 800; font-family: 'Atyp Display'; } .body_section_b_content__item_b { font-size: 1.5em; max-width: 350px; margin-bottom: 45px; font-family: 'Atyp Display'; font-weight: 300; } .body_section_b_content__item_c { font-size: 15px; max-width: 380px; margin-left: 85px; padding-left: 25px; border-left: 1px solid #eee; margin-bottom: 50px; font-family: 'Avenir Next Cyr'; font-weight: 100; } .bd_section_b { font-family: 'FuturaFuturisC'; margin: 20px 50px; } .workarea.bd_secttion_b:after { background: url("/local/img/body/viveW.webp"); content: ""; position: absolute; width: 100%; height: 246px; bottom: 0px; background-repeat: no-repeat; display: block; background-size: cover; z-index: 1; } /*---------------SECTION B-----------------------*/ /*---------------SECTION C-----------------------*/ .bd_secttion_c { background: #003c6d; color: #ffffff; position:relative; } .container_body_section_c { margin: 150px 0px 160px 0px; } .container_body_section_c__title { color: #84dc14; font-size: 25px; margin-bottom: 25px; } .container_body_section_c__content { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #33648b; flex-wrap: wrap; } .body_section_c__content_line { display: flex; flex-direction: column; border-left: 1px solid #33648b; padding-top: 25px; margin-left: 35px; } .body_section_c__content_line > span { margin-bottom: 80px; position: relative; padding-left: 35px; } .container_body_section_c__items { display: flex; align-items: center; flex-wrap: wrap; margin-top: 45px; } .body_section_c__content_line > span:last-child { margin: 0; } .body_section_c__content_line > span:before { content: ""; background: #33648b; width: 33px; height: 1px; position: absolute; left: 0px; top: 12px; } .workarea.bd_secttion_c_c:after { background: url("/local/img/body/viveW.webp"); content: ""; position: absolute; width: 100%; height: 246px; bottom: 0px; background-repeat: no-repeat; display: block; background-size: cover; z-index: 1; } .workarea.bd_secttion_c_c:before { background: url("/local/img/body/viveW_t.webp"); content: ""; position: absolute; width: 100%; height: 246px; top: 0px; background-repeat: no-repeat; display: block; background-size: cover; z-index: 1; } .container_body_section_c__item_a { z-index: 9; } .container_body_section_c__item_b { z-index: 9; } .body_section_c__content_line a { color: #ffffff; text-decoration: none; } /*---------------SECTION C-----------------------*/ /*---------------SECTION D-----------------------*/ .container_body_section_d { margin: 90px 0px 90px 0px; } .container_body_section_d__content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 50px; } .container_body_section_d__title { font-size: 30px; color: #005ba9; font-weight: 600; } .container_body_section_d__all a { color: #005ba9; } /*---------------SECTION D-----------------------*/ /*---------------SECTION E-----------------------*/ .workarea.bd_secttion_e.bd_secttion_c { box-shadow: inset 0px 9px 10px 0px #0000004a; } .container_body_section_e__title { color: #84dc14; font-size: 25px; } .container_body_section_e__content { display: flex; justify-content: space-between; margin-top: 108px; margin-bottom: 45px; } .container_body_section_e__all a { color: #00b7ff; font-size: 14px; } .container_body_section_e__desc { margin-bottom: 55px; max-width: 900px; width: 100%; } .container_body_section_e { padding-bottom: 90px; } /*---------------SECTION E-----------------------*/ /*---------------SECTION F-----------------------*/ .container_body_section_f { padding: 95px 0px 45px 0px; } .section_f_title h3 { font-size: 30px; color: #005ba9; font-weight: 600; text-align: center; } .section_f_title { margin-bottom: 80px; } .section_f__content { display: flex; flex-direction: column; align-items: center; } .section_f_content__a { display: flex; flex-direction: column; align-items: center; } span.section_f_content__title { color: #545454; } span.section_f_content__text { display: flex; flex-direction: column; justify-content: center; align-items: center; } span.section_f_content__info { color: #000000; font-size: 1.7em; } .section_f_content__dop { color: #005ba9; text-decoration: underline; cursor: pointer; position: relative; } .section_f_content__b { margin-top: 40px; display: flex; flex-direction: column; align-items: center; } .section_f_content__b .section_f_content__info a { color: #000000; text-decoration: none; } .section_f_content__c { display: flex; flex-direction: column; align-items: center; margin-top: 40px; } span.section_f_content__info.section_f_content__info_mail a { color: #0067c4; } .section_f_content__d { display: flex; flex-direction: column; align-items: center; margin-top: 40px; } span.section_f_content__icon_seti img { width: 35px; margin: 0px 10px; object-fit: contain; /* height: 100%; */ image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } span.section_f_content__icon_seti { margin-top: 15px; } span#mapClick:before { content: ""; background: url(/local/img/icon/svg/location.svg); width: 17px; height: 19px; position: absolute; background-repeat: no-repeat; background-size: contain; left: -20px; } span.section_f_content__text { position: relative; } .section_f_content__info_tel a:before { content: ""; background: url(/local/img/icon/svg/tel.svg); width: 17px; height: 19px; position: absolute; background-repeat: no-repeat; background-size: contain; left: -20px; top: 12px; } .section_f_content__info_mail a { position: relative; } .section_f_content__info_mail a:before { content: ""; background: url(/local/img/icon/svg/mail.svg); width: 17px; height: 19px; position: absolute; background-repeat: no-repeat; background-size: contain; left: -23px; top: 12px; } /*---------------SECTION F-----------------------*/ /*---------------SECTION G-----------------------*/ .workarea.bd_secttion_g { margin-top: 40px; } .section_g_slogan { text-align: center; padding: 50px 0px; color: #005ba9; } .section_g_slogan span { font-size: 1.1em; } .section_g_title span { color: #545454; } /*---------------SECTION G-----------------------*/ /*-------------BODY-----------------------*/ /*-------------------------------FOOTER------------------------------------*/ .section_footer { background: url("/local/img/footer/footer_bac.png"); } /*-------------------------------FOOTER------------------------------------*/ /*-------------SLIDER-----------------------*/ button.owl-prev { position: absolute; top: 50% !important; margin-top: -15px; outline: 0; width: 32px; height: 32px; /* text-indent: -9999px; */ /* z-index: 9999; */ /* left: 10px; */ background: url(/local/img/header/left_s.png) no-repeat !important; background-repeat: no-repeat; } /* button.owl-next { */ /* position: absolute; */ /* top: 50%; */ /* margin-top: -15px; */ /* outline: 0; */ /* width: 32px; */ /* height: 32px; */ /* text-indent: -9999px; */ /* z-index: 9999; */ /* background: url(/local/img/header/right_s.png) no-repeat !important; */ /* } */ button.owl-next { position: absolute; top: 50%; margin-top: -15px; outline: 0; width: 40px; height: 50px; text-indent: -9999px; z-index: 9999; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAABkUlEQVRoge3aP0oDQRTH8e+YWRD7CN7AIn+IEXuNleJRAgreIhaCN7GwMoXWSURNIDdQ9AibzXoDIZP3Z4v99TO8D2x2Z94L1KlT57+E1IWdyc0rsEfWuPjo3v0I1pSUndSFZQi7QJ98Ne683+4L1pSUZEgM+SXwCaFFXrz0J9cHgnVtnORHC6A3GzaLdRwDbWCZUZ5Nj++/ZErbLFtBoDqYrSFQDYwIBPwxYhDwxYhCwA8jDgEfjAoE7DFqELDFqELADqMOARuMCQT0MWYQ0MWYQkAPYw4BHYwLBOQxbhCQxSTfECXydvTwS9Y4h3IOHOZleEzdyxUiGVdIbzZskhfPEFrAsijjVepelfmxF+t4ujgZfafuV4nX77YIqMAHUQIBzkcUKQQ4HholEeB0jJdGgMPFSgMBxlddLQQYNh80EWDUDtJGgEGDzgIByi1TKwQoNrEtEaA0VrBGgMKgxwMBwqM3LwRsAakSAiCmLiyK+ESgDeWcLA4W3ZHrrD39qhtYAVOyOKjCHwbq1Knzf/4ABl9vSaaN9G0AAAAASUVORK5CYII=) no-repeat !important; } button.owl-prev { position: absolute; top: 50% !important; margin-top: -15px; outline: 0; width: 40px; height: 50px; /* text-indent: -9999px; */ /* z-index: 9999; */ /* left: 10px; */ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAABjUlEQVRoge3Zv07CUBTH8e8t1Dgwiolv4ACLqwaDuDj5Kg4uPIGJMvgqTiwySOLoJANvoAETFiZbuC7OJi3nT2P62zk5n6Qt95wLderU+SvBuwGA29fWYdim4xBY35+tzsvUSKSbKppfxAQ4iTHul63jChlOW+0Q02egA8zJ0+uytdwereG01c6TdEKkC8zJm/2H/vKzbD0XiDQCHCAaCDCGaCHAEKKJACOINgIMIBYIUIZYIUARYokAJYg1AhQgHggQhnghQBDiiQAhiDcCBCBVQMCOkKogYAdIlRAAzbI/3IS9MTF2gVlMssGov1oI9lU47jO7VEpDGvH7isA70Anb9OVmenAk2FfhiL7sWWxcPPa+PoR6KxTxz68XRuUP0QOjdkSxxqgeGi0x6sd4K4zJYGWBMRt1tTGmywdNjPk6SAvjsqDTwLitTKUxrktsSYz7tYIUphIXPRKYyly97YpxvZ6WxLiOune99TKG7BKYAccp+VPZWu4z++h0vYhJNgiEN0LYePdTp85/zQ9003NSyy/mewAAAABJRU5ErkJggg==) no-repeat !important; background-repeat: no-repeat; } /*-------------SLIDER-----------------------*/ /*-------------------------------------------------------------ОБЩИЕ------------------------*/ /*---------------------ЗАГОЛОВОК------------------------*/ /* Заголовки */ .title_main_dm{ font-size: 35px; font-family: 'FuturaFuturisC'; font-weight: 300; } /* отступ */ .border_padding_left_dm { /* padding: 0px 80px; */ } /* Кнопка в блоге */ .blog_btn{ background: #75c311; color: #ffffff; text-decoration: none; padding: 8px 30px; display: inline-block; border-radius: 25px; box-shadow: -1px 3px 5px 1px #75c311a3; cursor:pointer; } /*---------------------ЗАГОЛОВОК------------------------*/ /*-------------------------------------------------------------ОБЩИЕ------------------------*/ /*-------------------------------------------------------------SECTION------------------------*/ /*-----------MENU------------*/ .section_menu { padding-top: 0px; } .section_menu_p { padding-top: 0px; background: #00000094; padding: 3px 0px; } /*-----------MENU------------*/ /*-------------------------------------------------------------SECTION------------------------*/ /*-------------------------------------------------------------BLOG------------------------*/ .container_blog__btn { display: flex; justify-content: center; padding: 70px; } .bd_secttion_blog_archive { color: #ffffff; } .blog_detail_header { background: url(/local/img/blog/rybki-chernyi-fon.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover; top: 0; content: ""; width: 100%; height: 517px; margin-bottom: 45px; } span.news-date-time { position: relative; } span.news-date-time:before { content: ""; background: #84dc14; width: 200px; height: 2px; position: absolute; bottom: -3px; } /*-------------------------------------------------------------BLOG------------------------*/ /*-------------------------------------------------------------VAKANCII------------------------*/ .container_vakancii { background: #e7e9ef; } .vakancii_block__block_a { display: flex; flex-direction: column; padding-bottom: 125px; padding-top: 110px; /* max-width: 450px; */ } .page_tatol_info__text { font-size: 16px; padding-top: 40px; } .vakancii__breadcrumb { padding-bottom: 40px; } .page_tatol_info__title { font-size: 45px; position: relative; padding-bottom: 45px; } .page_tatol_info__title:before { content: ""; width: 145px; height: 2px; background: #84dc14; position: absolute; bottom: 0; } .page_tatol__block { background: url(/local/img/vakancii/WOW5.png) no-repeat left center/50%, url(/local/img/vakancii/WOW2.png) no-repeat right center/47%, url(/local/img/vakancii/WOW3.png) no-repeat top center/15%, url(/local/img/vakancii/WOW4.png) no-repeat top right/18%; } .page_tatol__block { /* top: -60px; */ position: relative; } header.content-wrapper-main.section_menu_p.dir_vakansii { /* position: relative; */ /* z-index: 3; */ } .vakancii_block__block_b { background-image: url(/local/img/vakancii/Layer-1.png); width: 100%; display: flex; background-repeat: no-repeat; background-size: 73%; background-position: right bottom; } .container_vakancii_block { /* display: flex; */ /* justify-content: space-between; */ /* height: 100%; */ display: flex; justify-content: center; height: 100%; align-items: center; z-index: 2; position: relative } .page_tatol__block_cases__overflow { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* background: #000000a3; */ z-index: 1; } .container_vakancii_blocks { background: #014072; } .container_vakancii_sections { background: url(/local/img/vakancii/wow/wow1.png) no-repeat left center/50%, url(/local/img/vakancii/wow/wow2.png) no-repeat right center/47%, url(/local/img/vakancii/wow/wow3.png) no-repeat top center/15%, url(/local/img/vakancii/wow/wow4.png) no-repeat top right/18%; } .vakancii_blocks_section1 { /* display: flex; */ /* align-items: flex-start; */ color: #ffffff; /* flex-wrap: wrap; */ font-family: 'FuturaFuturisC'; } .vakancii_blocks_items > div { display: flex; flex-direction: column; } .vakancii_blocks_items { border-right: 1px solid #33668d; } .vakancii_blocks_items:last-child { border-right: 0px; } span.vakancii_blocks_items__title { font-size: 29px; padding-bottom: 18px; } span.vakancii_blocks_items__desc { font-size: 16px; } .vakancii_blocks__title { color: #84dc14; font-size: 19px; padding-top: 50px; padding-bottom: 40px; } .vakancii_blocks_items { max-width: 368px; width: 100%; } .vakancii_blocks_item1 > div { padding-right: 67px; } .vakancii_blocks_item2 > div { padding-right: 50px; padding-left: 50px; } .vakancii_blocks_item3 > div { padding-left: 50px; } .vakancii_blocks_section1 { border-bottom: 1px solid #33668d; padding-bottom: 40px; } .vakancii_blocks_item4 { color: #ffffff; display: flex; justify-content: space-between; } .vakancii_blocks_item4 { color: #ffffff; display: flex; justify-content: space-between; align-items: center; } span.vakancii_blocks_item4__title { font-size: 41px; } span.vakancii_blocks_item4__number { font-size: 13px; } .vakancii_blocks_item4 { margin-top: 60px; padding-bottom: 65px; } .vakancii_blocks_section2 { max-width: 820px; width: 100%; } .vakancii_blocks_item5 .slick-slide { max-width: 820px; width: 100%; } .vakancii_blocks_item4__number { color: #84dc14; } .vakancii_blocks_section2_photo { background: url(/local/img/vakancii/box_1.png); width: 100%; background-position: 70% 100%; background-repeat: no-repeat; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; background-size: 450px; } .container.container_section2 { display: flex; padding-bottom: 25px; position: relative; } .container_feedback { background: url(/local/img/body/bd_section_a.webp); background-size: cover; background-repeat: no-repeat; padding-top: 90px; padding-bottom: 90px; } .section_feedback { padding-bottom: 25px; } .section_feedback { max-width: 820px; width: 100%; background: #f2eede; border-radius: 10px; padding: 40px 50px; } .container_feedbackVakancii > div:last-child input { border-radius: 10px; } .container_feedback__1 { display: flex; justify-content: space-between; flex-wrap: wrap; } .vakancii_feedback_text > span { max-width: 260px; width: 100%; } .vakancii_feedback_text { max-width: 215px; width: 100%; margin-top: 30px; margin-left: 30px; } .vakancii_blocks_section1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); column-gap: 10px; } .vakancii_blocks_section2_photo__ > span { color: #ffffff; position: absolute; bottom: 55px; max-width: 167px; font-size: 13px; z-index: 9; right: 25px; -webkit-transform: rotate(-13deg); -moz-transform: rotate(-13deg); -o-transform: rotate(-13deg); -ms-transform: rotate(-13deg); transform: rotate(-13deg); } .container.container_section2:before { content: ""; width: 50px; height: 50px; position: absolute; bottom: 210px; right: 216px; /* background: linear-gradient(91deg, #0386b7, #0362a1); */ box-shadow: 1px 3px 90px 82px #0397d2; background: #058fc7; border-radius: 50px; } /*-------------------------------------------------------------VAKANCII------------------------*/ /*-------------------------------------------------------------CASES------------------------*/ .container_cases { background: url(/local/img/cases/headerBac.png); color: #ffffff; background-position: center right; background-repeat: no-repeat; background-size: cover; } header.content-wrapper-main.section_menu_p { /* position: absolute; */ z-index: 9; width: 100%; } .container_cases_trust { background: url(/local/img/nashi-uslugi/phonblue.png); padding-bottom: 70px; } .container_blagodar_trust { background: url(/local/img/body/bd_section_a.webp); background-size: cover; background-repeat: no-repeat; } /*-------------------------------------------------------------CASES------------------------*/ /*-------------------------------------------------------------НАШИ УСЛУГИ------------------------*/ .container_aboutservice { background: url("/local/img/nashi-uslugi/backphon.png"); /* color: #ffffff; */ background-position: center; background-repeat: no-repeat; background-size: cover; } .container_aboutservice_bloks { background: url(/local/img/nashi-uslugi/phonblue.png); color: #ffffff; } .aboutservice_bloks_items { display: flex; justify-content: space-between; flex-wrap: wrap; } .aboutservice_bloks_item { display: flex; flex-direction: column; align-items: center; padding-top: 100px; padding-bottom: 100px; } .aboutservice_bloks_title { padding-bottom: 25px; position: relative; padding-top: 30px; font-size: 25px; display: flex; justify-content: center; } .aboutservice_bloks_title a { color: #fff; text-decoration: none; transition: all 0.3s; } .aboutservice_bloks_title a:hover { text-decoration: underline; transition: all 0.3s; } .aboutservice_bloks_desc { padding-top: 25px; padding-bottom: 20px; } .aboutservice_bloks_title:before { content: ""; position: absolute; bottom: 0px; background: #84dc14; width: 140px; height: 1px; text-align: center; } .aboutservice_bloks_step { background: #ffffff; box-shadow: 1px 3px 7px 3px #d5d5d5; border-radius: 15px; padding: 65px 76px; } .aboutservice_bloks_step_img{ top: -30px; position: relative; } .aboutservice_bloks_step_title { padding-bottom: 40px; } .aboutservice_bloks_step_desc { padding-bottom: 30px; } .aboutservice_bloks_step_btn_text { display: flex; justify-content: space-between; padding-top: 60px; } span.aboutservice_bloks_step_text { width: 700px; font-size: 14px; } .aboutservice_bloks_step_btn { width: 215px; font-size: 16px; text-align: center; } span.bloks_step_title_etap_number { font-size: 30px; color: #a4a4a4; } span.bloks_step_title_etap_text { font-size: 25px; color: #064677; } .aboutservice_bloks_step_title__btn { display: flex; justify-content: space-between; align-items: center; max-width: 720px; width: 100%; } .aboutservice_bloks_step_desc_etap2 { max-width: 720px; width: 100%; } .aboutservice_bloks_step_tree__etap2 { max-width: 720px; width: 100%; font-size: 18px; } /* .aboutservice_steps2 > div { */ /* background: url(/local/img/nashi-uslugi/etap2.png); */ /* background-position: right; */ /* background-repeat: no-repeat; */ /* } */ .aboutservice_steps2 { position: relative; } .aboutservice_steps4 { position: relative; } .aboutservice_bloks_step3 { display: grid; grid-template-columns: minmax(200px, 300px) 3fr; position: relative; } .aboutservice_bloks_step2 { display: grid; grid-template-columns: 3fr minmax(200px, 300px); position: relative; } .aboutservice_bloks_step4 { display: grid; grid-template-columns: 3fr minmax(200px, 300px); position: relative; } .step3_img:before { background: url(/local/img/nashi-uslugi/arm.png); content: ""; width: 25%; height: 100%; background-size: contain; position: absolute; background-repeat: no-repeat; top: 0; } .step2_img:before { background: url(/local/img/nashi-uslugi/etap2.png); content: ""; width: 25%; height: 100%; background-size: contain; position: absolute; background-repeat: no-repeat; top: 0; } .step4_img:before { background: url(/local/img/nashi-uslugi/step4.png); content: ""; width: 25%; height: 100%; background-size: contain; position: absolute; background-repeat: no-repeat; top: 80px; bottom: 0; } .container_aboutservice_steps { background: url(/local/img/body/bd_section_a.webp); background-size: cover; background-repeat: no-repeat; } .container_aboutservice_steps_last { padding-bottom: 90px; } .container_aboutservice_steps_last { padding-bottom: 90px; padding-top: 30px; } .container_aboutservice_steps_3 { padding-top: 30px; } .aboutservice_bloks_img img { height: 190px; } .container_aboutservice_steps_img { /* background: url(/local/img/nashi-uslugi/1etapphon.png); */ background: url(/local/img/nashi-uslugi/1etapphon.webp); background-size: cover; background-repeat: no-repeat; } .aboutservice_bloks_step_tree { color: #212529; } .aboutservice_bloks_step_tree a { color: #212529; } .aboutservice_bloks_step_tree a:hover { text-decoration: underline; } /*-------------------------------------------------------------НАШИ УСЛУГИ------------------------*/ /*-------------------------------------------------------------КОНСТРУКЦИИ------------------------*/ .container_construct { background: url("/local/img/construction/backphon.webp"); color: #ffffff; background-position: center; background-repeat: no-repeat; background-size: cover; } .container_construct_adress { background: url(/local/img/construction/backadress.webp); color: #ffffff; background-position: center; background-repeat: no-repeat; background-size: cover; } .container_construct_content { background: url(/local/img/nashi-uslugi/phonblue.png); color: #ffffff; box-shadow: inset 0px 10px 11px 0px #0000006e; padding: 100px 0px; } .container_construct_content a{ color: #ffffff; } .construction_content { display: flex; align-items: flex-start; } .construction_content .bx_catalog_line { margin-bottom: 30px; width: 100%; } .construction_content__items { width: 100%; } .construction_content__filter { max-width: 300px; display: inline-block; width: 100%; } .section_filter { background: #003C6D; padding: 20px; border-radius: 10px; text-align: center; width: 100%; display: flex; flex-direction: column; row-gap: 15px; } .section_filter__select select { width: 100%; padding: 5px; border-radius: 10px; border: 0; } .section_filter__title { font-size: 23px; } .section_filter__select input[type='text'] { /* width: 100%; */ padding: 5px; border-radius: 10px; border: 0; } .section_filter__btn button { padding: 5px; border-radius: 20px; border: 0; width: 100%; background: #75C311; color: #ffffff; } .bx_catalog_line .bx_catalog_line_title a { color: #4c7da6; font-size: 18px; color: #ffffff; text-decoration: none; } /*---------------------------------------------*/ span.const_type__img img { position: relative; display: block; height: 200px; background-repeat: no-repeat; -webkit-background-size: contain; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; max-width: 200px; width: 100%; } .const_type__items { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 10px; /* margin-bottom: 20px; */ list-style: none; border: 1px solid #34678e; max-width: 260px; height: 330px; border-radius: 10px; transition: all 0.3s; } .const_type__items:hover { background: #ffffffe6; color: #000000; } .const_type__items:hover a { color: #000000; } .construction_content__items { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } /*-------------------------------------------------------------КОНСТРУКЦИИ------------------------*/ /*-------------------------------------------------------------FOOTER MENU------------------------*/ .bottom_menu > div:last-child { border-right: 0px; } .footer_copy { display: flex; justify-content: space-between; color: #ffffff; margin-top: 35px; padding-bottom: 100px; font-size: 14px; flex-wrap: wrap; } /*-------------------------------------------------------------FOOTER MENU------------------------*/ /*-------------------------------------------------------------PUP CASE------------------------*/ .pup_module { position: absolute; top: 0; width: 100%; }.pup_module { display: flex; justify-content: center; align-items: center; flex-direction: column; } .lists_pup .pup_img { width: 132px; height: 132px; margin: 0 auto; overflow: hidden; border-radius: 50%; } .lists_pup .pup_img img{ image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } .list_pup { display: flex; align-items: center; gap: 15px; justify-content: space-between; } .pup_module > div { background: #f5f5f5; border-radius: 12px; z-index: 9; box-shadow: 1px 3px 7px 4px #01010157; border-radius: 12px; } .pup_close { padding: 0px 10px 0px 10px; } .list_pup { padding: 5px 30px 30px 30px; } .pup_close { text-align: right; } .pup_close svg { width: 25px; cursor: pointer; } /*-------------------------------------------------------------PUP CASE------------------------*/ /*--------------------------------------NARUGNAYA REKALAMA START-----------------------------------------------*/ .container_type_cosnt { position: absolute; z-index: 1; display: flex; flex-direction: column; background: #ffffff; width: 100%; max-width: 175px; box-shadow: 0px 0px 6px 0px #3535354d; border-radius: 5px 5px 5px 5px; padding: 60px 5px 5px 32px; font-family: FuturaFuturisC; top: 0px; border: 1px solid #cbd3dc; } .container_type_cosnt label { font-size: 14px !important; } .container_type_cosnt:after { content: ""; background: #abb9c8; position: absolute; left: 11px; top: 50px; width: 85%; height: 1px; text-align: center; } span.filters_const { z-index: 2; position: relative; } /* span.filterTwo_bilbord { z-index: 2; position: relative; } */ span.const_type__btn a { background: #75c311; color: #ffffff !important; text-decoration: none; padding: 10px 60px; display: inline-block; border-radius: 58px; font-size: 16px; font-weight: 500; font-family: FuturaFuturisC; margin-top: 20px; margin-bottom: 10px; } span.const_type__btn { opacity: 0; } .const_type__items:hover span.const_type__btn { opacity: 1; transition: all 0.1s; } .section_const { background: url(/local/img/nashi-uslugi/phonblue.png); color: #ffffff; box-shadow: inset 0px 10px 11px 0px #0000006e; padding: 0px 0px 120px 0px; } .slider_main_blogs__desc.nar_rek { padding-bottom: 0px !important; } .slider_main_blogs__content.nar_rek { padding-bottom: 0px !important; } .slider_main_blogs.nar_rek .owl-item { height: 510px; box-shadow: 0px 0px 5px 1px #2c2c2c42; margin-bottom: 10px; } .slider_main_blogs__name.nar_rek { text-align: center; font-family: FuturaFuturisC; font-size: 29px; font-weight: 500; line-height: 1; padding: 0px 22px; } .slider_main_blogs .owl-item:hover { box-shadow: none; transition: all 0.3s; } .slider_main_blogs__preview.nar_rek { text-align: center; height: 160px; overflow: hidden; } .nar_rek_title { padding-top: 80px; text-align: center; padding-bottom: 50px; } .nar_rek_title h3 { font-family: 'FuturaFuturisC' !important; font-weight: 500; font-size: 50px; } .section4.whyWe { background: url(/local/img/body/bd_section_a.webp); background-size: cover; background-repeat: no-repeat; } .container.block2_slider_titles.nar_rek { margin-top: 0px; } .container_rek_narugka { /* background: #024272; */ /* background: linear-gradient(53deg, #024272,#05a1dd); */ /* background: url(/local/img/lift-page/kenguru_lift_reklama.jpg); */ /* background: url("/local/img/naruzhnaya-reklama/backNarRek.jpg"); */ background: url("/local/img/naruzhnaya-reklama/sec1Header.jpg"); background-size: cover; height: 110vh; /* height: 85vh; */ position: relative; background-position: center center; background-repeat: no-repeat; min-height: 1280px; } .container_vakancii_block.nar_rek { height: 80%; padding: 0px 30px; } .dir_naruzhnaya_reklama > header { position: absolute; } .dm_header_text_item.dm_header_text_item_a.nar_rek { font-family: 'FuturaFuturisC'; font-weight: 400; } .dm_header_text_item.dm_header_text_item_b.section_lift_page__text_item_2.nar_rek { font-size: 29px; font-family: FuturaFuturisC; } a.btn-reklamaVliftah.callback2.nar_rek { font-family: FuturaFuturisC; font-size: 19px; } a.btn-adres-program.nar_rek { /* max-width: 380px; */ max-width: 450px; width: 100%; font-family: FuturaFuturisC; padding: 14px 10px; font-size: 19px; } .dm_header_text_item.dm_header_text_item_a.nar_rek { margin-bottom: 40px; } /*SECTION 2 START*/ .nar_rek.section_2 { display: block; margin-left: auto; margin-right: auto; background: url(/local/img/body/bd_section_a.webp); background-size: cover; background-repeat: no-repeat; position: relative; width: 100%; min-height: 420px; display: flex; justify-content: center; align-items: end; } .ban-img-text { position: absolute; } .ban-text { display: flex; flex-direction: column; padding: 90px 100px 60px 70px; font-family: FuturaFuturisC; } .b-title { font-size: 41px; line-height: normal; } .b-text { font-size: 20px; line-height: normal; padding-top: 45px; font-family: 'Avenir Next Cyr'; } .ban-img-text { display: flex; align-items: center; } .ban-img img { max-width: 464px; } .nar_rek.section_2 > div { background: #ffffff; max-width: 1280px; margin-left: auto; margin-right: auto; border-radius: 13px 13px 13px 13px; margin-bottom: 100px; box-shadow: 1px 0px 10px 3px #00000073; } .ban-img img { border-radius: 13px 0px 0px 13px; } .b-btn a { background: #75c311; color: #ffffff; text-decoration: none; padding: 10px 30px; display: inline-block; border-radius: 58px; font-size: 19px; } .b-btn { margin-top: 50px; } /*SECTION 2 END*/ /*--------------------------------------NARUGNAYA REKALAMA END-----------------------------------------------*/ /*--------------------------------------REKALAMA V LIFTAH START-----------------------------------------------*/ .container_tatol { } .container_rek_v_liftah { /* background: #024272; */ /* background: linear-gradient(53deg, #024272,#05a1dd); */ /* background: url(/local/img/lift-page/kenguru_lift_reklama.jpg); */ background: url("/local/img/lift-page/dm_lift_BG.jpg"); background-size: cover; /* height: 100vh; */ /* height: 85vh; */ position: relative; } .lift_page__smile img { max-width: 71px; width: 100%; display: block; } span.text_item_1_borderNot { color: #ffffff; font-size: 50px; line-height: 1.55; font-weight: 800; background-position: center center; border-color: transparent; margin-left: 25px; } span.text_item_1_border { color: #ffffff; font-size: 50px; line-height: 1.55; font-weight: 800; background-position: center center; border-color: transparent; /* border: 3px dashed #88C03E; */ border-radius: 35px; /* padding: 5px 25px; */ display: inline-block; } .rek_v_liftah_block_a{ display: flex; flex-direction: column; padding-bottom: 70px; padding-top: 40px; width: 100%; } .lift_page__text_item_1{ position: relative; } /* .lift_page__text_item_1:after { */ /* content: ""; */ /* background: url(/local/img/lift-page/fire_1f525.png); */ /* width: 75px; */ /* height: 75px; */ /* background-size: contain; */ /* position: absolute; */ /* right: -85px; */ /* top: -40px; */ /* } */ .lift_page__text_item_2 { color: #ffffff; font-size: 85px; font-weight: 700; text-align: right; border-bottom: 5px solid #88c03e; display: inline-block; /* margin-right: 85px; */ } .section_lift_page__text_item_2 { display: flex; justify-content: end; align-items: center; } .lift_page__img_build img { max-width: 75px; width: 100%; display: block; margin-left: 150px; } .rek_v_liftah_block_a > .vakancii__breadcrumb { margin-bottom: 0px; } .page_tatol__info { display: flex; justify-content: center; } .page_tatol__child { display: flex; flex-direction: column; } .lift_page__smile { margin-bottom: 80px; } .page_tatol__block_cases { height: 100%; display: flex; } .section_lift_page__text_item_2 { margin-bottom: 85px; display: inline-block; } .section_lift_page__text_item_2 { position: relative; font-family: "Atyp Display"; font-weight: 300; font-size: 35px; color: #ffffff; } .btn-start { font-size: 21px; font-weight: 300; font-family: "Raleway"; border: 1px solid #ffffff; padding: 15px 75px; cursor: pointer; text-transform: uppercase; text-decoration: none; color: #ffffff !important; transition: all 0.3s; } .btn-start:hover { background: #1A4573; color: #ffffff; transition: all 0.3s; } /* .section_lift_page__text_item_2:after { */ /* content: ""; */ /* background: url(/local/img/lift-page/fire_1f525.png); */ /* width: 30px; */ /* height: 30px; */ /* background-size: contain; */ /* position: absolute; */ /* right: -40px; */ /* top: -40px; */ /* background-repeat: no-repeat; */ /* bottom: 11px; */ /* } */ .downPrice { text-align: center; display: inline-block; width: 100%; background: #024272; margin-top: 35px; padding: 25px 0; color: #ffffff; text-decoration: none; font-size: 2.5em; font-weight: 800; transition: all 0.3s; margin-bottom: 50px; } .downPrice { display: none; } .downPrice:hover { background: #a0c335; color: #ffffff; } span.downPriceICon svg { height: 40px; width: 40px; } .reklamaVliftah { margin-top: 30px; } .container_block2 { font-family: 'Raleway'; padding: 150px 0px 140px 0px; } .block2_items.block2_item3 { display: flex; align-items: center; column-gap: 80px; margin-top: 90px; } .block2_items.block2_item3 div a { color: #0090ff; font-weight: 600; font-size: 19px; } .container.block2_slider_titles { display: flex; justify-content: space-between; align-items: center; margin-bottom: 55px; margin-top: 30px; max-width: 1150px; padding-top: 50px; } .preimuch_item_right_title { font-size: 25px; font-weight: 500; } .preimuch_item_right_subtitle { font-size: 18px; } .block2_items.block2_item1 { font-size: 50px; font-weight: 700; margin-bottom: 45px; } .block2_items.block2_item2 { font-size: 22px; } .block2_slider { background: #17222a; padding-bottom: 70px; } .block2_slider .slider_main_header .owl-item.active { border-right: 1px solid #4e4e4e; } .block2_dm_header_slider__container_title > div { text-align: center; font-size: 17px; text-transform: uppercase; padding: 25px 0px; } .block2_items.block2_item2 { font-family: "Raleway"; font-weight: 500; } .container_dm_header_text.border_padding_left_dm > div { font-family: Raleway; } .title_price{ font-family: 'Raleway'; font-size: 50px; color: #ffffff; margin-bottom: 5px; font-weight: 700; } h3.sub_title_price { font-family: 'Raleway'; font-size: 25px; color: #ffffff; margin-bottom: 85px; margin-top: 40px; } h4.sub_sub_title_price { color: #ffffff; font-size: 15px; } /*--------------------------------------REKALAMA V LIFTAH END----------------------------------------------*/ /*--------------------------------------AUTH-----------------------------------------------*/ .section_auth { display: flex; justify-content: center; margin-top: 70px; margin-bottom: 70px; } .bx-wrapper.dir_auth { background: url("/local/img/auth/ad5ack.webp"); } .dir_auth .bx-authform form { background: #ffffff; margin-top: 20px; margin-left: 0; padding: 26px 24px 34px; font-weight: 400; overflow: hidden; background: #eeeeee; border: 1px solid #c3c4c7; border-radius: 10px; box-shadow: none; } .auth_logo > img { max-width: 230px; margin-bottom: 25px; } .auth_logo { display: flex; justify-content: center; align-items: center; } /* .dir_auth .bx-authform form > div:last-child { */ /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ /* } */ .authBtnSubmit { display: flex; justify-content: center; align-items: center; } .dir_auth .bx-authform form > div input[type='submit'] { background: #6cd010; border: 0px; padding: 9px 6px; max-width: 170px; width: 100%; border-radius: 20px; font-weight: 500; transition: all 0.3s; font-size: 18px; } .bx-authform { max-width: 320px; } .dir_auth .bx-authform-link-container{ margin-bottom: 0px; } .dir_auth .bx-authform form input[type='text'], .dir_auth .bx-authform form input[type='password']{ background: #ffffff; border-radius: 20px; padding: 0px 15px; border: 0px; } .dir_auth .bx-authform form > div input[type='submit']:hover { background: #377037; } /*--------------------------------------AUTH-----------------------------------------------*/ /*--------------------------------------ЗАКАЗАТЬ ЗВОНОК-----------------------------------------------*/ .vr-callback .callback2 { box-shadow: 1px 3px 7px 0px #75c311 !important; transition: all 0.3s; } .vr-callback .callback2:hover { background: #99be2b; } .vr-callback .callback2 { text-decoration: none; font-size: 20px; background: #75c311; color: #ffffff; cursor: pointer; /* padding: 15px 35px; */ border-radius: 35px; transition: all 0.5s; box-shadow: 1px 3px 12px 2px #75c311; } .btn-reklamaVliftah { padding: 15px 60px; } /*--------------------------------------ЗАКАЗАТЬ ЗВОНОК-----------------------------------------------*/ /*--------------------------------------MAP LIFT START-----------------------------------------------*/ .container_map { width: 100%; height: 100%; position: relative; } #map { width: 100%; height: 800px; /* max-width: 1229px; */ /* height: 800px; */ /* position: absolute; */ /* top: 0; */ /* bottom: 0; */ /* left: 0; */ /* right: 0; */ /* width: 100%; */ } /* Оформление меню (начало)*/ .menu { list-style: none; padding: 5px; margin: 0; } .submenu { list-style: none; margin: 0 0 0 20px; padding: 0; } .submenu li { font-size: 90%; } .content_map { display: flex; justify-content: center; align-items: flex-start; /* margin-bottom: 25px; */ } .content_map>div:first-child { max-width: 350px; width: 100%; } div#menu_map { /* background: #f2faff; */ /* box-shadow: -2px 4px 14px 2px #f1f1f1; */ } div#menu_map a { text-decoration: none; text-decoration: none; background: #ffffffe3; color: #000000; transition: all 0.2s; border-radius: 40px; display: block; padding: 5px 0px; font-size: 18px; } div#menu_map a:hover { background: #dedede; color: #000000; transition: all 0.2s; border-radius: 40px; } ul.menu > li { margin-bottom: 8px; /* border-bottom: 1px solid #d4d4d4; */ /* padding-bottom: 10px; */ } .submenu li b { color: #888; font-weight: 400; } .submenu li { margin: 10px 0px; } ul.menu > li:last-child { border: 0px; } div#menu_map { height: 590px; } div#menu_map { overflow-y: scroll; } /*color*/ span.totalS { width: 15px; height: 15px; display: inline-block; border-radius: 50px; } span.totalS.red { background: #ed4543; } span.totalS.orang { background: #e6761b; } span.totalS.green { background: #56db40; } span.totalS.night { background: #0E4779; } span.totalS.darkBlue { background: #177BC9; } span.totalS.pink { background: #F371D1; } span.totalS.gray { background: #B3B3B3; } span.totalS.brown { background: #793D0E; } span.totalS.darkGreen { background: #52be99; } span.totalS.violet { background: #B51EFF; } span.totalS.black { background: #595959; } span.totalS.yellow { background: #FFD21E; } span.totalS.lightBlue { background: #82CDFF; } span.totalS.darkGreen_nine { background: #9CA50C; } span.totalS.darkGreen_56d { background: #1BAD03; } /*color*/ /*SCROLL*/ *, html * /* override x.xhtml.ru style */ { scrollbar-width: thin; scrollbar-color: blue orange; } *::-webkit-scrollbar, html *::-webkit-scrollbar { height: 12px; width: 10px; } *::-webkit-scrollbar-track, html *::-webkit-scrollbar-track { background: #B7B7B7; } *::-webkit-scrollbar-thumb, html *::-webkit-scrollbar-thumb { background-color: #746f6f; border-radius: 5px; border: 3px solid #746f6f; } /*SCROLL*/ .menu_active { transform: translateX(0%); } .totalS { /* display: none !important; */ } .content_map_title { /* padding-left: 20px; */ font-size: 25px; } .content_map div#menu_map a { padding-left: 15px; } /*--------------------------------------MAP LIFT END-----------------------------------------------*/ /*##############MOBILE#############*/ @media (min-width: 1024px) { .container_maps { width: calc(((100% - 1280px)/2) + 1280px)!important; margin-left: auto; } .mobile_map_vopros{ display:none !important; } .bd_section_b__item:after { content: ""; width: 1px; height: 90px; background: #c1c1c1; position: absolute; right: -50px; } .container_body_section_c__item_b { max-width: 450px; font-size: 12px; margin-left: 50px; } .bottom_menu { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); justify-content: center; border-bottom: 1px solid #464f55; /* align-items: start; */ } .bottom_menu__items { border-right: 1px solid #464f55; display: grid; justify-content: center; text-align: left; padding: 80px 10px 40px 10px; } .vakancii_blocks_item5 .slick-slide { width: 820px !important; } .container_vakancii_sections .container_m:after { /* background: url(/local/img/vakancii/box_1.png); */ background: url(/local/img/vakancii/box_w_text.png); content: ""; position: absolute; background-repeat: no-repeat; right: 0; bottom: 0; background-size: contain; max-width: 260px; /* max-width: 462px; */ /* height: 400px; */ height: 340px; width: 100%; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } .container_rek_v_liftah { height: 100vh; } .dm_header_item_menu_mobile{ display: none; } .dinamic_block_table__container { max-height: 576px; overflow-y: scroll; background: #ffffff !important; border-radius: 15px; } .dinamic_block_table_num_lift.dinamic_block_table__listactive > div { text-align: center; } .price_lift_mobile{ display:none; } } @media (max-width: 1024px) { .nar_rek.section_2 > div { margin-bottom: 0px; } .nar_rek.section_2 > div { background: #ffffff; max-width: 900px; } .nar_rek.section_2 { min-height: 300px; } .b-title { font-size: 26px; line-height: normal; } .ban-text { display: flex; flex-direction: column; padding: 30px 30px 25px 40px; font-family: FuturaFuturisC; } .b-text { font-size: 18px; line-height: normal; padding-top: 45px; font-family: 'Avenir Next Cyr'; } .container_rek_narugka { background-position: 67% center; } } @media (min-width: 768px) { .dinamic_block_table_title_mobile { display: none; } .visible_mob{ display: none; } } @media (max-width: 768px) { .ban-img img { max-width: 300px; } .b-title { font-size: 20px; line-height: normal; } .b-text { font-size: 14px; line-height: normal; padding-top: 45px; font-family: 'Avenir Next Cyr'; } .ban-img-text { position: relative; } .ban-text { display: flex; flex-direction: column; padding: 40px 10px 15px 10px; font-family: FuturaFuturisC; } .container_rek_narugka{ height: 50vh; min-height: 553px; } .dm_header_text_item.dm_header_text_item_d.reklamaVliftah.vr-callback.nar_rek { display: flex; flex-direction: column; row-gap: 18px; } .rek_v_liftah_block_a { padding-top: 160px; } a.btn-adres-program { background: #6b8718; } .filterMobActive { z-index: 99999 !important; margin-left: 40px; padding-top: 5px; transform: translateX(0%) !important; width: 400px !important; display: block !important; position: absolute !important; transition: all 0.3s; } .menuAct > ul { padding-top: 45px; } .filterMobActive form { margin-bottom: 0px !important; } .section_dprice { text-align: center; } .content_map>div:first-child { max-width: max-content; width: 100%; } .menu_actives .menu { background: #ffffff; width: 100%; } .dinamic_block_table_adress > div, .dinamic_block_table_num_lift > div { height: 70px; } .itogoNumAdress { grid-column: 1; } .lift_adressBlockLift { font-size: 15px; } .search_adress { width: 90%; } .cSearch { height: 50px; } .search-div:after { top: 10px; } .dinamic_block > h3 { font-size: 45px; } .text_mob_search { display: inline-block; width: 100%; padding-left: 15px; margin-top: 15px; } .search_adress > form { flex-direction: column; } .price_lift__svg { display: none; } .price_lift_mobile img { width: 100%; } /* .lift_page__text_item_1:after { */ /* content: ""; */ /* background: url(/local/img/lift-page/fire_1f525.png); */ /* width: 75px; */ /* height: 75px; */ /* background-size: contain; */ /* position: absolute; */ /* right: 0; */ /* top: -40px; */ /* } */ .lift_page__smile { margin-bottom: 80px; display: flex; justify-content: center; } .lift_page__smile img { max-width: 200px; width: 100%; display: block; } .lift_page__text_item_2 { font-size: 55px; margin-right: 85px; } .section_lift_page__text_item_2:after { right: 0; } .dm_header_item_menu { display: none; } .dm_header_item_menu_mobile { display: flex; justify-content: center; z-index: 2; position: relative; padding-top: 13px; } .dm_header_item_menu_mobile ul li { font-size: 12px; } .dm_header_item_menu_mobile ul li { padding: 10px 6px; } .dm_header_text_item.dm_header_text_item_a { font-size: 27px; } .container_block2 { display: flex; flex-direction: column; align-items: center; padding: 40px 20px; } .block2_items.block2_item1 { /* justify-content: center; */ display: block; transform: rotate(0); font-size: 40px; color: #ffffff; text-shadow: -2px 0 #1a45738c, 0 2px #1a45738c, 2px 0 #1a45738c, 0 -2px #1a45738c; font-family: Inter; font-weight: bold; display: none; } .container_rek_v_liftah { background-position: center; } .vakancii__breadcrumb { display: none; } .dinamic_block_header >div:first-child { display: none; } .dinamic_block_header { display: grid; grid-template-columns: 1fr 1fr; } .dinamic_block_table { display: grid; grid-template-columns: 1fr; } .dinamic_block_table_title_mobile { display: none; transform: translateX(-100%); transition: all 0.3s; overflow-y: scroll; height: 576px; border-right: 1px solid #aba9a9; min-height: 561px; background: #eee; } .dinamic_block_table_title_mobile > div { background: #eee; padding: 22px 30px; transition: all 0.3s; cursor: pointer; font-size: 16px; } .dinamic_block_table_title_mobile > div:nth-child(even) { background: #f2faff; } .dinamic_block_table__container::after { content: ""; background: linear-gradient(53deg, #02427299,#05a1dda1); width: 30px; height: 576px; position: absolute; z-index: 99999999999999999999999999; display: flex; align-items: center; justify-content: center; cursor: pointer; /* background: url(https://images.writing.com/imgs/writing.com/writers/e21/right.png); */ background-repeat: no-repeat; background-size: contain; border-radius: 10px; animation: warningRed 0.8s infinite; } .mylift { min-height: 66px; } .dinamic_block_table__container { min-height: 576px; overflow-y: scroll; max-height: 576px; } .section_price > div { width: 90%; text-align: center; } .page_tatol__block_cases__overflow { background: #000000a3; } .container_rek_v_liftah { background-position: center right; } h3.preimuch_title { font-size: 50px; } .preimuch_items__item { flex-direction: column; } .preimuch_items { justify-content: center; } .preimuch_items { display: grid; grid-template-columns: 1fr; } .preimuch_item_left { display: flex; align-items: center; justify-content: center; flex-direction: row; text-align: center; max-width: 400px; font-size: 20px; font-family: Raleway; font-weight: 500; text-shadow: 0px -2px 2px #6082a9; row-gap: 22px; column-gap: 10px; } .preimuch_items__item { display: flex; align-items: flex-start; column-gap: 60px; row-gap: 20px; } .mobile_map_vopros { margin-bottom: 15px; margin-left: 5px; } } @media (max-width: 767px) { .menu_actives_mobile { max-width: 450px !important; width: 100% !important; } .block_adress_title { font-size: 16px; padding-left: 30px; } .visible_comp{ display: none; } .container_dm_logo img { width: 153px; } .dm_zakaz__btn__item { display: inline-block; } .container_body_section_c__item_b { margin-top:10px; } span.section_f_content__text { position: relative; display: flex; flex-direction: column; align-items: center; } .section_g_slogan span { font-size: 16px; } .slider_main_header button.owl-next { right: 0px; } .slider_main_header button.owl-prev { left: 0px; } .section_a__item.section_a__item_a img { max-width: 320px; } .bottom_menu { padding: 50px 0px; } .bottom_menu__items { margin-bottom: 30px; } .bd_secttion_b { background: url(/local/img/body/4steps.webp); background-size: cover; background-repeat: no-repeat; padding: 120px 0px 430px 0px; background-position: top left; height: 1000px; position: relative; } .section_price { flex-direction: column; } .dinamic_block_table_title{ display:none; } } @media (max-width: 533px) { .ban-img-text { display: flex; flex-direction: column; } .container_rek_v_liftah { background: url("/local/img/lift-page/dm_lift_mobile.jpg"); background-position: center center; background-repeat: no-repeat; } .nar_rek.section_2 > div { background: #ffffff; max-width: 420px; } .ban-img img { max-width: 420px; } } @media (max-width: 480px) { span.dm_contact__item a { font-size: 15px; } span.section_b_item__text_b { margin-left: 0px; } .container_dm_contact { margin-right: 20px; } } @media (max-width: 425px) { .lift_adressBlockLift { font-size: 12px; } .dinamic_block > h3 { font-size: 35px; } .dinamic_block_header { font-size: 20px; } .border_padding_left_dm { padding: 0px 0px; } .dm_header_text_item_a { font-size: 2.5em; } .dm_header_text_item_b { font-size: 1.5em; } span.dm_contact__item a { font-size: 10px; } .bx-header-phone-icon { margin-right: -3px; } span.section_b_item__text_b { margin-left: 0px; } .section_g_slogan span { font-size: 10px; } .aboutservice_bloks_items { display: flex; justify-content: center; flex-wrap: wrap; } .aboutservice_bloks_item { padding-top: 20px; padding-bottom: 0px; } .aboutservice_bloks_step_btn_text { align-items: flex-start; } .aboutservice_bloks_step { padding: 15px 15px; } .aboutservice_bloks_step_img { top: -10px; } .aboutservice_bloks_step3 { display: block; } .step3_img { display: none; } .step4_img { display: none; } .step2_img { display: none; } .aboutservice_bloks_step4 { grid-template-columns: 1fr; } .aboutservice_bloks_step_title__btn { flex-wrap: wrap; } .aboutservice_bloks_step2 { grid-template-columns: 1fr; } .container_news_archives { display: flex; flex-wrap: wrap; grid-gap: 1.5rem; } .vakancii_blocks_items { border-right: 0px; } .slick-slide { max-width: 300px; width: 100%; } .star_OWLCAROUSEL_item_vakancii_section1 { display: flex; justify-content: space-between; flex-direction: column; } .star_OWLCAROUSEL_item__vakancii { padding: 10px; } .star_OWLCAROUSEL_item_vakancii_section1_item1 { padding-right: 0px; } .star_OWLCAROUSEL_item_vakancii_section2 { display: flex; align-items: center; flex-direction: column; } .star_OWLCAROUSEL_item_vakancii_section1_item2 { -webkit-line-clamp: 3; } .star_OWLCAROUSEL_item_vakancii_section2_item1 { font-size: 13px; } .star_OWLCAROUSEL_item_vakancii_section2_item2 { font-size: 13px; } .star_OWLCAROUSEL_item_vakancii_section1_item1 { font-size: 20px; } .container_feedbackVakancii { display: flex; align-items: center; flex-direction: column; align-items: flex-start; } .textarea_field { display: flex; flex-direction: column; } span.vakancii_blocks_item4__title { font-size: 20px; } .vakancii_blocks_items > div { padding-left: 0px !important; } .star_OWLCAROUSEL_item_vakancii_section1_item2 { width: 100%; } .container_vakancii_block { flex-direction: column; align-items: center; } .vakancii_block__block_a { padding-bottom: 0px; } .vakancii_block__block_b { height: 200px; background-size: contain; } .vakancii__breadcrumb { padding-bottom: 50px; } .page_tatol_info__title { font-size: 45px; position: relative; padding-bottom: 45px; line-height: 1; } .container_feedback__1 { flex-direction: column; width: 100%; } .lift_page__text_item_2 { font-size: 55px; margin-right: 85px; } .section_lift_page__text_item_2:after { right: 0; } .dm_header_text_item.dm_header_text_item_a { text-align: center; } .dm_header_text_item.dm_header_text_item_b.section_lift_page__text_item_2 { text-align: center; display: block; } .section_lift_page__text_item_2:after { right: 53px; bottom: 5px; } .dm_header_text_item.dm_header_text_item_d.reklamaVliftah { text-align: center; } .downPrice { font-size: 1.8em; } /*-------ЛИФТЫ---------*/ div#menu_map { /* width: 15px; */ } div#menu_map, .filterMob { display: none; transform: translateX(-100%); transition:all 0.3s; } .menu_actives{ transform: translateX(0%) !important; width:400px !important; display:block !important; position: absolute !important; z-index: 9999; transition:all 0.3s; } .content_map { display: flex; justify-content: flex-start !important; } #map { width: 100% !important; height: 800px; } div#menu_map { position: relative; } .content_map { position: relative; } div#menu_map { /* overflow-y: unset !important; */ } ul.menu { overflow-y: scroll; height: 800px; } ul.menu > li { margin-left: 28px; } .content_map::after { content: ""; background: linear-gradient(53deg, #02427299,#05a1dda1); width: 27px; height: 800px; position: absolute; z-index: 99999999999999999999999999; display: flex; align-items: center; justify-content: center; cursor: pointer; /* background: url(https://images.writing.com/imgs/writing.com/writers/e21/right.png); */ background-repeat: no-repeat; background-size: contain; border-radius: 10px; animation: warningRed 0.8s infinite; } /*-------ЛИФТЫ---------*/ } @media (max-width: 375px) { .section_a__item.section_a__item_a img { max-width: 295px; } span.dm_contact__item a { font-size: 9px; } .lift_page__text_item_2 { color: #ffffff; font-size: 50px; font-weight: 700; text-align: right; border-bottom: 5px solid #88c03e; display: inline-block; } .container_dm_contact { display: flex; align-items: center; margin-right: 30px; } span.dm_contact__item a { font-size: 8px; } } /*##############MOBILE#############*/ @-webkit-keyframes warningRed { 0% { -webkit-box-shadow: 0 0 0 0 rgb(2, 66, 114, 70%); } 70% { -webkit-box-shadow: 0 0 0 15px rgb(2, 66, 114, 40%); } 100% { -webkit-box-shadow: 0 0 0 0 rgb(2, 66, 114, 0%); } } @keyframes warningRed { 0% { -moz-box-shadow: 0 0 0 0 rgb(85 139 163); box-shadow: 0 0 0 0 rgb(2 78 127 / 61%); } 70% { -moz-box-shadow: 0 0 0 15px rgba(204,169,44, 0); box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } /* End */ /* /local/templates/eshop_bootstrap_v4/components/bitrix/menu/menu_lift/style.css?1670570166645 */ /* /local/templates/eshop_bootstrap_v4/components/bitrix/menu/menu_swipe/style.css?16481881732481 */ /* /bitrix/components/bitrix/catalog.section.list/templates/store_v3_menu/style.min.css?1641411407971 */ /* /local/templates/eshop_bootstrap_v4/components/bitrix/menu/bottom_menu/style.css?1648383510140 */ /* /local/templates/eshop_bootstrap_v4/template_styles.css?177812851664594 */ /* /local/js/owl/css/owl.carousel.min.css?17231020323351 */ /* /local/js/owl/css/owl.theme.default.min.css?17231020311013 */ /* /local/templates/eshop_bootstrap_v4/dm_style.css?178618615384917 */