/* Start:/local/templates/b2c/css/fonts.css?173521754413357*/ /* inter-300 - cyrillic_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: normal; font-weight: 300; src: url('/local/templates/b2c/fonts/inter/inter-v18-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-regular - cyrillic_latin */ @font-face { font-display: swap; font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('/local/templates/b2c/fonts/inter/inter-v18-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-regular.woff2') format('woff2'); } /* inter-500 - cyrillic_latin */ @font-face { font-display: swap; font-family: 'Inter'; font-style: normal; font-weight: 500; src: url('/local/templates/b2c/fonts/inter/inter-v18-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-500.woff2') format('woff2'); } /* inter-600 - cyrillic_latin */ @font-face { font-display: swap; font-family: 'Inter'; font-style: normal; font-weight: 600; src: url('/local/templates/b2c/fonts/inter/inter-v18-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-600.woff2') format('woff2'); } /* inter-700 - cyrillic_latin */ @font-face { font-display: swap; font-family: 'Inter'; font-style: normal; font-weight: 700; src: url('/local/templates/b2c/fonts/inter/inter-v18-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700.woff2') format('woff2'); } /* @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraLight.eot'); src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraLight.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraLight.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-MediumItalic.eot'); src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url('/local/templates/b2c/fonts/montserrat/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-MediumItalic.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-MediumItalic.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-Italic.eot'); src: local('Montserrat Italic'), local('Montserrat-Italic'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Italic.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Italic.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-Regular.eot'); src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Regular.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Regular.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-ThinItalic.eot'); src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ThinItalic.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ThinItalic.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-Bold.eot'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Bold.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Bold.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-Light.eot'); src: local('Montserrat Light'), local('Montserrat-Light'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Light.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Light.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-Black.eot'); src: local('Montserrat Black'), local('Montserrat-Black'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Black.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Black.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-Medium.eot'); src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Medium.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Medium.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraLightItalic.eot'); src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraLightItalic.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraLightItalic.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-BlackItalic.eot'); src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url('/local/templates/b2c/fonts/montserrat/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-BlackItalic.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-BlackItalic.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraBoldItalic.eot'); src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraBoldItalic.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-SemiBoldItalic.eot'); src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('/local/templates/b2c/fonts/montserrat/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-SemiBoldItalic.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraBold.eot'); src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraBold.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-BoldItalic.eot'); src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url('/local/templates/b2c/fonts/montserrat/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-BoldItalic.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-BoldItalic.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-LightItalic.eot'); src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('/local/templates/b2c/fonts/montserrat/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-LightItalic.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-LightItalic.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-SemiBold.eot'); src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/local/templates/b2c/fonts/montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-SemiBold.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/b2c/fonts/montserrat/Montserrat-Thin.eot'); src: local('Montserrat Thin'), local('Montserrat-Thin'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Thin.woff2') format('woff2'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Thin.woff') format('woff'), url('/local/templates/b2c/fonts/montserrat/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } */ /* End */ /* Start:/local/templates/b2c/libs/swiper/swiper.min.css?173521754419775*/ /** * Swiper 4.4.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 19, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;/*height:100%;*/position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* End */ /* Start:/local/templates/b2c/css/styles.css?1755866999346448*/ @charset "UTF-8"; @font-face { font-family: "icomoon"; src: url("/local/templates/b2c/css/../fonts/icomoon/icomoon.eot?y03gs1"); src: url("/local/templates/b2c/css/../fonts/icomoon/icomoon.eot?y03gs1#iefix") format("embedded-opentype"), url("/local/templates/b2c/css/../fonts/icomoon/icomoon.ttf?y03gs1") format("truetype"), url("/local/templates/b2c/css/../fonts/icomoon/icomoon.woff?y03gs1") format("woff"), url("/local/templates/b2c/css/../fonts/icomoon/icomoon.svg?y03gs1#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } html { scrollbar-gutter: stable; background-color: #ffffff; } :root { --ui-font-family-open-sans: "Inter", Arial, sans-serif; } [class^="icon-"], [class*=" icon-"] { font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-list:before { content: "\e903"; } .icon-map:before { content: "\e909"; } .icon-arr-top:before { content: "\e900"; } .icon-arr-left:before { content: "\e901"; } .icon-arr-right:before { content: "\e902"; } .icon-insurance:before { content: "\e904"; } .icon-pdf:before { content: "\e905"; } .icon-heart-fill:before { content: "\e906"; } .icon-arr-bottom:before { content: "\e907"; } .icon-shopping-cart:before { content: "\e908"; } /* @font-face { font-family: "Myriad Pro"; src: local("Myriad Pro"), local("Myriad Pro Light"), url("/local/templates/b2c/css/../fonts/myriad/MyriadProLight.woff2") format("woff2"), url("/local/templates/b2c/css/../fonts/myriad/MyriadProLight.woff") format("woff"), url("/local/templates/b2c/css/../fonts/myriad/MyriadProLight.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Myriad Pro"; src: local("Myriad Pro"), local("Myriad Pro"), url("/local/templates/b2c/css/../fonts/myriad/MyriadProRegular.woff2") format("woff2"), url("/local/templates/b2c/css/../fonts/myriad/MyriadProRegular.woff") format("woff"), url("/local/templates/b2c/css/../fonts/myriad/MyriadProRegular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: "Myriad Pro"; src: local("Myriad Pro"), local("Myriad Pro Semibold"), url("/local/templates/b2c/css/../fonts/myriad/MyriadProSemibold.woff2") format("woff2"), url("/local/templates/b2c/css/../fonts/myriad/MyriadProSemibold.woff") format("woff"), url("/local/templates/b2c/css/../fonts/myriad/MyriadProSemibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: "Myriad Pro"; src: local("Myriad Pro"), local("Myriad Pro Bold"), url("/local/templates/b2c/css/../fonts/myriad/MyriadProBold.woff2") format("woff2"), url("/local/templates/b2c/css/../fonts/myriad/MyriadProBold.woff") format("woff"), url("/local/templates/b2c/css/../fonts/myriad/MyriadProBold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap } */ /* * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /* * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.3/customize/?id=a3e1aa1e4807a1fcf3e81c9acdb4c917) * Config saved to config.json and https://gist.github.com/a3e1aa1e4807a1fcf3e81c9acdb4c917 */ /* * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="checkbox"] { accent-color: #003974; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Inter", Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #f7f7f7; } body.body-grey { background-color: #d5d5d5; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 767px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 767px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-white { border: 1px solid #ffffff; color: #ffffff; } .btn-white:hover { background-color: #ffffff0f; color: #ffffff; } .btn-link { color: #337ab7; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 767px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .tooltip { position: absolute; z-index: 1070; display: block; /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */ font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */ font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .nav:before, .nav:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .nav:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } .mm-menu, .mm-panels, .mm-panels > .mm-panel { margin: 0; left: 0; right: 0; top: 0; z-index: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .mm-btn, .mm-menu { -webkit-box-sizing: border-box; box-sizing: border-box; } .mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-listview .mm-next:before, .mm-listview > li:not(.mm-divider):after, .mm-next:after, .mm-prev:before { content: ""; bottom: 0; } .mm-hidden { display: none !important; } .mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) { display: block; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu { padding: 0; position: absolute; bottom: 0; } .mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; position: absolute; bottom: 0; } .mm-btn, .mm-panel.mm-highest { z-index: 1; } .mm-panels { overflow: hidden; } .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panels > .mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; padding: 0 20px; } .mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before { content: ""; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next { height: 40px; bottom: auto; } .mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after { top: 16px; bottom: auto; } .mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px; } .mm-btn { width: 40px; height: 40px; position: absolute; top: 0; } .mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before { content: ""; border: 2px solid transparent; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-clear:before, .mm-close:before { border-right: 0; border-bottom: 0; right: 18px; } .mm-clear:after, .mm-close:after { border-left: 0; border-top: 0; right: 25px; } .mm-next:after, .mm-prev:before { border-top: 2px solid transparent; border-left: 2px solid transparent; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; } .mm-prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar .mm-btn:first-child { left: 0; } .mm-navbar .mm-btn:last-child { text-align: right; right: 0; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; line-height: 20px; } .mm-listview > li { position: relative; } .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after { border-color: inherit; } .mm-listview > li > a, .mm-listview > li > span { color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listview > li:not(.mm-divider):after { border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; right: 0; left: 20px; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: 0; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-listview .mm-inset { list-style: disc inside; padding: 0 10px 15px 40px; margin: 0; } .mm-listview .mm-inset > li { padding: 5px 0; } .mm-listview .mm-divider { font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview .mm-spacer { padding-top: 40px; } .mm-listview .mm-spacer > .mm-next { top: 40px; } .mm-listview .mm-spacer.mm-divider { padding-top: 25px; } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); } .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, 0.05); } .mm-page { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; z-index: 1; } html.mm-opened { overflow-x: hidden; position: relative; } html.mm-blocking, html.mm-blocking body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2; } html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { z-index: 0; display: none; position: fixed; width: 80%; min-width: 140px; max-width: 440px; } .mm-menu.mm-offcanvas.mm-current { display: block; } .mm-menu.mm-offcanvas.mm-no-csstransforms.mm-current.mm-opened { z-index: 10; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } } .mm-menu.mm-offcanvas.mm-autoheight.mm-bottom, .mm-menu.mm-offcanvas.mm-autoheight.mm-top { max-height: 80%; } .mm-menu.mm-offcanvas.mm-autoheight.mm-bottom.mm-fullscreen, .mm-menu.mm-offcanvas.mm-autoheight.mm-top.mm-fullscreen { max-height: 100%; } .mm-menu.mm-offcanvas.mm-measureheight .mm-panel { display: block !important; } .mm-menu.mm-offcanvas.mm-measureheight > .mm-panels > .mm-panel { bottom: auto !important; height: auto !important; } .mm-menu.mm-columns { -webkit-transition-property: width, max-width, -webkit-transform; transition-property: width, max-width, -webkit-transform; -o-transition-property: transform, width, max-width; transition-property: transform, width, max-width; transition-property: transform, width, max-width, -webkit-transform; } .mm-menu.mm-columns .mm-panels > .mm-panel { width: 100%; right: auto; display: none; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; -o-transition-property: transform, width; transition-property: transform, width; transition-property: transform, width, -webkit-transform; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened { border-right: 1px solid; border-color: inherit; display: block; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-subopened { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); z-index: 2; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-0 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*="mm-columns-"]) ~ .mm-panel:not(.mm-opened).mm-columns-0 { display: block; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-0 { width: 80%; min-width: 140px; max-width: 0; } html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 0) { html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } html.mm-right.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 0) { html.mm-right.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-1 { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*="mm-columns-"]) ~ .mm-panel:not(.mm-opened).mm-columns-1 { display: block; -webkit-transform: translate(200%, 0); -ms-transform: translate(200%, 0); transform: translate(200%, 0); -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-1 { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } } html.mm-right.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); transform: translate(-440px, 0); -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } } .mm-menu.mm-columns-1 .mm-panels > .mm-panel { width: 100%; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-2 { -webkit-transform: translate(200%, 0); -ms-transform: translate(200%, 0); transform: translate(200%, 0); -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*="mm-columns-"]) ~ .mm-panel:not(.mm-opened).mm-columns-2 { display: block; -webkit-transform: translate(300%, 0); -ms-transform: translate(300%, 0); transform: translate(300%, 0); -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-2 { width: 80%; min-width: 140px; max-width: 880px; } html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 1100px) { html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate(880px, 0); -ms-transform: translate(880px, 0); transform: translate(880px, 0); -webkit-transform: translate3d(880px, 0, 0); transform: translate3d(880px, 0, 0); } } html.mm-right.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 1100px) { html.mm-right.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate(-880px, 0); -ms-transform: translate(-880px, 0); transform: translate(-880px, 0); -webkit-transform: translate3d(-880px, 0, 0); transform: translate3d(-880px, 0, 0); } } .mm-menu.mm-columns-2 .mm-panels > .mm-panel { width: 50%; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-3 { -webkit-transform: translate(300%, 0); -ms-transform: translate(300%, 0); transform: translate(300%, 0); -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*="mm-columns-"]) ~ .mm-panel:not(.mm-opened).mm-columns-3 { display: block; -webkit-transform: translate(400%, 0); -ms-transform: translate(400%, 0); transform: translate(400%, 0); -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-3 { width: 80%; min-width: 140px; max-width: 1320px; } html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 1650px) { html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate(1320px, 0); -ms-transform: translate(1320px, 0); transform: translate(1320px, 0); -webkit-transform: translate3d(1320px, 0, 0); transform: translate3d(1320px, 0, 0); } } html.mm-right.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 1650px) { html.mm-right.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate(-1320px, 0); -ms-transform: translate(-1320px, 0); transform: translate(-1320px, 0); -webkit-transform: translate3d(-1320px, 0, 0); transform: translate3d(-1320px, 0, 0); } } .mm-menu.mm-columns-3 .mm-panels > .mm-panel { width: 33.34%; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-4 { -webkit-transform: translate(400%, 0); -ms-transform: translate(400%, 0); transform: translate(400%, 0); -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*="mm-columns-"]) ~ .mm-panel:not(.mm-opened).mm-columns-4 { display: block; -webkit-transform: translate(500%, 0); -ms-transform: translate(500%, 0); transform: translate(500%, 0); -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-4 { width: 80%; min-width: 140px; max-width: 1760px; } html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 2200px) { html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate(1760px, 0); -ms-transform: translate(1760px, 0); transform: translate(1760px, 0); -webkit-transform: translate3d(1760px, 0, 0); transform: translate3d(1760px, 0, 0); } } html.mm-right.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 2200px) { html.mm-right.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate(-1760px, 0); -ms-transform: translate(-1760px, 0); transform: translate(-1760px, 0); -webkit-transform: translate3d(-1760px, 0, 0); transform: translate3d(-1760px, 0, 0); } } .mm-menu.mm-columns-4 .mm-panels > .mm-panel { width: 25%; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-5 { -webkit-transform: translate(500%, 0); -ms-transform: translate(500%, 0); transform: translate(500%, 0); -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*="mm-columns-"]) ~ .mm-panel:not(.mm-opened).mm-columns-5 { display: block; -webkit-transform: translate(600%, 0); -ms-transform: translate(600%, 0); transform: translate(600%, 0); -webkit-transform: translate3d(600%, 0, 0); transform: translate3d(600%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-5 { width: 80%; min-width: 140px; max-width: 2200px; } html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 2750px) { html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate(2200px, 0); -ms-transform: translate(2200px, 0); transform: translate(2200px, 0); -webkit-transform: translate3d(2200px, 0, 0); transform: translate3d(2200px, 0, 0); } } html.mm-right.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 2750px) { html.mm-right.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate(-2200px, 0); -ms-transform: translate(-2200px, 0); transform: translate(-2200px, 0); -webkit-transform: translate3d(-2200px, 0, 0); transform: translate3d(-2200px, 0, 0); } } .mm-menu.mm-columns-5 .mm-panels > .mm-panel { width: 20%; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-6 { -webkit-transform: translate(600%, 0); -ms-transform: translate(600%, 0); transform: translate(600%, 0); -webkit-transform: translate3d(600%, 0, 0); transform: translate3d(600%, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*="mm-columns-"]) ~ .mm-panel:not(.mm-opened).mm-columns-6 { display: block; -webkit-transform: translate(700%, 0); -ms-transform: translate(700%, 0); transform: translate(700%, 0); -webkit-transform: translate3d(700%, 0, 0); transform: translate3d(700%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-6 { width: 80%; min-width: 140px; max-width: 2640px; } html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 3300px) { html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate(2640px, 0); -ms-transform: translate(2640px, 0); transform: translate(2640px, 0); -webkit-transform: translate3d(2640px, 0, 0); transform: translate3d(2640px, 0, 0); } } html.mm-right.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 3300px) { html.mm-right.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate(-2640px, 0); -ms-transform: translate(-2640px, 0); transform: translate(-2640px, 0); -webkit-transform: translate3d(-2640px, 0, 0); transform: translate3d(-2640px, 0, 0); } } .mm-menu.mm-columns-6 .mm-panels > .mm-panel { width: 16.67%; } em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; } em.mm-counter + a.mm-next { width: 90px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a, .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span, em.mm-counter + a.mm-fullsubopen + a, em.mm-counter + a.mm-fullsubopen + span { padding-right: 90px; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-divider > span { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-fixeddivider:after { content: none !important; display: none !important; } .mm-hasdividers .mm-fixeddivider { display: block; } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .mm-menu.mm-dropdown { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); height: 80%; } html.mm-dropdown .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } html.mm-dropdown #mm-blocker { -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1; } html.mm-dropdown .mm-menu { z-index: 2; } html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu { display: none; } .mm-menu.mm-tip:before { content: ""; background: inherit; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); display: block; width: 15px; height: 15px; position: absolute; z-index: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-tipleft:before { left: 22px; } .mm-menu.mm-tipright:before { right: 22px; } .mm-menu.mm-tiptop:before { top: -8px; } .mm-menu.mm-tipbottom:before { bottom: -8px; } .mm-iconpanel .mm-panel { -webkit-transition-property: left, -webkit-transform; transition-property: left, -webkit-transform; -o-transition-property: transform, left; transition-property: transform, left; transition-property: transform, left, -webkit-transform; } .mm-iconpanel .mm-panel.mm-opened { border-left: 1px solid; border-color: inherit; } .mm-iconpanel .mm-panel.mm-subopened { overflow-y: hidden; left: -40px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0; } .mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px; } .mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px; } .mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px; } .mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px; } .mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px; } .mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px; } .mm-subblocker { background: inherit; opacity: 0; display: block; -webkit-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .mm-subopened .mm-subblocker { opacity: 0.6; position: absolute; top: 0; right: 0; bottom: -100000px; left: 0; z-index: 3; } .mm-keyboardfocus a:focus { outline: 0; } .mm-menu.mm-keyboardfocus a:focus { background: rgba(255, 255, 255, 0.5); } .mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top { border-bottom: 0; } .mm-menu > .mm-navbar { background: inherit; padding: 0; z-index: 3; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-navbar-bottom { border-top-width: 1px; border-top-style: solid; top: auto; bottom: 0; } .mm-navbar-bottom ~ .mm-navbar-bottom { border-top: 0; } .mm-navbar.mm-hasbtns { padding: 0 40px; } .mm-navbar[class*="mm-navbar-content-"] > * { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; float: left; } .mm-navbar .mm-breadcrumbs { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px; } .mm-navbar .mm-breadcrumbs > * { display: inline-block; padding: 10px 3px; } .mm-navbar .mm-breadcrumbs > a { text-decoration: underline; } .mm-navbar.mm-hasbtns .mm-breadcrumbs { margin-left: -40px; } .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs { margin-left: 0; padding-left: 0; } .mm-navbar-top-1 { top: 0; } .mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 { top: 40px; } .mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 { top: 80px; } .mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4 { top: 120px; } .mm-hasnavbar-top-4 .mm-panels { top: 160px; } .mm-navbar-bottom-1 { bottom: 0; } .mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2 { bottom: 40px; } .mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3 { bottom: 80px; } .mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4 { bottom: 120px; } .mm-hasnavbar-bottom-4 .mm-panels { bottom: 160px; } .mm-navbar-size-2 { height: 80px; } .mm-navbar-size-3 { height: 120px; } .mm-navbar-size-4 { height: 160px; } .mm-navbar-content-2 > * { width: 50%; } .mm-navbar-content-3 > * { width: 33.33%; } .mm-navbar-content-4 > * { width: 25%; } .mm-navbar-content-5 > * { width: 20%; } .mm-navbar-content-6 > * { width: 16.67%; } .mm-menu.mm-rtl { direction: rtl; } .mm-menu.mm-rtl.mm-offcanvas { right: auto; } .mm-menu.mm-rtl .mm-panel:not(.mm-opened) { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-rtl .mm-panel.mm-subopened { -webkit-transform: translate(30%, 0); -ms-transform: translate(30%, 0); transform: translate(30%, 0); -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } .mm-menu.mm-rtl .mm-navbar .mm-btn:first-child { left: auto; right: 0; } .mm-menu.mm-rtl .mm-navbar .mm-btn:last-child { right: auto; left: 0; } .mm-menu.mm-rtl .mm-navbar .mm-next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-menu.mm-rtl .mm-navbar .mm-prev:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } .mm-menu.mm-rtl .mm-listview > li:not(.mm-divider)::after { left: 0; right: 20px; } .mm-menu.mm-rtl .mm-listview > li > a:not(.mm-next), .mm-menu.mm-rtl .mm-listview > li > span:not(.mm-next) { padding-left: 10px; padding-right: 20px !important; margin-right: 0 !important; } .mm-menu.mm-rtl .mm-listview .mm-next { right: auto; left: 0; } .mm-menu.mm-rtl .mm-listview .mm-next:before { left: auto; right: 0; } .mm-menu.mm-rtl .mm-listview .mm-next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-menu.mm-rtl .mm-listview .mm-next + a, .mm-menu.mm-rtl .mm-listview .mm-next + span { margin-left: 50px; } .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + span { padding-left: 50px; } .mm-menu.mm-rtl em.mm-counter { left: 45px; right: auto; } .mm-menu.mm-rtl em.mm-counter + a.mm-next + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + span { margin-left: 90px; } .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + span { padding-left: 90px; } .mm-menu.mm-rtl label.mm-check, .mm-menu.mm-rtl label.mm-toggle { left: 20px; right: auto !important; } .mm-menu.mm-rtl label.mm-toggle + a, .mm-menu.mm-rtl label.mm-toggle + span { padding-left: 80px; } .mm-menu.mm-rtl label.mm-check + a, .mm-menu.mm-rtl label.mm-check + span { padding-left: 60px; } .mm-menu.mm-rtl a.mm-next + label.mm-check, .mm-menu.mm-rtl a.mm-next + label.mm-toggle { left: 60px; } .mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span { margin-left: 50px; } .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span { padding-left: 70px; } .mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span { padding-left: 50px; } .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle { left: 100px; } .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + span, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + span { margin-left: 90px; } .mm-menu.mm-rtl .mm-panel[class*="mm-iconpanel-"] { left: 0; } .mm-menu.mm-rtl .mm-panel[class*="mm-iconpanel-"].mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-rtl.mm-iconpanel .mm-panel { -webkit-transition-property: right, -webkit-transform; transition-property: right, -webkit-transform; -o-transition-property: transform, right; transition-property: transform, right; transition-property: transform, right, -webkit-transform; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 { right: 0; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 { right: 40px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 { right: 80px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 { right: 120px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 { right: 160px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 { right: 200px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 { right: 240px; } .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened { border-left: 0; border-right: 1px solid; border-color: inherit; } .mm-sronly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; } .mm-search, .mm-search input { -webkit-box-sizing: border-box; box-sizing: border-box; } .mm-search { height: 40px; padding: 7px 10px 0; position: relative; } .mm-search input { border: none !important; outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 4px; font: inherit; font-size: 14px; line-height: 26px; display: block; width: 100%; height: 26px; min-height: 26px; max-height: 26px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-search .mm-clear, .mm-search .mm-next { right: 0; } .mm-panel > .mm-search { width: 100%; position: absolute; top: 0; left: 0; } .mm-panel.mm-hassearch { padding-top: 40px; } .mm-panel.mm-hassearch.mm-hasnavbar { padding-top: 80px; } .mm-panel.mm-hassearch.mm-hasnavbar .mm-search { top: 40px; } .mm-noresultsmsg { text-align: center; font-size: 21px; padding: 40px 0; } .mm-noresults .mm-indexer { display: none !important; } li.mm-nosubresults > a.mm-next { display: none; } li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span { padding-right: 10px; } .mm-panels > .mm-resultspanel:not(.mm-opened) { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.75); } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-indexer { background: inherit; text-align: center; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -100px; z-index: 3; -webkit-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-indexer a { text-decoration: none; display: block; height: 3.85%; } .mm-indexer ~ .mm-panel.mm-hasindexer { padding-right: 40px; } .mm-hasindexer .mm-indexer { right: 0; } .mm-hasindexer .mm-fixeddivider { right: 20px; } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) { -webkit-transition: background 0.4s ease; -o-transition: background 0.4s ease; transition: background 0.4s ease; } .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, 0.5); } input.mm-check, input.mm-toggle { position: absolute; left: -10000px; } label.mm-check, label.mm-toggle { margin: 0; position: absolute; top: 50%; z-index: 2; right: 20px; } label.mm-check:before, label.mm-toggle:before { content: ""; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-top: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle { bottom: auto; margin-top: 0; top: 5px; } label.mm-toggle + a, label.mm-toggle + span { padding-right: 80px; } label.mm-check + a, label.mm-check + span { padding-right: 60px; } a.mm-next + label.mm-check, a.mm-next + label.mm-toggle { right: 60px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { margin-right: 50px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { padding-right: 70px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { padding-right: 50px; } em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle { right: 100px; } em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span { margin-right: 90px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu label.mm-toggle:before { background: #f3f3f3; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, 0.75); } .mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after { content: none; } .mm-listview.mm-border-full > li:after, .mm-menu.mm-border-full .mm-listview > li:after { left: 0 !important; } .mm-listview.mm-border-offset > li:after, .mm-menu.mm-border-offset .mm-listview > li:after { right: 20px; } .mm-menu.mm-effect-menu-zoom { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } html.mm-opened .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } html.mm-opening .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } .mm-menu.mm-effect-menu-slide { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } html.mm-opened .mm-menu.mm-effect-menu-slide { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } html.mm-opening .mm-menu.mm-effect-menu-slide { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide { -webkit-transform: translate(30%, 0); -ms-transform: translate(30%, 0); transform: translate(30%, 0); -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-effect-menu-fade { opacity: 0; -webkit-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } html.mm-opening .mm-menu.mm-effect-menu-fade { opacity: 1; } .mm-menu.mm-effect-panels-zoom .mm-panel { -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); } .mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li { -webkit-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(1) { -webkit-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(2) { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(3) { -webkit-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(4) { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(5) { -webkit-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(6) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(7) { -webkit-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(8) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(9) { -webkit-transition-delay: 450ms; -o-transition-delay: 450ms; transition-delay: 450ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(10) { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(11) { -webkit-transition-delay: 550ms; -o-transition-delay: 550ms; transition-delay: 550ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(12) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(13) { -webkit-transition-delay: 650ms; -o-transition-delay: 650ms; transition-delay: 650ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(14) { -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(15) { -webkit-transition-delay: 750ms; -o-transition-delay: 750ms; transition-delay: 750ms; } .mm-menu.mm-effect-listitems-slide .mm-listview > li { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); opacity: 0; } html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .mm-menu.mm-effect-listitems-fade .mm-listview > li { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; opacity: 0; } html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li { opacity: 1; } .mm-menu.mm-effect-listitems-drop .mm-listview > li { -webkit-transition-property: opacity, top; -o-transition-property: opacity, top; transition-property: opacity, top; opacity: 0; top: -25%; } html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li { opacity: 1; top: 0; } .mm-menu.mm-offcanvas.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); transform: translate(10000px, 0); -webkit-transform: translate3d(10000px, 0, 0); transform: translate3d(10000px, 0, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); transform: translate(-10000px, 0); -webkit-transform: translate3d(-10000px, 0, 0); transform: translate3d(-10000px, 0, 0); } } .mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { -webkit-box-shadow: none !important; box-shadow: none !important; } .mm-menu .mm-panels > .mm-panel.mm-justified-listview:after, .mm-menu .mm-panels > .mm-panel.mm-justified-listview:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:after, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:before { content: none; display: none; } .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; height: 100%; margin-top: 0; margin-bottom: 0; } .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) { -webkit-box-flex: 1; -ms-flex: 1 1 0; flex: 1 1 0; } .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; } .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span:before { content: ""; vertical-align: middle; display: inline-block; height: 100%; width: 0; } .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span { -o-text-overflow: clip; text-overflow: clip; white-space: normal; } html.mm-pagedim #mm-blocker, html.mm-pagedim-black #mm-blocker, html.mm-pagedim-white #mm-blocker { opacity: 0; } html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker { opacity: 0.3; -webkit-transition: opacity 0.4s ease 0.4s; -o-transition: opacity 0.4s ease 0.4s; transition: opacity 0.4s ease 0.4s; } html.mm-pagedim #mm-blocker { background: inherit; } html.mm-pagedim-white #mm-blocker { background: #fff; } html.mm-pagedim-black #mm-blocker { background: #000; } .mm-menu.mm-popup { -webkit-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; opacity: 0; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); height: 80%; min-height: 140px; max-height: 880px; top: 50%; left: 50%; bottom: auto; right: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } html.mm-popup.mm-opening .mm-menu.mm-popup { opacity: 1; } html.mm-popup .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } html.mm-popup #mm-blocker { -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1; } html.mm-popup .mm-menu { z-index: 2; } .mm-menu.mm-offcanvas.mm-right { left: auto; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); transform: translate(-440px, 0); -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } } html.mm-front .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } html.mm-front #mm-blocker { z-index: 1; } html.mm-front .mm-menu.mm-offcanvas { z-index: 2; } .mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-offcanvas.mm-top { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mm-menu.mm-offcanvas.mm-bottom { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); top: auto; } .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { width: 100%; min-width: 100%; max-width: 100%; height: 80%; min-height: 140px; max-height: 880px; } html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-shadow-page:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; } .mm-menu.mm-shadow-page.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-shadow-page.mm-front:after, .mm-menu.mm-shadow-page.mm-next:after { content: none; display: none; } .mm-menu.mm-shadow-page:after, .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n + 2) { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-dark { background: #333; border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); tap-highlight-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-shadow-page.mm-theme-dark:after, .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n + 2) { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333; } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-white { background: #fff; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); tap-highlight-color: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-shadow-page.mm-theme-white:after, .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n + 2) { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white label.mm-toggle:before { background: #fff; } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-black { background: #000; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li .mm-next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); tap-highlight-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-keyboardfocus a:focus, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-shadow-page.mm-theme-black:after { content: none; display: none; } .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n + 2) { -webkit-box-shadow: false; box-shadow: false; } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-toggle:before { background: #000; } .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after { content: ""; display: block; clear: both; } .mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-panel:after { content: none; display: none; } .mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li { width: 50%; height: 0; padding: 50% 0 0; float: left; position: relative; } .mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs { width: 12.5%; padding-top: 12.5%; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s { width: 25%; padding-top: 25%; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l { width: 75%; padding-top: 75%; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl { width: 100%; padding-top: 100%; } .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span { line-height: 1px; text-align: center; padding: 50% 10px 0; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0; } .mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next { width: auto; } .mm-menu.mm-tileview .mm-panel { padding-left: 0; padding-right: 0; } .mm-menu.mm-tileview .mm-listview { margin: 0; } /* nouislider - 9.2.0 - 2017-01-11 10:35:35 */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connect { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-origin { position: absolute; height: 0; width: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; -o-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-base, .noUi-handle { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } .noUi-target { background: #fafafa; border-radius: 4px; border: 1px solid #d3d3d3; -webkit-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; } .noUi-connect { background: #3fb8af; -webkit-box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); -webkit-transition: background 450ms; -o-transition: background 450ms; transition: background 450ms; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; cursor: default; -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; } .noUi-active { -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; } .noUi-handle:after, .noUi-handle:before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #e8e7e6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect { background: #b8b8b8; } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed; } .noUi-pips, .noUi-pips * { -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } .noUi-value { position: absolute; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { position: absolute; background: #ccc; } .noUi-marker-large, .noUi-marker-sub { background: #aaa; } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); padding-left: 25px; } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } /* * Datepicker for Bootstrap v1.7.0-dev (https://github.com/eternicode/bootstrap-datepicker) * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker { direction: ltr; } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl.dropdown-menu { left: auto; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; border-radius: 0; border: 0; padding: 20px; background-color: #fff; } .datepicker-dropdown table { width: 100%; border-collapse: separate; } .datepicker-dropdown.datepicker-orient-top { margin-top: 16px; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid rgba(0, 0, 0, 0.15); } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border: 0; } .datepicker table tr td { -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #000; font-size: 14px; } .datepicker table tr th { color: #000; font-size: 14px; font-weight: 500; padding: 0; text-transform: uppercase; vertical-align: middle; /* font-family: 'Panton', 'Verdana', sans-serif */ } .datepicker table tr th.dow { color: #000; opacity: 0.7; font-size: 12px; font-weight: 300; text-transform: none; } .datepicker table tr td { font-size: 14px; height: 28px; width: 28px; padding: 0; line-height: 26px; border: 2px solid transparent; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.old, .datepicker table tr td.new { color: #777; } .datepicker table tr td.day:hover, .datepicker table tr td.focused { border-color: #fff; background-color: #fff; color: #1796d3; cursor: pointer; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: 0; color: #777; cursor: default; } .datepicker table tr td.highlighted { color: #000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0; } .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus { color: #000; background-color: #afd9ee; border-color: #298fc2; } .datepicker table tr td.highlighted:hover { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active:hover, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted.active.focus { color: #000; background-color: #91cbe8; border-color: #298fc2; } .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted:hover, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.highlighted.focus { background-color: #d9edf7; border-color: #85c5e5; } .datepicker table tr td.highlighted.focused { background: #afd9ee; } .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active { background: #d9edf7; color: #777; } .datepicker table tr td.today { color: #1796d3; font-weight: 500; background-color: transparent; border-color: transparent; } .datepicker table tr td.today:focus, .datepicker table tr td.today.focus { color: #1796d3; background-color: transparent; border-color: transparent; } .datepicker table tr td.today:hover { color: #000; background-color: #fff; border-color: #fff; } .datepicker table tr td.today:active, .datepicker table tr td.today.active { color: #000; background-color: #fff; border-color: #fff; } .datepicker table tr td.today:active:hover, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active:focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today:active.focus, .datepicker table tr td.today.active.focus { color: #000; background-color: #fff; border-color: #fff; } .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today[disabled].focus, fieldset[disabled] .datepicker table tr td.today.focus { background-color: #fff; border-color: #fff; } .datepicker table tr td.today.focused { background: #fff; } .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active { background: #ffdb99; color: #777; } .datepicker table tr td.range { color: #000; background-color: #eee; border-color: #bbb; border-radius: 0; } .datepicker table tr td.range:focus, .datepicker table tr td.range.focus { color: #000; background-color: #d5d5d5; border-color: #7c7c7c; } .datepicker table tr td.range:hover { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active, .datepicker table tr td.range.active { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active:hover, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active:focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range:active.focus, .datepicker table tr td.range.active.focus { color: #000; background-color: #c3c3c3; border-color: #7c7c7c; } .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range[disabled]:focus, fieldset[disabled] .datepicker table tr td.range:focus, .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range[disabled].focus, fieldset[disabled] .datepicker table tr td.range.focus { background-color: #eee; border-color: #bbb; } .datepicker table tr td.range.focused { background: #d5d5d5; } .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active { background: #eee; color: #777; } .datepicker table tr td.range.highlighted { color: #000; background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus { color: #000; background-color: #c1d7e3; border-color: #4b88a6; } .datepicker table tr td.range.highlighted:hover { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted.active { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active:hover, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted.active.focus { color: #000; background-color: #a8c8d8; border-color: #4b88a6; } .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted:hover, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.range.highlighted.focus { background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted.focused { background: #c1d7e3; } .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active { background: #e4eef3; color: #777; } .datepicker table tr td.range.today { color: #000; background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus { color: #000; background-color: #f4b747; border-color: #815608; } .datepicker table tr td.range.today:hover { color: #000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active { color: #000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active:hover, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today.active.focus { color: #000; background-color: #f2aa25; border-color: #815608; } .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today[disabled].focus, fieldset[disabled] .datepicker table tr td.range.today.focus { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active { background: #f7ca77; color: #777; } .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted { color: #fff; background-color: #777; border-color: #555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus { color: #fff; background-color: #5e5e5e; border-color: #161616; } .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover { color: #fff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active { color: #fff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted.active.focus { color: #fff; background-color: #4c4c4c; border-color: #161616; } .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus { background-color: #777; border-color: #555; } .datepicker table tr td.active, .datepicker table tr td.active.highlighted { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus { color: #fff; background-color: #139ce9; border-color: #139ce9; } .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover { color: #fff; background-color: #139ce9; border-color: #139ce9; } .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active { color: #fff; background-color: #139ce9; border-color: #139ce9; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus { color: #fff; background-color: #139ce9; border-color: #139ce9; } .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td i { display: block; width: 100%; height: 29px; cursor: pointer; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #eee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: 0; color: #777; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus { color: #fff; background-color: #286090; border-color: #122b40; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { color: #fff; background-color: #70052b; border-color: #70052b; } .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus { color: #fff; background-color: #70052b; border-color: #70052b; } .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #777; } .datepicker table tr th.datepicker-switch { width: 145px; } .datepicker .prev, .datepicker .next { border: 0; width: 29px; height: 29px; } .datepicker .prev .arr, .datepicker .next .arr { position: relative; display: inline-block; width: 7px; height: 7px; border-right: 2px solid #000; border-bottom: 2px solid #000; top: -2px; } .datepicker .next .arr { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -2px; } .datepicker .prev .arr { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-left: 3px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .prev.disabled, .datepicker .next.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-group.date .input-group-addon { cursor: pointer; } .input-daterange { width: 100%; } .input-daterange input { text-align: center; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; line-height: 1.42857143; text-shadow: 0 1px 0 #fff; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } .datepicker table tr td span { display: block; width: 23%; height: 40px; line-height: 40px; float: left; margin: 1%; cursor: pointer; } /*Chosen, a Select Box Enhancer for jQuery and Prototypeby Patrick Filler for Harvest, http://getharvest.comVersion 1.6.2Full source at https://github.com/harvesthq/chosenCopyright (c) 2011-2016 Harvest http://getharvest.comMIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.mdThis file is generated by `grunt build`, do not edit it by hand.*/ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chosen-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid #e4e4e4; border-top: 0; background: #fff; border-radius: 0; } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: normal; color: #999; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } .chosen-container-single .chosen-single { position: relative; display: block; padding: 0 25px 0 30px; background-color: #fff; border: 1px solid #262e34; color: #262e34; text-decoration: none; white-space: nowrap; -webkit-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; height: 64px; line-height: 64px; font-size: 16px; } .faq-nav__col .chosen-container-single .chosen-single { padding: 0 25px 0 15px; } .select-white + .chosen-container-single .chosen-single { background-color: transparent; color: #fff; border-color: #fff; } .chosen-container-single .chosen-default { color: #000; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 10px; display: block; text-align: center; width: 32px; height: 14px; background: transparent url("/local/templates/b2c/css/../images/arr-select-dark.svg") 50% 50% no-repeat; background-size: contain; } .select-white + .chosen-container-single .chosen-single div { background-image: url("/local/templates/b2c/css/../images/arr-select.svg"); } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .chosen-container .chosen-results { display: block; color: #444; position: relative; overflow-x: hidden; overflow-y: scroll; margin: 0 4px 4px 0; padding: 10px 0 10px 15px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 0; list-style: none; line-height: 18px; color: rgba(0, 0, 0, 0.6); -webkit-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #b1b1b1; cursor: default; } .chosen-container .chosen-results li.highlighted { color: #1e7be2; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: -o-linear-gradient(#eee 1%, #fff 15%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff) ); background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; -webkit-box-shadow: none; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eee; background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee) ); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; -webkit-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee) ); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } .chosen-container-active .chosen-choices { border: 1px solid #ff0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: 0; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-size: 52px 37px !important; background-repeat: no-repeat !important; } } body.fancybox-active { overflow: hidden; } body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); /* font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif */ } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.25s, visibility 0s linear 0.25s; -o-transition: opacity 0.25s, visibility 0s linear 0.25s; transition: opacity 0.25s, visibility 0s linear 0.25s; -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; visibility: visible; -webkit-transition: opacity 0.25s, visibility 0s; -o-transition: opacity 0.25s, visibility 0s; transition: opacity 0.25s, visibility 0s; } .fancybox-infobar { top: 0; left: 0; font-size: 13px; padding: 0 10px; height: 44px; min-width: 44px; line-height: 44px; color: #ccc; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: exclusion; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translateZ(0); } .fancybox-is-closing .fancybox-stage { overflow: visible; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: 0; white-space: normal; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image:before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #e5e3df; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-slide > base, .fancybox-slide > link, .fancybox-slide > meta, .fancybox-slide > script, .fancybox-slide > style, .fancybox-slide > title { display: none; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; padding: 0; border: 0; height: 100%; } .fancybox-error, .fancybox-iframe { margin: 0; width: 100%; background: #fff; } .fancybox-error { padding: 40px; max-width: 380px; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px; } .fancybox-button { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, 0.6); -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; cursor: pointer; outline: 0; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: 0.6; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px; } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, 0.6); } .fancybox-navigation .fancybox-button--arrow_left { left: 0; } .fancybox-navigation .fancybox-button--arrow_right { right: 0; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: "×"; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 22px/30px Arial, Helvetica Neue, Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background-color: transparent; -webkit-transition: background-color 0.25s; -o-transition: background-color 0.25s; transition: background-color 0.25s; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; } .popup-small .fancybox-close-small { position: absolute; top: 20px; right: 20px; border: none; cursor: pointer; background: none; padding: 0; width: 14px; height: 14px; display: inline-block; } .popup-small .fancybox-close-small::before, .popup-small .fancybox-close-small::after { content: ""; background: #191919; height: 20px; width: 1px; position: absolute; border-radius: 10px; top: 50%; } .popup-small .fancybox-close-small::before { -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .popup-small .fancybox-close-small::after { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .fancybox-close-small:focus { outline: 0; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small { top: 0; right: -40px; } .fancybox-slide--iframe .fancybox-close-small:after, .fancybox-slide--image .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--iframe .fancybox-close-small:hover:after, .fancybox-slide--image .fancybox-close-small:hover:after { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8)) ); background: -o-linear-gradient( top, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) ); background: linear-gradient( 180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) ); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid hsla(0, 0%, 100%, 0.4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative; } .fancybox-caption a { color: #fff; text-decoration: underline; } .fancybox-slide > .fancybox-loading { border: 6px solid hsla(0, 0%, 39%, 0.4); border-top: 6px solid hsla(0, 0%, 100%, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a 0.8s infinite linear; animation: a 0.8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes a { 0% { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes a { 0% { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); opacity: 1; } .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-1turn); -ms-transform: rotate(-1turn); transform: rotate(-1turn); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); opacity: 1; } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; text-align: center; } .fancybox-share h1 { color: #222; margin: 0 0 20px; font-size: 35px; font-weight: 700; } .fancybox-share p { margin: 0; padding: 0; } p.fancybox-share__links { margin-right: -10px; } .fancybox-share__button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 0 15px; min-width: 130px; border: 0; border-radius: 3px; background: #fff; white-space: nowrap; font-size: 14px; font-weight: 700; line-height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .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 { position: relative; top: -1px; width: 25px; height: 25px; margin-right: 7px; vertical-align: middle; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 10px 0 0; padding: 10px 15px; background: transparent; color: #5d5b5b; font-size: 14px; outline: 0; border: 0; border-bottom: 2px solid #d7d7d7; } .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: calc(50% - 4px); max-height: calc(100% - 8px); position: relative; cursor: pointer; outline: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); } } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: 0; outline: 0; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: 0; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { right: auto; left: -25px; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 6px; height: 6px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: 0; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: 0; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 0.75; color: black; } html { min-height: 100%; position: relative; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; height: 100%; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; text-rendering: optimizeLegibility; } * { font-family: inherit; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } a, img { outline: 0; border: 0; } a { color: #002c6e; text-decoration: none; -webkit-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.2s; outline: none !important; } a:hover, a:focus { text-decoration: none; color: #000; } body { margin: 0; min-height: 100%; line-height: 1.45; color: #2d2d33; padding: 0; min-width: 320px; background-color: #f7f7f7; font-size: 14px; /* font-family: 'Myriad Pro', 'Verdana', sans-serif; */ font-family: "Inter"; font-weight: 400; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .btn { display: inline-block; position: relative; height: 64px; padding: 0 22px; line-height: 62px; background-color: transparent; border: 2px solid transparent; outline: none !important; -webkit-transition: color ease-out 0.2s, border-color ease-out 0.2s, background-color ease-out 0.2s, background-image ease-out 0.2s, opacity 0.2s ease-out; -o-transition: color ease-out 0.2s, border-color ease-out 0.2s, background-color ease-out 0.2s, background-image ease-out 0.2s, opacity 0.2s ease-out; transition: color ease-out 0.2s, border-color ease-out 0.2s, background-color ease-out 0.2s, background-image ease-out 0.2s, opacity 0.2s ease-out; text-decoration: none; text-align: center; outline: 0; white-space: nowrap; vertical-align: middle; border-radius: 0; font-weight: 400; font-size: 16px; min-width: 140px; text-transform: uppercase; } .btn .icon-arr-right { margin-left: 20px; vertical-align: text-top; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; display: inline-block; } .no-touchevents .btn:hover .icon-arr-right { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } .btn.btn-blue, .btn.btn-blue:focus { border-color: #002c6e; color: #fff; background: #002c6e; } /* .btn.btn-blue:hover, .btn.btn-blue:active { border-color: #326cc8; color: #fff; background: #326cc8 } .btn.btn-blue-border, .btn.btn-blue-border:focus { text-transform: none; background-color: transparent; border-color: #002C6E } .btn.btn-blue-border:hover, .btn.btn-blue-border:active { border-color: #4682c8; color: #fff; background: #4682c8 } */ .btn.btn-blue:hover, .btn.btn-blue:active { color: #fff; background-color: #02327b !important; color: #ffffff; } .btn.btn-blue-border, .btn.btn-blue-border:focus { text-transform: none; background-color: transparent; border-color: #002c6e; } .btn.btn-blue-border:hover, .btn.btn-blue-border:active { border-color: #02327b; color: #fff; background: #02327b; } .btn.no-padding { padding: 0; } .btn-small { text-transform: none; font-weight: 400; padding: 0 16px; height: 48px; line-height: 46px; } .btn-medium { font-size: 11px; font-weight: 600; min-width: 50px; padding: 0 16px; height: 34px; line-height: 32px; font-size: 11px; } .btn-large { height: 70px; line-height: 68px; min-width: 250px; font-weight: 400; } .btn:active, .btn.active { -webkit-box-shadow: none !important; box-shadow: none !important; } .btn[disabled="disabled"] { cursor: default; pointer-events: none; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { background: #fff; font-family: inherit; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: 1px solid #e8e8e8; display: block; margin: 0; padding: 0 20px 0 30px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 64px; width: 100%; -webkit-transition: background-color 0.2s linear, opacity 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; -o-transition: background-color 0.2s linear, opacity 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; transition: background-color 0.2s linear, opacity 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; color: #000; font-size: 16px; font-weight: 400; outline: 0; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; position: relative; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { -webkit-appearance: none; } textarea { line-height: 1.4; min-height: 158px; max-height: 1100px; height: 158px; padding-top: 8px; /* padding-left: 20px; */ max-width: 100%; min-width: 100%; } textarea.input-transparent, input.input-transparent { background-color: transparent; border-color: #fff; color: #fff; } select { -webkit-appearance: none; background: transparent url("/local/templates/b2c/css/../images/arr-select-dark.svg") 95% 50% no-repeat; background-size: 30px 14px; padding-left: 15px; } select.select-white { color: #fff; background-image: url("/local/templates/b2c/css/../images/arr-select.svg"); } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, select:focus { border-color: #000; } .form-group { margin-bottom: 30px; } input[type="text"].error, input[type="password"].error, input[type="date"].error, input[type="datetime"].error, input[type="email"].error, input[type="number"].error, input[type="search"].error, input[type="tel"].error, input[type="time"].error, input[type="url"].error, .form-error select { border-color: #ee3426; } textarea.input-transparent:focus, input.input-transparent:focus { border-color: #4682c8; } ::-ms-clear { display: none; } ::-webkit-input-placeholder { color: #373737; } ::-moz-placeholder { color: #373737; } :-moz-placeholder { color: #373737; } :-ms-input-placeholder { color: #373737; } :focus::-webkit-input-placeholder { color: transparent; } :focus::-moz-placeholder { color: transparent; } :focus:-moz-placeholder { color: transparent; } :focus:-ms-input-placeholder { color: transparent; } .input-transparent::-webkit-input-placeholder { color: #fff; } .input-transparent::-moz-placeholder { color: #fff; } .input-transparent:-moz-placeholder { color: #fff; } .input-transparent:-ms-input-placeholder { color: #fff; } .input-transparent:focus::-webkit-input-placeholder { color: transparent; } .input-transparent:focus::-moz-placeholder { color: transparent; } .input-transparent:focus:-moz-placeholder { color: transparent; } .input-transparent:focus:-ms-input-placeholder { color: transparent; } img, svg, canvas, object, iframe { max-width: 100%; } svg { height: auto !important; width: auto !important; } p { margin: 10px 0; } p:first-child { margin-top: 0; } p:last-child { margin-bottom: 0; } .container-fluid, .container { width: 100% !important; padding: 0 64px; max-width: 1692px; } h1, h2, h3, h4, h5 { font-family: "Inter", sans-serif; } h1, .h1, .main-top-title { font-size: 48px; font-weight: 700; line-height: 1.2; color: #2b2b31; text-transform: none; text-align: left; margin: 0 0 34px; } h2, .h2 { color: #002c6e; font-size: 48px; font-weight: 700; line-height: 1.1; margin: 0 0 30px; text-align: left; text-transform: uppercase; } h3, .h3 { margin: 0 0 20px; font-size: 18px; text-transform: none; font-weight: 700; line-height: 1.1; color: #333; } h4, .h4 { margin: 0 0 5px; font-size: 14px; line-height: 1.4; font-weight: 700; color: #000; opacity: 0.9; letter-spacing: 0.3px; } h5 { font-size: 20px; color: #000; font-weight: 400; line-height: 1.5; margin: 0 0 15px; } .center { text-align: center; } .white { color: #fff; } .header { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; background-color: #fff; font-weight: 300; } .header .container-fluid { max-width: 100%; } .header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100px; } .header-right { border-left: 1px solid #d5d5d5; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: -64px; padding-right: 64px; } .header-ctrls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .header-ctrls a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 15px; min-width: 230px; } a.catalog-menu-toggle-link { min-width: 190px; } a.catalog-menu-toggle-link span { font-size: 16px; } .personal-link { background-color: #002c6e; color: #d5d5d5; } .personal-link:before { content: ""; position: relative; display: inline-block; vertical-align: middle; margin-right: 30px; width: 41px; min-width: 41px; height: 41px; background: transparent url("/local/templates/b2c/css/../images/auto.svg") no-repeat; background-size: 100%; } .personal-link:hover, .personal-link:active, .personal-link:focus { color: #fff; background-color: #002144; } .cat-link:before { content: ""; position: relative; display: inline-block; vertical-align: middle; margin-right: 20px; min-width: 37px; width: 37px; height: 26px; background: transparent url("/local/templates/b2c/css/../images/cat-icon.svg") 50% 50% no-repeat; background-size: contain; } .cat-link span { font-size: 30px; margin-left: 25px; } .header-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; list-style: none; margin: 0; padding: 0 10px; } .header-menu li { margin: 0 15px; white-space: nowrap; } .header-right a { font-size: 16px; color: #2b2b31; } .header-right a:hover, .header-right a:active, .header-right a.active { color: #003974; } .header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header-right-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 30px; } .header-right-icons a { display: block; margin: 0 17px; width: 26px; height: 27px; } .header-right-icons a.header-search-icon { background: transparent url("/local/templates/b2c/css/../images/search.svg") 50% 50% no-repeat; background-size: contain; } .header-right-icons a.header-fav-icon { background: transparent url("/local/templates/b2c/css/../images/fav.svg") 50% 55% no-repeat; background-size: contain; } .header-right-icons a.header-cart-icon { background: transparent url("/local/templates/b2c/css/../images/cart.svg") 50% 55% no-repeat !important; background-size: contain !important; } .header-right-icons a:hover { border-color: #000; } .main-top-slider-wrap { position: relative; overflow: hidden; } .main-top-slider-wrap .slick-initialized { margin-bottom: 0; } .page-content { position: relative; padding-top: 100px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .top-slide { height: calc(100vh - 100px); min-height: 700px; position: relative; z-index: 1; overflow: hidden; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0; } .top-slide-bg { position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: transparent 50% 50% no-repeat; background-size: cover; } .top-slide:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .top-slide-content { position: relative; z-index: 10; color: #fff; } .top-slide-title { font-size: 80px; font-weight: 400; line-height: 0.9; max-width: 800px; } .logo-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 160px; margin-right: 64px; } .logo-img { width: 160px; height: 35px; background: transparent url("/local/templates/b2c/css/../images/logo.svg") 50% 50% no-repeat; background-size: contain; } .logo-title { display: none; font-size: 9px; font-weight: 700; line-height: 1; text-transform: uppercase; text-align: center; margin-top: 5px; color: #003974; } .scroll-down { position: absolute; z-index: 50; width: 110px; height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; color: #003974; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 22px; } .scroll-down .icon-arr-bottom { -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; } .no-touchevents .scroll-down:hover .icon-arr-bottom { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .main-top-slider-wrap .scroll-down { left: 50%; -webkit-transform: none; -ms-transform: none; transform: none; margin-left: -780px; } .main-slider-nav { position: absolute; left: 50%; bottom: 0; width: 225px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; z-index: 20; font-size: 18px; text-transform: uppercase; height: 100px; margin-left: 415px; -ms-flex-pack: distribute; justify-content: space-around; } .main-slider-nav .slick-next, .main-slider-nav .slick-prev { position: relative; top: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; color: #fff; } .main-slider-nav .slick-next:hover, .main-slider-nav .slick-prev:hover { color: #fff; } .main-slider-overlay { position: absolute; left: 50%; top: 0; width: 225px; bottom: 100px; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); z-index: 5; pointer-events: none; margin-left: 415px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main-slider-overlay-text { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 48px; font-weight: 700; color: #fff; opacity: 0.16; text-transform: uppercase; letter-spacing: 15px; } .slick-prev, .slick-next { width: 30px; height: 30px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #003974; -webkit-transition: color 0.2s ease-out, opacity 0.2s ease-out; -o-transition: color 0.2s ease-out, opacity 0.2s ease-out; transition: color 0.2s ease-out, opacity 0.2s ease-out; } .slick-prev:hover, .slick-next:hover { color: #000; } .slick-prev:before, .slick-next:before { display: none; } .slick-prev:after, .slick-next:after { content: ""; font-family: "icomoon" !important; font-size: 18px; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; } .slick-prev:after { content: "\e901"; } .slick-next:after { content: "\e902"; } .no-touchevents .slick-prev:hover:after { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } .no-touchevents .slick-next:hover:after { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } .page-section { padding: 80px 0; } .page-section#productsSection { padding-top: 160px; } .page-section.banner-swiper-section { padding-bottom: 160px; } .section-white { background-color: #fff; } .page-section-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 100px; } .link-border { display: inline-block; position: relative; font-size: 16px; color: #2d2d33; padding-bottom: 4px; white-space: nowrap; } .link-border:before { content: ""; position: absolute; left: 0; bottom: 0; width: 22px; height: 4px; border-radius: 2px; background-color: #003974; -webkit-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; transition: width 0.2s ease-out; } .arrow-link { position: relative; padding-right: 35px; display: inline-block; font-size: 16px; text-transform: uppercase; white-space: nowrap; color: #2b2b31; } .arrow-link:before { content: "\e902"; font-family: "icomoon" !important; position: absolute; right: 0; top: 50%; font-size: 20px; color: #003974; margin-top: -15px; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; } .no-touchevents .link-border:hover:before { width: 100%; } .no-touchevents .arrow-link:hover:before { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); } .page-section-header { position: relative; } .page-section-slider-container { position: relative; overflow: hidden; } .page-section-slider-container .slick-list { overflow: visible; } .slick-slide:last-child .cat-slide { border-right: 1px solid #e4e4e4; } .cat-slide-title { min-height: 80px; padding-bottom: 10px; position: relative; } .cat-slide-title:before { content: ""; position: absolute; left: 0; bottom: 0; width: 110px; height: 4px; background-color: #003974; -webkit-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .no-touchevents .cat-slide:hover { color: #fff; text-decoration: none; } .no-touchevents .cat-slide:hover:before { color: #fff; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .no-touchevents .cat-slide:hover .cat-slide-title:before { background-color: #fff; } .no-touchevents .cat-slide:hover .cat-slide-img { opacity: 1; } .cat-slide-img { padding: 0 14px; } .footer { font-size: 16px; margin-top: -1px; } .footer .logo-title { color: #fff; } .footer a { color: #fff; text-decoration: none; } .footer a:hover, .footer a:focus, .footer a:active { color: #fff; } .footer a:hover { opacity: 0.5; } .footer-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 65%; padding-left: 70px; } .footer-contacts strong { display: block; margin-bottom: 5px; } .footer-top { background-color: #2b2b31; color: #fff; } .footer-top-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 0 30px; position: relative; } .footer-top-content:before { content: ""; position: absolute; left: 34%; top: 0; bottom: 0; width: 1px; background-color: rgba(255, 255, 255, 0.09); } .footer-top-content:after { content: ""; position: absolute; left: 74%; top: 0; bottom: 0; width: 1px; background-color: rgba(255, 255, 255, 0.09); } .footer-bottom { background-color: #232326; color: #fff; } .footer-bottom-content { padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 90px; } .footer-menu { padding: 11px 0; list-style: none; margin: 0; } .footer-menu li + li { margin-top: 5px; } .footer-contacts-section { max-width: 285px; margin: 0 20px; } .footer-socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-socials a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background-color: #002c6e; color: #ffffff; margin: 0 5px; text-decoration: none !important; } .footer-socials a:hover { color: #000; background-color: #fff; opacity: 1; } .footer-links { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-links a { position: relative; padding-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer-links a:before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: transparent 50% 50% no-repeat; background-size: contain; } .footer-links .policy-link:before { width: 20px; height: 20px; background-image: url("/local/templates/b2c/css/../images/file-insurance.svg"); } .footer-links .presentation-link:before { width: 20px; height: 20px; background-image: url("/local/templates/b2c/css/../images/pdf.svg"); } .section-slider-ctrls { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-slider-ctrls .slick-prev { margin-left: 70px; } .page-section-header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .page-section-header-right select, .page-section-header-right .chosen-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 310px; margin-right: 60px; } .slick-arrow.slick-disabled { pointer-events: none; opacity: 0.4; } .section-slider-ctrls .slick-arrow { position: relative; display: block; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; top: 0; } .section-slider-ctrls .slick-arrow:hover { color: #000; } .section-slider-ctrls .slick-arrow:focus { color: #003974; } .section-slider-ctrls .slick-arrow + .slick-arrow { margin-left: 20px; } .page-section-header h2 { margin-bottom: 0; } .slick-slide { outline: 0; } .catalogue-slider .slick-track, .reviews-slider .slick-track, .history-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .reviews-slider .slick-track:before, .catalogue-slider .slick-track:before, .history-slider .slick-track:before { display: none; } .history-slider .slick-slide { float: none; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding-right: 22px; } .catalogue-slider .slick-slide > div, .reviews-slider .slick-slide > div, .history-slider .slick-slide > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .history-slide { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 60px 40px; z-index: 10; } .history-slide:before { content: ""; position: absolute; left: 0; top: 75px; width: 100%; bottom: 0; background-color: #f7f7f7; border: 1px solid #f7f7f7; z-index: -1; -webkit-transition: top 0.4s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; -o-transition: top 0.4s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; transition: top 0.4s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out; } .history-slide-title { max-width: 350px; margin: 0 auto 25px; color: #2b2b31; font-size: 36px; font-weight: 700; text-transform: uppercase; -webkit-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; line-height: 1; } .slick-current .history-slide-title { color: #003974; } .slick-current .history-slide:before { top: 0; background-color: transparent; border-color: #003974; } .history-slide-text { max-width: 350px; margin: 0 auto; font-size: 16px; color: #2b2b31; } .current-year { font-size: 48px; position: relative; padding-left: 70px; color: rgba(43, 43, 49, 0.4); font-weight: 700; text-transform: uppercase; line-height: 1; } .current-year:before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 3px; background-color: #003974; } .video-container { position: relative; padding-bottom: 57.25%; margin: 40px 0; height: 0; } .video-container-wrap { margin: 0 auto; max-width: 1100px; } .video-detail-frame { position: relative; padding-bottom: 56.25%; height: 0; } .video-container iframe, .video-detail-frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-img-holder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer; background: transparent 50% 50% no-repeat; background-size: cover; -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .video-img-holder:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .stripes:before, .stripes:after, .video-img-holder:after { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background-color: rgba(255, 255, 255, 0.23); z-index: 1; } .stripes:before { left: 25%; } .stripes:after { left: 75%; } .video-play-btn { width: 240px; height: 240px; border: 1px solid #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-play-btn:after { content: ""; position: absolute; z-index: 3; left: 50%; top: 50%; margin-left: -10px; margin-top: -16px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 28px solid #fff; -webkit-transition: border-color 0.2s ease-out; -o-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; } .video-play-btn:before { content: ""; position: absolute; left: 50%; top: 50%; width: 86%; height: 86%; border-radius: 50%; border: 1px solid #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: width 0.2s ease-out, height 0.2s ease-out, opacity 0.2s ease-out; -o-transition: width 0.2s ease-out, height 0.2s ease-out, opacity 0.2s ease-out; transition: width 0.2s ease-out, height 0.2s ease-out, opacity 0.2s ease-out; } .no-touchevents .video-container:hover .video-play-btn:before { width: 100%; height: 100%; } .video-container.playing .video-img-holder { opacity: 0; pointer-events: none; } .video-title { position: absolute; z-index: 10; padding: 100px; left: 0; bottom: 0; width: 100%; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; font-size: 36px; color: #fff; pointer-events: none; } .video-container.playing .video-title { opacity: 0; pointer-events: none; } .about-section { padding-bottom: 0; position: relative; z-index: 1; overflow: hidden; } .about-section:before { content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 800px; background-color: #f7f7f7; } .filter-panel { margin-top: 110px; padding: 75px 110px 65px; background-color: #262e34; color: #fff; } .filter-panel h3 { font-weight: 400; font-size: 36px; margin: 0 0 55px; color: #fff; } .filter-panel-btn { text-align: right; margin-top: 55px; } .about-advantages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px; margin-left: -15px; margin-right: -15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-advantages-col { position: relative; padding: 0 15px; margin-bottom: 50px; text-align: center; } .about-advantages-col + .about-advantages-col:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 50px; } .about-advantages-item { display: inline-block; text-align: left; } .about-advantages-num { display: inline-block; text-align: left; } .about-advantages-num { font-size: 24px; color: #003974; line-height: 1; } .about-advantages-num span { font-weight: 700; font-size: 48px; position: relative; } .about-advantages-text { margin-top: 5px; font-size: 18px; } .reviews-slider .slick-list { margin: 0 -10px; } .reviews-slider .slick-slide { padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: auto; } .review-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #e4e4e4; background-color: #fff; -webkit-transition: border-color 0.2s ease-out; -o-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; padding: 30px 40px 60px 80px; } .review-item-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .review-item-title { margin: 0 -40px 0 -80px; padding: 0 40px 30px 80px; -webkit-transition: border-color 0.2s ease-out; -o-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; border-bottom: 1px solid #e4e4e4; font-size: 36px; } .review-item-brand { margin: 0 -40px 0 -80px; padding: 20px 40px 20px 80px; font-size: 16px; font-weight: 700; -webkit-transition: border-color 0.2s ease-out; -o-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; border-bottom: 1px solid #e4e4e4; } .no-touchevents .review-item:hover, .no-touchevents .review-item:hover .review-item-brand, .no-touchevents .review-item:hover .review-item-title { border-color: #003974; } .review-item-text { padding-top: 40px; font-size: 16px; line-height: 1.8; } .review-item-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } .review-item-author { font-size: 18px; margin-right: 15px; } .review-item-link { text-transform: uppercase; } .review-item-link span { margin-left: 4px; color: #003974; font-size: 18px; vertical-align: text-top; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; display: inline-block; } .no-touchevents .review-item-link:hover span { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } .catalogue-slider .slick-list { margin: 0 -10px; } .catalogue-slider .slick-slide { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 10px; } .catalogue-slider .slick-slide > div { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .catalogue-slider .slick-slide > div + div { margin-top: 20px; } .cat-item { /* -webkit-box-flex: 1; -ms-flex: 1; flex: 1; */ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #fff; color: #2b2b31; text-decoration: none; position: relative; } .catalogue-col .cat-item { height: 100%; } .cat-item-img { background: transparent 50% 50% no-repeat; background-size: contain; border-bottom: 1px solid #d5d5d5; padding-bottom: 24px; text-align: center; } .cat-item-img img { width: 100%; max-height: 400px; display: block; } .cat-item-caption { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 30px 24px; } .cat-item-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-height: 72px; text-transform: uppercase; overflow: hidden; padding-right: 25px; font-size: 17px; font-weight: 300; line-height: 18.7px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; transition: all 300ms; color: #000000; } .main-page .cat-item-title:hover { color: #002c6e; } .catalogue-list .cat-item-title { padding-right: 0; } .cat-item-fav { position: absolute; z-index: 20; /* bottom: 153px; */ width: 20px; height: 20px; background: transparent url("/local/templates/b2c/css/../images/fav.svg") 50% 50% no-repeat; background-size: 19px 16px; width: 36px; height: 36px; background-color: #f7f7f7; bottom: auto !important; top: 0; right: 10px; } .search-page .cat-item-fav { right: 0; } .cat-item-fav.active { background-image: url("/local/templates/b2c/css/../images/fav-act.svg"); } .no-touchevents .cat-item-fav:hover { opacity: 0.6; } .cat-item-material { font-size: 17px; font-weight: 300; line-height: 18.7px; margin-top: 20px; } .cat-item-material span { font-weight: 500; } .cat-item-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 45px; } .cat-item-price { white-space: nowrap; margin-right: 10px; font-size: 24px; font-weight: 400; line-height: 100%; color: #000000; font-weight: 600; } .cat-item-price span { font-size: inherit !important; line-height: inherit !important; } .cat-item-btn .btn { display: none; height: 48px; line-height: 48px; } .favourites-list-item .cat-item-btn .btn { display: block; width: 40px; height: 40px; padding: 0; min-width: 40px; } .favourites-list-item .cat-item-btn .btn svg { fill: #003974; height: 20px !important; } .favourites-list-item .cat-item-btn .btn:hover svg { fill: #ffffff; } .favourites-list-item .btn.btn-cart-hide { display: none !important; } .favourites-list-item .btn.btn-cart-remove { background-color: #003974; } .favourites-list-item .btn.btn-cart-remove svg { fill: #fff; } .cat-item-basket-btn { width: 40px; height: 40px; background-color: #002c6e; cursor: pointer; transition: all 300ms; border: 1px solid #002c6e; display: flex; align-items: center; justify-content: center; } .cat-item-basket-btn svg { fill: white; transition: all 300ms; width: 27px !important; height: 21px !important; } .cat-item-basket-btn:hover { background-color: transparent; } .cat-item-basket-btn:hover svg { fill: black; transition: all 300ms; } .mobile-menu-toggle { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; background: 0; outline: 0; border: 0; } .catalog-menu-toggle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; background: 0; outline: 0; border: 0; z-index: 999; margin-right: 30px; padding: 0; } .catalog-menu-toggle-title { margin-left: 12px; font-weight: 500; font-size: 14px; letter-spacing: -0.165px; color: #fff; } .cat-menu-toggle { width: 22px; height: 14px; position: relative; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; display: block; } .cat-menu-toggle span { display: block; position: absolute; height: 2px; width: 100%; background: #002c6e; opacity: 1; left: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .cat-menu-toggle span:nth-child(1) { top: 0; } .cat-menu-toggle span:nth-child(2) { top: 6px; } .cat-menu-toggle span:nth-child(3) { top: 12px; } .catalog-menu-opened .cat-menu-toggle span:nth-child(1) { top: 6px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .catalog-menu-opened .cat-menu-toggle span:nth-child(2) { opacity: 0; left: -10px; } .catalog-menu-opened .cat-menu-toggle span:nth-child(3) { top: 6px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .menu-toggle-title { margin-left: 12px; font-weight: 500; font-size: 14px; letter-spacing: -0.165px; color: #fff; } .menu-toggle { width: 22px; height: 14px; position: relative; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; display: block; } .menu-toggle span { display: block; position: absolute; height: 2px; width: 100%; background: #002c6e; opacity: 1; left: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .menu-toggle span:nth-child(1) { top: 0; } .menu-toggle span:nth-child(2) { top: 6px; } .menu-toggle span:nth-child(3) { top: 12px; } .menu-opened .menu-toggle span:nth-child(1) { top: 6px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .menu-opened .menu-toggle span:nth-child(2) { opacity: 0; left: -10px; } .menu-opened .menu-toggle span:nth-child(3) { top: 6px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .page-content-inner { position: relative; padding: 50px 0; } .breadcrumb { list-style: none; margin: 0 0 50px; padding: 0 100px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; background: transparent !important; } .breadcrumb li:after { content: "\2013"; display: inline-block; margin-left: 10px; margin-right: 10px; } .breadcrumb > li + li:before { display: none; } .breadcrumb li:last-child { margin-right: 0; } .breadcrumb li:last-child:after { display: none; } .breadcrumb a { color: #2b2b31; font-size: 16px; text-decoration: none; } .breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a.active { color: #003974; text-decoration: underline; } .contacts-list { margin: 0 -10px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts-list-col { width: 50%; margin-bottom: 20px; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: 200px; padding: 40px 50px; font-size: 16px; border: 1px solid #c7c7c7; } .contacts-panel a { color: #2b2b31; text-decoration: none; display: inline-block; } .contacts-panel-left { padding-right: 45px; } .contacts-panel-right { border-left: 1px solid rgba(0, 0, 0, 0.1); padding-left: 45px; } .contacts-panel-right, .contacts-panel-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50%; } .map-section { margin: 25px 0 50px; } .map-container { height: 550px; border: 2px solid #4682c8; } .type-file { position: relative; overflow: hidden; } .type-file:after { content: ""; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; pointer-events: none; background: transparent url("/local/templates/b2c/css/../images/file.svg") 50% 50% no-repeat; background-size: contain; width: 20px; height: 20px; } .type-file input { display: block; width: 100%; position: relative; z-index: 10; cursor: pointer; opacity: 0; height: 64px; } .type-file span { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #2b2b31; padding: 0 50px 0 30px; -webkit-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; max-width: 100%; font-size: 16px; } .no-touchevents .type-file:hover span { color: #000; } .feedback-form { background-color: #262e34; padding: 70px 50px 120px; } .feedback-form h2 { text-align: center; margin-bottom: 90px; font-size: 36px; color: #fff; font-weight: 400; } .form-btn { text-align: right; } .form-btn .btn { min-width: 250px; max-width: 100%; } .type-file { background-color: #fff; color: #1f1f1f; } .checkbox { position: relative; } .checkbox input { position: absolute; left: 0; top: 0; opacity: 0; } .checkbox label { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 64px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding-left: 100px; color: #fff; font-size: 16px; position: relative; z-index: 2; } .check-label:before { content: ""; position: absolute; left: 0; top: 0; width: 64px; height: 64px; border: 1px solid rgba(255, 255, 255, 0.3); -webkit-transition: border-color 0.2s ease-out, background-color 0.2s ease-out; -o-transition: border-color 0.2s ease-out, background-color 0.2s ease-out; transition: border-color 0.2s ease-out, background-color 0.2s ease-out; } .check-label:after { content: ""; position: absolute; left: 25px; top: 15px; width: 15px; height: 25px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease-out; -o-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; } .no-touchevents .checkbox label:hover .check-label:before { border-color: #fff; } .checkbox input:checked + .check-label:before { background-color: #fff; border-color: #fff; } .checkbox input:checked + .check-label:after { border-color: #000; } .catalogue-nav { background-color: #fff; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 74px; font-size: 16px; } .catalogue-list ~ .btn-blue_2 { height: unset; text-align: center; margin: 6px auto 26px; text-transform: none; min-width: 166px; height: 48px; color: #ffffff; } .catalogue-list ~ .btn-blue_2 a { color: #ffffff; } .catalogue-sort-container { min-width: 270px; border-right: 1px solid #f0f0f0; padding: 10px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .catalogue-sort-container .sort-link { color: #2b2b31; } .catalogue-sort-container .dropdown { margin-left: 10px; } .catalogue-nav-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 10px 40px; } .view-types { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: 36px; } .view-types a { display: block; width: 80px; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; border-left: 1px solid #f0f0f0; background-size: 36px 22px; } .view-types a:hover { opacity: 0.7; } .view-types a.active { opacity: 0.4; } .view-types .type-list { background: transparent url("/local/templates/b2c/css/../images/list-view.svg") 50% 50% no-repeat; } .view-types .type-grid { background: transparent url("/local/templates/b2c/css/../images/grid-view.svg") 50% 50% no-repeat; } .per-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dropdown-small [data-toggle="dropdown"] { line-height: 44px; position: relative; padding: 0 73px 0 23px; background-color: #d9d9d9; white-space: nowrap; display: block; color: #2b2b31; min-width: 110px; } .catalogue-nav .catalogue-sort-container .dropdown-small [data-toggle="dropdown"] { min-width: 190px; } .category-dropdown .dropdown-small [data-toggle="dropdown"] { padding: 0 70px 0 30px; } .dropdown-small [data-toggle="dropdown"]:after { content: ""; position: absolute; right: 44px; top: 0; width: 5px; background-color: #fff; height: 100%; pointer-events: none; } .dropdown-small [data-toggle="dropdown"]:before { content: ""; position: absolute; right: 18px; top: 50%; width: 8px; height: 8px; border-right: 1px solid; border-bottom: 1px solid; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -6px; } .dropdown-small.open [data-toggle="dropdown"]:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: -2px; } .per-page:last-child { margin-right: 14px; } .per-page-title { margin-right: 16px; } .per-page .dropdown-menu { left: auto; right: 0; } .per-page .dropdown-menu { min-width: 81px; } .filter-toggle { display: none; } .catalogue-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .catalogue-list.catalogue-view-list { display: block; margin: 0; } .hidden-gallery { display: none; } .fancybox-button--fullscreen, .fancybox-button--share { display: none !important; } .cat-item-row { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 10; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; min-height: 120px; border: 2px solid #fff; -webkit-transition: border-color 0.2s ease-out; -o-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; margin-bottom: 20px; padding: 15px 45px 15px 60px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cat-item-row-price, .cat-item-row-title { width: 40%; } .cat-item-row-title { font-size: 16px; margin-right: 15px; text-transform: uppercase; } .cat-item-row-price { font-size: 24px; white-space: nowrap; margin-right: 15px; } .no-touchevents .cat-item-row:hover { border-color: #4682c8; } .cat-item-row-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .cat-item-row-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cat-item-row-btns a { width: 50px; height: 50px; min-width: 50px; margin-left: 20px; border-radius: 50%; border: 1px solid rgba(43, 43, 49, 0.34); position: relative; z-index: 20; } .no-touchevents .cat-item-row-btns a:hover { border-color: rgba(43, 43, 49, 1); } .cat-item-row-fav { background: transparent url("/local/templates/b2c/css/../images/fav.svg") 50% 55% no-repeat; background-size: 24px 18px; } .cat-item-row-fav.active { background-image: url("/local/templates/b2c/css/../images/fav-act.svg"); } .cat-item-row-gallery { background: transparent url("/local/templates/b2c/css/../images/gal.svg") 50% 50% no-repeat; background-size: 27px 23px; } .catalogue-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 33.3%; padding: 0 10px; margin-bottom: 20px; position: relative; } .favourites-list .catalogue-col { width: 25%; } .loadmore { margin-bottom: 20px; } .loadmore a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 16px; font-weight: 400; height: 68px; color: #2b2b31; text-transform: uppercase; background-color: #fff; } .loadmore a:hover { color: #003974; } .catalogue-filter-top { padding: 50px 28px; background-color: #262e34; } .catalogue-filter-top .select2-container { display: initial; } .catalogue-filter-bottom { padding: 50px 28px; background-color: #fff; margin-top: 20px; } .faq-form-title, .catalogue-filter-title { text-align: center; color: #fff; font-size: 18px; font-weight: 400; text-transform: uppercase; margin-bottom: 45px; } .faq-form .form-btn { width: 180px; } .faq-form .form-btn .btn { min-width: unset; } .filter-btn { text-align: center; margin-top: 30px; } .catalogue-filter-top .filter-btn { text-align: left; } .pagination-container { display: -webkit-box; display: -ms-flexbox; display: flex; height: 68px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; } .pagin-arr { width: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 15px; font-size: 20px; color: #003974; } .pagin-arr span { -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; } .pagin-arr:hover { background-color: #e8e8e8; } .pagin-arr-prev { border-right: 1px solid #e8e8e8; } .pagin-arr-next { border-left: 1px solid #e8e8e8; } .no-touchevents .pagin-arr-prev:hover span { -webkit-transform: translateX(-4px); -ms-transform: translateX(-4px); transform: translateX(-4px); } .no-touchevents .pagin-arr-next:hover span { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } .pagination-pages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination-pages a { display: block; min-width: 40px; padding: 10px; position: relative; text-align: center; font-size: 16px; color: #2b2b31; } .pagination-pages a.active { color: #003974; font-weight: 700; } .pagination-pages a:hover { color: #003974; } .pagination-pages a + a:before { content: ""; position: absolute; left: 0; top: 50%; height: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; background-color: #000; } .faq-form { position: relative; background-color: #363939f0; padding: 40px 14px 46px; color: #fff; } .faq-form .form-btn { text-align: center; } .catalogue-nav.faq-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .faq-nav__row { display: flex; flex-wrap: wrap; } .faq-form { position: sticky; top: 100px; } .faq-nav__col:first-child { width: 28%; } .faq-nav__col:last-child { width: 72%; padding-left: 50px; } .where-to-buy .catalogue-nav-right, .faq-nav .catalogue-nav-right { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search-page .faq-nav .catalogue-nav-right { justify-content: end; } .where-to-buy .catalogue-nav-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; max-width: 50%; } .faq-nav .catalogue-nav-right { padding: 0; } .where-to-buy-nav-left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; max-width: 50%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 30px; } .where-to-buy-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 0; padding: 0; } .where-to-buy-tabs li + li { margin-left: 60px; } .where-to-buy-tabs li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .where-to-buy-tabs a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; color: #2b2b31; text-transform: uppercase; font-size: 16px; } .where-to-buy-tabs a:after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; -webkit-transition: width 0.24s ease-out; -o-transition: width 0.24s ease-out; transition: width 0.24s ease-out; background-color: #003974; } .where-to-buy-tabs li.active a:after { width: 100%; } .where-to-buy-tabs a:hover, .where-to-buy-tabs li.active a { color: #003974; } .where-to-buy-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 0 -10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .where-to-buy-col { padding: 0 10px; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 20px; } .where-to-buy-panel { position: relative; background-color: #fff; padding: 50px 55px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 310px; } .where-to-buy-offline-list .where-to-buy-panel { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .where-to-buy-panel-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } .where-to-buy-offline-list .where-to-buy-panel-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 180px; max-width: 180px; margin-right: 40px; margin-bottom: 0; } .where-to-buy-offline-list .where-to-buy-btn { width: 100%; } .where-to-buy-offline-list .btn { display: block; width: 100%; margin-top: 12px; } .partner-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .partner-info-row + .partner-info-row { border-top: 1px dashed rgba(0, 57, 116, 0.16); padding-top: 20px; margin-top: 20px; } .partner-info-row { font-size: 16px; } .partner-info-title { font-weight: 700; margin-bottom: 3px; } .partner-logo { display: block; max-width: 180px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px; } .partner-logo img { max-height: 65px; } .where-to-buy-panel-categories { list-style: none; margin: 0 -10px -20px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .where-to-buy-panel-categories li { padding: 0 10px; margin-bottom: 20px; } .where-to-buy-panel a { color: #2b2b31; display: inline-block; font-size: 16px; text-decoration: none; } .where-to-buy-panel a.btn { text-decoration: none !important; } .where-to-buy-panel a:hover { color: #12477e; text-decoration: underline; } .where-to-buy-offline-tabs { display: none; margin: 0; } .where-to-buy-offline-tabs.active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .where-to-buy-offline-tabs a { width: 44px; height: 44px; background-color: #f0f0f0; margin: 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; color: #003974; font-size: 24px; } .where-to-buy-offline-tabs .icon-list { font-size: 140%; } .where-to-buy-offline-tabs li.active a { background-color: #4682c8; color: #fff; } .category-dropdown { min-width: 244px; } .where-to-buy .category-dropdown { margin-right: 65px; } .catalogue-sort-search { min-width: 421px; margin-right: 50px; margin-left: 14px; position: relative; } .catalogue-sort-search input[type="text"] { height: 44px; padding-right: 50px; background-color: #d9d9d9; border-color: #d9d9d9; } .catalogue-sort-search input[type="text"]:focus { border-color: #262e34; } .catalogue-sort-search .search-submit { width: 40px; height: 100%; position: absolute; border: 0; background: transparent url("/local/templates/b2c/css/../images/search.svg") 50% 50% no-repeat; background-size: 21px 18px; display: block; outline: 0; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; cursor: pointer; right: 0; top: 0; z-index: 10; } .faq-item { margin-bottom: 30px; background-color: #fff; } .faq-item.faq-item--hidden { display: none; } .faq-text { border-top: 2px solid #f0f0f0; padding: 30px 40px; font-size: 17px; font-weight: 300; line-height: 22.61px; } .faq-text a { text-decoration: underline; text-underline-offset: 3px; color: #000000; } .faq-item-title { position: relative; padding: 30px 145px 30px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; font-size: 17px; font-weight: 500; line-height: 22.61px; color: #000000; } .faq-item-title:after { font-family: "icomoon"; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; content: ""; background: url(/local/templates/b2c/css/../images/arrow-down.svg) no-repeat center; background-size: contain; position: absolute; width: 10px; height: 20px; top: 50%; transform: translateY(-50%) rotate(180deg); right: 70px; } .faq-item-title.collapsed:after { transform: translateY(-50%); -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; } .no-touchevents .faq-item-title:hover:after { -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } .no-touchevents .faq-item-title.collapsed:hover:after { -webkit-transform: translateY(-4px) rotate(180deg); -ms-transform: translateY(-4px) rotate(180deg); transform: translateY(-4px) rotate(180deg); } .no-touchevents .faq-item:hover .faq-item-title { color: #003974; } .faq-icon { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 78px; width: 78px; height: 78px; border-radius: 50%; color: #fff; background-color: #003974; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 50px; font-size: 48px; line-height: 1; } .favourites-content { position: relative; z-index: 10; } .clear-favourites { position: absolute; right: 0; top: -80px; padding-right: 35px; color: #38383e; font-size: 16px; } .no-touchevents .clear-favourites:hover { opacity: 0.6; } .clear-favourites:after { content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-54%); -ms-transform: translateY(-54%); transform: translateY(-54%); width: 20px; height: 20px; background: transparent url("/local/templates/b2c/css/../images/trash.svg") 50% 50% no-repeat; background-size: contain; } .favourites-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .favourites-list-col { position: relative; width: 50%; padding: 0 10px; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .favourites-list-col .cat-item-bascket-btn { align-self: end; } .favourites-remove { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 36px; height: 36px; background: transparent url("/local/templates/b2c/css/../images/fav-act.svg") 50% 55% no-repeat; background-size: 24px 18px; z-index: 20; transition: none; } .favourites-list-col .favourites-remove { top: auto; bottom: 0; background-color: transparent; border: 2px solid transparent; border-color: #002c6e; width: 40px; height: 40px; transition: none; background-size: 24px 18px; } /* .no-touchevents .favourites-remove:hover { opacity: .6 } */ .favourites-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 210px; background-color: #fff; padding: 30px 76px 20px 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #2b2b31; text-decoration: none; } .fav-img { width: 150px; min-width: 150px; background: transparent 50% 50% no-repeat; background-size: contain; margin-right: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fav-img img { width: 100%; } .fav-caption { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .fav-title { margin-bottom: 35px; text-transform: uppercase; font-size: 16px; max-width: 230px; } .fav-price { white-space: nowrap; font-size: 24px; text-transform: uppercase; font-weight: 600; } .tab-pane { display: none; } .tab-pane.active { display: block; } .popup-small { width: 500px; } .popup-partner-logo { display: inline-block; max-width: 200px; margin-bottom: 30px; } .popup-partner-categories { font-size: 16px; list-style: none; margin: 0; padding: 0; } .popup-partner-categories li + li { margin-top: 10px; } .popup-partner-categories a { color: #2b2b31; } .popup-partner-categories a:hover { color: #12477e; text-decoration: underline; } .where-to-buy-map-wrap { position: relative; margin-bottom: 20px; } .popup-large { width: 1150px; padding: 0 !important; } .popup-large .map-section { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .popup-large .map-container { border: 0; height: 750px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .map-section-sidebar { width: 400px; min-width: 400px; height: 750px; overflow-y: auto; padding: 20px 0; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } .map-section-sidebar::-webkit-scrollbar { width: 6px; } .map-section-sidebar::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.18); } .map-section-sidebar::-webkit-scrollbar-thumb { background-color: #4c9bed; } .map-sidebar-panel { padding: 30px 0; margin: 0 30px; } .map-sidebar-panel + .map-sidebar-panel { border-top: 1px solid rgba(0, 0, 0, 0.16); padding-top: 50px; } .map-sidebar-panel-title { font-size: 18px; font-weight: 700; margin-bottom: 25px; } .map-sidebar-panel-param { position: relative; padding-left: 20px; font-size: 16px; } .map-sidebar-panel-param a { color: #262e34; display: inline-block; } .map-sidebar-panel-param a:hover { color: #4c9bed; text-decoration: underline; } .map-sidebar-panel-param + .map-sidebar-panel-param { margin-top: 15px; } .map-sidebar-panel-param:before { content: ""; width: 15px; height: 15px; position: absolute; left: 0; top: 4px; background: transparent 50% 50% no-repeat; background-size: contain; } .param-phone:before { background-image: url("/local/templates/b2c/css/../images/phone.svg"); } .param-subway:before { background-image: url("/local/templates/b2c/css/../images/subway.svg"); } .param-adress:before { background-image: url("/local/templates/b2c/css/../images/picker-blue.svg"); } .param-worktime:before { background-image: url("/local/templates/b2c/css/../images/time.svg"); } .map-sidebar-panel-bottom { margin-top: 35px; } .map-sidebar-panel-bottom a { color: #4c9bed; font-size: 16px; } .map-sidebar-panel-bottom a:hover { color: #000; text-decoration: underline; } .catalogue-detail-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 80px; margin: 0 0 40px; } .catalogue-detail-tabs li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #002c6e; padding: 0 10px; border: 1px solid #002c6e; outline: 1px solid #002c6e; } .catalogue-detail-tabs a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; white-space: nowrap; font-size: 14px; font-weight: 300; line-height: 16.94px; text-transform: uppercase; } .catalogue-detail-tabs a:before { content: ""; position: absolute; left: 0; bottom: 0; -webkit-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; transition: width 0.2s ease-out; height: 2px; width: 0; background-color: #fff; } .catalogue-detail-tabs a:hover { color: rgba(255, 255, 255, 0.6); } .catalogue-detail-tabs li.active a, .catalogue-detail-tabs li.active a:hover { color: #fff; } .catalogue-detail-tabs li.active a:before { width: 100%; } .catalogue-detail-tabs .tab-doc-link { padding: 0; -webkit-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .tab-doc-link a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; color: #fff !important; } .catalogue-detail-tab-toggle { display: none; } .detail-info { font-size: 16px; line-height: 1.8; } .detail-info h3 { font-size: 24px; margin-bottom: 20px; line-height: 1.3; font-weight: 400; } .detail-params { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 110px; -moz-column-gap: 110px; column-gap: 110px; list-style: none; margin: 0; padding: 0; } .detail-params li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; font-size: 16px; } .detail-params li:before { content: ""; position: absolute; left: 0; right: 0; border-top: 1px solid #2b2b31; opacity: 0.24; bottom: 5px; } .detail-params li span { display: inline-block; background-color: #fff; padding-right: 5px; position: relative; z-index: 3; } .detail-params li span:last-child { padding-left: 5px; padding-right: 0; } .catalogue-detail-usage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 0 -8px; font-size: 16px; } .catalogue-detail-usage-col { padding: 0 8px; width: 33.3%; } .catalogue-detail-usage-title { height: 66px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 15px; text-align: center; color: #fff; background-color: #262e34; margin-bottom: 12px; } .catalogue-detail-usage-col.disabled .catalogue-detail-usage-title { color: #2b2b31; background-color: #f7f7f7; } .catalogue-detail-usage-list { height: 326px; overflow-y: auto; border: 1px solid #e2e3e3; } .catalogue-detail-usage-col.disabled .catalogue-detail-usage-list { pointer-events: none; opacity: 0.5; } .catalogue-detail-usage-list::-webkit-scrollbar { width: 40px; } .catalogue-detail-usage-list::-webkit-scrollbar-track { border: 16px solid #fff; border-width: 8px 16px 6px 16px; background-color: rgba(0, 57, 116, 0.11); } .catalogue-detail-usage-list::-webkit-scrollbar-thumb { background-color: #003974; border: 16px solid #fff; border-width: 0 16px; } .catalogue-detail-usage-list a { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 54px; font-size: 16px; color: #2b2b31; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 15px 10px 90px; text-transform: uppercase; } .catalogue-detail-usage-list a:hover { color: #003974; } .catalogue-detail-usage-list a span { display: inline-block; position: relative; text-transform: uppercase; } .catalogue-detail-usage-list a span:before { content: ""; position: absolute; left: 0; bottom: -5px; height: 2px; background-color: #003974; width: 0; -webkit-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; transition: width 0.2s ease-out; } .catalogue-detail-usage-list a.active span:before { width: 100%; } .catalogue-detail-usage-list a + a { border-top: 1px solid rgba(43, 43, 49, 0.24); } .catalogue-detail-title-top { display: none; } .catalogue-detail-top { position: relative; background-color: #fff; padding: 60px 0; } .catalogue-detail-top .container-fluid { padding: 0; } .go-back { position: absolute; z-index: 10; right: 0; top: -122px; padding-left: 40px; color: #2b2b31; text-decoration: none; } .go-back:before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; width: 29px; height: 9px; background: transparent url("/local/templates/b2c/css/../images/go-back.svg") 50% 50% no-repeat; background-size: contain; } .no-touchevents .go-back:hover:before { -webkit-transform: translate(-4px, -50%); -ms-transform: translate(-4px, -50%); transform: translate(-4px, -50%); } .catalogue-detail-shops { padding: 45px 0 70px; } .catalogue-detail-top-info { position: relative; margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .catalogue-detail-gallery { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; opacity: 0; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .catalogue-detail-gallery.slick-initialized { opacity: 1; overflow: visible; } .catalogue-detail-gallery-container { width: 53%; } .catalogue-detail-caption { width: 47%; padding-left: 40px; } .catalogue-detail-caption h1 { font-size: 36px; font-weight: 400; text-transform: none; line-height: 1.2; padding-bottom: 20px; margin-bottom: 0; word-break: break-word; } .catalogue-detail-gallery-container { position: relative; padding-left: 140px; } .catalogue-detail-gallery-thumbs { width: 125px; position: absolute; left: 0; top: -30px; bottom: -12px; overflow: hidden; padding: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; opacity: 0; pointer-events: none; } .catalogue-detail-gallery-thumbs.slick-initialized { opacity: 1; pointer-events: auto; } .catalogue-detail-gallery-thumbs .slick-prev, .catalogue-detail-gallery-thumbs .slick-next { position: absolute; left: 0; width: 100%; height: 25px; background-color: #262e34; color: #fff; -webkit-transform: none; -ms-transform: none; transform: none; top: auto; -webkit-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .catalogue-detail-gallery-thumbs .slick-prev:hover, .catalogue-detail-gallery-thumbs .slick-next:hover { background-color: #003974; } .catalogue-detail-gallery-thumbs .slick-prev:after, .catalogue-detail-gallery-thumbs .slick-next:after { display: none; } .catalogue-detail-gallery-thumbs .slick-prev { top: 0; } .catalogue-detail-gallery-thumbs .slick-next { bottom: 0; } .catalogue-detail-gallery-thumbs .slick-prev:before, .catalogue-detail-gallery-thumbs .slick-next:before { content: ""; display: block; width: 8px; height: 8px; border-bottom: 1px solid; border-right: 1px solid; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; } .catalogue-detail-gallery-thumbs .slick-prev:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: 4px; margin-top: 2px; } .catalogue-detail-gallery-thumbs .slick-next:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: 2px; margin-top: -4px; } .thumb-slide-img { position: relative; width: 100%; height: 125px; background: transparent 50% 50% no-repeat; background-size: cover; } .catalogue-detail-gallery { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .catalogue-detail-full-text-link { text-align: right; margin-top: 30px; } .catalogue-detail-full-text-link a { display: inline-block; font-size: 16px; color: #0c3c6c; } .catalogue-detail-full-text-link a:after { content: "\e902"; font-family: "icomoon" !important; display: inline-block; font-size: 20px; vertical-align: middle; margin-left: 7px; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; } .no-touchevents .catalogue-detail-full-text-link a:hover:after { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } .catalogue-detail-caption-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 0; border-bottom: 2px solid rgba(43, 43, 49, 0.24); } .catalogue-detail-fav { font-size: 16px; color: #2b2b31; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalogue-detail-fav .header-fav-icon { display: inline-block; vertical-align: middle; width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(43, 43, 49, 0.34); background: transparent url("/local/templates/b2c/css/../images/fav.svg") 50% 55% no-repeat; background-size: 28px 28px; -webkit-transition: border-color 0.2s ease-out; -o-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; } .no-touchevents .catalogue-detail-fav:hover .header-fav-icon { border-color: #000; } .catalogue-detail-art { color: #4682c8; } .catalogue-detail-art span { display: inline-block; white-space: nowrap; color: #2b2b31; } .catalogue-detail-price span { margin-right: 10px; } .catalogue-detail-price-row .btn-large { min-width: 160px; } .catalogue-detail-price-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; border-bottom: 2px solid rgba(43, 43, 49, 0.24); margin-bottom: 30px; } .catalogue-detail-price { white-space: nowrap; font-size: 30px; } .catalogue-detail-announce-title { font-size: 24px; line-height: 1; margin-bottom: 20px; } .catalogue-detail-announce-text { font-size: 16px; word-break: break-word; } .catalogue-detail-gallery-slide { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; min-height: 545px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalogue-detail-gallery-slide a { display: block; position: relative; } .slide-selected .thumb-slide-img { border: 3px solid #003974; } .video-thumb-slide:before { content: ""; position: absolute; background-color: #003974; opacity: 0.65; left: 0; top: 0; width: 100%; height: 100%; } .play-icon { position: absolute; z-index: 10; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: #fff; border-radius: 50%; } .play-icon:before { content: ""; position: absolute; left: 50%; top: 50%; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid #003974; margin-top: -7px; margin-left: -6px; } .catalogue-detail-shops-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 80px; padding: 0; } .catalogue-detail-shops-tabs a { display: block; position: relative; color: #002c6e; font-size: 40px; font-weight: 700; text-align: left; text-transform: uppercase; } .catalogue-detail-shops-tabs li + li { margin-left: 100px; } .catalogue-detail-shops-tabs li.active a, .catalogue-detail-shops-tabs a:hover { color: #002c6e; } .catalogue-detail-shops-tabs li.active a:before { width: 100%; } .shop-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 130px; padding: 20px 45px; background-color: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; } .shop-row + .shop-row { margin-top: 20px; } .shop-left, .shop-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 50%; } .shop-right .btn-blue-border, .shop-right .btn-blue-border:focus { color: #2d2d33; } .shop-right .btn-blue-border:hover { color: #fff; } .shop-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-transform: uppercase; } .shop-logo { width: 76%; height: 58%; margin: 0; display: flex; align-items: center; justify-content: center; } .shop-logo img { width: 100%; height: 100%; object-fit: contain; } .shop-price { white-space: nowrap; margin-right: 30px; } .catalogue-detail-gallery-container .slick-dots li button { width: 20px; height: 20px; } .catalogue-detail-gallery-container .slick-dots { bottom: -30px; } .catalogue-detail-gallery-container .slick-dots li button:before { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; border: 1px solid transparent; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; } .catalogue-detail-gallery-container .slick-dots li button:after { content: ""; position: absolute; width: 6px; height: 6px; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; border-radius: 50%; opacity: 1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #bbbbbb; } .catalogue-detail-gallery-container .slick-dots li.slick-active button:after { opacity: 1; background-color: #686868; } .err-404 { text-align: center; } .err-404-img-title { display: none; } .err-404-img { margin: 0 auto 55px; max-width: 670px; } .err-404-title { font-size: 72px; text-transform: uppercase; line-height: 1; color: #4c9bed; margin-bottom: 20px; font-weight: 700; } .err-404-text { color: #003974; font-size: 30px; max-width: 890px; margin: 0 auto 20px; } .err-404-btn { max-width: 300px; margin: 0 auto; } .err-404-btn .btn { width: 100%; } .about-top { position: relative; overflow: hidden; min-height: calc(100vh - 100px); background: rgba(0, 0, 0, 0.6) 50% 50% no-repeat; background-size: cover; z-index: 10; margin-top: -50px; } .about-top:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: #000; opacity: 0.5; } .about-top-title { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; } .about-top-title h1 { color: #fff; text-align: center; font-size: 48px; font-weight: 700; margin: 0; line-height: 1.1; text-transform: uppercase; } .about-top .stripes:before { left: 20%; } .about-top .stripes:after { left: 40%; } .about-top .stripes + .stripes:before { left: 60%; } .about-top .stripes + .stripes:after { left: 80%; } #aboutSection .about-advantages { margin-bottom: 0; } .about-section-map-wrap { position: relative; z-index: 10; min-height: 740px; } .about-section-map { position: absolute; right: 25px; top: 30px; z-index: -1; pointer-events: none; max-width: 65%; } .about-counties { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 630px; margin-bottom: 120px; padding-right: 40px; padding-top: 70px; } .about-country { font-size: 18px; color: #2b2b31; } .about-country-name { display: inline-block; vertical-align: middle; position: relative; line-height: 1; margin-bottom: 10px; text-transform: uppercase; color: #003974; font-size: 24px; } .about-regions-title { text-transform: uppercase; font-size: 36px; margin-bottom: 35px; color: #2b2b31; } .about-regions-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: -30px; padding-top: 35px; } .about-regions-list-item { width: 25%; font-size: 16px; padding-right: 30px; } .about-regions-list-num { color: #003974; font-size: 36px; font-weight: 700; } .about-regions-list-title { font-size: 18px; font-weight: 700; margin-bottom: 2px; } .about-regions-list-text { max-width: 300px; } .search-form { margin: 20px; position: relative; } .popup-small .search-form { margin: 0; } .search-form input[type="text"] { padding-right: 55px; } .search-submit { position: absolute; right: 0; top: 0; width: 50px; height: 100%; z-index: 10; background: transparent url("/local/templates/b2c/css/../images/search.svg") 50% 50% no-repeat; background-size: 23px 20px; border: 0; outline: 0; cursor: pointer; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; opacity: 1; } .search-submit:hover { opacity: 1; } @media (max-width: 600px) { .header-right-icons { margin: 0 !important; } } @media (max-width: 1692px) { .main-top-slider-wrap .scroll-down { left: 64px; margin-left: 0; } } @media (max-width: 1600px) { .container, .container-fluid { padding: 0 25px; } .header-right { margin-right: -25px; padding-right: 25px; } .logo-container { margin-right: 25px; } .header-ctrls a { min-width: 170px; max-width: 170px; } .main-slider-nav, .main-slider-overlay { margin-left: 0; left: auto; right: 25px; } .main-top-slider-wrap .scroll-down { left: 25px; } .top-slide-title { font-size: 60px; } .header-content { height: 80px; } .page-content { padding-top: 61px; } .header-right-icons a { margin: 0 15px; } .header-right-icons { margin: 0 15px; } .header-right a { font-size: 14px; } a.catalog-menu-toggle-link span { font-size: 14px; } /* .header-right-icons a.header-search-icon { background-size: 23px 23px; } */ .personal-link:after, .cat-link span { margin-left: 10px; } .header-menu li { margin: 0 10px; } .catalog-menu li { margin: 0 10px; } .cat-item-caption { padding: 30px 20px; } .cat-item .btn { min-width: 100px; } .review-item-title { font-size: 30px; } .review-item { padding: 30px; } .review-item-title { margin: 0 -30px; padding: 0 30px 30px; } .review-item-brand { margin: 0 -30px; padding: 20px 30px; } .about-advantages-text { font-size: 16px; } .contacts-panel { padding: 40px 30px; } .contacts-panel-left { padding-right: 30px; } .contacts-panel-right { padding-left: 30px; } .cat-item-row-price { width: 30%; } .cat-item-row-title { width: 50%; } .about-section-map { max-width: 50%; } .about-counties { margin-bottom: 20px; } .about-section-map-wrap { min-height: auto; } /* .cat-item-fav { bottom: 133px; } */ } @media (max-width: 1400px) { .favourites-list-item { padding-right: 70px; } .fav-btn .btn { min-width: 110px; } .fav-img { margin-right: 20px; } .catalogue-detail-usage-list a { padding-left: 30px; } } @media (max-width: 1280px) { .header .logo-title { display: none; } .header-menu { position: fixed; z-index: 80; width: 100%; background-color: #fff; border-bottom: 1px solid #fafafa; left: 0; top: 80px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 40px; } .menu-opened .header-menu { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); overflow-y: scroll; } .catalog-menu { position: fixed; z-index: 180; width: 100%; background-color: #fff; border-bottom: 1px solid #fafafa; left: 0; top: 0px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 20px; } .mobile-menu-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; } .catalog-menu-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; } .header-right-icons { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 35%; } .header-right { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .filter-panel { padding: 50px 40px; } .filter-panel h3 { margin-bottom: 25px; } .page-section-header { margin-bottom: 40px; } .page-section { padding: 50px 0; } .page-info .section-about-form { margin-top: 100px; } .page-section#productsSection { padding-top: 100px; } .page-section.banner-swiper-section { padding-bottom: 100px; } .review-item-title { font-size: 24px; } .video-play-btn { width: 150px; height: 150px; top: 40%; } .about-advantages-num span { font-size: 40px; } .filter-panel { margin-top: 60px; } .about-section { padding-bottom: 0; } .faq-item-title:after { width: 50px; font-size: 18px; } .faq-item-title { padding: 20px 40px 20px 12px; font-size: 20px; min-height: 80px; } .faq-icon { font-size: 34px; min-width: 50px; width: 50px; height: 50px; margin-right: 25px; } .faq-text { padding: 25px 20px; } .header-ctrls a { min-width: 170px; max-width: 170px; } .where-to-buy .category-dropdown { margin-right: 32px; } .where-to-buy-tabs li + li { margin-left: 30px; } .where-to-buy-nav-left { padding: 0 10px 0 20px; max-width: 60%; } .where-to-buy-list { display: block; } .where-to-buy-col { width: 100%; } .thumb-slide-img { width: 100%; height: 80px; } .catalogue-detail-gallery-thumbs { width: 80px; } .catalogue-detail-gallery-container { padding-left: 95px; } .catalogue-detail-gallery-slide { min-height: 390px; } .catalogue-detail-caption h1 { font-size: 26px; } .shop-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shop-btns .btn { width: 100%; } .shop-btns .btn + .btn { margin-top: 12px; } } @media (max-width: 1200px) { .catalogue-col { width: 50%; } .favourites-list .catalogue-col { width: 33.3%; } .cat-item-row { min-height: 100px; padding: 15px 25px; } .popup-large { width: 95%; } } @media (min-width: 992px) { .catalogue-filter-container { display: block !important; height: auto !important; overflow: visible !important; } } @media (max-width: 992px) { .logo-container { min-width: 110px; } .header .logo-img { width: 110px; } .cat-link:before, .personal-link:before { margin-right: 10px; } .header-ctrls a { min-width: 145px; max-width: 145px; } .breadcrumb { padding-right: 0; } .go-back { display: none; } .headroom { position: fixed; will-change: transform; -webkit-transition: -webkit-transform 200ms linear; transition: -webkit-transform 200ms linear; -o-transition: transform 200ms linear; transition: transform 200ms linear; transition: transform 200ms linear, -webkit-transform 200ms linear; -webkit-box-shadow: 0 4px 10px rgba(36, 59, 96, 0.1); box-shadow: 0 4px 10px rgba(36, 59, 96, 0.1); } .headroom--pinned { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .headroom--unpinned { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .main-top-slider-wrap:before { display: none; } .main-slider-overlay, .scroll-down { display: none; } .top-slide { padding-bottom: 140px; } .top-slide-title { font-size: 50px; } .filter-panel h3 { text-align: center; margin-bottom: 30px; } .filter-panel-btn { margin-top: 20px; text-align: center; } .about-advantages-col { width: 50%; } .video-title { padding: 50px 30px; text-align: center; } h2, .h2 { font-size: 36px; } .section-slider-ctrls .slick-prev { margin-left: 30px; } .about-advantages-col { text-align: left; } .about-advantages-col:nth-child(even) { text-align: right; } .about-advantages-col:nth-child(even) .about-advantages-item { min-width: 180px; } .about-advantages-col:nth-child(odd):before { display: none; } .contacts-list { display: block; } .contacts-list-col { width: auto; } .form-btn { text-align: center; } .filter-toggle { display: block; background: #262e34 url("/local/templates/b2c/css/../images/filter-close.svg") 50% 50% no-repeat; background-size: 24px 24px; width: 50px; } .filter-toggle.collapsed { background-image: url("/local/templates/b2c/css/../images/filter.svg"); } .catalogue-nav { margin-bottom: 0; min-height: 50px; } .catalogue-list-container { margin-top: 20px; } .search-page .catalogue-list-container { margin-top: 0; } .search-page .catalogue-nav.faq-nav .catalogue-nav-right { justify-content: center; } .per-page { display: none; } .view-types a { background-size: 30px 18px !important; width: 60px; } .faq-form { margin-top: 40px; } .catalogue-nav.faq-nav { background-color: transparent; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 15px; margin-bottom: 15px; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; } .favourites-nav .per-page, .catalogue-nav.faq-nav .per-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0; } .catalogue-nav.faq-nav .catalogue-nav-right { width: 100%; background-color: #fff; padding: 12px; } .catalogue-sort-search { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: #fff; margin: 0; padding: 12px; } .catalogue-nav-right { padding: 0; } .catalogue-sort-search .search-submit { right: 20px; } .catalogue-sort-search input[type="text"] { padding-left: 10px; padding-right: 30px; font-size: 14px; } .dropdown-small [data-toggle="dropdown"] { font-size: 14px; } .category-dropdown .dropdown-small [data-toggle="dropdown"] { padding-left: 12px; } .favourites-list-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 35px; } .fav-img { width: 100%; margin: 0 0 35px; } .catalogue-sort-search input[type="text"] { height: 32px; } .dropdown-small [data-toggle="dropdown"] { padding: 0px 40px 0 14px; min-width: 78px; max-width: fit-content; } .dropdown-small [data-toggle="dropdown"]:after { right: 32px; } .dropdown-small [data-toggle="dropdown"]:before { right: 12px; } .dropdown-small [data-toggle="dropdown"] { line-height: 32px; } .cat-item-fav, .favourites-remove, .favourites-list-col .favourites-remove, .favourites-list-col.deleted .favourites-remove { right: 10px; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; background-color: #f7f7f7 !important; border: 0; background-size: 19px 16px !important; } /* .cat-item-fav { top: 0; right: 10px; } */ .fav-caption { width: 100%; } .fav-btn { width: 100%; margin-top: 15px; } .page-section-header-right select, .page-section-header-right .chosen-container { max-width: 250px; margin-right: 30px; } .where-to-buy-nav .per-page { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0; } .where-to-buy-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: transparent; position: relative; } .where-to-buy-nav-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 20px; margin-bottom: 20px; padding: 0; background-color: #fff; max-width: none; } .where-to-buy-tabs { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .where-to-buy-tabs a { height: 70px; background-color: #fff; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .where-to-buy-tabs li.active a { color: #fff; background-color: #003974; } .where-to-buy-tabs li.active a:after { display: none; } .where-to-buy-tabs li { width: 50%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .where-to-buy-tabs li + li { margin-left: 0; } .where-to-buy .catalogue-nav-right { max-width: none; } .where-to-buy-offline-tabs { position: absolute; right: -5px; top: -85px; } .where-to-buy .catalogue-nav-right { padding: 15px; background-color: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .map-section-sidebar { width: 310px; min-width: 310px; } .catalogue-detail-gallery-thumbs { display: none; } .catalogue-detail-gallery-container { padding-left: 0; margin-bottom: 45px; width: auto; } .catalogue-detail-top-info { display: block; } .catalogue-detail-caption { padding-left: 0; width: auto; } .catalogue-detail-tabs .tab-doc-link a { font-size: 0; } .catalogue-detail-tabs .tab-doc-link a:after { margin-left: 0; } .detail-params { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .catalogue-detail-gallery-slide { height: auto; min-height: auto; } .catalogue-detail-title-top { display: none; margin-bottom: 20px; } .catalogue-detail-title-top .h1 { font-weight: 400; margin: 0; font-size: 28px; } .catalogue-detail-top { background-color: transparent; } .catalogue-detail-caption { background-color: #fff; padding: 0 25px 25px; } .catalogue-detail-tabs .tab-doc-link { max-width: 60px; } .catalogue-detail-tabs-content { margin-left: -25px; margin-right: -25px; padding: 25px; background-color: #fff; } .catalogue-detail-tabs-content .catalogue-detail-tabs-content { padding: 0; margin: 0; } .catalogue-detail-tabs-content .video-container { margin: 0; } .catalogue-detail-top { padding-top: 0; } .catalogue-detail-usage-list a { font-size: 14px; padding: 5px 10px 5px 15px; } .shop-row { padding: 10px 25px; min-height: 90px; } .catalogue-detail-shops-tabs li + li { margin-left: 50px; } .catalogue-detail-shops { padding: 0 0 40px; } .about-section-map { display: none; } .about-counties { padding-top: 0; } .about-counties { margin-bottom: 10px; } .about-section-map-wrap { min-height: auto; } .about-regions-list { margin-right: -15px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0; } .about-regions-list-item { width: 50%; padding-right: 15px; margin-top: 40px; } .about-regions-title { margin-bottom: 0; } .about-top { min-height: 500px; } .about-top .stripes { display: none; } } @media (min-width: 767px) { .catalogue-detail-tabs-content .collapse { display: block !important; overflow: visible !important; height: auto !important; } } @media (max-width: 767px) { .cat-item-fav { right: 3px; } } @media (max-width: 767px) { .container, .container-fluid { padding: 0 12px; } .footer-top-content:before, .main-top-slider-wrap { display: none; } .footer-top-content { padding: 30px 0; display: block; text-align: center; } .footer-menu { display: none; } .footer-contacts { display: block; max-width: none; padding-left: 0; margin-top: 25px; } .footer .logo-container { margin-right: 0; } .footer-contacts-section { max-width: none; margin: 20px 0; } .footer-bottom-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 0; } .footer-links { max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-socials { margin-top: 20px; } .sitemap-link { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 15px; } .copyright { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 10px; } .current-year { display: none; } .page-content { padding-top: 62px; /*100px*/ } .header-menu { top: 100px; } .catalog-menu { top: 0px; } .header-ctrls { display: none; position: absolute; left: 0; top: 100%; width: 100%; background-color: #f7f7f7; z-index: 10; } .header-contacts { display: none; } .header-right-icons { max-width: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-right { background-color: transparent; } .header-content { height: 50px; } .header-ctrls a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } h2, .h2 { font-size: 26px; } .about-section:before { height: 575px; } .filter-panel { margin: 50px -15px 0; padding: 30px 15px; } .filter-panel h3 { font-size: 26px; } .page-section-slider, .catalogue-slider { padding-bottom: 60px; } .catalogue-slider .slick-arrow, .page-section-slider .slick-arrow { position: absolute; left: 50%; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; bottom: 13px; } .catalogue-slider .slick-prev, .page-section-slider .slick-prev { margin-left: -45px; } .catalogue-slider .slick-next, .page-section-slider .slick-next { margin-left: 15px; } .main-page .cat-item-caption { padding: 10px 10px 7px; } .cat-item-caption { padding: 30px 10px 7px; } .search-page .cat-item-caption { padding: 10px 10px 7px; } .cat-item-img { padding-bottom: 0; } .cat-item-title { font-size: 14px; line-height: 14px; max-height: 55px; min-height: auto; padding-right: 0; } .cat-item-bottom { display: block; } .cat-item-btn { margin: 15px -10px -20px -15px; } .cat-item .btn { width: 100%; } .video-title { padding: 15px 20px; font-size: 20px; } /* .catalogue-list .cat-item-title { padding-right: 28px } */ .video-play-btn { width: 80px; height: 80px; } .video-play-btn:before { display: none; } .about-advantages-col + .about-advantages-col:before { display: none; } .about-advantages-text { padding-right: 15px; font-size: 13px; -webkit-transform: none; -ms-transform: none; transform: none; } .about-advantages-text br { display: none; } .about-advantages-num { font-size: 18px; } .about-advantages-num span { font-size: 30px; } .about-advantages { margin-bottom: 0; } .history-slide { padding: 20px 25px; } .slick-current .history-slide:before { border-color: #f7f7f7; top: 40px; background-color: #f7f7f7; } .history-slide-title { margin-bottom: 25px; } .history-slide-text { font-size: 14px; } .page-content-inner { padding: 30px 0 40px; } .breadcrumb { margin: 0 0 30px; } h1, .h1, .main-top-title { font-size: 30px; } .contacts-panel { padding: 30px 20px; display: block; text-align: center; min-height: auto; } .contacts-panel-left { padding-right: 0; width: auto; } .contacts-panel-right { padding-left: 0; border: 0; margin-top: 25px; padding-top: 25px; position: relative; width: auto; } .contacts-panel-right:before { content: ""; position: absolute; left: 50%; top: 0; width: 100px; height: 1px; background-color: rgba(0, 0, 0, 0.1); margin-left: -50px; } .map-container { height: 280px; } .feedback-form h2 { font-size: 28px; margin-bottom: 30px; } .feedback-form { padding: 30px 15px; margin: 0 -15px; } .form-btn .btn { width: 100%; } .pagin-arr { width: 40px; } .loadmore a { height: 50px; } .pagination-container { height: auto; min-height: 50px; } .faq-form { margin-left: -15px; margin-right: -15px; padding: 30px 15px; } .clear-favourites { top: -60px; font-size: 14px; padding-right: 30px; } .main-page .header-right { background-color: transparent; border-left: 0; } .reviews-section { display: none; } .page-section-header-right select, .page-section-header-right .chosen-container { display: none !important; } .header-ctrls a { min-width: 100px; max-width: 100%; } .where-to-buy-offline-tabs { top: -70px; } .where-to-buy-offline-tabs a { width: 38px; height: 38px; font-size: 20px; } .catalogue-detail-tab-toggle { display: block; } .catalogue-detail-fav { font-size: 0; } .catalogue-detail-fav .header-fav-icon { margin-left: 0; } .catalogue-detail-title-top .h1 { font-size: 24px; } .catalogue-detail-full-text-link { text-align: left; } .catalogue-detail-price { font-size: 22px; } .catalogue-detail-price span { display: none; } .catalogue-detail-price-row .btn-large { min-width: 120px; height: 50px; line-height: 48px; } .catalogue-detail-shops-tabs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 390px; } .catalogue-detail-shops-tabs li + li { margin-left: 15px; } .catalogue-detail-shops-tabs a { font-size: 16px; } .catalogue-detail-shops-tabs:before, .catalogue-detail-shops-tabs:after { display: none; } .shop-row { display: block; text-align: center; padding: 25px 15px; } .shop-left, .shop-right { display: block; text-align: center; width: auto; } .shop-price { margin: 15px 0; } .catalogue-detail-tabs { display: none; } .catalogue-detail-tabs-content .tab-pane { display: block !important; } .catalogue-detail-tabs-content .tab-pane.d-none { display: none !important; } .catalogue-detail-tabs-content { background-color: transparent; margin: 0; padding: 0; } .catalogue-detail-tab-toggle [data-toggle="collapse"], .tab-pane__instruction { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #003974; color: #fff; height: 60px; position: relative; padding: 10px 14px; border-top: 1px solid #003974; font-size: 16px; } .catalogue-detail-tab-toggle [data-toggle="collapse"]:after, .tab-pane__instruction:after { content: "\e900"; font-family: "icomoon" !important; font-size: 18px; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); color: #fff; } .catalogue-detail-tab-toggle [data-toggle="collapse"].collapsed, .tab-pane__instruction { background-color: #fff; border-top: 1px solid #f7f7f7; color: #2b2b31; } .catalogue-detail-tab-toggle [data-toggle="collapse"].collapsed:after, .tab-pane__instruction:after { content: "\e907"; color: #2b2b31; } .catalogue-detail-tab-toggle a:after { font-family: "icomoon"; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; content: "" !important; background: url(/local/templates/b2c/css/../images/arrow-down-white.svg) no-repeat center; background-size: contain; position: absolute; width: 10px; height: 20px; top: 50%; transform: translateY(-50%) rotate(180deg); right: 20px; } .catalogue-detail-tab-toggle a.collapsed:after { transform: translateY(-50%) rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-out; transition: -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; background: url(/local/templates/b2c/css/../images/arrow-down.svg) no-repeat center; background-size: contain; } .catalogue-detail-tab-toggle a:not([data-toggle="collapse"]):after { transform: translateY(-50%) rotate(0deg); background: url(/local/templates/b2c/css/../images/arrow-down.svg) no-repeat center; background-size: contain; } .catalogue-detail-tab-toggle a.collapsed:not([data-toggle="collapse"]):after { background: url(/local/templates/b2c/css/../images/arrow-down-white.svg) no-repeat center; background-size: contain; } .tab-pane .catalogue-detail-tabs-content { padding: 20px 15px; background-color: #fff; } .detail-params { -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-columns: auto; -moz-columns: auto; columns: auto; } .catalogue-detail-usage { display: block; } .catalogue-detail-usage-col { width: auto; } .catalogue-detail-usage-col + .catalogue-detail-usage-col { margin-top: 12px; } .catalogue-detail-usage-col.disabled .catalogue-detail-usage-list { display: none; } .err-404-img { margin-bottom: 30px; } .err-404-title { font-size: 50px; } .err-404-text { font-size: 18px; } .about-top-title h1 { font-size: 26px; } .about-top { min-height: 260px; } .about-top-title { top: 65%; } .about-country-name:after { display: none; } .about-section-map-wrap .page-section-header { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .about-regions-title, .about-section-map-wrap h2 { text-align: center; } .about-country { text-align: center; margin-bottom: 30px; } .about-counties { display: block; padding-right: 0; margin: 0 auto 10px; } .about-regions-list { display: block; } .about-regions-list-item { width: auto; text-align: center; } .about-regions-list-text { margin: 0 auto; } .favourites-list .catalogue-col { width: 50%; } .d-none { display: none !important; } } @media (min-width: 660px) { .visible-xs { display: none !important; } } @media (max-width: 660px) { .block-hide { display: none !important; } } @media (max-width: 660px) { .review-item-bottom { display: block; } .review-item-link { margin-top: 15px; } .review-item-text { font-size: 14px; padding-top: 20px; } .review-item { padding: 20px 20px; } .review-item-title { font-size: 18px; margin: 0 -20px; padding: 0 20px 20px; } .review-item-brand { margin: 0 -20px; padding: 15px 20px; font-size: 14px; } .header-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 0; } .catalog-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 0; } .pagination-pages a { min-width: 30px; } h1, .h1, .main-top-title { font-size: 28px; } .per-page-title { margin-right: 6px; } .faq-item-title { font-size: 14px; font-weight: 500; line-height: 16.94px; min-height: 60px; padding-left: 12px; } .faq-icon { width: 30px; height: 30px; min-width: 30px; font-size: 18px; margin-right: 15px; } .faq-text { font-size: 14px; padding: 20px 15px; } .cat-item-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .cat-item-row-title { margin: 0 auto 15px; width: 100%; max-width: 240px; } .cat-item-row-price { width: 100%; margin: 0; } .cat-item-row-btns { margin: 30px 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cat-item-row-btns a { margin: 0 10px; } .favourites-list-item { padding: 0; } .fav-img { margin-bottom: 20px; } .favourites-remove { right: 10px; top: 0; } .fav-title { font-size: 14px; margin-bottom: 10px; text-align: left; } .fav-price { font-size: 18px; text-align: left; } .fav-btn .btn { width: 100%; } .video-container { padding-bottom: 56.25%; } .where-to-buy-tabs a { font-size: 13px; } .hidden-xs { display: none !important; } .where-to-buy-nav .per-page-title { display: none; } .where-to-buy-nav .category-dropdown { min-width: 180px; } .where-to-buy-panel { padding: 30px 15px; } .where-to-buy-offline-list .where-to-buy-panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .partner-logo { margin: 0 auto 20px; } .where-to-buy-panel-header { margin-bottom: 20px; } .where-to-buy-offline-list .where-to-buy-panel-header { margin-right: 0; } .where-to-buy-offline-list .where-to-buy-btn { max-width: 200px; margin: 20px auto 0; } .where-to-buy-btn { text-align: center; } .where-to-buy-panel-categories { margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .where-to-buy-panel-categories li:nth-child(3) ~ li { display: none; } .popup-small { width: 90%; } .popup-large .map-container { display: none !important; } .map-section-sidebar { width: auto; } .map-section-sidebar { height: auto !important; max-height: none; overflow: visible; } .catalogue-sort-container { min-width: auto; padding: 5px 5px 5px 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 12px; } .catalogue-sort-container .dropdown { margin-left: 0; margin-top: 3px; } .catalogue-sort-container .dropdown-small [data-toggle="dropdown"] { line-height: 24px; } } @media (max-height: 780px) { .popup-large .map-container { height: 550px; } .map-section-sidebar { height: 550px; } } @media (max-height: 660px) { .popup-large .map-container { height: 400px; } .map-section-sidebar { height: 400px; } } .d-none { display: none !important; } @media (max-width: 400px) { .slider-mob { margin-top: 40px; } } @media (max-width: 767px) { .catalogue-nav-right .view-types { display: none; } .footer-top-content::after { background-color: transparent !important; } .catalogue-detail-price-row .ya-pay { margin-left: -25px !important; } } @media (min-width: 767px) { .slider-mob { display: none; } } @media (max-width: 992px) { .view-types .type-list { display: none; } } @media (min-width: 993px) { .header-menu a[href="/my-car/"] { display: none; } .header-menu li:first-child { display: none; } } /*news-page*/ .section-news__title { font-size: 64px; font-weight: 400; line-height: 77.45px; color: #002c6e; } .section-news__inner { display: flex; flex-wrap: wrap; gap: 40px 17px; padding-top: 55px; border-top: 2px solid #002c6e; margin-top: 18px; } .news-card { position: relative; width: calc((100% - 68px) / 5); height: 300px; } .news-card__pic-wrap { width: 100%; height: 100%; position: relative; } .news-card__pic-wrap::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.6); transition: all 500ms; } .news-card:hover .news-card__pic-wrap::before { background: rgba(0, 0, 0, 0.8); } .news-card__pic-wrap img { width: 100%; height: 100%; object-fit: cover; } .news-card__text-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; color: #ffffff; padding: 40px 20px 20px; display: flex; flex-direction: column; } .news-card__date { font-size: 20px; font-weight: 600; line-height: 24.2px; text-decoration: underline; margin-bottom: 15px; text-underline-offset: 3px; } .news-card__title { font-size: 20px; font-weight: 600; line-height: 28px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; } .news-card__desc { font-size: 14px; font-weight: 400; line-height: 16.94px; margin-top: auto; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; min-height: 68px; } .section-news__btn-wrap { display: flex; justify-content: center; margin-top: 40px; } .section-news .btn { min-width: 180px; max-width: 100%; } @media screen and (max-width: 1400px) { .news-card { width: calc((100% - 51px) / 4); } } @media screen and (max-width: 1100px) { .news-card { width: calc((100% - 34px) / 3); } .section-news__title { font-size: 54px; line-height: 67.45px; } } @media screen and (max-width: 850px) { .news-card { width: calc((100% - 17px) / 2); } .section-news__title { font-size: 44px; line-height: 65.45px; } .section-news__inner { gap: 20px 17px; border-top: none; margin-top: 0; padding-top: 0; } .section-news .section-news__title { display: none; } .news-card { height: 185px; } .news-card__title, .news-card__date { font-size: 18px; line-height: 21px; } .news-card__title { max-width: 98%; } .news-card__desc { display: none; } } @media screen and (max-width: 600px) { .news-card { width: 100%; } .section-news__title { font-size: 34px; line-height: 40px; } .news-card__text-wrap { padding: 30px; } } /*news-page-detail*/ .news-page-detail { margin-top: 40px; } .section-article { padding: 70px 41px; } .section-article-top { margin-top: 37px; } .section-article, .section-article p, .section-article li { background-color: #ffffff; font-size: 18px; font-weight: 300; line-height: 21.78px; text-align: left; } .section-article b { font-weight: 600; } .section-article-top, .section-article__content { display: flex; flex-wrap: wrap; width: 100%; } .section-article__date { color: #002c6e; } .section-article__col:first-child { width: 40%; } .section-article-top .section-article__col:first-child { background-color: #002c6e; display: flex; flex-direction: column; justify-content: flex-end; } .section-article-top .section-article__col:first-child img { width: auto; height: auto; } .section-article__col:last-child { width: 60%; } .section-article__content { margin-top: 70px; } .section-article__title { font-size: 32px; font-weight: 600; line-height: 38.73px; text-align: left; max-width: 294px; } .section-article p:not(:first-child), .section-article img:not(:first-child), .section-article ul:not(:first-child), .section-article ol:not(:first-child) { margin: 40px 0 0; } .section-article img { display: block; width: 100%; height: auto; } .section-article ol { list-style: none; counter-reset: num; padding-left: 0; } .section-article ol li::before { content: counter(num) "."; counter-increment: num; font-weight: 600; margin-right: 20px; } .section-article li:not(:first-child) { margin: 20px 0 0; } .section-article__text, .section-article__text p { font-weight: 300; } .section-article a { font-size: 18px; font-weight: 500; line-height: 21.78px; text-align: left; color: #002c6e; text-decoration: underline; text-underline-offset: 4px; } @media screen and (max-width: 850px) { .section-article { padding: 14px; } .section-article-top .section-article__col:first-child { display: none; } .section-article__col:first-child, .section-article__col:last-child { width: 100%; } .section-article-top, .section-article__content { margin-top: 14px; } .section-article__date { font-size: 16px; line-height: 20px; } .section-article__title { max-width: 100%; margin-bottom: 14px; font-size: 20px; line-height: 24px; } .section-article p:not(:first-child), .section-article img:not(:first-child), .section-article ul:not(:first-child), .section-article ol:not(:first-child) { margin: 30px 0 0; } .section-article li:not(:first-child) { margin: 16px 0 0; } } /*video section*/ body.lock { overflow: hidden; } .video-main { position: relative; width: 100%; height: 743px; overflow: hidden; } .video-main-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .video-section { width: 100%; height: 100%; overflow: hidden; background-color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .video-section.fixed { position: fixed; z-index: 100; top: 0; left: 0; } .video-section.show { -webkit-animation: show 0.5s forwards; animation: show 0.5s forwards; } .video-section.hide { -webkit-animation: hide 1s forwards; animation: hide 1s forwards; } .video { position: relative; width: 100%; height: 100%; overflow: hidden; } .video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .video-controls { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s; transition: 0.5s; } .video-controls.none { opacity: 0; -webkit-transform: translateY(80px); transform: translateY(80px); } .video-controls-play { cursor: pointer; position: absolute; bottom: 16px; left: 2.5%; } .video-controls-play svg { width: 15px; height: auto; fill: #fff; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .video-controls-play svg.none { display: none; } .video-controls-play svg:hover { opacity: 0.7; } .video-controls-volume { position: absolute; bottom: 16px; right: 2.5%; cursor: pointer; } .video-controls-volume .volume { width: 25px; } .video-controls-volume .mute { width: 22px; } .video-controls-volume img { height: auto; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .video-controls-volume img:hover { opacity: 0.7; } .video-controls-volume img.none { display: none; } .video-controls .progress { cursor: pointer; position: absolute; bottom: 40px; left: 0; right: 0; width: 95%; height: 2px; margin: 0 auto; padding: 10px 0; overflow: hidden; } .video-controls .progress div { position: absolute; z-index: 1; top: 10px; left: 0; width: 100%; height: 2px; background-color: #fff; border-radius: 5px; } .video-controls .progress span { position: relative; z-index: 2; border-radius: 5px; background-color: #bebebe; height: 2px; display: block; } .start-video { position: absolute; z-index: 3; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; border: 1px solid rgba(255, 255, 255, 1); width: 130px; height: 130px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } .start-video:hover { background-color: #fff; } .start-video:hover svg { fill: #002c6e; } .start-video svg { fill: #fff; width: 23px !important; height: auto !important; -webkit-transition: fill 0.5s !important; transition: fill 0.5s; margin-left: 6px; } .close-video { cursor: pointer; position: absolute; z-index: 3; top: min(50px, max(18px, 18px + 32 * (100vw - 320px) / 1600)); right: min(54px, max(14px, 14px + 40 * (100vw - 320px) / 1600)); width: min(30px, max(18px, 18px + 12 * (100vw - 320px) / 1600)); height: auto; } .close-video.none { display: none; } .cookie-video { display: none !important; position: absolute; z-index: 3; bottom: min(48px, max(40px, 40px + 8 * (100vw - 1440px) / 480)); right: 2.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cookie-video p { font-size: 14px; line-height: 130%; font-weight: 400; color: #fff; margin-right: 15px; } .cookie-video p a { font-size: 14px; line-height: 130%; color: #fff; text-decoration: underline; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .cookie-video p a:hover { opacity: 0.5; } .cookie-video img { width: 10px; height: auto; cursor: pointer; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .cookie-video img:hover { opacity: 0.5; } .cookie-video.none { -webkit-animation: hide 0.3s forwards; animation: hide 0.3s forwards; } .close-video.anim { opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .close-video.anim-show { opacity: 1; } .close-video.anim-show:hover { opacity: 0.7; } @media screen and (max-width: 800px) { .video-main { margin-top: 0px; height: min(950px, max(407px, 407px + 543 * (100vw - 320px) / 448)); height: 480px; } .video-section.show .video { height: auto; aspect-ratio: 16/9; top: 50%; transform: translatey(-50%); } .cookie-video { bottom: min(24px, max(15px, 15px + 9 * (100vw - 320px) / 448)); } .start-video { width: min(130px, max(80px, 80px + 50 * (100vw - 320px) / 448)); height: min(130px, max(80px, 80px + 50 * (100vw - 320px) / 448)); } .start-video svg { width: min(23px, max(12px, 12px + 11 * (100vw - 320px) / 448)); margin-left: 3px; } } @media only screen and (max-width: 700px) { .video-controls-play { bottom: 11px; } .video-controls-play svg { width: 10px; } .video-controls-volume .volume { width: 20px; } .video-controls-volume .mute { width: 17px; } .video-controls .progress { bottom: 16px; width: 80%; } } @media screen and (max-width: 450px) { .video-main { height: 175px; } .start-video { width: 30px; height: 30px; } .start-video svg { fill: #fff; width: 9px !important; } } /*about company styles*/ .page-content-about .page-content-inner { padding-bottom: 0; } .section-about__title { font-size: 40px; font-weight: 600; line-height: 48.41px; color: #002c6e; text-transform: uppercase; } .section-about__inner { margin-top: 66px; } .section-about__col:first-child { width: 40%; } .section-about__col:last-child { width: 60%; } .section-about-advantages { width: 60%; margin-left: auto; } .section-about-advantages__row { display: flex; flex-wrap: wrap; gap: 30px; } .section-about-advantages__row:not(:last-child) { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #a5a5a5; } .section-about-advantage { width: calc((100% - 30px) / 2); } .section-about-advantage p { margin: 0; } .section-about-advantage__text, .section-about-geography-item p, .section-about-history-item p, .section-about-branch-item p { font-size: 18px; font-weight: 300; line-height: 21.78px; text-transform: uppercase; margin-top: 8px; color: #000000; } .section-about-advantage p.section-about-advantage__title, .section-about-advantage p span, .section-about-geography-item p span, .section-about-history-item p span { font-size: 40px; font-weight: 600; line-height: 48.41px; color: #002c6e; display: block; } .section-about-geography__inner { display: flex; flex-wrap: wrap; align-items: center; } .section-about-geography__col:first-child { width: 71%; } .section-about-geography__col:last-child { width: 29%; } .section-about-geography-item:not(:last-child) { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #a5a5a5; } .section-about-geography__pic-wrap { padding-right: 80px; } .section-about-geography__pic-wrap img { width: 100%; } .section-about-geography-item p { max-width: 304px; } .section-about-branches-items { width: 60%; margin-left: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 40px; } .section-about-branch-item a { display: block; text-decoration: none; text-transform: uppercase; font-size: 24px; font-weight: 600; line-height: 29.05px; color: #002c6e; } .section-about-branch-item a:hover { color: #b8b8b8; } .section-about-branch-item p { color: #1f1f1f; margin-top: 2px; } .section-about-history__inner { display: flex; flex-wrap: wrap; } .section-about-history__pic-wrap { display: flex; justify-content: end; padding-right: 40px; } .section-about-history-items { padding-left: 40px; border-left: 1px solid #002c6e; } .section-about-history-item { position: relative; margin: 0; } .section-about-history-item:not(:last-child) { padding-bottom: 52px; } .section-about-history-item p { margin: 0; max-width: 75%; } .section-about-history-item:before { content: ""; position: absolute; top: 16px; left: -46px; width: 11px; height: 11px; border: 1px solid #002c6e; background: #ffffff; border-radius: 50%; } .custom-tab { cursor: pointer; transition: background-color 0.5s, color 0.5s; } .custom-tabs-content { display: none; transition: opacity 0.5s; opacity: 0; } .custom-tabs-content.opened { display: block; opacity: 1; } .history-tab.custom-tab.active { text-decoration: underline; text-underline-offset: 4px; font-weight: 600; } .history-tabs-wrap { display: flex; flex-wrap: wrap; gap: 14px 20px; } .history-tab, .history-year { font-size: 18px; font-weight: 500; line-height: 21.78px; color: #002c6e; } .history-tab { text-decoration: underline; text-underline-offset: 4px; } .history-tabs-content-wrap { margin-top: 30px; } .history-tabs-content, .history-tabs-content p { font-size: 16px; font-weight: 300; line-height: 19.36px; text-transform: uppercase; color: #000000; } .history-tabs-content p.history-year { font-weight: 600; color: #002c6e; margin-bottom: 10px; } .section-about-history__inner_mobile { display: none; } @media screen and (max-width: 1100px) { .section-about__inner { margin-top: 46px; } .section-about__col { width: 100% !important; } .section-about-geography-item p { max-width: 100%; } .section-about-geography-item:not(:last-child) { padding-bottom: 30px; margin-bottom: 30px; } .section-about-geography__pic-wrap { padding-right: 0px; } .section-about-history__inner:not(.section-about-history__inner_mobile) { display: none; } .section-about-history__inner_mobile { display: block; } .section-contacts { padding-bottom: 0px !important; } } @media screen and (max-width: 767px) { .page-content-about .breadcrumb { display: flex; margin: 0 0 17px; } } @media screen and (max-width: 640px) { .about-page .page-section { padding: 35px 0; } .page-info .section-about-form { margin-top: 70px; } .page-section#productsSection { padding-top: 70px; } .page-section.banner-swiper-section { padding-bottom: 70px; } .section-about-advantages__row { display: contents; } .section-about-advantage { width: 100%; } .section-about-advantage:not( .section-about-advantages__row:last-child .section-about-advantage:last-child ) { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #a5a5a5; } .section-about__title { font-size: 20px; font-weight: 600; line-height: 24.2px; } .section-about__inner { margin-top: 30px; } .section-about-advantage__text, /* .section-about-advantage p, */ .section-about-geography-item p, .section-about-history-item p, .section-about-branch-item p { font-size: 14px; font-weight: 300; line-height: 16.94px; } .section-about-advantage p.section-about-advantage__title, .section-about-advantage p span, .section-about-geography-item p span, .section-about-history-item p span { font-size: 18px; font-weight: 600; line-height: 21.78px; } .section-about-branch-item a { font-size: 16px; font-weight: 600; line-height: 19.36px; } .section-about-branches-items { gap: 25px; } .section-about-geography__pic-wrap { display: none; } } /*form on page about*/ .section-about-form input[type="text"], .section-about-form input[type="password"], .section-about-form input[type="date"], .section-about-form input[type="datetime"], .section-about-form input[type="email"], .section-about-form input[type="number"], .section-about-form input[type="search"], .section-about-form input[type="tel"], .section-about-form input[type="time"], .section-about-form input[type="url"], .section-about-form textarea, .section-about-form select, .section-about-form .chosen-container-single .chosen-single, .section-about-form .type-file input, .section-about-form .type-file { height: 48px; font-size: 16px; font-weight: 300; } .section-about-form .chosen-container-single .chosen-single { line-height: 48px; } .section-about-form { background: url("/local/templates/b2c/css/../images/about/form-about_bg.png") center no-repeat !important; background-size: cover !important; padding: 72px 0; } .page-info .section-about-form { margin-top: 140px; } .page-info .page-content-inner { padding-bottom: 0; } .about-feedback-form { padding: 64px 92px 36px; width: 61.5%; background: #1f1f1f1a; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border: 0; } .about-feedback-form__title { font-size: 40px; font-weight: 600; color: #ffffff; margin-bottom: 60px; text-transform: uppercase; } .about-feedback-form__content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 36px; } .section-about-form textarea { height: 100%; padding: 10px 20px 10px 30px; } .section-about-form select { padding-left: 30px; } .section-about-form .check-label:before { width: 17px; height: 17px; top: -4px; } .section-about-form .check-label:after { display: none; left: 7px; top: -1px; width: 4px; height: 8px; } .section-about-form .checkbox input:checked + .check-label:after { display: block; } .section-about-form .checkbox label { min-height: unset; padding-left: 24px; font-size: 10px; font-weight: 300; line-height: 11px; } .section-about-form .form-btn { text-align: left; } .section-about-form .form-group { margin-bottom: 0; } .section-about-form .form-group_file { margin-bottom: 35px; } .section-about-form .form-group_btn { margin-bottom: 12px; } .section-about-form .type-file:after { display: none; } .section-about-form .type-file svg { width: 28px !important; height: 26px !important; fill: #1f1f1f96; position: absolute; right: 15px; bottom: 12px; } .section-about-form .type-file { background-color: #d9d9d9; } .section-about-form .type-file span { font-size: 16px; font-weight: 300; text-align: left; color: #1f1f1f; } .section-about-form select.select-white { color: #fff; } .section-about-form .select-white + .chosen-container-single .chosen-single div { background-image: url(/local/templates/b2c/css/../images/about/arr-select.svg); background-size: auto; width: 46px; height: 17px; } .section-about-form .form-btn .btn { min-width: 170px; max-width: 100%; } .btn-blue_2 { background-color: #002c6e !important; border-color: #002c6e !important; color: #ffffff; font-size: 16px; line-height: 18px; font-weight: 300; padding: 6px 20px; text-transform: none; height: 48px; display: flex; align-items: center; justify-content: center; width: fit-content; } .search-page .btn-blue_2 { height: unset; text-align: center; margin: 0px auto 26px; text-transform: none; min-width: 166px; height: 48px; } .search-page .page-section { padding: 30px 0 26px; } .loadmore a { font-size: 17px; font-weight: 300; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .pagination-pages a { font-weight: 300; } .catalogue-filter-top .btn-blue_2 { height: 70px; text-align: center; display: inline-flex; text-transform: uppercase; } .main-page .catalogue-filter-top .btn-blue_2 { height: 48px; text-transform: none; } .btn.btn-blue.btn-blue_2:hover, .btn.btn-blue_2:hover { background-color: #02327b !important; color: #ffffff; } @media screen and (max-width: 950px) { .about-feedback-form { width: 100%; } .about-feedback-form { padding: 50px 36px; } } @media screen and (max-width: 767px) { .section-about-form { background: #363939f0 !important; } .about-feedback-form { padding: 0; } .about-feedback-form { background: transparent; } .about-feedback-form__title { font-size: 18px; font-weight: 600; margin-bottom: 30px; padding-left: 15px; } .about-feedback-form__content { gap: 11px; } .section-about-form .form-group_file { margin-bottom: 0px; } .section-about-form .form-group_btn { margin-bottom: 0; } .section-about-form .form-btn .btn { width: fit-content; } .section-about-form .form-groups { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; gap: 15px; } .section-about-form .form-group_file { width: 100%; } .section-about-form .type-file { background-color: #ffffff; border: 1px solid #ffffff; } .section-about-form .select-white + .chosen-container-single .chosen-single div { width: 28px; height: 14px; } .section-about-form textarea { height: 93px; } .section-about-form .form-group__consent { max-width: 164px; } .section-about-form .check-label:before { top: 2px; } .section-about-form .check-label:after { top: 5px; } .section-about-form input[type="text"], .section-about-form input[type="password"], .section-about-form input[type="date"], .section-about-form input[type="datetime"], .section-about-form input[type="email"], .section-about-form input[type="number"], .section-about-form input[type="search"], .section-about-form input[type="tel"], .section-about-form input[type="time"], .section-about-form input[type="url"], .section-about-form textarea, .section-about-form select, .section-about-form .type-file span { font-size: 13px; padding: 10px 15px; } .section-about-form .chosen-container-single .chosen-single, .section-about-form .type-file span { padding: 0px 15px; } .section-about-form .form-btn .btn { min-width: 136px; max-width: 100%; } } @media screen and (max-width: 540px) { .section-about-form .form-groups { align-items: center; } .section-about-form .type-file svg { width: 20px !important; height: 18px !important; bottom: 9px; } .section-about-form .type-file input, .section-about-form .type-file { height: 37px; } } /*popup*/ @keyframes slideDown { 0% { transform: translateY(-110%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .popup { position: fixed; z-index: 100; top: 0; left: 0; background-color: #1f1f1f99; width: 100%; height: 100%; overflow: auto; pointer-events: none; opacity: 0; visibility: visible; } .popup-small { width: 463px; height: fit-content; left: auto; right: 0; background-color: transparent; margin: 0; background-color: #ffffff; height: 96px; overflow: hidden; } .popup-small .fancybox-slide > * { padding: 0; } .popup-small .search-form input[type="text"] { padding-bottom: 8px; padding-right: 55px; border: none; border-bottom: 1px solid #000000; } .popup-small .search-form input[type="text"]::placeholder { font-size: 0; } .popup-small .search-form { padding: 20px; background-color: #ffffff; } .popup-small .search-submit { right: 12px; background: transparent url(/local/templates/b2c/css/../images/search.svg) 50% 50% no-repeat; background-size: 27px 27px; opacity: 1; top: -6px; } .popup-small .fancybox-close-small { top: 44px; right: 87.5%; } .popup-small input[type="text"] { height: 26px; } .popup.opened { pointer-events: auto; opacity: 1; visibility: visible; } .popup.opened .popup__content { animation-name: slideDown; animation-duration: 0.3s; animation-timing-function: linear; animation-fill-mode: both; } .popup__wrapper { display: table; width: 100%; height: 100%; } .popup__inner { display: table-cell; vertical-align: middle; padding: 50px 0; } .popup__content { background: white; padding: 129px 40px 90px; border-radius: 0; max-width: 738px; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; } .btn-close { position: absolute; top: 20px; right: 20px; border: none; cursor: pointer; background: none; padding: 0; width: 20px; height: 20px; display: inline-block; } .btn-close::before, .btn-close::after { content: ""; background: #000; height: 20px; width: 1px; position: absolute; border-radius: 10px; top: 50%; right: 50%; } .btn-close::before { -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .btn-close::after { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .popup-success__text { margin-top: 40px; font-size: 16px; font-weight: 300; line-height: 19.36px; text-align: center; } .popup-success__text span { font-weight: 600; } .popup-success__btn { margin-top: 84px; } @media screen and (max-width: 800px) { .popup__content { padding: 50px 40px; width: 96%; } .popup-success__text { margin-top: 30px; } .popup-success__btn { margin-top: 44px; } } /* redisign */ /* form on main page*/ .main-page .catalogue-filter { max-width: 868px; } .main-page .catalogue-filter .row { display: flex; flex-wrap: wrap; margin-left: 0; margin-right: 0; } .main-page .form-group { margin-bottom: 46px; width: 100%; } .main-page .main-top-wrap { position: relative; } .main-page .rival-filter { transform: translateY(50%); bottom: 50%; position: absolute; z-index: 2; left: 90px; } .main-page .filter-panel { margin-top: 0; padding: 56px 118px 80px; background-color: #363939cc; border: 0; height: fit-content; width: 100%; } .main-page .filter-panel-btn { display: flex; flex-wrap: wrap; margin-top: 0px; align-items: center; gap: 20px 46px; } .main-page .filter-panel h3 { font-size: 40px; font-weight: 400; margin: 0 0 36px; text-transform: uppercase; } .main-page .catalogue-filter-top { background-color: transparent; } .new-products__inner { display: flex; flex-wrap: wrap; gap: 30px; } .new-products__inner .cat-item { width: calc((100% - 90px) / 4); } @media screen and (max-width: 1350px) { .new-products__inner .cat-item { width: calc((100% - 60px) / 3); } } .new-products .cat-item-bottom { align-items: end !important; } .new-products__wrap .btn { display: none; } /* Доставка*/ .info-item__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(570px, 1fr)); gap: 30px 94px; } .info-item:not(:last-child) { padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid #002c6e; } .info-item__title { font-size: 40px; font-weight: 600; line-height: 48.41px; color: #002c6e; margin-bottom: 50px; text-transform: uppercase; } .info-item p { font-size: 17px; font-weight: 300; line-height: 20.57px; } .info-item p:not(:first-of-type) { margin-top: 30px; } .info-item p b { font-size: 17px; font-weight: 500; line-height: 20.57px; } .info-item__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 32px; } .info-item-card { display: flex; flex-direction: column; align-items: center; justify-content: space-between; background-color: #ffffff; padding: 16px 20px; height: 221px; gap: 4px; } .info-item-card__pic-wrap { display: flex; align-items: center; height: calc(100% - 25px); } .info-item-card__title { font-size: 16px; font-weight: 600; line-height: 21.28px; text-align: center; height: 25px; display: flex; align-items: center; color: #000000; } .faq-text a.info-item-card { text-decoration: none; } .faq-list-container .btn { margin: 50px auto 0; min-width: 254px; height: 67px; font-size: 17px; font-weight: 300; line-height: 20.57px; } .faq-list-container .btn svg { transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; margin-left: 37px; } .faq-list-container .btn:hover svg { transform: translateX(5px); } .faq-nav__row .form-group { margin-bottom: 10px; } .faq-nav__row input[type="text"], .faq-nav__row input[type="password"], .faq-nav__row input[type="date"], .faq-nav__row input[type="datetime"], .faq-nav__row input[type="email"], .faq-nav__row input[type="number"], .faq-nav__row input[type="search"], .faq-nav__row input[type="tel"], .faq-nav__row input[type="time"], .faq-nav__row input[type="url"], .faq-nav__row textarea, .faq-nav__row select { padding-left: 15px; padding-right: 15px; font-size: 17px; font-weight: 300; height: 53px; } .faq-form .check-label:before { width: 19px; height: 19px; top: 0px; } .faq-form .checkbox label { padding-left: 28px; } .faq-form-title { margin-bottom: 26px; font-size: 20px; font-weight: 600; padding-left: 30px; text-align: left; } .faq-form .type-file input { height: 42px; } .faq-form .type-file span { padding: 0 15px 0 15px; } .faq-form .type-file svg { width: 28px !important; height: 26px !important; fill: #1f1f1f; position: absolute; right: 15px; bottom: 8px; } .faq-form .type-file:after { display: none; } .faq-form .form-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; } .faq-form select.select-white { background-size: 33px 17px; } .faq-form .checkbox label { font-size: 11px; font-weight: 300; line-height: 11px; } .faq-form .check-label:after { display: none; left: 9px; top: 5px; width: 4px; height: 8px; } .faq-form .checkbox input:checked + .check-label:after { display: block; } .faq-form .form-group__consent { width: 184px; } .faq-form .checkbox label { min-height: unset; } .section-contacts { padding-bottom: 140px; } .section-contacts__inner { display: flex; flex-wrap: wrap; } .section-contacts__col:first-child { width: 42%; } .section-contacts__col:nth-child(2) { width: 58%; } .section-contacts__inner { display: flex; flex-wrap: wrap; } .section-contacts__pic-wrap { display: flex; justify-content: end; padding-right: 70px; } .section-contacts-item { width: 100%; } .section-contacts-item:not(:last-child) { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #002c6e; } .section-contacts-item p { font-size: 17px; font-weight: 300; line-height: 20.57px; margin: 0; } .section-contacts-item p b { font-weight: 500; } .section-contacts-item p:not(:last-child) { margin-bottom: 20px; } .section-contacts__big-link { font-size: 40px; font-weight: 600; line-height: 48.41px; text-align: left; color: #002c6e; text-transform: uppercase; margin-top: 40px; display: block; text-decoration: underline; text-underline-offset: 4px; transition: all 300ms; } /*swiper*/ .banner-swiper { position: relative; } .banner-swiper-pagination { position: absolute; bottom: 25px; } .banner-swiper .swiper-pagination-bullet { width: 13px; height: 13px; background: #bbbbbb; opacity: 1; } .banner-swiper .swiper-pagination-bullet-active { background: #686868; } .banner-swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; } .banner-swiper source, .banner-swiper img { width: 100%; } /*footer*/ .footer { background-color: #1f1f1f; color: #ffffff; padding: 36px 0 74px; } .container-footer { max-width: 1792px; margin: 0 auto; padding: 0 20px; } .footer__inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15%; } .footer__cols-left { display: flex; width: 50%; gap: 20px 74px; } .footer__cols-left .footer__col { width: 50%; } .footer__col { min-height: 163px; flex-direction: column; display: flex; } .footer__cols-right { display: flex; justify-content: space-between; width: 35%; gap: 20px; } .footer__logo-container { display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; margin-right: 0; align-items: center; } .footer__logo { width: 239px; margin-right: 40px; cursor: pointer; } .footer__logo .logo-img { width: 239px; } .footer__pic { width: 81px; } .footer-menu { display: flex; flex-wrap: wrap; flex-direction: column; max-height: 90px; height: 100%; gap: 4px 146px; } .footer-menu a { font-size: 16px; font-weight: 500; line-height: 16px; padding: 2px 0; } .footer-item { padding: 7px 0; max-width: 258px; font-size: 16px; font-weight: 300; line-height: 19.36px; } .footer-item b { display: inline-block; font-weight: 600; margin-bottom: 8px; } .footer .copyright, .footer-links, .footer-socials, .footer-link-site { margin-top: auto; } .footer-link-site { display: block; } .footer .copyright { width: 100%; } /*detail-page*/ .title-and-share--mobile { display: none !important; } .catalogue-detail-top .title-and-share { display: flex; align-items: center; padding-bottom: 20px; margin-bottom: 45px; border-bottom: 1px solid #d5d5d5; margin-left: 184px; } .catalogue-detail-top .title-and-share h1 { font-size: 24px; font-weight: 400; line-height: 29.05px; color: #0c0c0c; margin: 0; width: 90%; } .catalogue-detail-gallery { border: 1px solid #d5d5d5; } .catalogue-detail-gallery-thumbs { top: -222px; width: 139px; } @media screen and (max-width: 1462px) { .catalogue-detail-gallery-thumbs { top: -266px; } } @media screen and (max-width: 1278px) { .catalogue-detail-gallery-thumbs { top: -375px; } } .catalogue-detail-gallery-thumbs .slick-prev, .catalogue-detail-gallery-thumbs .slick-next { display: none !important; } .catalogue-detail-gallery-container { padding-left: 184px; } .catalogue-detail-top .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more { background-image: url(/local/templates/b2c/css/../images/share.svg); background-size: auto; } .catalogue-detail-top .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short { background: transparent; } .catalogue-detail-top .ya-pay { position: relative; left: -20px; } .catalogue-detail-top { padding: 45px 50px; background-color: #ffffff; margin: 0 0 80px 0; } .catalogue-detail-top .catalogue-detail-top-block { padding: 18px 30px; box-shadow: 0px 0px 14.2px -2px #0056ba33; margin-bottom: 50px; } .catalogue-detail-prices { display: flex; align-items: end; gap: 20px; } .catalogue-detail-prices__actual { font-size: 24px; font-weight: 600; line-height: 29.05px; color: #000000; } .catalogue-detail-prices .detail-btn-add-to-cart-mobile__old { gap: 5px; } .catalogue-detail-prices__old, .detail-btn-add-to-cart-mobile__old { font-size: 20px; font-weight: 600; line-height: 24.2px; color: #a5a5a5aa; text-decoration: line-through; } .catalogue-detail-btns-wrap { display: flex; align-items: flex-start; gap: 30px; margin-top: 12px; } .catalogue-detail-btns-wrap .catalogue-detail-btn-add-to-cart { width: calc(100% - 90px); } .catalogue-detail-btns-wrap .btn.btn-blue { text-transform: uppercase; background-color: #002c6e; border-color: #002c6e; height: 49px; font-size: 14px; font-weight: 300; line-height: 16.94px; text-align: center; display: flex; align-items: center; justify-content: center; } .catalogue-detail-fav { width: 60px; } /* .catalogue-detail-btns-wrap .btn-fav */ .catalogue-detail-btns-wrap .header-fav-icon { width: 60px; height: 48px; border-radius: 0; background-color: #d5d5d5; border-color: #d5d5d5; display: flex; align-items: center; justify-content: center; cursor: pointer; } .catalogue-detail-characteristics { margin-bottom: 50px; } .characteristic-item { display: flex; justify-content: space-between; gap: 0 20px; } .characteristic-item:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #a5a5a5; } .characteristic-item__name { font-size: 17px; font-weight: 300; line-height: 20.57px; color: #7a7a7a; } .characteristic-item__value { font-size: 17px; font-weight: 300; line-height: 20.57px; color: #000000; width: fit-content; } .detail-shops-list { display: flex; flex-wrap: wrap; gap: 40px; } .detail-shop-item { width: calc((100% - 200px) / 6); background-color: #ffffff; height: 100px; display: flex; align-items: center; justify-content: center; } .detail-shop-item img { width: 100%; height: 100%; object-fit: contain; } @media screen and (max-width: 1600px) and (min-width: 992px) { .faq-form .form-bottom { flex-direction: column-reverse; } .faq-form .form-bottom .form-btn, .faq-form .form-group__consent { width: 100%; } } @media screen and (max-width: 1700px) { .main-page .rival-filter { left: 0px; } .section-contacts__big-link { font-size: 34px; line-height: 44px; } } @media screen and (max-width: 1600px) { .section-contacts .container-fluid { padding: 0; } .footer__cols-right { width: 38%; } .footer__inner { gap: 12%; } .footer__logo { width: 178px; } } @media screen and (max-width: 1400px) { .footer__cols-left, .footer__cols-right, .footer__col { display: contents; } .footer__col { min-height: unset; } .footer__inner { flex-direction: column; align-items: center; } .footer-menu { display: none; } .footer-item { font-size: 12px; line-height: 14.52px; } .footer-item b { display: inline-block; margin-bottom: 5px; } .footer-item.footer-item--address { order: 2; margin-top: 11px; text-align: center; } .footer-item { max-width: 208px; } .footer-item.footer-item--contacts { order: 3; margin-top: 15px; text-align: center; } .footer-link-site { order: 4; margin-top: 30px; text-align: center; font-size: 17px; font-weight: 500; line-height: 20.57px; } .footer-links { order: 5; margin-top: 30px; justify-content: center; font-size: 12px; font-weight: 500; line-height: 14.52px; } .footer-links a { padding-left: 0px; } .footer-links .policy-link:before { display: none; } .footer-socials { order: 6; margin-top: 15px; } .footer .copyright { order: 7; margin-top: 15px; text-align: center; font-size: 12px; font-weight: 500; line-height: 14.52px; } .footer__logo { width: 185px; margin-right: 34px; } .footer__pic { width: 60px; } .footer-menu, .footer-item { padding: 0; } } @media screen and (max-width: 1450px) { .main-page .filter-panel { padding: 40px 70px 50px; } .main-page .form-group { margin-bottom: 26px; width: 100%; } .main-page .rival-filter { bottom: calc(50% - 20px); } .main-page .catalogue-filter { max-width: 720px; } .main-page .filter-panel h3 { font-size: 36px; } .detail-shop-item { width: calc((100% - 160px) / 5); } } @media screen and (max-width: 1280px) { .faq-item-title:after, .faq-item-title.collapsed:after { right: 0; } .info-item__cols--pay .info-item__col:last-child br { display: none; } .section-contacts__big-link { font-size: 28px; line-height: 40px; } .detail-shop-item { width: calc((100% - 120px) / 4); } } @media screen and (max-width: 1100px) { .section-contacts__col:first-child { display: none; } .section-contacts__big-link { display: none; } .section-contacts__col:nth-child(2) { width: 100%; } .detail-shop-item { width: calc((100% - 80px) / 3); } } @media screen and (max-width: 1069px) { .cat-item.cat-item--hidden { display: none !important; } .new-products__wrap .btn:not(.btn-cart) { display: flex; margin: 20px auto 0; min-width: 166px; } .main-page .new-products__wrap .btn:not(.btn-cart) { margin: 20px auto 0; } } @media screen and (max-width: 992px) { .main-page .slider-mob { margin-top: 0px; min-height: 440px !important; } .main-page .top-slide { min-height: 500px; height: 635px; } .main-page .rival-filter { padding: 0; bottom: 0; transform: unset; margin: 0; } .main-page .filter-panel { max-width: 100%; margin: auto; padding: 40px 30px 47px; bottom: 30px; transform: unset; } .main-page .filter-panel h3 { font-size: 20px; margin: 0 0 20px; } .main-page .form-group { margin-bottom: 26px; } .main-page .select2-container--default .select2-selection--single { height: 36px !important; } .main-page .select2-selection__rendered { height: 36px; line-height: 36px; } .main-page .filter-panel-btn .btn-blue_2, .main-page .filter-panel-btn .btn { height: 36px; } .info-page__inner { display: none; } .info-item__cards { gap: 20px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .info-item-card { height: 180px; } .faq-nav__col:first-child { width: 100%; order: 2; } .faq-nav__col:last-child { width: 100%; padding-left: 0; } .faq-list-container .btn { margin: 20px auto 0; } .faq-item { margin-bottom: 15px; } .faq-item:nth-last-child(2), .faq-item:last-child { background-color: transparent; } .faq-item:nth-last-child(2) .faq-text, .faq-item:last-child .faq-text { /* padding: 20px 0px 25px 0px; */ padding: 15px 0; } .faq-form-title { padding-left: 17px; } .faq-text { padding: 20px 12px 25px 12px; } .catalogue-detail-gallery-container { padding-left: 0px; } .catalogue-detail-top .title-and-share { margin-left: 0; padding-bottom: 0; margin-bottom: 30px; border-bottom: none; } .catalogue-detail-caption { padding: 0; } .title-and-share--mobile { display: flex !important; } .title-and-share--pk { display: none !important; } .catalogue-detail-gallery { border: none; } .catalogue-detail-top .share-block { display: none; } .info-item__cols--pay.info-item__cols { gap: 0 94px; } .catalogue-detail-top .title-and-share h1 { width: 100%; } .new-products__inner { gap: 20px; } .new-products__inner .cat-item { width: calc((100% - 20px) / 2); } .fav-price { /* align-items: flex-start !important; */ position: absolute; bottom: 7px; left: 20px; } .favourites-list-item { padding: 35px 10px 60px; } .fav-title { max-width: unset; } .favourites-list-col { position: relative; } .favourites-list-col .cat-item-bascket-btn { position: absolute; bottom: 7px; right: 20px; } /* .favourites-list-col { margin-bottom: 8px; } */ .favourites-content .catalogue-nav .catalogue-sort-container .dropdown-small [data-toggle="dropdown"] { min-width: 110px; } .favourites-nav .per-page { padding-right: 15px; } } @media (max-width: 767px) { .new-products .cat-item-bottom { display: flex !important; } .catalogue-detail-top .ya-pay { left: 0; } .catalogue-detail-shops-tabs { display: none; } .catalogue-detail-btn-add-to-cart .detail-btn-add-to-cart-desktop { display: none !important; } .catalogue-detail-btns-wrap { width: fit-content; gap: 13px; justify-content: space-between; } .catalogue-detail-top { display: flex; justify-content: space-between; align-items: center; } .cat-item-discount { left: 3px !important; } .detail-shop-item { width: calc((100% - 40px) / 2); } } @media (max-width: 660px) { .breadcrumb a { font-weight: 300; font-size: 14px; } .header-menu li a { padding: 8px 0; } .header-right a:hover, .header-right a:active, .header-right a.active { color: #000000; } .header-menu .category-m.sub-menu-mob-show { padding-left: 68px; } .info-item__cols { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .info-item__col p { font-size: 14px; font-weight: 300; line-height: 16.94px; } .info-item__col p b { font-weight: 500; } .info-item__cards { grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 10px; } .info-item-card { height: 120px; } .info-item-card__pic-wrap { height: calc(100% - 40px); } .info-item-card__pic-wrap img { height: 100%; width: 100%; object-fit: contain; } .info-item-card { gap: 10px; } } @media screen and (max-width: 600px) { .page-section-header { margin-bottom: 30px; } .filter-panel-btn .btn { min-width: 162px; } .main-page .filter-panel-btn { gap: 20px 6px; } .top-slide-bg { background-position: 50% 50% !important; } .page-section { padding: 25px 0; } .page-info .section-about-form { margin-top: 40px; } .page-section#productsSection { padding-top: 50px; } .page-section.banner-swiper-section { padding-bottom: 40px; } .cat-item-material { font-size: 14px; line-height: 14px; } .cat-item-basket-btn { width: 30px; height: 30px; } .cat-item-basket-btn svg { width: 20px !important; height: 16px !important; } .cat-item-bottom { margin-top: 20px; } .new-products__inner { gap: 8px 6px; } .new-products__inner .cat-item { width: calc((100% - 6px) / 2); } .catalogue-sort-search { min-width: 100%; } .faq-list-container .btn { margin: 20px auto 0; } .faq-list-container .btn { min-width: 206px; font-size: 14px; font-weight: 400; line-height: 16.94px; height: 55px; } .faq-list-container .btn svg { width: 24px !important; margin-left: 26px; } .faq-nav__row input[type="text"], .faq-nav__row input[type="password"], .faq-nav__row input[type="date"], .faq-nav__row input[type="datetime"], .faq-nav__row input[type="email"], .faq-nav__row input[type="number"], .faq-nav__row input[type="search"], .faq-nav__row input[type="tel"], .faq-nav__row input[type="time"], .faq-nav__row input[type="url"], .faq-nav__row textarea, .faq-nav__row select { font-size: 14px; font-weight: 300; height: 46px; } .section-contacts-item p { font-size: 14px; line-height: 16.94px; } .catalogue-detail-top .title-and-share h1 { font-size: 16px; font-weight: 300; line-height: 19.36px; padding: 0; } .catalogue-detail-top .catalogue-detail-top-block { padding: 0; background-color: transparent; box-shadow: none; margin-bottom: 34px; display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; } .catalogue-detail-content { background-color: #ffffff; padding: 10px 14px; } .catalogue-detail-top .container-fluid { padding: 0; } .catalogue-detail-top .catalogue-detail-top-block { padding: 0; } .catalogue-detail-prices__old { font-size: 18px; font-weight: 600; line-height: 21.78px; } .catalogue-detail-btns-wrap .btn.btn-blue { font-size: 0; background: url(/local/templates/b2c/css/../images/cart-white.svg) no-repeat center; background-size: 28px 28px; } .catalogue-detail-btns-wrap { gap: 13px; margin-top: 0px; } .catalogue-detail-btns-wrap .btn.btn-blue { width: 63px; min-width: 63px; } .catalogue-detail-top { align-items: center; padding: 10px 0; background: transparent; margin-bottom: 26px; } .characteristic-item { padding-left: 14px; padding-right: 14px; } .characteristic-item:not(:last-child) { padding-bottom: 16px; margin-bottom: 16px; } .catalogue-detail-characteristics { width: calc(100% + 28px); margin-left: -14px; } .catalogue-detail-top .title-and-share { margin-bottom: 20px; } .catalogue-detail-characteristics { margin-bottom: 30px; } .catalogue-detail-top-info { margin-bottom: 0px; } .catalogue-detail-content { margin-bottom: 15px; } .catalogue-detail-tabs-content .tab-pane:not(:last-child) { margin-bottom: 15px; } .detail-shops-list { gap: 17px 12px; } .detail-shop-item { width: calc((100% - 12px) / 2); } .popup-small { width: 100%; top: 100px; } .footer-socials a { width: 29px; height: 29px; } .fa { font-size: 18px !important; } .fa-d:before { background-size: 10px 23px !important; } .fa-telegram:before { background-size: 17px 22px !important; } .fa-viber:before, .fa-youtube:before { background-size: 15px 19px !important; } } @media screen and (max-width: 450px) { .category-dropdown { min-width: 178px; } .catalogue-sort-search input[type="text"] { padding-right: 48px; } .faq-form .form-bottom { flex-direction: column-reverse; } .faq-form .form-bottom .form-btn, .faq-form .form-group__consent { width: 100%; } .faq-form .check-label:before { width: 17px; height: 17px; } .catalogue-detail-prices { gap: 10px; } .catalogue-detail-prices__actual { font-size: 16px; font-weight: 600; line-height: 22.63px; } .catalogue-detail-prices__actual span { font-size: 13px; line-height: 18.78px; } .catalogue-detail-content .catalogue-detail-prices__actual, .catalogue-detail-content .catalogue-detail-prices__actual span { font-size: 22px; font-weight: 600; line-height: 26.63px; } .catalogue-detail-top .catalogue-detail-top-block { align-items: center; } .catalogue-detail-prices__old, .detail-btn-add-to-cart-mobile__old { font-size: 13px; line-height: 18.78px; } .catalogue-detail-content .detail-btn-add-to-cart-mobile__old, .catalogue-detail-content .catalogue-detail-prices__old { font-size: 18px; line-height: 21.78px; } .catalogue-detail-btns-wrap { gap: 5px; margin-top: 0px; } .catalogue-detail-fav { width: fit-content; } .catalogue-detail-top .catalogue-detail-top-block { gap: 20px; } } @media screen and (max-width: 450px) { .cat-item-price { flex-direction: column; gap: 0 !important; } .popup-small .fancybox-close-small { right: auto; left: 46px; } } /* @media screen and (max-width: 400px) { .catalogue-detail-top .ya-pay { overflow-x: scroll !important; } .catalogue-detail-top .ya-pay::-webkit-scrollbar { width: 3px; height: 3px; } .catalogue-detail-top .ya-pay::-webkit-scrollbar-thumb { background-color: #002C6E; border-radius: 3px; } .catalogue-detail-top .ya-pay::-webkit-scrollbar-track { background-color: #eceef2; } } */ @media screen and (max-width: 389px) { .main-page .filter-panel-btn .btn { width: 100%; } .catalogue-nav.faq-nav .per-page-title { display: none; } } @media screen and (max-width: 360px) { .header-right-icons a { margin: 0 9px; } .form-btn.form-group_btn { width: 100%; } .section-about-form .form-btn .btn { width: 100%; min-width: 100%; } .section-about-form .form-group__consent { max-width: 100%; width: 100%; } .section-about-form .checkbox label { min-height: 24px; } .cat-item-price { flex-direction: row; gap: 6px !important; } .new-products__inner .cat-item { width: 100%; } } .fa-d:before { content: "" !important; position: absolute; width: 23px; height: 23px; background: url(/local/templates/b2c/css/../images/D.svg) no-repeat center; background-size: 11px 25px; } .fa-telegram:before { content: "" !important; position: absolute; width: 23px; height: 23px; background: url(/local/templates/b2c/css/../images/telegram.svg) no-repeat center; /* background-size: .cat-item-price21px 25px; */ } .fa-viber:before { content: "" !important; position: absolute; width: 23px; height: 23px; background: url(/local/templates/b2c/css/../images/viber.svg) no-repeat center; background-size: 23px 23px; } .fa-youtube:before { content: "" !important; position: absolute; width: 23px; height: 23px; background: url(/local/templates/b2c/css/../images/rutube.svg) no-repeat center; background-size: 23px 23px; } .fa { width: 100% !important; height: 100% !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; } .footer-socials a { font-size: 22px; } .fa-d:hover:before { background: url(/local/templates/b2c/css/../images/D_black.svg) no-repeat center; background-size: 11px 25px; } .fa-telegram:hover:before { background: url(/local/templates/b2c/css/../images/telegram_black.svg) no-repeat center; background-size: 21px 25px; } .fa-viber:hover:before { background: url(/local/templates/b2c/css/../images/viber_black.svg) no-repeat center; } .fa-youtube:hover:before { background: url(/local/templates/b2c/css/../images/rutube_black.svg) no-repeat center; background-size: 23px 23px; } .main-page .bx-filter #loader { background: none !important; opacity: 1 !important; z-index: 0; } /* дергание при открытии попапов*/ .compensate-for-scrollbar { margin-right: 0 !important; } @media screen and (min-width: 900px) { /* .fancybox-bg, */ .fancybox-inner, .fancybox-outer { margin-right: 18px; } } .select2, .catalogue-filter-top .select2-container { display: block !important; } /* End */ /* Start:/local/templates/b2c/css/custom.css?174738356417140*/ .adm-workarea textarea { overflow: auto; } .feedback-form__result, .feedback-form__result h2 { color: #fff; font-size: 25px; text-align: center; } .header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .location-link { color: #2b2b31; font-size: 14px; border: none !important; display: flex; align-items: center; margin-top: 12px; margin-right: 64px; justify-content: center; } .location-link:hover { color: #003974; } .location-link::before { content: ""; display: inline-block; width: 14px; height: 14px; margin-bottom: 2px; margin-right: 2px; background-image: url("/local/templates/b2c/css/../images/location-marker.png"); background-size: cover; } .tfl-popup__location-link { font-size: 16px; } @media (max-width: 1600px) { .header-content { height: 100px; } .location-link { margin-right: 25px; } } p.my_car { font-size: 16px; margin-bottom: 20px; } /* .favourites-list-col.deleted { opacity: 0.4; } */ .favourites-list-col.deleted .favourites-remove { background: transparent url('/local/templates/b2c/css/../images/fav.svg') 50% 55% no-repeat; background-size: 24px 18px; } .catalogue-detail-fav.active .header-fav-icon { background: transparent url('/local/templates/b2c/css/../images/fav-act.svg') 50% 55% no-repeat; } .btn.btn-white-border, .btn.btn-white-border:focus { text-transform: none; background-color: transparent; border-color: white; color: white; } .btn.btn-white-border:hover, .btn.btn-white-border:active { border-color: white; color: inherit; background: white } .catalogue-filter-top .filter-btn .btn-reset-filter { color: white; } .catalogue-filter-top .filter-btn .btn-reset-filter:hover { color: #4682c8; } .catalogue-nav .view-types { margin-left: 0px; } @media (max-width: 380px) { .catalogue-sort-container .dropdown-small [data-toggle="dropdown"] { line-height: 24px; padding: 0 30px 0 6px; font-size: 9px; width: 99px; text-overflow: ellipsis; overflow-x: hidden; } } @media (max-width: 767px) { .page-content-inner { padding: 60px 0 40px; } } .catalogue-detail-price-row { flex-wrap: wrap; } .where-to-buy__prompt { background-color: #4682c8; color: white; padding: 20px 30px; width: fit-content; font-size: 15px; margin-bottom: 20px; } .where-to-buy__prompt a { color: white; text-decoration: underline; } .where-to-buy__prompt a:hover { color: #262e34; } .where-to-buy__empty-shop { text-align: center; padding: 100px 0 100px; font-size: 20px; line-height: 1.8; } .where-to-buy__empty-shop i { font-size: 16px; } .empty_reviews { font-size: 16px; } header .header-fav-icon { position: relative; } header .header-fav-icon span { position: absolute; display: block; background-color: #003974; color: white; line-height: 1; padding: 2px 6px; border-radius: 100%; bottom: -10px; right: -10px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 12px; } @media (max-width: 660px) { .where-to-buy-panel { border-bottom: 1px solid #969696; } .where-to-buy-panel-categories li:nth-child(3)~li { display: list-item; } .where-to-buy-panel-categories { align-items: start; flex-direction: unset; justify-content: left; margin-bottom: 20px; } .where-to-buy-panel-categories li { padding: 2px 10px 0; margin: 5px; display: block; border: 1px solid #003974; border-radius: 7px; } } /*добавил описание в форму ОС*/ .feedback-form h2 { margin-bottom: 20px; } .feedback-form--description { color: white; margin-bottom: 50px; } .feedback-form--description a { color: #427ac1; } .feedback-form--description a:hover { color: #427ac1; text-decoration: underline; } .feedback-form--description ul { width: fit-content; display: block; margin: 0 auto; margin-bottom: 15px; } /*END добавил описание в форму ОС*/ /*уведомление о cookie*/ .nca-cookiesaccept-line { margin: 26px !important; max-width: 800px; } .nca-cookiesaccept-line button { display: inline-block; position: relative; border: 2px solid transparent; -webkit-transition: color ease-out .2s, border-color ease-out .2s, background-color ease-out .2s, background-image ease-out .2s, opacity .2s ease-out; -o-transition: color ease-out .2s, border-color ease-out .2s, background-color ease-out .2s, background-image ease-out .2s, opacity .2s ease-out; transition: color ease-out .2s, border-color ease-out .2s, background-color ease-out .2s, background-image ease-out .2s, opacity .2s ease-out; font-size: 13px; padding: 0 16px; height: 32px; background-color: transparent; border-color: white; color: white; } .nca-cookiesaccept-line button:hover { border-color: white; color: inherit; background: white; } @media screen and (max-width: 900px) { .nca-cookiesaccept-line>div { display: block !important; padding-right: 100px !important; } .nca-cookiesaccept-line-text { margin-bottom: 10px; } } /*блок поделиться*/ /* .share-block{ display: flex; align-items: flex-end; font-size: 16px; line-height: 16px; justify-content: flex-end; } .share-text{ margin-right: 5px; } */ .title-and-share { display: flex; justify-content: space-between; } .share-block { margin-top: 8px; margin-left: 5px; } @media (max-width: 992px) { .catalogue-detail-caption .title-and-share { display: none; } .share-block { margin-top: 0; } } @media (min-width: 1690px) { .about-counties { margin-bottom: 190px; } } .about-country-text span { margin-right: 22px; } /*чтобы карта была в контентной области*/ .about-section-map { top: -60px; } /*корзина в шапке*/ .header-right-icons a.header-cart-icon { background: transparent url('/local/templates/b2c/css/../images/cart.png') 50% 55% no-repeat; background-size: 24px 24px; } header .header-cart-icon { position: relative; } header .header-cart-icon span { position: absolute; display: block; background-color: #003974; color: white; line-height: 1; padding: 2px 6px; border-radius: 100%; bottom: -10px; right: -14px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 12px; } /*каунтер в деталке товара*/ .catalogue-detail-count-add-to-cart { /* position: relative; */ } .catalogue-detail-cart-count { position: relative; display: flex; background-color: #f0f0f0; width: 130px; height: 50px; align-items: center; justify-content: center; font-weight: 400; font-size: 16px; } .catalogue-detail-cart-count-minus, .catalogue-detail-cart-count-plus { position: absolute; left: 0; top: 0; width: 40px; height: 50px; cursor: pointer; transition: .3s all ease; -webkit-user-select: none; } .catalogue-detail-cart-count-plus { right: 0; left: auto; margin: 0; } .catalogue-detail-cart-count-minus:after, .catalogue-detail-cart-count-plus:after, .catalogue-detail-cart-count-plus:before { position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -5px; width: 12px; height: 2px; background-color: #979797; content: ""; transition: .3s all ease; } .catalogue-detail-cart-count-plus:before { margin-top: -6px; margin-left: 0; width: 2px; height: 12px; } .catalogue-detail-cart-count-minus:hover:after, .catalogue-detail-cart-count-plus:hover:after, .catalogue-detail-cart-count-plus:hover:before { background-color: #427ac1; } .catalogue-detail-gotocart { padding-top: 6px; line-height: 1; width: 100%; text-align: center; font-size: 14px; display: block; } /*кнопка добавить в корзину в списке товаров*/ .cat-item-btn { display: flex; } .cat-item .btn.btn-cart { min-width: 40px; width: 40px; height: 40px; padding: 6px; display: flex; margin-left: 0px; } .cat-item .btn.btn-cart svg { fill: #002C6E; } .cat-item .btn.btn-cart:hover svg { fill: #ffffff; } .main-page .cat-item .btn.btn-cart { min-width: 40px; width: 40px; height: 40px; padding: 6px; display: flex; margin-left: 0px; } .cat-item .btn.btn-cart-remove { background-color: #002C6E; } .cat-item .btn.btn-cart-remove svg { fill: #fff; } .cat-item .btn.btn-cart-remove:hover svg { fill: #ffffff; } .main-page .cat-item .btn { background-color: transparent; border-color: #002C6E; -webkit-transition: color ease-out .2s, border-color ease-out .2s, background-color ease-out .2s, background-image ease-out .2s, opacity .2s ease-out; -o-transition: color ease-out .2s, border-color ease-out .2s, background-color ease-out .2s, background-image ease-out .2s, opacity .2s ease-out; transition: color ease-out .2s, border-color ease-out .2s, background-color ease-out .2s, background-image ease-out .2s, opacity .2s ease-out; } .main-page .cat-item .btn svg { fill: #002C6E; } .main-page .cat-item .btn.btn-cart-remove, .main-page .cat-item .btn:hover { background-color: #002C6E; border-color: #002C6E; -webkit-transition: color ease-out .2s, border-color ease-out .2s, background-color ease-out .2s, background-image ease-out .2s, opacity .2s ease-out; -o-transition: color ease-out .2s, border-color ease-out .2s, background-color ease-out .2s, background-image ease-out .2s, opacity .2s ease-out; transition: color ease-out .2s, border-color ease-out .2s, background-color ease-out .2s, background-image ease-out .2s, opacity .2s ease-out; } .main-page .cat-item .btn-cart-remove.btn svg, .main-page .cat-item .btn:hover svg { fill: white; } .cat-item .btn.btn-cart-hide { display: none !important; } @media (max-width: 767px) { .btn-detail { display: none; } .cat-item .btn.btn-cart { margin-left: 0; } .cat-item-bottom { display: flex; } .cat-item-btn { margin: 0; } } @media (max-width: 360px) { .catalogue-col { width: 100%; } } /*кнопка добавить в корзину в списке товаров в режиме списка*/ .cat-item-row-btns-cart {} .cat-item-row-btn-cart { width: 50px; height: 50px; min-width: 50px; margin-left: 20px; border-radius: 50%; border: 1px solid rgba(43, 43, 49, .34); position: relative; z-index: 20; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s; cursor: pointer; } .cat-item-row-btn-cart:hover { border-color: rgba(43, 43, 49, 1); } .cat-item-row-btn-cart img { width: 25px; position: absolute; top: 12px; left: 10px; } .cat-item-row-btn-cart-add {} .cat-item-row-btn-cart-remove {} .cat-item-row-btn-cart-hide { display: none; } /*кнопка добавить в корзину в деталке товара*/ .catalogue-detail-btn-add-to-cart .detail-btn-add-to-cart-mobile { min-width: 64px; width: 64px; height: 45px; padding: 11px; display: none; background-color: transparent; border-color: #002C6E; } .catalogue-detail-btn-add-to-cart .detail-btn-add-to-cart-mobile svg { fill: #002C6E; width: 27px !important; } @media (max-width: 767px) { .catalogue-detail-btn-add-to-cart .detail-btn-add-to-cart-mobile { padding: 8px; display: flex; align-items: center; justify-content: center; } .catalogue-detail-btn-add-to-cart .detail-btn-add-to-cart-desktop { display: none; } .catalogue-detail-btns-wrap .header-fav-icon { width: 50px; height: 45px; } .catalogue-detail-cart-count { height: 45px; } .catalogue-detail-top .catalogue-detail-prices { height: fit-content; } } /*А этот шедевр сетки сказал сделать Максим Дёмичев. К нему вопросы!*/ @media (max-width: 767px) { .catalogue-col { padding: 0 3px; } .catalogue-col { margin-bottom: 8px; } .catalogue-list { margin: 0 -3px; } } /*уменьшаем снак рубля*/ .cat-item-price span { font-size: 15px; display: inline-block; margin-left: 2px; } .cat-item-row-price span { font-size: 19px; } .cart-price span { font-size: 19px; } .total-sum span { font-size: 22px; } /*Исправляем кнопку ПОДРОБНЕЕ в новинках на главной*/ @media (max-width: 767px) { .new-products .cat-item-bottom { display: block; } /* .new-products .cat-item-btn { margin: 15px -10px -20px -15px; } */ } /*цена со скидкой*/ .catalogue-detail-price { display: flex; align-items: center; } .catalogue-detail-price span { margin-right: 20px; } .catalogue-detail-price__prices { display: flex; line-height: 1.2; flex-direction: column; align-items: flex-end; } .catalogue-detail-price__actual { font-weight: bold; } .catalogue-detail-price__old { color: #999; text-decoration: line-through; font-size: 27px; } @media (max-width: 767px) { .catalogue-detail-price__old { font-size: 20px; } } /* список товаров блоком и новинки*/ .cat-item-price { display: flex; align-items: flex-end; gap: 10px; } .cat-item-price__old { color: #999; text-decoration: line-through; font-size: 17px; line-height: 100%; display: flex; align-items: end; } .cat-item-discount { background-color: #002C6E; color: white; position: absolute; font-size: 16px; font-weight: bold; padding: 3px 10px; /* top: 10px; left: 20px; */ top: 0; left: 10px; } /* избранное */ .fav-price { display: flex; flex-direction: column; align-items: flex-start; line-height: 1; } .favourites-content .fav-price { gap: 0 10px; flex-direction: row; align-items: flex-end; } .fav-price__old { color: #999; text-decoration: line-through; font-size: 16px; } .favourites-discount { background-color: #002C6E; color: white; position: absolute; font-size: 16px; font-weight: bold; padding: 3px 10px; /* top: 10px; left: 20px; */ top: 0; left: 10px; } /* список товаров списком */ .cat-item-row-price { display: flex; flex-direction: column; align-items: flex-end; line-height: 1; } .cat-item-row-price__old { color: #999; text-decoration: line-through; font-size: 16px; } .cat-item-row-discount { color: #003974; font-size: 16px; } @media (max-width: 660px) { .cat-item-row-price { align-items: center; } } /* корзина */ .cart-row { position: relative; } .cart-row-discount { background-color: #003974; color: white; position: absolute; font-size: 16px; font-weight: bold; padding: 3px 10px; top: 10px; left: 10px; } .cart-one-price { color: #454545; line-height: 1; padding-top: 7px; } .cart-one-price__actual {} .cart-one-price__old { text-decoration: line-through; color: #9e9e9e; } /* # Для работы с якорной ссылкой */ html { scroll-behavior: smooth; } /* Отступы якорей */ .anchor { position: relative; } .anchor #service { position: absolute; top: -120px; } @media (max-width: 660px) { .catalogue-filter-top .select2-container { width: 100% !important; display: block; } } @media (max-width: 600px) { .cat-item .btn.btn-cart { min-width: 40px; width: 40px; height: 40px; padding: 6px; } .cat-item-price__old { font-size: 14px; } .cat-item-price { font-size: 16px; } .cat-item-price, .favourites-content .fav-price { flex-direction: column; gap: 0 !important; align-items: flex-start; } } @media (max-width: 600px) and (min-width: 360px) { .cat-item-price { align-items: flex-start; } } @media screen and (max-width: 360px) { .cat-item-price { flex-direction: row; gap: 6px !important; } } /* End */ /* Start:/local/components/nav/product_categories/templates/catalog_menu_mob/style.css?1710239227534*/ @media (min-width: 660px) { .category-m li {display: none;} .sub-menu-mob-show {display: none;} } @media (max-width: 660px) { .category-m {display: none;} .category-m.sub-menu-mob-show {display: flex; margin-bottom: 15px;} .header-menu li {width: 90%; border-bottom: 1px solid #eee;} .header-menu li a {width: 100%; display: block;} .category-m {flex-direction: column;} .category-m li {list-style: none; line-height: 20px; border: none;} .catalog-menu {z-index: 0; opacity: 0; left: -100000px; display: none !important;} } /* End */ /* Start:/local/components/nav/product_categories/templates/catalog_menu/style.css?17352175443568*/ .catalog-menu-inner { margin: 32px 75px 49px 62px; width: 100%; } .catalog-menu-inner .container-fluid { width: 100%; } .catalog-menu-inner .container-fluid .left-part { width: 726px; display: flex; flex-direction: column; max-height: 400px; flex-wrap: wrap; } .catalog-menu-inner .container-fluid .left-part a { padding: 8px 0; color: #000000; } .catalog-menu-inner .container-fluid .left-part a:hover { color: #427ac1; } .catalog-menu-inner .container-fluid .right-part { width: calc(100% - 726px); } .catalog-menu-inner .container-fluid .left-part { float: left; } .catalog-menu-inner .container-fluid .right-part { float: right; } .catalog-menu-inner .container-fluid .right-part a div { margin-top: 5%; width: 100%; height: 350px; background-size: cover; background: transparent 50% 50% no-repeat; border: 1px solid #e4e4e4; border-radius: 20px; } .catalog-menu { position: fixed; z-index: 180; width: 100%; max-width: 1347px; background-color: #fff; border-bottom: 1px solid #fafafa; left: 15%; top: 100px; display: -webkit-box; display: -ms-flexbox; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; list-style: none; margin: 0; } .catalog-menu .container-fluid, .catalog-menu .container { padding: 0; } .catalog-menu-opened .catalog-menu { display: flex; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .catalog-menu li { margin: 0 15px; white-space: nowrap } #category-image { background-size: contain; background-color: #f0f4f7; } @media (max-width: 1600px) { .catalog-menu { left: 50%; transform: translateX(-50%) !important; } .catalog-menu-inner .container-fluid .left-part { width: 726px; } .catalog-menu-inner .container-fluid .right-part { width: calc(100% - 726px); } } @media (max-width: 1600px) { .catalog-menu-inner .container-fluid .left-part { width: 526px; } .catalog-menu-inner .container-fluid .right-part { width: calc(100% - 526px); } } @media (min-width: 992px) { .header-menu li:nth-of-type(2) { display: none; } .catalog-menu { line-height: 20px !mportant; } } @media (max-width: 992px) { .catalog-menu { width: 100% !important; top: 120px !important; } .catalog-menu-inner .container-fluid .left-part { width: 50%; max-height: unset; } .catalog-menu-inner .container-fluid .right-part { width: 50%; } .catalog-menu-inner .container-fluid .left-part a { padding: 0; } .catalog-menu-opened .catalog-menu-toggle { position: fixed !important; top: 20px; right: 20px; } .header-ctrls { display: none !important; position: absolute; left: 0; top: 100%; width: 100%; background-color: #f7f7f7; z-index: 10 } } @media (max-width: 767px) { .catalog-menu { top: 140px !important; } } @media (max-width: 360px) { .catalogue-detail-btn-add-to-cart .detail-btn-add-to-cart-mobile { min-width: 44px; width: 44px; } .catalogue-detail-btns-wrap .header-fav-icon { width: 42px; } } /* End */ /* Start:/bitrix/components/niges/cookiesaccept/templates/.default/style.css?16485573412729*/ /* NIGES.COOKIESACCEPT */ .nca-cookiesaccept-line { font-size: inherit; font-family: inherit; line-height: 1; padding: 10px; } .nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text { color:#111; } .nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text { color:#eee; } .nca-cookiesaccept-line.style-1 { /* background-position: center; background-repeat: repeat-x; background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg); background-size: contain; */ background-color: rgb(61, 168, 255); } .nca-cookiesaccept-line.style-2 { background-color: rgb(13, 62, 102); } .nca-cookiesaccept-line.style-3 { background-color: rgb(197, 197, 197); } .nca-cookiesaccept-line.style-4 { background-color: rgb(71, 71, 71); } .nca-cookiesaccept-line.style-5 { background-color: rgb(61, 255, 158); } .nca-cookiesaccept-line.style-6 { background-color: rgb(9, 92, 50); } .nca-cookiesaccept-line.style-7 { background-color: rgb(84, 255, 61); } .nca-cookiesaccept-line.style-8 { background-color: rgb(92, 5, 5); } .nca-cookiesaccept-line.style-9 { background-color: rgb(203, 255, 61); } .nca-cookiesaccept-line.style-10 { background-color: rgb(70, 94, 4); } .nca-cookiesaccept-line.style-11 { background-color: rgb(255, 148, 61); } .nca-cookiesaccept-line.style-12 { background-color: rgb(138, 70, 14); } .nca-cookiesaccept-line.style-13 { background-color: rgb(255, 61, 61); } .nca-cookiesaccept-line.style-14 { background-color: rgb(119, 22, 22); } .nca-cookiesaccept-line.style-15 { background-color: rgb(255, 61, 152); } .nca-cookiesaccept-line.style-16 { background-color: rgb(85, 10, 45); } .nca-cookiesaccept-line.style-17 { background-color: rgb(83, 129, 255); } .nca-cookiesaccept-line.style-18 { background-color: rgb(6, 37, 122); } .nca-cookiesaccept-line.style-19 { background-color: rgb(255, 255, 255); } .nca-cookiesaccept-line.style-20 { background-color: rgb(0, 0, 0); } @media screen and (min-width:767.01px) { .nca-hidden-pc {display: none !important;} } @media screen and (max-width:767px) { .nca-hidden-mobile {display: none !important;} } /* End */ /* Start:/local/templates/b2c/template_styles.css?1723452962625*/ .catalogue-detail-gallery-slide img { max-height: 545px; } @media (min-width: 992px) { .info-container { display: grid; grid-template-columns: 15% 85%; //grid-template-rows: repeat(2, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; } .info-container-item { text-align:center; font-size: 1.1em; padding: 1.5em; color: white; } .info-mob {display:none;} } @media (max-width: 991px) { .info-container { display: none; } .info-mob {display:block;} } /* End */ /* /local/templates/b2c/css/fonts.css?173521754413357 */ /* /local/templates/b2c/libs/swiper/swiper.min.css?173521754419775 */ /* /local/templates/b2c/css/styles.css?1755866999346448 */ /* /local/templates/b2c/css/custom.css?174738356417140 */ /* /local/components/nav/product_categories/templates/catalog_menu_mob/style.css?1710239227534 */ /* /local/components/nav/product_categories/templates/catalog_menu/style.css?17352175443568 */ /* /bitrix/components/niges/cookiesaccept/templates/.default/style.css?16485573412729 */ /* /local/templates/b2c/template_styles.css?1723452962625 */