/* Start:/local/templates/bbk_new_template/fonts/stapel/stylesheet.css?173442114010020*/ @font-face { font-family: 'Stapel Expanded'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedBold.eot'); src: local('Stapel Expanded Bold'), local('Stapel-ExpandedBold'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedBold.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedBold.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedBold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Stapel'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Bold.eot'); src: local('Stapel Bold'), local('Stapel-Bold'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Bold.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Bold.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Stapel Extra'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraBoldItalic.eot'); src: local('Stapel Extra Bold Italic'), local('Stapel-ExtraBoldItalic'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraBoldItalic.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraBoldItalic.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Stapel Expanded Extra'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedExtraBold.eot'); src: local('Stapel Expanded Extra Bold'), local('Stapel-ExpandedExtraBold'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedExtraBold.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedExtraBold.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Stapel'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-BoldItalic.eot'); src: local('Stapel Bold Italic'), local('Stapel-BoldItalic'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-BoldItalic.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-BoldItalic.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Stapel Expanded'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedBlack.eot'); src: local('Stapel Expanded Black'), local('Stapel-ExpandedBlack'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedBlack.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedBlack.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedBlack.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExpandedBlack.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Stapel'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-MediumItalic.eot'); src: local('Stapel Medium Italic'), local('Stapel-MediumItalic'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-MediumItalic.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-MediumItalic.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Stapel Extra'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraLightItalic.eot'); src: local('Stapel Extra Light Italic'), local('Stapel-ExtraLightItalic'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraLightItalic.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraLightItalic.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Stapel'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Light.eot'); src: local('Stapel Light'), local('Stapel-Light'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Light.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Light.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Stapel Semi Expanded'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedBlack.eot'); src: local('Stapel Semi Expanded Black'), local('Stapel-SemiExpandedBlack'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedBlack.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedBlack.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedBlack.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedBlack.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Stapel'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Medium.eot'); src: local('Stapel Medium'), local('Stapel-Medium'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Medium.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Medium.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Stapel'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-LightItalic.eot'); src: local('Stapel Light Italic'), local('Stapel-LightItalic'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-LightItalic.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-LightItalic.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Stapel Semi Expanded'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedMedium.eot'); src: local('Stapel Semi Expanded Medium'), local('Stapel-SemiExpandedMedium'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedMedium.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedMedium.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedMedium.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedMedium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Stapel'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Italic.eot'); src: local('Stapel Italic'), local('Stapel-Italic'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Italic.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Italic.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Stapel Extra'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraLight.eot'); src: local('Stapel Extra Light'), local('Stapel-ExtraLight'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraLight.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraLight.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Stapel Semi Expanded'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedBold.eot'); src: local('Stapel Semi Expanded Bold'), local('Stapel-SemiExpandedBold'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedBold.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedBold.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedBold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Stapel Extra'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraBold.eot'); src: local('Stapel Extra Bold'), local('Stapel-ExtraBold'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraBold.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraBold.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Stapel Text'; src: url('/local/templates/bbk_new_template/fonts/stapel/StapelText-BoldItalic.eot'); src: local('Stapel Text Bold Italic'), local('StapelText-BoldItalic'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-BoldItalic.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-BoldItalic.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Stapel Semi Expanded Extra'; src: url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedExtraBold.eot'); src: local('Stapel Semi Expanded Extra Bold'), local('Stapel-SemiExpandedExtraBold'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedExtraBold.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedExtraBold.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/Stapel-SemiExpandedExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Stapel Text'; src: url('/local/templates/bbk_new_template/fonts/stapel/StapelText-Bold.eot'); src: local('Stapel Text Bold'), local('StapelText-Bold'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-Bold.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-Bold.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Stapel Text'; src: url('/local/templates/bbk_new_template/fonts/stapel/StapelText-Italic.eot'); src: local('Stapel Text Italic'), local('StapelText-Italic'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-Italic.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-Italic.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Stapel Text'; src: url('/local/templates/bbk_new_template/fonts/stapel/StapelText-LightItalic.eot'); src: local('Stapel Text Light Italic'), local('StapelText-LightItalic'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-LightItalic.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-LightItalic.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/stapel/StapelText-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } /* End */ /* Start:/local/templates/bbk_new_template/fonts/Manrope/stylesheet.css?17344211402902*/ @font-face { font-family: 'Manrope'; src: url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Bold.eot'); src: local('Manrope Bold'), local('Manrope-Bold'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Bold.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Bold.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Semibold.eot'); src: local('Manrope Semibold'), local('Manrope-Semibold'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Semibold.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Semibold.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Semibold.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Regular.eot'); src: local('Manrope Regular'), local('Manrope-Regular'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Regular.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Regular.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Light.eot'); src: local('Manrope Light'), local('Manrope-Light'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Light.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Light.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Thin.eot'); src: local('Manrope Thin'), local('Manrope-Thin'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Thin.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Thin.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Medium.eot'); src: local('Manrope Medium'), local('Manrope-Medium'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Medium.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Medium.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-ExtraBold.eot'); src: local('Manrope ExtraBold'), local('Manrope-ExtraBold'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-ExtraBold.woff2') format('woff2'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-ExtraBold.woff') format('woff'), url('/local/templates/bbk_new_template/fonts/Manrope/Manrope-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } /* End */ /* Start:/local/templates/bbk_new_template/plugins/jquery.fancybox/jquery.fancybox.min.css?173521872012795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/bbk_new_template/css/style.css?175094638780550*/ * { margin: 0; padding: 0; box-sizing: border-box; list-style: none; -webkit-tap-highlight-color: transparent !important; } a { text-decoration: none !important; color: inherit; display: inline-block; } img { max-width: 100%; } ul { margin: 0; margin-bottom: 0; } span, label { display: inline-block; } html { scroll-behavior: smooth; } body { font-family: "Manrope", sans-serif; font-style: normal; } input, textarea { outline: none; border: 0; background: transparent; } button { border: none; cursor: pointer; background: transparent; outline: 0; } address { font-style: normal; } .wrapper { width: 100%; overflow: hidden; } .main_container { max-width: 1360px !important; margin: 0 auto !important; } @media screen and (max-width: 1400px) { .main_container { max-width: calc(100% - 30px) !important; } } .main_container_paddings { width: 100%; /*max-width: 1360px !important;*/ margin: 0 auto !important; padding: 0 calc((100% - 1360px) / 2); box-shadow: none; } /*@media screen and (max-width: 1400px) {*/ /* .main_container_paddings {*/ /* max-width: calc(100% - 30px) !important;*/ /* }*/ /*}*/ .main_title { font-family: "Stapel", sans-serif; font-size: 40px; font-weight: 400; line-height: 56px; color: #222222; margin-bottom: 80px; text-transform: uppercase; } @media screen and (max-width: 991px) { .main_title { font-size: 25px; line-height: 35px; margin-bottom: 40px; } } .btn_white { font-size: 16px; font-weight: 700; line-height: 18px; letter-spacing: 0.05em; display: flex; align-items: center; justify-content: center; gap: 20px; border-radius: 5px; background-color: #FFFFFF; padding: 20px; color: #003064; } @media screen and (max-width: 991px) { .btn_white { font-size: 14px; line-height: 19.6px; padding: 15.6px 24px; } } .btn_blue { width: 201px; font-size: 16px; font-weight: 700; line-height: 18px; letter-spacing: 0.05em; display: flex; align-items: center; justify-content: center; gap: 20px; border-radius: 5px; background-color: #003064; color: #FFFFFF; padding: 20px; } a.btn_blue:hover { color: #ffffff; } @media screen and (max-width: 991px) { .btn_blue { font-size: 14px; line-height: 19.6px; padding: 15.6px 24px; } } .breadcrumb_block { padding: 40px 0 60px; display: flex; align-items: center; gap: 15px; } @media screen and (max-width: 991px) { .breadcrumb_block { gap: 5px; padding: 20px 0 40px; flex-wrap: wrap; } } .breadcrumb_block a, .breadcrumb_block span { font-size: 14px; font-weight: 400; line-height: 20px; color: #999999; } @media screen and (max-width: 991px) { .breadcrumb_block a, .breadcrumb_block span { font-size: 10px; line-height: 20px; } } ul, ol, dl { list-style: none; padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p, label, address { padding: 0; margin: 0; margin-bottom: 0; padding-bottom: 0; } @media (max-width: 991px) { .lg-zoom-in, .lg-zoom-out { display: block !important; } } .filter_bg { position: fixed; z-index: 8; top: 0; left: -100%; width: 100%; height: 100%; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: rgba(0, 0, 0, 0.2); transition: 0.3s ease; } .filter_bg .header_menu { position: fixed; top: 0; left: 0; background-color: #FFFFFF; width: 85%; height: 100vh; overflow-y: scroll; } .filter_bg .header_menu_head { padding: 10px 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); } .filter_bg .header_menu_head .main_container { display: flex; align-items: center; justify-content: space-between; } .filter_bg .header_menu .filter_menu_close { width: 30px; height: 30px; } .filter_bg .header_menu_block { display: flex; flex-direction: column; gap: 15px; } .filter_bg .header_menu { scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; } .filter_bg .catalog_in { display: flex; flex-direction: column; gap: 5px; padding-bottom: 20px; } .filter_bg .catalog_in .title_block { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 5px; font-size: 14px; font-weight: 400; line-height: 19.6px; color: #222222; } .filter_bg .catalog_in .title_block.active { background-color: #F4F4F4; } .filter_bg .catalog_in span { font-size: 14px; font-weight: 400; line-height: 19.6px; color: #222222; margin-bottom: 10px; } .filter_bg .catalog_in .icons { display: flex; align-items: center; gap: 5px; } .filter_bg .catalog_in_block { padding: 10px; } .filter_bg .catalog_in a { padding: 10px; font-size: 14px; font-weight: 400; line-height: 19.6px; color: #222222; } .filter_bg .catalog_in .catalog_in_btn { font-size: 16px; font-weight: 600; line-height: 22.4px; color: #003064; padding: 15px 10px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .filter_bg .catalog_in_btn svg { transition: transform 0.5s ease; } .filter_bg .catalog_in_btn.active svg { transform: rotate(180deg); } .filter_bg .catalog_content { display: flex; flex-direction: column; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.5s ease, opacity 0.5s ease; } .filter_bg .catalog_content.active { max-height: 500px; /* max heightni kerakli miqdorga moslang */ opacity: 1; } .filter_bg.active { left: 0; } @media screen and (max-width: 991px) { .filter_desktop { margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between; } } .filter_desktop .filter_btn { display: none; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; line-height: 16.39px; color: #222222; } @media screen and (max-width: 991px) { .filter_desktop .filter_btn { display: flex; } } .filter_desktop .catalog_in { max-width: 210px; display: flex; flex-direction: column; gap: 5px; padding-bottom: 20px; } @media screen and (max-width: 991px) { .filter_desktop .catalog_in { display: none; } } .filter_desktop .catalog_in .title_block { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 5px; font-size: 14px; font-weight: 400; line-height: 19.6px; color: #222222; } .filter_desktop .catalog_in .title_block.active { background-color: #F4F4F4; } .filter_desktop .catalog_in span { font-size: 14px; font-weight: 400; line-height: 19.6px; color: #222222; } .filter_desktop .catalog_in .icons { display: flex; align-items: center; gap: 5px; margin: 0; height: 23px; padding-top: 9px; margin-top: 10px; } .filter_desktop .catalog_in_block { padding: 10px; } .filter_desktop .catalog_in a { padding: 10px; font-size: 14px; font-weight: 400; line-height: 19.6px; color: #222222; } .filter_desktop .catalog_in .catalog_in_btn { font-size: 16px; font-weight: 600; line-height: 22.4px; color: #003064; padding: 15px 10px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .filter_desktop .catalog_in_btn svg { transition: transform 0.5s ease; } .filter_desktop .catalog_in_btn.active svg { transform: rotate(180deg); } .filter_desktop .catalog_content { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.5s ease, opacity 0.5s ease; } .filter_desktop .catalog_content.active { max-height: 500px; max-height: 870px; opacity: 1; } .filter_desktop .custom-select-container { position: relative; display: none; } @media screen and (max-width: 991px) { .filter_desktop .custom-select-container { display: flex; } } .filter_desktop .custom-select { cursor: pointer; position: relative; display: flex; justify-content: space-between; align-items: center; } .filter_desktop .selected { display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; line-height: 16.39px; color: #222222; } .filter_desktop .icon { transition: transform 0.3s ease; } .filter_desktop .select-options { position: absolute; top: 100%; right: 0; width: 185px; background-color: #FFFFFF; display: none; flex-direction: column; gap: 5px; z-index: 10; border-radius: 10px; padding: 20px 15px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); } .filter_desktop .select-options .option { padding: 15px 10px; cursor: pointer; border-radius: 5px; font-size: 11px; font-weight: 400; line-height: 15.4px; } .filter_desktop .select-options .option:hover { background-color: #F4F4F4; color: #003064; } .catalog_absolute { position: absolute; /*top: calc(100% + 4px);*/ left: 0; right: 0; /*margin: 0 auto;*/ /* TODO -> Поправить для разрешений */ /*margin: 0 calc(100% / 2 - 492px) !important;*/ /*margin: 0 calc(100% / 2 - 562px) !important;*/ margin: 0 calc((100% - 1360px) / 2) !important; width: 870px; z-index: 15; padding: 30px; border-radius: 20px; background-color: #FFFFFF; display: none; gap: 40px; /*max-width: 900px;*/ /*max-width: 400px;*/ box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05); } .catalog_absolute.minified { width: 540px; } .catalog_absolute_left { display: flex; flex-direction: column; gap: 5px; width: 483px; padding-left: 0 !important; } .catalog_absolute_left button, .catalog_absolute_left a.catalog { width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 600; line-height: 22.4px; color: #222222; padding: 15px 10px; border-radius: 5px; background-color: #F4F4F4; } .catalog_absolute_left a.catalog { margin: 0; } .catalog_absolute_left a { font-size: 16px; font-weight: 400; line-height: 22.4px; color: #222222; padding: 10px; } .catalog_absolute_left.active { width: 290px; } .catalog_absolute_right { display: none; flex-direction: column; gap: 5px; } .catalog_absolute_right .title_block { border-radius: 5px; background-color: #F4F4F4; font-size: 16px; font-weight: 400; line-height: 22.4px; color: #222222; padding: 10px; display: flex; align-items: center; gap: 10px; } .catalog_absolute_right .catalog_in_block { font-size: 16px; font-weight: 400; line-height: 22.4px; color: #222222; padding: 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; } .catalog_absolute_right a { padding: 10px; color: #333333; } .catalog_absolute_right.active { display: flex; } .catalog_absolute.active { display: flex; } @media screen and (max-width: 1250px) { .catalog_absolute.active { flex-direction: column; display: none; } } /*.home_top {*/ /* margin-top: 181px;*/ /*}*/ @media screen and (max-width: 1250px) { .home_top { /*margin-top: 58px;*/ } } /*.section_top {*/ /*margin-top: 161px;*/ /*}*/ @media screen and (max-width: 1250px) { .section_top { margin-top: 58px; } } @media screen and (max-width: 768px) { .section_top { margin-top: 0px; } } .header { position: relative; } @media screen and (max-width: 1250px) { .header { box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); } } @media screen and (max-width: 991px) { .header { position: fixed; width: 100%; z-index: 3; background-color: #FFFFFF; } } .header .menu_btn { display: none; } .header .menu_btn_in { width: 131px; height: 52px; border-radius: 5px; font-size: 16px; font-weight: 600; line-height: 18px; letter-spacing: 0.05em; display: flex; align-items: center; color: #FFFFFF; gap: 10px; padding: 20px 30px; background-color: #003064; } .header .menu_btn_in svg { width: 20px; flex-shrink: 0; } .header .menu_btn_in .menu_btn_close { display: none; } .header .menu_btn_in .menu_btn_open { display: flex; } .header .menu_btn_in.active { background-color: #999999; } .header .menu_btn_in.active .menu_btn_open { display: none; } .header .menu_btn_in.active .menu_btn_close { display: flex; } .header .menu_btn.active { display: flex; } @media screen and (max-width: 1250px) { .header .menu_btn.active { display: none; } } .header .main_container { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .header_top { padding: 14px 0; } .header_top * { font-family: 'Manrope'; } @media(min-width: 1024px) { .home .home_Swiper .swiper-slide { min-height: 670px; max-height: 670px; } } @media screen and (max-width: 1250px) { .header_top { padding: 10px 0; } } .header_bottom { background-color: #003064; } @media screen and (max-width: 1250px) { .header_bottom { display: none; } } .header_bottom ul { display: flex; align-items: stretch; margin: 0; padding: 0; } .header_bottom li { border-right: 0.5px solid #999999; } .header_bottom li:last-child { border-right: none; } .header_bottom a, .header_bottom button { height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; font-weight: 700; line-height: 25.6px; color: #FFFFFF; min-width: 135px; padding: 21px 25px; white-space: nowrap; } @media screen and (max-width: 1380px) { .header_bottom a, .header_bottom button { padding: 21px 12px; } } .header_logo { padding-right: 16px; border-right: 0.2px solid #999999; } @media screen and (max-width: 1250px) { .header_logo { padding-right: 0; border-right: none; width: 103px; height: 38px; } } .header_location { display: flex; align-items: center; gap: 30px; } @media screen and (max-width: 1250px) { .header_location { display: none; } } .header_location li { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; line-height: 25.6px; color: #222222; } ul.header_contact, ul.header_location { margin-bottom: 0; margin-left: 0; padding: 0; } @media screen and (max-width: 1250px) { .header_contact { display: none; } } .header_contact li { display: flex; align-items: center; gap: 8px; } .header_contact a { display: flex; align-items: center; gap: 8px; font-size: 20px; font-weight: 700; /* X2 Телефона */ /* line-height: 32px; */ /* X3 Телефона */ line-height: 28px; letter-spacing: 0.05em; color: #222222; } .header_contact span { font-size: 12px; font-weight: 400; line-height: 19.2px; letter-spacing: 0.05em; color: #999999; } .header_burger { display: none; } @media screen and (max-width: 1250px) { .header_burger { display: block; } } .page-header { position: absolute; top: 0; right: 0; left: 0; z-index: 4; background-color: #FFFFFF; margin: 0 !important; } .page-header:not(.is-sticky) { position: static; } .page-header.is-sticky { width: 100%; z-index: 24; position: fixed; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); background-color: #FFFFFF; animation: slideDown 0.35s ease-out; } .header_bottom * { font-family: 'Manrope'; } .page-header.is-sticky .header_bottom { display: none; } @keyframes slideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } } .header_menu_bg { position: fixed; z-index: 9; top: 0; left: -100%; width: 100%; height: 100%; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: rgba(0, 0, 0, 0.2); transition: 0.3s ease; } .header_menu_bg .header_menu { position: fixed; top: 0; left: 0; background-color: #FFFFFF; width: 85%; height: 100vh; overflow-y: scroll; } .header_menu_bg .header_menu_head { padding: 10px 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); } .header_menu_bg .header_menu_head .main_container { display: flex; align-items: center; justify-content: space-between; } .header_menu_bg .header_menu_close { width: 30px; height: 30px; } .header_menu_bg .header_menu_link { margin-top: 70px; display: flex; flex-direction: column; gap: 10px; padding-bottom: 40px; border-bottom: 0.5px solid #999999; } .header_menu_bg .header_menu_link a { display: flex; align-items: center; justify-content: space-between; padding: 10px; font-size: 16px; font-weight: 400; line-height: 22.4px; color: #222222; border-radius: 5px; } .header_menu_bg .header_menu_link .catalog_btn { font-weight: 600; background-color: #F4F4F4; } .header_menu_bg .header_menu_link.active { display: none; } .header_menu_bg .header_menu_contact { margin-top: 40px; display: flex; flex-direction: column; gap: 20px; } .header_menu_bg .header_menu_contact span { font-size: 12px; font-weight: 400; line-height: 19.2px; color: #999999; } .header_menu_bg .header_menu_contact a, .header_menu_bg .header_menu_contact address { font-size: 14px; font-weight: 500; line-height: 22.4px; color: #222222; } .header_menu_bg .header_menu_contact .phone, .header_menu_bg .header_menu_contact .email { display: flex; flex-direction: column; } .header_menu_bg .header_menu_block { display: flex; flex-direction: column; gap: 15px; } .header_menu_bg .header_menu_social { margin: 40px 0; display: flex; gap: 20px; } .header_menu_bg .header_menu_social a { width: 40px; height: 40px; } .header_menu_bg .header_menu { scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; } .header_menu_bg .catalog_in { margin-top: 70px; display: none; flex-direction: column; gap: 5px; padding-bottom: 40px; border-bottom: 0.5px solid #999999; } .header_menu_bg .catalog_in .title_block { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 5px; font-size: 14px; font-weight: 400; line-height: 19.6px; color: #222222; } .header_menu_bg .catalog_in .title_block.active { background-color: #F4F4F4; } .header_menu_bg .catalog_in span { font-size: 14px; font-weight: 400; line-height: 19.6px; color: #222222; margin-bottom: 10px; } .header_menu_bg .catalog_in .icons { display: flex; align-items: center; gap: 5px; } .header_menu_bg .catalog_in_block { padding: 10px; } .header_menu_bg .catalog_in a { padding: 10px; font-size: 14px; font-weight: 400; line-height: 19.6px; color: #222222; } .header_menu_bg .catalog_in .catalog_close { font-size: 16px; font-weight: 600; line-height: 22.4px; color: #222222; padding: 15px 10px; display: flex; align-items: center; gap: 20px; } .header_menu_bg .catalog_in.active { display: flex; } .header_menu_bg.active { left: 0; } .home .container { position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; position: absolute; z-index: 4; } @media screen and (max-width: 1399px) { .home .container { max-width: 100%; } } .home .home_Swiper { display: flex; align-items: center; justify-content: space-between; gap: 98px; } .home .home_Swiper .swiper-slide { position: relative; padding: 160px 0; } @media screen and (max-width: 991px) { .home .home_Swiper .swiper-slide { /*padding: 276px 0 160px;*/ padding: 15vh 0 160px; max-height: 75vh; } .home .media_slider_btn { bottom: 10vh !important; } } .home .home_Swiper .slider_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -o-object-fit: cover; object-fit: cover; } .home h1 { font-family: "Stapel", sans-serif; font-size: 70px; font-weight: 400; line-height: 85px; color: #FFFFFF; max-width: 652px; text-transform: uppercase; } @media screen and (max-width: 991px) { .home h1 { font-size: 25px; line-height: 35px; max-width: 360px; } } .home p { max-width: 652px; margin: 40px 0 60px; font-size: 20px; font-weight: 400; line-height: 32px; color: #FFFFFF; } @media screen and (max-width: 991px) { .home p { font-size: 14px; line-height: 22px; margin: 20px 0 60px; } } .home_content { padding-left: 118px; } @media screen and (max-width: 991px) { .home_content { padding-left: 0; } } .home .home_slider_btn { position: absolute; z-index: 2; width: 25px; height: 50px; } .home .home_slider_btn img { width: 100%; } @media screen and (max-width: 991px) { .home .desktop_slider_icon { display: none; } } .home .home-button-prev { /*left: 15%;*/ left: 20px; } @media screen and (max-width: 1650px) { .home .home-button-prev { left: 5%; } } @media screen and (max-width: 991px) { .home .home-button-prev { right: 70px; } } .home .home-button-next { /*right: 15%;*/ right: 20px; } @media screen and (max-width: 1650px) { .home .home-button-next { right: 5%; } } @media screen and (max-width: 991px) { .home .home-button-next { right: 15px; } } .home .media_slider_btn { position: absolute; bottom: 170px; right: 15px; display: none; align-items: center; gap: 40px; } @media screen and (max-width: 991px) { .home .media_slider_btn { display: flex; } } .home .media_slider_btn .home_slider_btn { width: 15px; height: 30px; position: static; } .home .media_slider_btn .home_slider_btn img { width: 100%; } .category_product { margin: 100px 0; } @media screen and (max-width: 991px) { .category_product { margin: 80px 0; } } .category_product_title { margin-bottom: 80px; } .category_product_title p { font-size: 16px; font-weight: 400; line-height: 25.6px; color: #999999; max-width: 660px; } @media screen and (max-width: 991px) { .category_product_title p { font-size: 14px; line-height: 22.4px; max-width: 100%; } } @media screen and (max-width: 991px) { .category_product_title { margin-bottom: 40px; } } .category_product .main_title { margin-bottom: 30px; } .category_product_top { margin-bottom: 20px; } @media screen and (max-width: 991px) { .category_product_top { gap: 20px; } } .category_product_top .category_product_card { display: block; position: relative; } .category_product_top .category_product_card h6 { position: absolute; z-index: 2; left: 60px; top: 60px; right: 20px; font-family: "Stapel", sans-serif; font-size: 30px; font-weight: 400; line-height: 42px; color: #FFFFFF; text-transform: uppercase; } @media screen and (max-width: 991px) { .category_product_top .category_product_card h6 { font-size: 20px; line-height: 28px; text-align: center; left: 50%; top: 50%; right: 0; transform: translate(-50%, -50%); } } @media screen and (max-width: 991px) { .category_product_bottom { gap: 20px; } } .category_product_bottom .category_product_card { display: block; position: relative; } .category_product_bottom .category_product_card h6 { position: absolute; z-index: 2; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: "Stapel", sans-serif; font-size: 30px; font-weight: 400; line-height: 42px; color: #FFFFFF; text-transform: uppercase; } @media screen and (max-width: 991px) { .category_product_bottom .category_product_card h6 { font-size: 20px; line-height: 28px; } } .category_product .card-inner { position: relative; width: inherit; height: 23.75rem; border-radius: 5px; border-bottom-right-radius: 0; overflow: hidden; } @media screen and (max-width: 991px) { .category_product .card-inner { height: 17.5rem; } } .category_product .card-inner .box { width: 100%; height: 100%; background: #fff; border-radius: 1.25rem; overflow: hidden; } .category_product .card-inner .box .imgBox { position: absolute; inset: 0; } .category_product .card-inner .box .imgBox img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .category_product .card-inner .box .icon { position: absolute; bottom: -0.375rem; right: -0.375rem; width: 100px; height: 70px; background: var(--clr); border-top-left-radius: 5px; } .category_product .card-inner .box .icon:hover a { background-color: #FFFFFF; border: 1px solid #003064; } .category_product .card-inner .box .icon:hover a svg path { fill: #003064; } .category_product .card-inner .box .icon::before { position: absolute; content: ""; bottom: 0.375rem; left: -1.25rem; background: transparent; width: 1.25rem; height: 1.25rem; border-bottom-right-radius: 5px; box-shadow: 0.313rem 0.313rem 0 0.313rem #fff; } .category_product .card-inner .box .icon::after { position: absolute; content: ""; top: -1.25rem; right: 0.375rem; background: transparent; width: 20px; height: 20px; border-bottom-right-radius: 5px; box-shadow: 5px 5px 0 0 var(--clr); } .category_product .card-inner .box .icon .iconBox { width: 88px; height: 58px; position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #003064; color: #FFFFFF; border: 1px solid transparent; transition: 0.3s ease; } @media screen and (max-width: 991px) { .category_product .card-inner .box .icon .iconBox { width: 85px; height: 56px; } } .category_product .card-inner .box .icon .iconBox svg path { transition: 0.3s ease; } @media screen and (max-width: 991px) { .category_product .card-inner .box .icon .iconBox svg { width: 30px; } } @media screen and (max-width: 991px) { .category_product .card-inner .box .icon .iconBox { font-size: 14px; line-height: 19.6px; padding: 15.6px 24px; } } .download_catalog { background-color: #003064; } .save_technology_top { margin-bottom: 100px; position: relative; } .save_technology_top .col-md-4 { position: relative; } .save_technology_top .logo-frame { display: flex; flex-direction: column; width: 80%; position: absolute; bottom: 33px; left: 44px; font-size: 16px; font-weight: 400; font-family: 'Manrope'; color: #ffffff; line-height: 100%; } .save_technology_top .logo-frame span { padding-left: 22px; } .save_technology_top .logo-frame svg { width: 100%; margin-top: 8px; } @media screen and (max-width: 767px) { .save_technology_top { gap: 20px; margin-bottom: 40px; } } @media screen and (max-width: 767px) { .save_technology_top img { width: 100%; height: 450px; -o-object-fit: cover; object-fit: cover; } } @media screen and (max-width: 767px) { .save_technology_top .img_two { width: 100%; } } @media screen and (max-width: 480px) { .save_technology_top .img_two { -o-object-position: 80%; object-position: 80%; } } .save_technology_text { margin-bottom: 100px; } .save_technology_text p { } .save_technology_text b { font-weight: 600; } .save_technology_text ul { display: flex; flex-direction: column; margin: 0; padding: 0; gap: 20px; } .save_technology_text ul li { display: flex; padding-left: 20px; } .save_technology_text ul li:before { content: '•'; font-weight: 400; padding-right: 10px; font-size: 14px; padding-top: 2px; } .save_technology_text ul.strong li:before { padding-top: 0; font-weight: 600; font-size: 18px; } .save_technology_text h3 { font-family: "Stapel", sans-serif; font-size: 40px; font-weight: 400; line-height: 56px; color: #222222; } @media screen and (max-width: 767px) { .save_technology_text h3 { font-size: 25px; line-height: 35px; } } .save_technology_text h6 { font-family: "Stapel", sans-serif; font-size: 25px; font-weight: 400; line-height: 35px; color: #222222; } @media screen and (max-width: 767px) { .save_technology_text h6 { font-size: 16px; line-height: 22.4px; } } .save_technology_text p { font-size: 16px; font-weight: 400; line-height: 25.6px; color: #555555; } @media screen and (max-width: 767px) { .save_technology_text { margin-bottom: 40px; gap: 30px; } } .save_technology_text .text { display: flex; flex-direction: column; gap: 20px; } @media screen and (max-width: 767px) { .save_technology_text .text { gap: 15px; } } @media screen and (max-width: 767px) { .save_technology .bottom_text { margin-bottom: 80px; } } .save_technology_imgs { margin-bottom: 100px; } @media screen and (max-width: 767px) { .save_technology_imgs { gap: 20px; margin-bottom: 40px; } } .save_technology_imgs img { height: 330px; width: 100%; -o-object-fit: cover; object-fit: cover; } .save_technology_bottom { display: flex; flex-direction: column; } .save_technology_bottom .bottom_text { order: 2; } .save_technology_bottom .save_technology_imgs { order: 1; } .contact { margin: 100px 0; } @media screen and (max-width: 991px) { .contact { margin: 80px 0; } } .contact_in { gap: 40px 0; } .contact_in .main_title { font-size: 30px; line-height: 42px; margin-bottom: 40px; } @media screen and (max-width: 991px) { .contact_in .main_title { font-size: 20px; line-height: 28px; } } .contact_left span { font-size: 14px; font-weight: 400; line-height: 22.4px; color: #555555; margin-bottom: 15px; } @media screen and (max-width: 991px) { .contact_left span { font-size: 12px; line-height: 19.2px; margin-bottom: 5px; } } .contact_left a, .contact_left address, .contact_left h6 { font-size: 16px; font-weight: 500; line-height: 25.6px; color: #222222; } @media screen and (max-width: 991px) { .contact_left a, .contact_left address, .contact_left h6 { font-size: 14px; line-height: 22px; } } .contact_left_in { display: flex; flex-direction: column; gap: 30px; } @media screen and (max-width: 991px) { .contact_left_in { gap: 20px; } } .contact_left p { font-size: 16px; font-weight: 400; line-height: 25.6px; color: #999999; margin-top: 30px; } @media screen and (max-width: 991px) { .contact_left p { margin-top: 20px; font-size: 14px; line-height: 22.4px; } } .contact_social { margin-top: 30px; display: flex; align-items: center; gap: 20px; } @media screen and (max-width: 991px) { .contact_social { margin-top: 40px; margin-bottom: 10px; } } .contact .card-inner { position: relative; width: inherit; height: 32.938rem; border-radius: 5px; border-bottom-right-radius: 0; } @media screen and (max-width: 991px) { .contact .card-inner { height: 20.125rem; } } .contact .card-inner iframe { height: 527px; } @media screen and (max-width: 991px) { .contact .card-inner iframe { height: 322px; } } .contact .card-inner .map-widget-layout-view__bottom-panel { display: none !important; } .contact .card-inner .box { width: 100%; height: 100%; background: #fff; border-radius: 1.25rem; overflow: hidden; } .contact .card-inner .box .imgBox { position: absolute; inset: 0; } .contact .card-inner .box .imgBox img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .contact .card-inner .box .icon { position: absolute; bottom: -0.375rem; left: -0.375rem; width: 300px; height: 70px; background: var(--clr); border-top-left-radius: 5px; } @media screen and (max-width: 991px) { .contact .card-inner .box .icon { width: 260px; height: 60px; } } .contact .card-inner .box .icon span { transition: 0.3s ease; white-space: nowrap; } .contact .card-inner .box .icon svg { flex-shrink: 0; } .contact .card-inner .box .icon:hover a { background-color: #FFFFFF; border: 1px solid #003064; } .contact .card-inner .box .icon:hover a span { color: #003064; } .contact .card-inner .box .icon:hover a svg path { fill: #003064; } .contact .card-inner .box .icon::before { position: absolute; content: ""; bottom: 0.375rem; right: -1.25rem; background: transparent; width: 1.25rem; height: 1.25rem; border-bottom-left-radius: 5px; box-shadow: 0 5px 0 0 var(--clr); } .contact .card-inner .box .icon::after { position: absolute; content: ""; top: -1.25rem; left: 0.375rem; background: transparent; width: 20px; height: 20px; border-bottom-left-radius: 5px; box-shadow: 0 5px 0 0 var(--clr); } .contact .card-inner .box .icon .iconBox { width: 285px; height: 58px; position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #003064; color: #FFFFFF; gap: 20px; border: 1px solid transparent; transition: 0.3s ease; padding: 20px; } @media screen and (max-width: 991px) { .contact .card-inner .box .icon .iconBox { width: 245px; height: 50px; } } .contact .card-inner .box .icon .iconBox svg path { transition: 0.3s ease; } @media screen and (max-width: 991px) { .contact .card-inner .box .icon .iconBox svg { width: 30px; } } @media screen and (max-width: 991px) { .contact .card-inner .box .icon .btn_blue { font-size: 14px; line-height: 19.6px; } } .contact_page { margin: 0 0 100px 0; } @media screen and (max-width: 991px) { .contact_page { margin: 0 0 80px 0; } } .catalog { margin-bottom: 100px; } @media screen and (max-width: 991px) { .catalog { margin-bottom: 80px; } } .catalog_title { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; gap: 10px; } @media screen and (max-width: 991px) { .catalog_title { margin-bottom: 20px; } } @media screen and (max-width: 480px) { .catalog_title { flex-direction: column; align-items: start; } } .catalog_title h6 { display: flex; align-items: center; gap: 15px; font-family: "Stapel", sans-serif; font-size: 25px; font-weight: 400; line-height: 35px; color: #222222; } .catalog_title h6 svg { width: 56px; height: 55px; } @media screen and (max-width: 991px) { .catalog_title h6 svg { width: 26px; height: 29px; } } @media screen and (max-width: 991px) { .catalog_title h6 { font-size: 18px; line-height: 25px; gap: 10px; } } .catalog_title a { display: flex; align-items: center; gap: 20px; font-size: 16px; font-weight: 700; line-height: 18px; letter-spacing: 0.05em; color: #003064; } @media screen and (max-width: 991px) { .catalog_title a svg { width: 20px; } } @media screen and (max-width: 991px) { .catalog_title a { font-size: 8px; line-height: 12.8px; gap: 5px; } } .catalog_card_in { gap: 20px 0; margin-bottom: 40px; } .catalog_card { position: relative; } .catalog_card_content { width: 75%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 10px; position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 480px) { .catalog_card_content { width: 95%; } } .catalog_card h6 { font-family: "Stapel", sans-serif; font-size: 20px; font-weight: 400; line-height: 28px; text-align: center; color: #FFFFFF; text-transform: uppercase; margin-bottom: 0; text-shadow: 1px 2px 3px black; } @media screen and (max-width: 991px) { .catalog_card h6 { font-size: 12px; line-height: 16.8px; margin-bottom: 0; } } .catalog_card .icons { margin-top: 20px; display: flex; align-items: center; gap: 5px; } .catalog_card .icons svg { width: 27px; height: 27px; } .catalog_card .icons > svg { width: auto; height: auto; } @media screen and (max-width: 991px) { .catalog_card .icons svg { width: 15px; height: 15px; } .catalog_card .icons > svg { width: auto; height: auto; } } @media screen and (max-width: 991px) { .catalog_card .icons { margin-top: 10px; } } .catalog .card-inner { position: relative; width: inherit; height: 17.5rem; border-radius: 5px; border-bottom-right-radius: 0; overflow: hidden; } @media screen and (max-width: 991px) { .catalog .card-inner { height: 10.063rem; } } .catalog .card-inner .box { width: 100%; height: 100%; background: #fff; border-radius: 1.25rem; overflow: hidden; } .catalog .card-inner .box .imgBox { position: absolute; inset: 0; } .catalog .card-inner .box .imgBox img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .catalog .card-inner .box .icon { position: absolute; bottom: -0.375rem; right: -0.375rem; width: 80px; height: 80px; background: var(--clr); border-top-left-radius: 5px; } @media screen and (max-width: 991px) { .catalog .card-inner .box .icon { width: 52px; height: 40px; } } .catalog .card-inner .box .icon:hover a { background-color: #FFFFFF; border: 1px solid #003064; } .catalog .card-inner .box .icon:hover a svg path { fill: #003064; } .catalog .card-inner .box .icon::before { position: absolute; content: ""; bottom: 0.375rem; left: -1.25rem; background: transparent; width: 1.25rem; height: 1.25rem; border-bottom-right-radius: 5px; box-shadow: 0.313rem 0.313rem 0 0.313rem #fff; } .catalog .card-inner .box .icon::after { position: absolute; content: ""; top: -1.25rem; right: 0.375rem; background: transparent; width: 20px; height: 20px; border-bottom-right-radius: 5px; box-shadow: 5px 5px 0 0 var(--clr); } .catalog .card-inner .box .icon .iconBox { width: 66px; height: 66px; position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #003064; color: #FFFFFF; border: 1px solid transparent; transition: 0.3s ease; } @media screen and (max-width: 991px) { .catalog .card-inner .box .icon .iconBox { width: 40px; height: 30px; } } .catalog .card-inner .box .icon .iconBox svg path { transition: 0.3s ease; } @media screen and (max-width: 991px) { .catalog .card-inner .box .icon .iconBox svg { width: 20px; } } @media screen and (max-width: 991px) { .catalog .card-inner .box .icon .iconBox { font-size: 14px; line-height: 19.6px; padding: 10px; } } .certificates_title { margin-bottom: 40px; } .certificates_title h3 { font-family: "Stapel", sans-serif; font-size: 25px; font-weight: 400; line-height: 35px; color: #222222; margin-bottom: 40px; } @media screen and (max-width: 991px) { .certificates_title h3 { font-size: 18px; line-height: 25.2px; margin-bottom: 20px; } } .certificates_title p { font-size: 16px; font-weight: 400; line-height: 25.6px; color: #555555; } @media screen and (max-width: 991px) { .certificates_title p { font-size: 14px; line-height: 22.4px; } } .certificates_cards { margin-bottom: 40px; gap: 20px 0; } .certificates_card { text-align: center; border-radius: 8px; border: 1px solid #F4F4F4; padding: 31px 36px; transition: 0.3s ease; } .certificates_card:hover { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border: 1px solid transparent; } .certificates_card img { width: 130px; height: 180px; } .certificates_card h6 { margin: 15px 0 5px; font-weight: 600; font-size: 16px; line-height: 25.6px; } .certificates_card span { font-size: 14px; line-height: 22px; font-weight: 400; color: #999999; } .technical_information_left .nav { width: 100%; } @media screen and (max-width: 991px) { .technical_information_left .nav { gap: 20px; flex-direction: row !important; margin-bottom: 40px; } } .technical_information_left .nav-link { text-align: left; font-size: 14px; font-weight: 400; line-height: 19.6px; color: #222222; padding: 10px; } @media screen and (max-width: 991px) { .technical_information_left .nav-link { flex: 1; padding: 15px; text-align: center; font-size: 12px; line-height: 16px; } } .technical_information_left .nav-link.active { background-color: #F4F4F4 !important; color: #222222 !important; } .technical_information_left .nav-link:hover { color: #222222 !important; } .technical_information_right { margin-bottom: 100px; } @media screen and (max-width: 991px) { .technical_information_right { margin-bottom: 80px; } } .technical_information_right h3 { font-family: "Stapel", sans-serif; font-size: 25px; font-weight: 400; line-height: 35px; margin-bottom: 40px; color: #222222; } @media screen and (max-width: 991px) { .technical_information_right h3 { font-size: 18px; line-height: 25px; margin-bottom: 20px; } } .technical_information_right p { font-size: 16px; font-weight: 400; line-height: 25.6px; color: #555555; margin-bottom: 40px; } @media screen and (max-width: 991px) { .technical_information_right p { font-size: 14px; line-height: 22.4px; margin-bottom: 20px; } } .technical_information_right ul { margin-bottom: 80px; display: flex; flex-direction: column; gap: 20px; padding: 0; } @media screen and (max-width: 991px) { .technical_information_right ul { gap: 10px; } } @media screen and (max-width: 991px) { .technical_information_right ul { margin-bottom: 40px; } } .technical_information_block { width: 100%; display: flex; align-items: center; justify-content: space-between; border-radius: 20px; background-color: #F8FAFD; padding: 60px 40px; gap: 10px; } @media screen and (max-width: 991px) { .technical_information_block { padding: 40px 15px; gap: 25px; border-radius: 10px; } } .technical_information_block_left { display: flex; align-items: center; gap: 20px; } @media screen and (max-width: 991px) { .technical_information_block_left { gap: 15px; } } .technical_information_block_left img { width: 55px; height: 68px; } @media screen and (max-width: 991px) { .technical_information_block_left img { width: 39px; height: 48px; } } .technical_information_block_left span { font-size: 16px; font-weight: 400; line-height: 26px; color: #999999; } @media screen and (max-width: 991px) { .technical_information_block_left span { font-size: 12px; line-height: 26px; } } .technical_information_block h6 { font-size: 20px; font-weight: 600; line-height: 26px; color: #222222; margin-bottom: 15px; max-width: 450px; } @media screen and (max-width: 991px) { .technical_information_block h6 { max-width: 100%; font-size: 12px; line-height: 16px; margin-bottom: 8px; } } .technical_information .btn_blue { width: 258px; } @media screen and (max-width: 991px) { .technical_information .btn_blue { padding: 10px; width: 40px; height: 40px; } .technical_information .btn_blue span { display: none; } } .technical_information .btn_blue span { white-space: nowrap; } .technical_information .btn_blue svg { flex-shrink: 0; } .for_designers { margin-bottom: 100px; } @media screen and (max-width: 991px) { .for_designers { margin-bottom: 80px; } } .for_designers_cards { gap: 40px 0; } @media screen and (max-width: 991px) { .for_designers_cards { gap: 20px 0; } } .for_designers_card .productSlider .swiper-wrapper { height: 100%; } .for_designers_card .productSlider .swiper-slide { height: 100%; } .for_designers_card .swiper-pagination { margin-top: 5px; position: static; display: flex; align-items: center; justify-content: center; gap: 5px; } .for_designers_card img { width: 100%; border-radius: 5px; } .for_designers_card .swiper-pagination-bullet { flex-shrink: 0; background-color: #999999; width: 8px; height: 8px; margin: 0 !important; } .for_designers_card .swiper-pagination-bullet-active { background-color: #222222; } .for_designers_card_text { padding: 0 15px; margin-top: 20px; } @media screen and (max-width: 991px) { .for_designers_card_text { padding: 0 10px; } } .for_designers_card_text h6 { font-size: 14px; font-weight: 600; line-height: 18px; color: #222222; margin-bottom: 20px; } .for_designers_card_text .btn_blue { padding: 10px; display: flex; align-items: center; justify-content: center; gap: 10px; } .for_designers_in_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; } @media screen and (max-width: 991px) { .for_designers_in_top { display: none; } } .for_designers_in_top_left { display: flex; align-items: center; gap: 20px; } .for_designers_in_top_left button { font-size: 14px; font-weight: 400; line-height: 19.12px; color: #222222; } .for_designers_in_top_left button.active { font-weight: 700; color: #003064; } .for_designers_in_top_right { border-radius: 5px; background-color: #F4F4F4; padding: 2px; display: flex; align-items: center; } .for_designers_in_top_right button { width: 32px; height: 32px; border-radius: 5px; } .for_designers_in_top_right button.active { background-color: #FFFFFF; display: flex; align-items: center; justify-content: center; } .for_designers .filter_desktop_btn { font-size: 16px; font-weight: 700; line-height: 18px; letter-spacing: 0.05em; color: #003064; padding: 20px; border-radius: 5px; border: 1px solid #003064; } .for_designers .filter_btn_media { width: 100%; } .for_designers .catalog_in_btn_switch .switch { display: inline-block; position: relative; width: 37px; height: 19px; border-radius: 100px; background: #999999; transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); vertical-align: middle; cursor: pointer; } .for_designers .catalog_in_btn_switch .switch::before { content: ""; position: absolute; top: 2px; left: 3px; width: 15px; height: 15px; background: #fafafa; border-radius: 50%; transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); } .for_designers .catalog_in_btn_switch .switch:active::before { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1); } .for_designers .catalog_in_btn_switch input:checked + .switch { background: #003064; } .for_designers .catalog_in_btn_switch input:checked + .switch::before { left: 20px; background: #FFFFFF; } .for_designers .catalog_in_btn_switch input:checked + .switch:active::before { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2); } .bbk_product { background-color: #F7F6FB; } .bbk_product .main_container { padding: 100px 0; position: relative; } @media screen and (max-width: 991px) { .bbk_product .main_container { padding: 0 0 80px 0; } } .bbk_product_in { flex-direction: column-reverse; } .bbk_product_imgs img { position: absolute; top: 0; right: -23%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 1200px) { .bbk_product_imgs img { right: -40%; } } @media screen and (max-width: 991px) { .bbk_product_imgs img { position: relative; right: -17px; } } .bbk_product_text { position: relative; z-index: 2; } @media screen and (max-width: 991px) { .bbk_product_text { margin-top: 40px; } } .bbk_product ul { display: flex; flex-direction: column; gap: 60px; } @media screen and (max-width: 991px) { .bbk_product ul { gap: 40px; } } .bbk_product li { max-width: 430px; display: flex; align-items: center; gap: 20px; } .bbk_product li img { flex-shrink: 0; } @media screen and (max-width: 991px) { .bbk_product li img { width: 47px; } } .bbk_product li a { font-size: 16px; font-weight: 700; line-height: 25.6px; letter-spacing: 0.05em; color: #999999; display: flex; align-items: center; gap: 20px; border-radius: 5px; background-color: #FFFFFF; } .bbk_product .bbk_product_text li a { background-color: transparent ; } @media screen and (max-width: 991px) { .bbk_product li a { font-size: 14px; line-height: 22.4px; } } .bbk_product h6 { font-size: 20px; font-weight: 800; line-height: 28px; color: #003064; margin-bottom: 10px; text-transform: uppercase; } @media screen and (max-width: 991px) { .bbk_product h6 { font-size: 16px; line-height: 22.4px; } } .bbk_product p { font-size: 14px; font-weight: 400; line-height: 22.4px; color: #999999; } .download_catalog { padding: 80px 0; position: relative; } @media screen and (max-width: 991px) { .download_catalog { padding: 0; } } .download_catalog .bg_block { position: absolute; left: 0; top: 0; width: 50%; height: 100%; } @media screen and (max-width: 991px) { .download_catalog .bg_block { width: calc(100% + 30px); left: -15px; } } .download_catalog .bg_block .border_line { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 4px solid #FFFFFF; } @media screen and (max-width: 991px) { .download_catalog .bg_block .border_line { top: 15px; left: 15px; right: 15x; bottom: 15px; width: calc(100% - 30px); height: calc(100% - 30px); } } .download_catalog .bg_img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .download_catalog_content { position: relative; z-index: 2; max-width: 410px; padding-left: 60px; } @media screen and (max-width: 991px) { .download_catalog_content { max-width: 100%; padding: 40px 20px; } } @media screen and (max-width: 991px) { .download_catalog_left { position: relative; } } @media screen and (max-width: 991px) { .download_catalog_left .download_catalog_content { padding: 40px 20px 60px 20px; } } .download_catalog_right .download_catalog_content { margin-left: auto; max-width: 500px; } .download_catalog_right .download_catalog_content p { max-width: 281px; } @media screen and (max-width: 991px) { .download_catalog_right .download_catalog_content p { max-width: 100%; } } @media screen and (max-width: 991px) { .download_catalog_right .download_catalog_content { margin-left: 0; } } @media screen and (max-width: 991px) { .download_catalog_right { padding-top: 15px; padding-bottom: 35px; } } .download_catalog h6 { font-family: "Stapel", sans-serif; font-size: 30px; font-weight: 400; line-height: 42px; color: #FFFFFF; text-transform: uppercase; margin-top: 150px; } @media screen and (max-width: 991px) { .download_catalog h6 { margin-top: 100px; font-size: 20px; line-height: 28px; } } .download_catalog p { font-size: 16px; font-weight: 400; line-height: 25.6px; color: #FFFFFF; margin: 30px 0 50px 0; } @media screen and (max-width: 991px) { .download_catalog p { font-size: 14px; line-height: 22.4px; } } .download_catalog .btn_white { max-width: 250px; } .download_catalog .btn_white span { white-space: nowrap; } .download_catalog .btn_white svg { flex-shrink: 0; } @media screen and (max-width: 991px) { .download_catalog .btn_white { font-size: 14px; line-height: 18px; max-width: 220px; height: 50px; } } .portfolio_left { gap: 5px; display: flex; flex-direction: column; } .portfolio_left a { width: 100%; padding: 10px; border-radius: 5px; background-color: #F4F4F4; } .portfolio_left_media { display: flex; flex-direction: column; gap: 5px; } .portfolio_left_media a { width: 100%; padding: 10px; border-radius: 5px; background-color: #F4F4F4; } .portfolio_cards { gap: 40px 0; display: flex; flex-direction: column; } @media screen and (max-width: 991px) { .portfolio_cards { gap: 20px 0; } } .portfolio_cards_pagination { display: flex; align-items: center; justify-content: center; gap: 10px; } .portfolio_cards_pagination li.active { font-size: 25px; font-weight: 600; line-height: 35px; color: #003064; } .portfolio_cards_pagination li { font-size: 16px; font-weight: 500; line-height: 21.86px; color: #999999; } .portfolio_cards .prev_btn { margin-right: 10px; } .portfolio_cards .next_btn { margin-left: 10px; } .portfolio_card { padding: 40px; border-radius: 20px; background-color: #F8FAFD; } @media screen and (max-width: 991px) { .portfolio_card { padding: 20px 15px; gap: 40px; display: flex; flex-direction: column; } } .portfolio_card h4 { font-family: "Stapel", sans-serif; font-size: 25px; font-weight: 400; line-height: 25px; color: #222222; } @media screen and (max-width: 991px) { .portfolio_card h4 { font-size: 18px; line-height: 25px; } } .portfolio_card h6 { font-size: 18px; font-weight: 600; line-height: 15px; color: #222222; margin: 40px 0 30px 0; } @media screen and (max-width: 991px) { .portfolio_card h6 { font-size: 14px; line-height: 19px; margin: 40px 0 20px 0; } } @media screen and (max-width: 991px) { .portfolio .col-xl-6 { padding: 0; } } .portfolio_card_list { display: flex; flex-direction: column; gap: 20px; } .portfolio_card_list li { padding: 15px 24px; border-radius: 10px; background-color: #FFFFFF; display: flex; align-items: center; gap: 20px; } @media screen and (max-width: 991px) { .portfolio_card_list li { padding: 10px 13px; } } .portfolio_card_list img { width: 73px; height: 65px; border-radius: 5px; } .portfolio_card_list h6 { font-size: 16px; font-weight: 700; line-height: 20px; color: #222222; margin: 0 0 15px 0; } @media screen and (max-width: 991px) { .portfolio_card_list h6 { font-size: 12px; line-height: 18px; } } .portfolio_card_list p { font-size: 16px; font-weight: 400; line-height: 20px; color: #222222; } @media screen and (max-width: 991px) { .portfolio_card_list p { font-size: 12px; line-height: 18px; } } .portfolio_card_list .btn_blue { margin-left: auto; padding: 10px; width: 50px; height: 50px; } @media screen and (max-width: 991px) { .portfolio_card_list .btn_blue { width: 40px; height: 40px; } } .portfolio .portfolioSwiper2 { border-radius: 20px; margin-bottom: 20px; } @media screen and (max-width: 991px) { .portfolio .portfolioSwiper2 { border-radius: 10px; margin-bottom: 10px; } } .portfolio .portfolioSwiper2 img { width: 100%; height: 100%; border-radius: 20px; } @media screen and (max-width: 991px) { .portfolio .portfolioSwiper2 img { border-radius: 10px; } } .portfolio .portfolioSwiper .swiper-slide { border-radius: 5px; padding: 5px; } .portfolio .portfolioSwiper img { width: 100%; height: 100%; border-radius: 5px; } .portfolio .portfolioSwiper .swiper-slide-thumb-active { border: 2px solid #003064; } .portfolio .slider_link { position: relative; width: 100%; height: 100%; } .portfolio .slider_link h6 { white-space: nowrap; margin: 0; padding: 0; font-size: 12px; font-weight: 600; line-height: 16.8px; color: #FFFFFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .portfolio .slider_link_block { border-radius: 5px; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background: rgba(0, 0, 0, 0.2); } .product_card .product_card_tabs { background-color: #FFFFFF; /*top: 114px;*/ transition: box-shadow 0.3s ease-in-out; } .product_card .product_card_tabs:not(.is-sticky) { position: static; } .product_card .product_card_tabs.is-sticky { width: 100%; z-index: 4; position: fixed; /*box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);*/ background-color: #FFFFFF; animation: slideDown 0.35s ease-out; top: 113px; left: 0; z-index: 3; } .product_card .product_card_tabs.is-sticky .nav-link { padding-top: 20px; padding-bottom: 20px; } .product_card .product_card_tabs.is-sticky .nav-tabs { margin-bottom: 0; } .product_card .product_card_tabs.sticky-shadow { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .product_card .product_card_tabs .nav-tabs { display: flex; border-bottom: 1px solid #999999; margin-bottom: 80px; flex-wrap: nowrap; overflow-x: auto; } @media screen and (max-width: 991px) { .product_card .product_card_tabs .nav-tabs { margin-bottom: 40px; } } @media screen and (max-width: 768px) { .product_card .product_card_tabs .nav-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .product_card .product_card_tabs .nav-tabs::-webkit-scrollbar { display: none; } .product_card .product_card_tabs .nav-link { white-space: nowrap; flex: 1; font-size: 20px; font-weight: 500; line-height: 18px; color: #222222; text-transform: uppercase; padding: 30px; border: none; text-align: center; } @media screen and (max-width: 1220px) { .product_card .product_card_tabs .nav-link { padding: 20px; } } @media screen and (max-width: 991px) { .product_card .product_card_tabs .nav-link { padding: 20px; font-size: 12px; line-height: 18px; } } .product_card .product_card_tabs .nav-link.active { font-weight: 700; color: #003064; border-bottom: 2px solid #003064; } .product_card .product_card_content { margin-bottom: 80px; } @media screen and (max-width: 991px) { .product_card .product_card_content { margin-bottom: 40px; } } .product_card .product_card_content h6 { font-family: "Stapel", sans-serif; font-size: 25px; font-weight: 400; line-height: 35px; color: #222222; } @media screen and (max-width: 991px) { .product_card .product_card_content h6 { font-size: 18px; line-height: 25px; } } .product_card .product_card_content p { margin-top: 40px; font-size: 16px; font-weight: 400; line-height: 25.6px; color: #555555; } @media screen and (max-width: 991px) { .product_card .product_card_content p { font-size: 14px; line-height: 22.4px; } } .product_card_left { display: flex; align-items: start; flex-direction: row-reverse; gap: 15px; } @media screen and (max-width: 991px) { .product_card_left { margin-bottom: 40px; flex-direction: column; } } .product_card_left .productCard2 { width: 100%; } .product_card_left .productCard2 .swiper-slide { border-radius: 20px; } @media screen and (max-width: 991px) { .product_card_left .productCard2 .swiper-slide { border-radius: 10px; } } .product_card_left .productCard2 img { border-radius: 20px; width: 100%; height: 100%; } @media screen and (max-width: 991px) { .product_card_left .productCard2 img { border-radius: 10px; } } .product_card_left .productCard { width: 95px; /*height: 355px;*/ height: 542px; } @media screen and (max-width: 991px) { .product_card_left .productCard { width: 100%; height: 150px; } } @media screen and (max-width: 768px) { .product_card_left .productCard { height: 120px; } } @media screen and (max-width: 576px) { .product_card_left .productCard { height: 71px; } } .product_card_left .productCard .swiper-slide { margin-right: 0; padding: 5px; border-radius: 5px; margin: 0; border: 2px solid transparent; } @media screen and (max-width: 991px) { .product_card_left .productCard .swiper-slide { flex-shrink: 0; } } .product_card_left .productCard .swiper-slide-thumb-active { border: 2px solid #003064; } .product_card_left .productCard img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; } .product_card h4 { font-family: "Stapel", sans-serif; font-size: 25px; font-weight: 400; line-height: 35px; color: #222222; margin-bottom: 40px; } @media screen and (max-width: 991px) { .product_card h4 { font-family: "Stapel", sans-serif; font-size: 18px; font-weight: 400; line-height: 25.2px; margin-bottom: 20px; } } .product_card .one_title { margin-bottom: 20px; } .product_card .icons { display: flex; align-items: center; gap: 10px; } .product_card .icons svg { width: 49px; height: 49px; } @media screen and (max-width: 991px) { .product_card .icons svg { width: 80%; height: 43px; } } @media screen and (max-width: 991px) { .product_card .icons { gap: 5px; } } .product_card .settings { margin: 80px 0; } @media screen and (max-width: 991px) { .product_card .settings { margin: 40px 0; } } .product_card .settings_blocks { display: flex; flex-direction: column; gap: 20px; } @media screen and (max-width: 991px) { .product_card .settings_blocks { gap: 10px; } } .product_card .settings_block { padding: 20px; border-radius: 20px; background-color: #F8FAFD; } .product_card .settings_block ul { display: flex; align-items: center; gap: 80px; } @media screen and (max-width: 991px) { .product_card .settings_block ul { flex-direction: column; align-items: start; gap: 40px; } } .product_card .settings_block ul li svg { flex-shrink: 0; } .product_card .settings_block h6 { font-size: 18px; font-weight: 600; line-height: 25.2px; color: #999999; display: flex; align-items: center; gap: 10px; } @media screen and (max-width: 991px) { .product_card .settings_block h6 { font-size: 14px; line-height: 19px; } } .product_card .settings_block span:not(.not-styled) { margin-top: 20px; width: 70px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; line-height: 25.2px; color: #003064; border: 2px solid #003064; border-radius: 5px; padding: 7px; overflow:hidden; } @media screen and (max-width: 991px) { .product_card .settings_block span { font-size: 12px; line-height: 16px; width: 53px; height: 39px; } } @media screen and (max-width: 991px) { .product_card .settings_block span img { padding: 5px; } } .product_card .settings_block .buttons { margin-top: 20px; display: flex; align-items: center; gap: 20px; display: flex; flex-wrap: wrap; } .product_card .settings_block .buttons button { margin-bottom: 8px; width: 25%; } .product_card .settings_block .colors { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 20px; } @media screen and (max-width: 991px) { .product_card .settings_block .colors { gap: 5px; } } .product_card .settings_block .colors .color { width: calc(25% - 8px); padding: 5px; border-radius: 10px; border: 2px solid transparent; } .color-preview-name { text-align:center; margin-top: 8px; font-size: 12px; color: #333333; } @media screen and (max-width: 991px) { .product_card .settings_block .colors .color { width: calc(33.3333333333% - 4px); } .color-preview-name { font-size: 8px; } } @media(max-width: 768px) { .product_card .settings_block .colors .color { width: calc(33.3333333333% - 4px); padding: 0; margin: 0 !important; } } .product_card .settings_block .colors .color img { width: 100%; border-radius: 5px; } .product_card .settings_block .colors .color.active { border: 2px solid #003064; } .product_card .technical ul { display: flex; flex-direction: column; gap: 15px; } .product_card .technical li { display: flex; align-items: center; justify-content: space-between; gap: 20px; } .technical ul li b { font-size: 16px; font-weight: 600; color: #222222; } @media screen and (max-width: 991px) { .product_card .technical li { gap: 10px; } } .product_card .technical li svg { flex-shrink: 0; } .product_card .technical .doted { width: 100%; border: 1px dashed #999999; } .product_card .technical span { font-size: 16px; font-weight: 400; line-height: 22.4px; color: #999999; display: flex; align-items: center; gap: 15px; min-width: -moz-max-content; min-width: max-content; } @media screen and (max-width: 991px) { .product_card .technical span { font-size: 12px; line-height: 16px; gap: 10px; } } .product_card .technical h6 { font-size: 16px; font-weight: 600; line-height: 24px; color: #222222; } @media screen and (max-width: 991px) { .product_card .technical h6 { font-size: 12px; line-height: 18px; } } .product_card .technical_btns { display: flex; align-items: center; gap: 20px; margin: 80px 0; } .product_card .technical_btns .btn_blue { min-height: 65px; max-height: 65px; border: 1px solid #003064; } .product_card .technical_btns a:not(.btn_white):hover { color: #ffffff; } .product_card .technical_btns a.btn_white:hover { color: #003064; } @media screen and (max-width: 991px) { .product_card .technical_btns { margin: 40px 0; gap: 10px; flex-direction: column; } .product_card .technical_btns a { display: flex; justify-content: center; width: 100%; } .prop-title { display: block !important; position: relative; min-width: 40vw !important; max-width: 40vw; } } .product_card .technical_btns button { height: 60px; flex: 1; } @media screen and (max-width: 991px) { .product_card .technical_btns button { height: 50px; width: 100%; } } @media screen and (max-width: 991px) { .product_card .technical_btns .btn_blue svg { width: 30px; } } .product_card .technical_btns .btn_white { border: 1px solid #003064; } @media screen and (max-width: 991px) { .product_card .technical_btns .btn_white { height: 50px; padding: 12.5px; } } @media screen and (max-width: 991px) { .product_card .technical_btns .btn_white svg { width: 20px; } } .product_card .product_card_end { background-color: #F4F4F4; } .product_card .calculate { margin-bottom: 80px; } @media screen and (max-width: 991px) { .product_card .calculate { margin-bottom: 40px; } } .product_card .calculate_text { display: flex; align-items: start; gap: 40px; border-radius: 20px; background-color: #FFFFFF; padding: 60px 40px; } @media screen and (max-width: 991px) { .product_card .calculate_text { border-radius: 10px; padding: 30px 20px; } } @media screen and (max-width: 991px) { .product_card .calculate_left { display: none; } } .product_card .calculate h5 { font-size: 20px; font-weight: 800; line-height: 28px; color: #003064; } @media screen and (max-width: 991px) { .product_card .calculate h5 { display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 22.4px; } } .product_card .calculate h5 img { display: none; } @media screen and (max-width: 991px) { .product_card .calculate h5 img { display: flex; width: 26px; height: 29px; flex-shrink: 0; } } .product_card .calculate p { margin: 20px 0 40px 0; font-size: 16px; font-weight: 400; line-height: 25.6px; color: #999999; max-width: 398px; } @media screen and (max-width: 991px) { .product_card .calculate p { font-size: 12px; line-height: 22px; } } .product_card .calculate .btn_blue { max-width: 200px; } .product_card .calculate .btn_blue:hover { color: #fff; } @media screen and (max-width: 991px) { .product_card .calculate .btn_blue { max-width: 180px; gap: 20px; } } @media screen and (max-width: 991px) { .product_card .calculate .btn_blue svg { width: 30px; } } .product_card .planner { padding-bottom: 80px; } @media screen and (max-width: 991px) { .product_card .planner { padding-bottom: 40px; } } .product_card .planner h6 { font-size: 20px; font-weight: 600; line-height: 26px; color: #222222; margin-bottom: 5px; } @media screen and (max-width: 991px) { .product_card .planner h6 { font-size: 12px; line-height: 16px; } } .product_card .planner span { font-size: 16px; font-weight: 400; line-height: 16px; color: #999999; } @media screen and (max-width: 991px) { .product_card .planner span { font-size: 12px; line-height: 16px; } } .product_card .planner ul { border-radius: 20px; padding: 60px 40px; background-color: #FFFFFF; display: flex; flex-direction: column; gap: 40px; } @media screen and (max-width: 991px) { .product_card .planner ul { padding: 30px 15px; gap: 30px; border-radius: 10px; } } .product_card .planner_left { display: flex; align-items: center; gap: 20px; } @media screen and (max-width: 991px) { .product_card .planner_left { gap: 15px; } } @media screen and (max-width: 991px) { .product_card .planner_left img { width: 39px; } } .product_card .planner li { display: flex; align-items: center; justify-content: space-between; } .product_card .planner .btn_blue span { color: #FFFFFF; } @media screen and (max-width: 991px) { .product_card .planner .btn_blue span { display: none; } } @media screen and (max-width: 991px) { .product_card .planner .btn_blue { width: 40px; height: 40px; padding: 10px; } } .product_card .portfolio_patterns { padding: 80px 0; } @media screen and (max-width: 991px) { .product_card .portfolio_patterns { padding: 40px 0; } } @media screen and (max-width: 526px) { .product_card .planner li .planner_left + .btn_blue { width: auto; } } @media screen and (min-width: 527px) { .product_card .planner li .planner_left + .btn_blue { width: 264px; } .product_card .planner .btn_blue span { display: block !important; } } .product_card .portfolio_patterns .portfolio_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } @media screen and (max-width: 991px) { .product_card .portfolio_patterns .portfolio_head { margin-bottom: 20px; } } .product_card .portfolio_patterns h4 { margin-bottom: 0; } .product_card .portfolio_patterns .slide_btns { display: flex; align-items: center; gap: 10px; } @media screen and (max-width: 991px) { .product_card .portfolio_patterns .slide_btns svg { width: 20px; } } .product_card .portfolio_patterns .portfolio_block { border-radius: 20px; position: relative; padding: 20px; background-color: #FFFFFF; overflow: hidden; } @media screen and (max-width: 991px) { .product_card .portfolio_patterns .portfolio_block { border-radius: 10px; } } .product_card .portfolio_patterns .portfolio_block img { border-radius: 10px; width: 100%; } .product_card .portfolio_patterns .portfolio_block:hover .portfolio_block_in { transform: scale(1) translate(0, 0); } .product_card .portfolio_patterns .portfolio_block_in { transform: scale(0); transition: 0.3s ease; position: absolute; inset: 20px; z-index: 3; display: flex; align-items: center; justify-content: center; border-radius: 10px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(29, 58, 133, 0.2); } .product_card .portfolio_patterns .swiper-button-disabled svg path { fill: #999999; } .product_card .portfolio_endSwiper { margin-top: 80px; margin-bottom: 100px; } @media screen and (max-width: 991px) { .product_card .portfolio_endSwiper { margin-top: 40px; margin-bottom: 80px; } } .product_card .portfolio_endSwiper .portfolio_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } @media screen and (max-width: 991px) { .product_card .portfolio_endSwiper .portfolio_head { margin-bottom: 20px; } } .product_card .portfolio_endSwiper h4 { margin-bottom: 0; } .product_card .portfolio_endSwiper .portfolio_block { position: relative; } .product_card .portfolio_endSwiper .portfolio_block img { border-radius: 10px; width: 100%; } .product_card .portfolio_endSwiper .portfolio_block:hover .portfolio_block_in { transform: scale(1) translate(0, 0); } .product_card .portfolio_endSwiper .portfolio_block_in { transform: scale(0); transition: 0.3s ease; position: absolute; z-index: 3; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 10px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(29, 58, 133, 0.2); } .product_card .portfolio_endSwiper a { font-size: 16px; font-weight: 700; line-height: 18px; letter-spacing: 0.05em; color: #003064; display: flex; align-items: center; gap: 20px; } @media screen and (max-width: 991px) { .product_card .portfolio_endSwiper a { font-size: 8px; font-weight: 700; line-height: 12.8px; letter-spacing: 0.05em; gap: 5px; } .product_card .portfolio_endSwiper a svg { width: 20px; } } .for_designers_cards { margin-bottom: 40px; } .footer { background-color: #003064; } .footer_top { border-bottom: 1px solid #FFFFFF; padding: 100px 0 60px; } @media screen and (max-width: 991px) { .footer_top { padding: 60px 0; } } .footer_top .main_container { display: flex; justify-content: space-between; gap: 40px; } @media screen and (max-width: 991px) { .footer_top .main_container { gap: 20px; } } @media screen and (max-width: 991px) { .footer_top .main_container { flex-direction: column; } } .footer h6 { width: 100%; display: flex; align-items: center; justify-content: space-between; font-family: "Stapel", sans-serif; margin: 0; font-size: 18px; font-weight: 400; line-height: 28.8px; color: #FFFFFF; } .footer h6 svg { display: none; } @media screen and (max-width: 991px) { .footer h6 svg { display: flex; } } @media screen and (max-width: 991px) { .footer h6 { font-size: 18px; line-height: 25.2px; } } .footer_link { overflow: hidden; height: 0; transition: height 0.3s ease, opacity 0.3s ease; } @media screen and (max-width: 991px) { .footer_link { overflow: hidden; height: 0; transition: 0.3s ease; } } @media screen and (max-width: 991px) { .footer_link.active { overflow: hidden; height: -moz-max-content; height: max-content; } } .footer ul { display: flex; flex-direction: column; gap: 15px; padding: 0; padding-top: 40px; transition: 0.3s ease; font-family: 'Manrope'; } @media screen and (max-width: 991px) { .footer ul { padding: 20px 0; } } .footer ul a, .footer ul address { margin: 0; font-size: 16px; font-weight: 400; line-height: 25.6px; color: #FFFFFF; } .footer ul:not(.contact_in) a { max-width: 180px; } @media screen and (max-width: 991px) { .footer ul a, .footer ul address { font-size: 14px; line-height: 22.4px; } } .footer_block_title { cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: white; } .footer_block_title svg { transition: transform 0.3s ease; } .footer .contact_in { padding: 20px 0 0 0; margin: 0; } @media screen and (max-width: 991px) { .footer_block_one { order: 1; } } @media screen and (max-width: 991px) { .footer_block_two { order: 2; } } @media screen and (max-width: 991px) { .footer_block_three { order: 3; } } @media screen and (max-width: 991px) { .footer_block_four { order: 4; } } @media screen and (max-width: 991px) { .footer_block_five { order: 5; } } @media (max-width: 991px) { .footer .footer_link { display: none; } .footer .footer_link.active { display: block; height: auto; } .footer .footer_block_title svg { display: flex; } } @media (min-width: 992px) { .footer .footer_link { display: block; height: auto; } .footer .footer_block_title svg { display: none; } } @media (max-width: 992px) { .product_card .product_card_tabs.is-sticky { top: 68px; left: 0; } .product_card .settings_block .buttons button { width: auto; } } .footer_bottom { padding: 52px 0; } .footer_bottom span { font-size: 16px; font-weight: 300; line-height: 21.86px; color: #FFFFFF; font-family: 'Manrope'; } @media screen and (max-width: 991px) { .footer_bottom span { font-size: 14px; line-height: 22.4px; } } .footer_bottom img { width: 50px; height: 50px; } @media screen and (max-width: 991px) { .footer .row { flex-direction: column-reverse; gap: 40px; } } .footer_social { gap: 20px; justify-content: end; } @media screen and (max-width: 991px) { .footer_social { justify-content: start; } }/*# sourceMappingURL=style.css.map */ .gray-field-container { --bs-gutter-x: 0 !important; } @media(max-width: 768px) { .gray-field-container .main_container { max-width: calc(100% - 30px - 14px) !important; } } /* End */ /* Start:/local/templates/bbk_new_template/components/bitrix/menu/header_menu_1/style.min.css?1734421140490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/bbk_new_template/components/bitrix/menu/header_menu_1/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/bbk_new_template/components/bitrix/menu/header_menu_2/style.min.css?1734421140490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/bbk_new_template/components/bitrix/menu/header_menu_2/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/bbk_new_template/components/bitrix/menu/header_menu_3/style.min.css?1734421140490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/bbk_new_template/components/bitrix/menu/header_menu_3/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/bbk_new_template/components/bitrix/menu/footer_menu/style.min.css?1734421140490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/bbk_new_template/components/bitrix/menu/footer_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/bbk_new_template/components/bitrix/main.auth.form/.default/style.css?1743158350620*/ .auth-form { } .auth-form *:not(.btn_blue) { color: #222222; } h3.bx-title { margin-bottom: 25px; font-size: 28px; font-weight: 400; } .bx-filter-param-label input[name="USER_REMEMBER"] { margin-top: -1px; } .bx-authform-label-container { color: #999999; font-family: "Segoe UI"; } .policy { margin-top: 15px; text-align: center; /*width: 290px;*/ margin-left: auto; margin-right: auto; } .policy a { color: #1d3a85 !important; } .req-red { color: #df5252 !important; } a.forgot-pass { color: #1d3a85 !important; } /* End */ /* Start:/local/templates/bbk_new_template/components/bitrix/system.auth.forgotpasswd/flat/style.css?1740135660323*/ h3.bx-title { margin-bottom: 25px; font-size: 28px; } .label, .label * { color: #222222; font-weight: 400; font-size: 13px; padding: 0; padding-bottom: 6px; } input[type=text] { padding: 12px; height: 42px; font-size: 18px; } .req-red { color: #df5252; } /* End */ /* Start:/local/templates/bbk_new_template/components/bitrix/main.register/.default/style.css?17428261431720*/ div.bx-auth-reg input.bx-auth-input {vertical-align:middle;} div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;} div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/bbk_new_template/components/bitrix/main.register/.default/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/bbk_new_template/components/bitrix/main.register/.default/images/sec-unlocked.png);} .bx-authform { margin-bottom: 8px; } .reg-field label { color: #222222; font-weight: 400; font-size: 13px; padding-bottom: 2px; } .bx-auth-reg .reg-field { display: flex; flex-direction: column; margin-bottom: 8px; } /*.bx-auth-reg .reg-field input[type="password"],*/ /*.bx-auth-reg .reg-field input[type="text"] {*/ /* border: 1px solid blue;*/ /*}*/ /*.bx-auth-reg .reg-form-bottom input[type="submit"] {*/ /* padding: 0 8px;*/ /* border-radius: 2px;*/ /* border: 1px solid blue;*/ /*}*/ .bx-auth-reg .reg-form-bottom input[type="submit"] { margin-bottom: 4px; } .bx-auth-reg .checkbox { margin-top: 0; margin-bottom: 0; margin-bottom: 20px; } .bx-auth-reg .checkbox label { display: flex; align-items: center; } .bx-auth-reg .checkbox label input { margin-top: -1px; } .reg-form-bottom .bx-authform-formgroup-container { margin-bottom: 0; } .req-red { color: #df5252; } .reg-submit { margin-top: 8px; } .policy { margin-top: 15px; } .policy a { color: #1d3a85; } input[type=submit] { width: 100%; } input[type=text], input[type=password] { padding: 12px; height: 42px; font-size: 18px; } .reg-fom-top input { font-size: 15px; } /* End */ /* Start:/local/templates/bbk_new_template/components/bitrix/main.feedback/feedback-form/style.min.css?17431473333287*/ #feedbackModal {} #feedbackModal .mf-name, #feedbackModal .mf-email, #feedbackModal .mf-phone, #feedbackModal .mf-message { width: 100%; margin-bottom: 20px; } #feedbackModal .mf-name .bx-authform-label-container, #feedbackModal .mf-email .bx-authform-label-container, #feedbackModal .mf-phone .bx-authform-label-container, #feedbackModal .mf-message .bx-authform-label-container { padding-bottom: 2px; } #feedbackModal .mf-name input, #feedbackModal .mf-email input, #feedbackModal .mf-phone input, #feedbackModal .mf-message textarea{ border: 1px solid blue; width: 100%; display: block; width: 100%; font-size: 18px; height: 38px; margin: 0; padding: 0 4px; border: 1px solid #ccd5db; border-radius: 2px; background: #f8fafc; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ffffff; border-radius: 8px; padding: 12px; height: 42px; } #feedbackModal .mf-message textarea{ height: auto; } #feedbackModal input[type="submit"] { /*width: 201px;*/ font-size: 16px; font-weight: 700; line-height: 18px; letter-spacing: 0.05em; display: flex; align-items: center; justify-content: center; gap: 20px; border-radius: 5px; background-color: #003064; color: #FFFFFF; padding: 20px; } #feedbackModal .close { position: absolute; right: 12px; top: 0; bottom: 0; } .modal-body { padding: 40px 38px; } #feedbackModal .bx-authform-link-container { margin: 0; } #feedbackModal .bx-authform-link-container .btn_blue, #feedbackModal .bx-authform-formgroup-container .btn_blue { width: 100%; } h2.bx-title { margin-bottom: 25px; font-size: 28px; } .modal-body .bx-authform-input-container input { background: #ffffff; border-radius: 8px; padding: 12px; height: 42px; } .modal-body .btn_blue.btn_blue_lighten { background: #e8ebf2; color: #003064; } .bx-filter-param-label { display: flex; padding: 0 !important; } .bx-filter-param-label .bx-filter-param-text { color: #888888; font-size: 12px; line-height: 14px; } /* custom checkbox */ .bx-filter-param-label input[type="checkbox"] { height: 18px; width: 18px; margin: 0; padding: 0; opacity: 1; appearance: none; border: 1px solid #ccd5db; border-radius: 3px; background: #fff; position: relative; margin-right: 10px; } .bx-filter-param-label input[type="checkbox"]:checked { border: 2px solid #3f51b5; background: #3f51b5; } .bx-filter-param-label input[type="checkbox"]:checked:before, input[type="checkbox"]:checked:after { content: ""; position: absolute; height: 2px; background: #fff; } input[type="checkbox"]:checked:before { width: 8px; top: calc(11px - 2px); left: calc(2px - 2px); transform: rotate(44deg); } input[type="checkbox"]:checked:after { width: 14px; top: calc(8px - 2px); left: calc(5px - 2px); transform: rotate(-55deg); } input[type="checkbox"]:focus { outline: none; } /* End */ /* /local/templates/bbk_new_template/fonts/stapel/stylesheet.css?173442114010020 */ /* /local/templates/bbk_new_template/fonts/Manrope/stylesheet.css?17344211402902 */ /* /local/templates/bbk_new_template/plugins/jquery.fancybox/jquery.fancybox.min.css?173521872012795 */ /* /local/templates/bbk_new_template/css/style.css?175094638780550 */ /* /local/templates/bbk_new_template/components/bitrix/menu/header_menu_1/style.min.css?1734421140490 */ /* /local/templates/bbk_new_template/components/bitrix/menu/header_menu_2/style.min.css?1734421140490 */ /* /local/templates/bbk_new_template/components/bitrix/menu/header_menu_3/style.min.css?1734421140490 */ /* /local/templates/bbk_new_template/components/bitrix/menu/footer_menu/style.min.css?1734421140490 */ /* /local/templates/bbk_new_template/components/bitrix/main.auth.form/.default/style.css?1743158350620 */ /* /local/templates/bbk_new_template/components/bitrix/system.auth.forgotpasswd/flat/style.css?1740135660323 */ /* /local/templates/bbk_new_template/components/bitrix/main.register/.default/style.css?17428261431720 */ /* /local/templates/bbk_new_template/components/bitrix/main.feedback/feedback-form/style.min.css?17431473333287 */