/* Start:/local/templates/laserhouse/components/bitrix/news.list/wish-block/style.css?1616368401150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/laserhouse/components/bitrix/news.list/mobile-menu/style.css?1616368401150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/laserhouse/components/bitrix/news.list/tm-pay-online/style.css?1616368401150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/laserhouse/components/bitrix/news.list/tm-pay-online-cert/style.css?1702998185150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/laserhouse/components/bitrix/news.list/tm-skype/style.css?1616368401150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/laserhouse/components/bitrix/news.list/city-scripts/style.css?1616368401150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/laserhouse/js/libs/slick/slick.css?15070529691776*/ /* Slider */ .slick-slider { position: relative; display: block; 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: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .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; } /* End */ /* Start:/local/templates/laserhouse/js/libs/swiper/swiper-bundle.min.css?170965052618450*/ /** * Swiper 11.0.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 27, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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:flex;justify-content: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%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/laserhouse/css/main.css?1751643633383206*/ @charset "UTF-8"; /* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * */ body { overflow-x: hidden; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; } @font-face { font-display: swap; font-family: "Myriad Pro"; src: url("/local/templates/laserhouse/css/../fonts/MyriadPro/MyriadProRegular.woff") format("woff"), url("/local/templates/laserhouse/css/../fonts/MyriadPro/MyriadProRegular.ttf") format("truetype"); font-weight: 400; } @font-face { font-display: swap; font-family: "Myriad Pro"; src: url("/local/templates/laserhouse/css/../fonts/MyriadProSemibold/MyriadProSemibold.woff") format("woff"), url("/local/templates/laserhouse/css/../fonts/MyriadProSemibold/MyriadProSemibold.ttf") format("truetype"); font-weight: 700; } .weSpeak { font-weight: normal; text-transform: uppercase; font-size: 11px !important; line-height: 13px !important; display: inline-block; width: 100%; } .dept-links { display: flex; flex-wrap: wrap; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; } .dept-links a { color: #444; } .dept-links a:not(:first-child) { margin-left: 15px; } .uk-sticky-placeholder { position: relative; z-index: 980; /*max-height: 210px;*/ } .info-large p { font-size: 120%; } img { opacity: 1; transition: opacity 0.3s; } img[data-src] { opacity: 0; } header:not(.uk-comment-header) { border-top: 3px solid #ff2a59; } header:not(.uk-comment-header)>.tm-top-bar { background-color: #fff; padding-bottom: 30px; -webkit-transition: padding-bottom 110ms ease-out; -o-transition: padding-bottom 110ms ease-out; transition: padding-bottom 110ms ease-out; } header:not(.uk-comment-header)>.tm-top-bar>div>p { margin-bottom: 5px; } header:not(.uk-comment-header)>.tm-top-bar>div>p small { font-size: 10px; line-height: 1.2; } header:not(.uk-comment-header) .tm-logo { -webkit-transition: margin-bottom 110ms ease-out; -o-transition: margin-bottom 110ms ease-out; transition: margin-bottom 110ms ease-out; padding-right: 25px; position: relative; } header:not(.uk-comment-header) .tm-logo img { width: 100%; -webkit-transition: width 110ms ease-out; -o-transition: width 110ms ease-out; transition: width 110ms ease-out; } header:not(.uk-comment-header) .tm-phones { color: #000; } header:not(.uk-comment-header) .tm-phones>a { display: block; } header:not(.uk-comment-header) .tm-phones>a:first-child { color: #ff2a59; } header:not(.uk-comment-header) .tm-phones>* { line-height: 23px; font-size: 16px; } header:not(.uk-comment-header) .tm-phones>img { margin-right: 8px; } header:not(.uk-comment-header) .tm-choose-city .uk-panel { max-width: 170px; } header:not(.uk-comment-header) .tm-choose-city .uk-panel>p:first-child { margin-bottom: 5px; } header:not(.uk-comment-header) .tm-choose-city .uk-panel button { width: 100%; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown { background: #fff; border-radius: 5px; -webkit-box-shadow: 0 4px 16px rgba(147, 154, 177, 0.49); box-shadow: 0 4px 16px rgba(147, 154, 177, 0.49); } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-secondary { background-color: #ffdde4; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ru, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-pl, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ua { background-color: #b2b2b2; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-secondary+.tm-secondary, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ru+.tm-closed-ru, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ru+.tm-closed-ua, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-pl+.tm-closed-pl, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ru+.tm-closed-pl { border-top: 1px solid #fff; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-open-soon, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ru, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-pl, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ua, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-cosm-ru, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-cosm-pl, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-cosm-ua { position: relative; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-open-soon:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ru:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-pl:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ua:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-cosm-ru:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-cosm-pl:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-cosm-ua:after { font-size: 0.75em; background-color: #ff2a59; padding: 2px 5px 5px; border-radius: 5px; color: #fff; line-height: 1; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 5px; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-cosm-ru:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-cosm-pl:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-cosm-ua:after { max-width: 70px; white-space: pre; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-open-soon:after { content: "скоро!"; letter-spacing: 0.05em; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .openSoonPl:after { content: "wkrótce!" !important; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ru:after { content: "не работает"; letter-spacing: -0.04em; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-pl:after { content: "nie działa"; letter-spacing: -0.04em; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ua:after { content: "не працює"; letter-spacing: -0.04em; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-cosm-ru:after { content: "Скоро \a косметология"; letter-spacing: -0.04em; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-cosm-pl:after { content: "Wkrótce \a kosmetologia"; letter-spacing: -0.04em; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-cosm-ua:after { content: "Скоро \a косметологія"; letter-spacing: -0.04em; } header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-open-soon:hover:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-open-soon:focus:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ru:hover:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ru:focus:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-pl:hover:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-pl:focus:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ua:hover:after, header:not(.uk-comment-header) .tm-choose-city .uk-panel .uk-dropdown .tm-closed-ua:focus:after { background-color: #fff; color: #ff2a59; } header:not(.uk-comment-header) #tm-chosen-city { position: relative; padding: 0 20px 0 7px; } header:not(.uk-comment-header) #tm-chosen-city:focus, header:not(.uk-comment-header) #tm-chosen-city:hover { background: #ffeff3; color: #ff2a59; } header:not(.uk-comment-header) #tm-chosen-city:after { position: absolute; right: 7px; top: 50%; margin-top: -15px; content: "\f105"; /*color: #fff;*/ font-family: FontAwesome, sans-serif; -webkit-transition: -webkit-transform 110ms ease-out; transition: -webkit-transform 110ms ease-out; -o-transition: transform 110ms ease-out; transition: transform 110ms ease-out; transition: transform 110ms ease-out, -webkit-transform 110ms ease-out; } header:not(.uk-comment-header) .uk-open>#tm-chosen-city:after { -webkit-transform: rotateZ(90deg); -ms-transform: rotate(90deg); transform: rotateZ(90deg); } header:not(.uk-comment-header) #cityList { min-width: 100%; } header:not(.uk-comment-header) #cityList .s-scroll-choose-city>ul>li:hover { background: #ff2a59; } header:not(.uk-comment-header) #cityList .s-scroll-choose-city>ul>li:hover>a { color: #fff; } header:not(.uk-comment-header) #cityList .s-scroll-choose-city>ul>li>a { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media screen and (min-width: 768px) { header:not(.uk-comment-header) #cityList .s-scroll-choose-city > ul > li > a { font-size: 0.9rem; } } header:not(.uk-comment-header) .tm-city-address { margin-top: 5px; max-width: 170px; position: relative; white-space: nowrap; } header:not(.uk-comment-header) .tm-adress-drop:not(.dropdown-address-list) .tm-city-address { margin-bottom: 0; } header:not(.uk-comment-header) .tm-city-address:before { display: inline-block; margin-right: 5px; color: #ff2a59; font-family: FontAwesome; content: "\f041"; } header:not(.uk-comment-header) .tm-adress-drop { position: relative; } header:not(.uk-comment-header) .tm-adress-drop .uk-dropdown-small { top: 30px !important; padding: 10px 5px 10px; width: 100%; white-space: normal; margin-left: -5px; margin-right: -5px; } header:not(.uk-comment-header) .tm-adress-drop .uk-dropdown-small>ul>li { position: relative; padding-left: 15px; line-height: 1.1; } header:not(.uk-comment-header) .tm-adress-drop .uk-dropdown-small>ul>li:before { position: absolute; top: 50%; margin-top: -10px; left: 2px; color: #ff2a59; font-family: FontAwesome; content: "\f041"; } header:not(.uk-comment-header) .tm-adress-drop.dropdown-address-list:not(.uk-open) .tm-city-address:before { content: "\f107"; } header:not(.uk-comment-header) .tm-button-call { line-height: 20px; padding: 0 17px; font-size: 16px; } header:not(.uk-comment-header) .tm-button-call>i { margin-right: 5px; } header:not(.uk-active) .tm-button-services .uk-dropdown { display: block !important; opacity: 1 !important; -webkit-animation: none !important; animation: none !important; } header:not(.uk-active) .tm-button-services>button:hover { background: #ffeff3; color: #ff2a59; } header.uk-active { -webkit-box-shadow: 0 4px 9px rgba(147, 154, 177, 0.49); box-shadow: 0 4px 9px rgba(147, 154, 177, 0.49); } header.uk-active>.tm-top-bar { padding-bottom: 11px; } header.uk-active nav { background-color: #fff; } header.uk-active .tm-logo { margin-bottom: 0; } header.uk-active .tm-navbar-nav-blank { display: none; } header.uk-active .tm-button-services, header.uk-active .tm-button-services>button { min-height: 49px; -webkit-transition: min-height 110ms ease; -o-transition: min-height 110ms ease; transition: min-height 110ms ease; } header.uk-active .tm-button-services .uk-dropdown { top: 50px !important; } .tm-open-hours { max-width: 250px; max-height: 40px; /*padding: 15px;*/ padding: 12px; border: 1px solid #facfe1; } a[href="#offcanvas"]>i.uk-icon-bars { font-size: 34px; line-height: 100%; } .social-contacts { display: flex; justify-content: center; } .social-contacts a { display: inline-block !important; } .social-contacts a:not(:first-child) { margin-left: 15px; } @media screen and (max-width: 1569px) { .tm-choose-city>.uk-panel>p:first-child { font-size: 0.85rem; margin-bottom: 5px; } } @media screen and (max-width: 959px) { .tm-logo { padding-right: 25px; } } @media screen and (max-width: 767px) { header:not(.uk-comment-header) .tm-top-bar { padding-bottom: 5px; } header:not(.uk-comment-header) .tm-logo img { max-width: 200px; } header:not(.uk-comment-header) .tm-phones>* { line-height: 18px; } header.uk-active .tm-top-bar>div>p>small { display: none; } } @media (orientation: landscape) and (max-width: 767px) { header.uk-active .tm-offcanvas-middle { display: none !important; } header.uk-active .tm-choose-city { display: none !important; } header.uk-active .tm-address-phones { width: 60%; } header.uk-active .tm-address-phones>div { height: 100%; } header.uk-active .tm-address-phones>div>div { width: 50%; /*100%*/ padding-right: 6%; } header.uk-active .tm-address-phones>div>div .tm-phones>* { line-height: 14px; font-size: 12px; } header.uk-active .tm-address-phones>div>div .tm-phones>a:nth-of-type(2), header.uk-active .tm-address-phones>div>div .tm-phones>a:nth-of-type(2)+br { display: none; } } @media screen and (max-width: 479px) { header.uk-active .tm-logo { width: 110px; padding-right: 0; } .tm-phones .uk-visible-mini { display: inline-block !important; } header:not(.uk-active) .tm-offcanvas-last { display: none; } header.uk-active .tm-offcanvas-middle { display: none !important; } header.uk-active .tm-choose-city { display: none !important; } header.uk-active .tm-address-phones { flex-grow: 1; width: 40%; } header.uk-active .tm-address-phones>div { height: 100%; } header.uk-active .tm-address-phones>div>div { width: 50%; /*100%*/ padding-right: 6%; } header .tm-address-phones>div>div .tm-phones>* { line-height: 14px; font-size: 12px; } header .tm-address-phones>div>div .tm-phones>a:nth-child(n+2) { display: none; } header.uk-active .tm-address-phones>div>div .tm-phones>* { line-height: 14px; font-size: 12px; } header.uk-active .tm-address-phones>div>div .tm-phones>a:nth-of-type(2), header.uk-active .tm-address-phones>div>div .tm-phones>a:nth-of-type(2)+br { display: none; } .tm-choose-city .uk-panel>p:first-child { font-size: 12px; margin-top: 10px; padding: 0 5px; } .tm-choose-city .uk-dropdown { min-width: 100% !important; margin-top: 0 !important; } .dept-links-container { display: none; } } @media screen and (min-width: 480px) { header:not(.uk-comment-header) #tm-chosen-city { font-size: 74%; } } @media screen and (min-width: 960px) { header:not(.uk-comment-header) .tm-logo .tm-logo { margin-bottom: -20px; } } @media screen and (min-width: 1200px) { .tm-open-hours { /*padding: 17px 27px;*/ padding: 12px 20px; } } @media screen and (min-width: 480px) and (max-width: 767px) { .tm-choose-city>.uk-panel>p:first-child { font-size: 0.9rem; margin-bottom: 0px; margin-top: 10px; } } @media screen and (min-width: 768px) and (max-width: 959px) { header:not(.uk-comment-header) .tm-phones>* { font-size: 14px; line-height: 20px; } header:not(.uk-comment-header) .tm-button-call { font-size: 14px; max-width: 120px; } } @media screen and (min-width: 960px) and (max-width: 1199px) { header:not(.uk-comment-header) .tm-phones>* { font-size: 16px; } header:not(.uk-comment-header) .tm-button-call { line-height: 20px; font-size: 14px; margin-left: -35px; } header:not(.uk-comment-header) .tm-button-call>i { display: none; } header:not(.uk-comment-header) .tm-city-address { font-size: 0.85rem; } } @media screen and (min-width: 1200px) and (max-width: 1569px) { header:not(.uk-comment-header) .tm-city-address { font-size: 0.85rem; } } @media screen and (min-width: 1570px) { header:not(.uk-comment-header) .tm-button-call { line-height: 20px; font-size: 17px; width: 210px; } header:not(.uk-comment-header) .tm-button-call>i { margin-right: 5px; } header:not(.uk-comment-header) .tm-button-services, header:not(.uk-comment-header) .tm-button-services>button { font-size: 1.5rem; } } #tm-main-menu>div { border-radius: 5px; background-color: #e8eef4; } #tm-main-menu .tm-menu-container { margin: auto; max-width: 1050px; } #tm-main-menu .tm-navbar-nav-blank { background: #fff; border: 1px solid #e8eef4; } #tm-main-menu .tm-menu-container>ul>li { line-height: 24px; vertical-align: middle; text-transform: uppercase; position: relative; cursor: pointer; } #tm-main-menu .tm-menu-container>ul>li:after { content: ""; position: absolute; top: 50%; right: -1px; margin-top: -7px; height: 14px; width: 1px; border-right: 1px solid #facfe1; z-index: 0; } #tm-main-menu .tm-menu-container>ul>li>a, #tm-main-menu .tm-menu-container>ul>li>span { display: block; color: #474646; padding-top: 13px; padding-bottom: 12px; } #tm-main-menu .tm-menu-container>ul>li:last-child:after { border-right: none; } #tm-main-menu .uk-parent.uk-open { border-radius: 0; background: transparent; -webkit-box-shadow: 0 4px 16px rgba(147, 154, 177, 0.49); box-shadow: 0 4px 16px rgba(147, 154, 177, 0.49); } #tm-main-menu .uk-parent.uk-open:after { display: none; } #tm-main-menu .uk-parent.uk-open>* { color: #fff; } #tm-main-menu .uk-parent>.uk-dropdown { width: 100%; margin-top: 1px; padding: 0 0 15px; padding-bottom: 0; background: #fff; color: #040102; -webkit-box-shadow: 0 4px 16px rgba(147, 154, 177, 0.49); box-shadow: 0 4px 16px rgba(147, 154, 177, 0.49); border-radius: 0; } #tm-main-menu .uk-parent>.uk-dropdown>ul { margin: 0; } #tm-main-menu .uk-parent>.uk-dropdown>ul>li { border-bottom: 1px solid #ccc; line-height: 20px; min-height: 50px; vertical-align: middle; } #tm-main-menu .uk-parent>.uk-dropdown>ul>li:last-child { border-bottom: none; } #tm-main-menu .uk-parent>.uk-dropdown>ul>li>* { padding: 15px 0; } #tm-main-menu .tm-menu-container>ul>li:hover { background: #ffeff3; color: #ff2a59; } #tm-main-menu .tm-menu-container>ul>li:hover>* { text-decoration: none; color: #ff2a59; } #tm-main-menu .uk-parent>.uk-dropdown>ul>li>*:hover { text-decoration: none; background: #ffeff3; color: #ff2a59; } .tm-button-services .uk-dropdown { width: 100%; top: 100px !important; padding: 11px 30px; } .tm-button-services .uk-dropdown .uk-nav>li>a, .tm-button-services .uk-dropdown .uk-nav>li>span { padding: 4px 15px; } .tm-button-services, .tm-button-services>button { min-height: 100px; font-size: 1.3rem; } .tm-button-services { width: 100%; } .tm-button-services button { width: 100%; } .tm-button-services button i { margin-right: 15px; } .tm-button-services button:focus { background: #ff2a59; color: #fff; } .tm-button-services .uk-dropdown .uk-nav>li>a { position: relative; padding-left: 45px; border-radius: 5px; line-height: 1.08; } .tm-button-services .uk-nav-dropdown>li>a:before { content: "\f104"; color: #ff2a59; font-family: FontAwesome; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-11px); -ms-transform: translateY(-11px); transform: translateY(-11px); } .tm-button-services .uk-nav-dropdown li>a:after { content: ""; position: absolute; left: 45px; right: 35px; bottom: 0; height: 1px; border-bottom: 1px solid #c4c4c4; } .tm-button-services .uk-nav-dropdown>li:last-of-type>a:after { display: none; } .tm-button-services .uk-nav-dropdown li:hover>a { color: #ff2a59; -webkit-box-shadow: 0 0 16px rgba(147, 154, 177, 0.49); box-shadow: 0 0 16px rgba(147, 154, 177, 0.49); } .tm-button-services .uk-nav-dropdown li:hover>a:after { display: none; } .tm-button-services .uk-nav-dropdown>li:hover>a+.tm-submenu { display: block; } .tm-button-services .uk-nav-dropdown li>a>span { color: #7b7b7b; font-size: 15px; } .tm-button-services .uk-nav-dropdown li>a>small { color: #ff2a59; } .tm-button-services .uk-nav-dropdown li>a:not(:hover)>strong { color: #222; } .tm-button-services .uk-nav-dropdown>li.uk-parent { position: relative; } .tm-button-services .uk-nav-dropdown>li.uk-parent>.tm-submenu { display: none; min-width: 190px; padding: 30px; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); background: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 16px rgba(147, 154, 177, 0.49); box-shadow: 0 0 16px rgba(147, 154, 177, 0.49); } .tm-button-services .uk-nav-dropdown>li.uk-parent>.tm-submenu ul { padding-left: 0; } .tm-button-services .uk-nav-dropdown>li.uk-parent>.tm-submenu ul>li>a { padding: 6px 30px; } .tm-button-services .uk-nav-dropdown>li.uk-parent>.tm-submenu ul>li>a:after { left: 30px; } .tm-button-services .uk-nav-dropdown>li.uk-parent>.tm-submenu:hover { display: block; } .tm-button-services .uk-nav-dropdown>li.uk-parent .tm-submenu:not(.tm-submenu-large)>li:last-of-type>a:after { display: none; } .tm-button-services .uk-nav-dropdown>li.uk-parent>.tm-submenu.tm-submenu-large { width: 540px; } .tm-button-services .uk-nav-dropdown>li.uk-parent>.tm-submenu.tm-submenu-large ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px 0; } .tm-button-services .uk-nav-dropdown>li.uk-parent>.tm-submenu.tm-submenu-large ul>li { width: 50%; } .tm-button-services .uk-nav-dropdown>li.uk-parent .tm-submenu.tm-submenu-large:after { position: absolute; content: ""; top: 30px; bottom: 30px; left: 50%; width: 1px; background: #c4c4c4; } @media screen and (max-width: 1569px) { .tm-button-services .uk-dropdown { padding: 11px 20px; } .tm-button-services .uk-dropdown>ul { margin-left: -20px; margin-right: -20px; } } @media screen and (max-width: 1440px) { .tm-button-services .uk-dropdown { padding: 2px 20px; } } @media screen and (max-width: 1366px) { .dept-links.dept-links { width: 78%; } } @media screen and (max-width: 1350px) { .tm-menu-container>ul>li:first-of-type { border-radius: 5px 0 0 5px; } .tm-menu-container>ul>li:last-of-type { border-radius: 0 5px 5px 0 !important; } } @media screen and (max-width: 959px) { .dept-links.dept-links { width: 100%; } nav.uk-navbar { display: none; } } #tm-slider .uk-overlay-panel { font-size: 26px; line-height: 1.2; } #tm-slider .uk-overlay-panel .uk-button { padding: 12px 50px; } #tm-slider .uk-overlay-panel .uk-badge { padding: 15px; -webkit-transform: translateX(-60%); -ms-transform: translateX(-60%); transform: translateX(-60%); margin-bottom: 25px; border-radius: 5px; font-size: 35px; line-height: 26px; font-weight: 700; } #tm-slider .uk-overlay-panel span.uk-heading-large { display: block; text-transform: uppercase; font-weight: 700; color: #ff2a59; } #tm-slider .tm-slider-overlay ul { padding-left: 0; list-style: none; } #tm-slider .tm-slider-overlay ul>li { position: relative; padding-left: 40px; font-size: 1.2rem; line-height: 1.5; } #tm-slider .tm-slider-overlay ul>li:before { position: absolute; left: 17px; top: calc(50% - 5px); content: "\f111"; font-family: FontAwesome; font-size: 10px; line-height: 1; color: #ff2a59; display: inline-block; } .ex-h3 { font-weight: 700; color: #ffffff; text-transform: uppercase; } @media screen and (max-width: 767px) { #tm-slider .uk-cover-background { background-position: 30% 50% !important; } #tm-slider .tm-slider-overlay { left: 50%; } } @media screen and (max-width: 479px) { .s-list-buttons-menu-mini { display: flex; } .s-menu-mini-box { margin-bottom: 12px; } .s-menu-mini-box .tm-mobile-block { margin: 0; } .uk-button.s-button-menu-mini { display: flex; align-items: center; justify-content: center; min-height: 40px; font-size: 12px; line-height: 100%; font-style: normal; padding: 0 0 0 16px; letter-spacing: 0.5px; } .uk-button.s-button-menu-mini:hover, .uk-button.s-button-menu-mini:active, .uk-button.s-button-menu-mini:focus { background-color: #e8eef4; color: #444; } .uk-button.s-button-menu-mini.uk-active { background-color: #ffeff3; color: #ff2a59; } .s-button-menu-mini:before { flex-shrink: 0; display: block; content: "\f0c9"; font-family: FontAwesome; font-weight: 400; font-size: 14px; line-height: 14px; width: 11px; height: 14px; } .s-button-menu-mini span { display: block; flex-grow: 1; padding: 1px 8px 0; } .s-list-buttons-menu-mini>button { margin-right: 12px; flex-grow: 1; } .s-list-buttons-menu-mini>button:last-child { margin-right: 0; } .s-top-bar.s-top-bar { padding-top: 8px; } header .tm-top-bar p.s-licence.s-licence { position: absolute; left: 80px; right: 0; margin: 0 auto; width: 130px; line-height: 12px; } .s-logo.s-logo { width: 180px; padding-right: 0; } .s-logo.s-logo img { margin-left: -17px; } .s-menu.s-menu { width: calc(100% - 180px); } .s-title-city-address.s-title-city-address { margin: 4px 0 0; } header .tm-choose-city .uk-panel p.s-title-choose-city.s-title-choose-city { margin: 4px 0 0; padding: 0; } #tm-advantages { padding-top: 0; padding-bottom: 12px; } #tm-wish-block#tm-wish-block { /*background: #ff2659;*/ min-height: 48px !important; } #tm-wish-block#tm-wish-block>div { display: flex; align-items: center; justify-content: space-between; min-height: 48px !important; padding: 0 8px !important; } #tm-wish-block#tm-wish-block button { display: flex; align-items: center; justify-content: center; min-height: 32px; font-size: 14px; line-height: 130%; font-style: normal; padding: 0 28px 0 16px; } #tm-wish-block#tm-wish-block button i { flex-shrink: 0; display: block; font-weight: 400; font-size: 14px; line-height: 14px; width: 11px; height: 14px; margin-right: 18px; } #tm-wish-block#tm-wish-block>div h3.uk-h1, #tm-wish-block#tm-wish-block>div p.ex-h3 { max-width: none; font-size: 12px; line-height: 120%; font-style: normal; padding: 0 8px; margin: 0; letter-spacing: 0.5px; } .s-transposition-mobile { display: flex; flex-direction: column; margin-top: 2px; } .s-transposition-mobile>* { flex-shrink: 0; order: 0; } #tm-slider { height: 276px; padding: 10px 0; order: 3; box-sizing: border-box; } #tm-slider .uk-dotnav { margin-top: -15px; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-bottom: 12px; top: 100%; } #tm-slider .uk-dotnav>* { margin: 0 5px; padding: 0; } #tm-slider .uk-dotnav>*>* { width: 10px; height: 10px; } /*slides*/ #tm-slider .uk-overlay-panel { background: rgba(255, 255, 255, 0.8); } #tm-slider .uk-overlay-panel, #tm-slider .uk-overlay-panel span.uk-heading-large, #tm-slider span { font-size: 13px !important; line-height: 16px !important; } #tm-slider strong { font-size: 30px !important; line-height: 30px !important; } #tm-slider .uk-overlay-panel .uk-button { font-size: 12px; line-height: 120%; min-height: 32px; padding: 0 8px; width: 136px; display: inline-flex; align-items: center; justify-content: center; } #tm-slider .uk-overlay-panel .uk-badge { font-size: 13px; line-height: 16px; margin-bottom: 16px; padding: 10px; } #tm-slider .uk-cover-background { background-position: 15% center !important; } #tm-slider .tm-slider-overlay { left: 42%; padding: 20px 12px; } #tm-slider .tm-slider-overlay ul { margin: 5px 0; } #tm-slider .tm-slider-overlay ul>li { padding-left: 5px; font-size: 13px !important; line-height: 13px !important; } #tm-slider .tm-slider-overlay ul>li:before { left: -6px; top: 2px; font-size: 8px; } #tm-slider .tm-slider-overlay p:empty { display: none; } /* #tm-slider > .uk-container { padding: 0; } #tm-slider .tm-slider-overlay { left: 0; right: 0px; font-size: 12px; line-height: 20px; padding: 0; bottom: 36px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #tm-slider .tm-slider-overlay > .uk-panel { font-size: 0; padding: 20px; border-radius: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: rgba(255, 255, 255, 0.77); } #tm-slider .tm-slider-overlay > .uk-panel > ul, #tm-slider .tm-slider-overlay > .uk-panel > br, #tm-slider .tm-slider-overlay span.uk-heading-large:not(:first-of-type) { display: none; } #tm-slider .tm-slider-overlay span.uk-heading-large { font-size: 20px; line-height: 25px; margin-bottom: 0; } #tm-slider .tm-slider-overlay span.uk-heading-large:after { content: "Подробнее"; display: block; margin-top: 5px; font-size: 14px; color: #000; line-height: 1; } html[lang="ua"] #tm-slider .tm-slider-overlay span.uk-heading-large:after { content: "Детальнiше"; } #tm-slider .tm-slider-overlay .uk-button { display: none; } #tm-slider .tm-slider-overlay .uk-badge { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); font-size: 30px; padding: 10px 15px; margin-bottom: 0; margin-right: 15px; max-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } #tm-slider .uk-cover-background { background-position: 25% 50% !important; } */ } @media screen and (max-width: 320px) { header:not(.uk-comment-header) .tm-phones>* { font-size: 14px; } #tm-slider .tm-slider-overlay br { display: none; } #tm-slider .uk-overlay-panel, #tm-slider .uk-overlay-panel span.uk-heading-large, #tm-slider span { font-size: 13px !important; } #tm-slider .tm-slider-overlay ul>li { font-size: 13px !important; } #tm-slider .uk-overlay-panel .uk-button { width: auto; padding: 0 16px; } #tm-slider .tm-slider-overlay { left: 25%; } #tm-slider .uk-overlay-panel, #tm-slider .uk-overlay-panel span.uk-heading-large, #tm-slider span { line-height: 16px !important; } .uk-button.s-button-menu-mini { font-size: 12px; letter-spacing: 1px; } #tm-wish-block#tm-wish-block>div h3.uk-h1, #tm-wish-block#tm-wish-block>div p.ex-h3 { font-size: 12px; letter-spacing: 0.5px; padding: 0 4px; } #tm-wish-block#tm-wish-block button { font-size: 12px; letter-spacing: 1px; padding: 0 10px; } #tm-wish-block#tm-wish-block button i { margin-right: 10px; } } @media screen and (min-width: 1200px) { #tm-slider .uk-slidenav.uk-slidenav-next { right: 21%; } #tm-slider .tm-slider-overlay { left: 50%; right: 20%; } #tm-slider .uk-dotnav { margin-right: 19%; margin-bottom: 30px; } } @media screen and (min-width: 480px) and (max-width: 767px) { #tm-advantages .tm-nav-icons li { width: 50%; float: left; } #tm-advantages .tm-nav-icons li>a { padding-left: 25% !important; } #tm-advantages .tm-nav-icons li>a>img { left: 7%; } .tm-info-block { padding-left: 115px; background-position: 17px center; } } @media screen and (min-width: 768px) and (max-width: 959px) { #tm-slider .uk-cover-background { background-position: -200px 50% !important; } #tm-slider .tm-slider-overlay { left: 50%; right: 0; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #tm-slider .uk-slidenav.uk-slidenav-next { right: 21%; } #tm-slider .tm-slider-overlay { left: 35%; right: 20%; } #tm-slider .uk-dotnav { margin-right: 19%; } } .tm-advantages-list { display: flex; } .tm-advantages-list>figure { flex-shrink: 0; width: 14.29%; padding: 4px; box-sizing: border-box; margin-top: 0; margin-bottom: 20px; position: relative; } .tm-advantages-list>figure>.uk-overlay { border-radius: 5px; border: 1px solid #c6c8d7; } .tm-advantages-list>figure>.uk-overlay:hover { background: #000; } .tm-advantages-list>figure>.uk-overlay:hover>img { opacity: 0.8; } .tm-advantages-list>figure figcaption { position: relative; padding: 15px 5px; color: #000; margin: 17px -4px 0; border-top: 1px solid #c6c8d7; border-bottom: 1px solid #c6c8d7; font-style: italic; box-sizing: border-box; } .tm-advantages-list>figure figcaption>strong { text-transform: uppercase; } .tm-advantages-list>figure figcaption:after { content: ""; position: absolute; right: 0; top: 10px; bottom: 10px; border-right: 1px solid #c6c8d7; } .tm-advantages-list>figure:first-child {} .tm-advantages-list>figure:last-child {} .tm-advantages-list>figure:last-child figcaption:after { display: none; } .tm-full-height.tm-full-height { display: flex; flex-direction: column; } .tm-full-height .tm-advantages-list { flex-shrink: 0; } .tm-full-height #tm-wish-block { flex-grow: 1; } #tm-wish-block { display: flex; align-items: center; } #tm-wish-block>.uk-text-center { flex-grow: 1; } .uk-nav-side li:hover a { font-weight: 700; border-radius: 5px; } .tm-nav-icons>li>a { position: relative; padding: 10px 15px 10px 100px !important; } .tm-nav-icons>li>a>img { position: absolute; width: 32px; height: 32px; left: 33px; top: 50%; margin-top: -16px; } @media screen and (max-width: 1569px) { #tm-advantages .tm-nav-icons li>a { padding: 10px 15px 10px 50px !important; } #tm-advantages .tm-nav-icons li>a>img { left: 10px; } #tm-advantages .tm-nav-icons li>a:hover { font-weight: normal; } } @media screen and (max-width: 479px) { #tm-advantages .tm-nav-icons li>a { padding-left: 20% !important; font-size: 16px; } #tm-advantages .tm-nav-icons li>a>img { left: 5%; } #tm-advantages .tm-nav-icons li>a br { display: none; } } @media screen and (min-width: 480px) and (max-width: 767px) { #tm-advantages .tm-nav-icons li { width: 50%; float: left; } #tm-advantages .tm-nav-icons li>a { padding-left: 25% !important; } #tm-advantages .tm-nav-icons li>a>img { left: 7%; } } @media screen and (min-width: 768px) and (max-width: 959px) { #tm-advantages .tm-nav-icons li { width: 33.33%; min-height: 60px; float: left; } #tm-advantages .tm-nav-icons li>a { padding-left: 25% !important; } #tm-advantages .tm-nav-icons li>a>img { left: 7%; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #tm-advantages .tm-nav-icons li>a { padding: 10px 15px 10px 60px !important; } #tm-advantages .tm-nav-icons li>a>img { left: 15px; } } .sculpting { display: flex; flex-direction: row; width: 100%; } .sculpting>div { display: flex; } .sculpting>div:nth-child(2) { width: 40%; } .sculpting>div:nth-child(3) { width: 60%; } .sculpting>div:nth-child(3) { flex-direction: row; flex-wrap: wrap; } .sculpting .h2 { display: flex; width: 100%; flex-direction: column; text-align: center; } .sculpting .h2 b { color: rgba(0, 94, 184, 1); margin-left: 5px; } .sculpting .front, .sculpting .back { width: 50%; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sculpting_h2 { display: none; } @media screen and (max-width: 920px) { .sculpting_h2 { display: flex; width: 100%; flex-direction: column; text-align: center; margin: 25px 0 15px 0; font-family: "Myriad Pro", Helvetica, Arial, sans-serif; font-weight: 700; color: #ff2a59; text-transform: uppercase; font-size: 25px; line-height: 110%; } .sculpting_h2 b { color: rgba(0, 94, 184, 1); } .sculpting { flex-direction: column; } .sculpting>div:nth-child(2), .sculpting>div:nth-child(3) { width: 100%; } .sculpting .h2 { display: none; } } .sculpting .front>div, .sculpting .back>div { display: flex; position: relative; } .sculpting .front img, .sculpting .back img { width: 180px; height: 633px; display: inline-block; } .sculpting .uk-table-striped tbody tr:nth-of-type(even) { background: unset; } .sculpting .uk-table-striped tbody tr.grey { background: #f5f5f5; } .sculpting .uk-table-striped tbody tr:not(.grey):hover td { color: rgba(0, 94, 184, 1); cursor: pointer; } .sculpting .uk-table-striped tbody tr td { vertical-align: middle; } .sculpting .uk-table-striped tbody tr td img { max-width: 150px; } @media screen and (max-width: 960px) { .sculpting .uk-table-striped tbody tr td img { max-width: 120px; } } .zone_1 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.327 38.27' enable-background='new 0 0 18.327 38.27' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='38.27' width='18.327' x='288.459' y='-439.36'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%230EA9E0' d='M0.529,18.429c0.912,11.76,2.332,18.824,4.958,19.697c4.045,1.345,4.525-6.907,4.273-17.978 C9.595,12.846,9.321,9.793,8.907,7.221c-0.511-3.178-3.778-6.56-6.653-5.737C-0.412,2.247-0.318,7.504,0.529,18.429z'/%3E%3Cpath opacity='0.5' fill='%230EA9E0' d='M18.207,17.003c-0.308,11.775-1.382,19.357-3.345,20.181 c-2.587,1.086-3.267-7.18-3.425-18.251c-0.105-7.302,0.003-10.36,0.229-12.94c0.279-3.188,2.589-6.644,4.74-5.887 C18.399,0.807,18.493,6.063,18.207,17.003z'/%3E%3C/svg%3E"); position: absolute; width: 40px; top: 322px; left: 27px; } .zone_1.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.327 38.27' enable-background='new 0 0 18.327 38.27' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='38.269' width='18.327' x='0' y='0'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%23F90030' enable-background='new ' d='M0.529,18.429c0.912,11.76,2.332,18.824,4.958,19.697 c4.045,1.345,4.525-6.907,4.273-17.978C9.595,12.846,9.321,9.793,8.907,7.221c-0.511-3.178-3.778-6.56-6.653-5.737 C-0.412,2.247-0.318,7.504,0.529,18.429z'/%3E%3Cpath opacity='0.5' fill='%23F90030' enable-background='new ' d='M18.207,17.003c-0.308,11.775-1.382,19.357-3.345,20.181 c-2.587,1.086-3.267-7.18-3.425-18.251c-0.105-7.302,0.003-10.36,0.229-12.94c0.279-3.188,2.589-6.644,4.74-5.887 C18.399,0.807,18.493,6.063,18.207,17.003z'/%3E%3C/svg%3E"); } .zone_2 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.604 9.925' enable-background='new 0 0 37.604 9.925' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='9.923' width='37.604' x='278.572' y='-425.625'/%3E%3C/sfw%3E%3C/metadata%3E%3Cellipse transform='matrix(0.9822 -0.188 0.188 0.9822 -0.2257 6.0866)' opacity='0.45' fill='%230EA9E0' cx='31.967' cy='4.233' rx='5.683' ry='4.167'/%3E%3Cellipse transform='matrix(0.0282 -0.9996 0.9996 0.0282 -0.8347 11.2173)' opacity='0.45' fill='%230EA9E0' cx='5.352' cy='6.038' rx='3.885' ry='5.353'/%3E%3C/svg%3E"); position: absolute; width: 75px; top: 427px; left: 5px; } .zone_2.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.604 9.925' enable-background='new 0 0 37.604 9.925' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='9.923' width='37.604' x='278.572' y='-425.625'/%3E%3C/sfw%3E%3C/metadata%3E%3Cellipse transform='matrix(0.9822 -0.188 0.188 0.9822 -0.2257 6.0866)' opacity='0.45' fill='%23ff0000' cx='31.967' cy='4.233' rx='5.683' ry='4.167'/%3E%3Cellipse transform='matrix(0.0282 -0.9996 0.9996 0.0282 -0.8347 11.2173)' opacity='0.45' fill='%23ff0000' cx='5.352' cy='6.038' rx='3.885' ry='5.353'/%3E%3C/svg%3E"); } .zone_3 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.118 42.972' enable-background='new 0 0 12.118 42.972' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='42.972' width='12.119' x='291.291' y='-441.667'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%230EA9E0' d='M10.341,32.619c-0.984,6.925-3.572,11.415-6,10.136c-2.086-1.099-4.342-5.886-4.342-19.796 c0-10.488,0.34-20.003,6.926-22.503c2.318-0.88,3.888-0.64,4.721,2.103C12.542,5.513,12.193,19.584,10.341,32.619z'/%3E%3C/svg%3E"); position: absolute; width: 25px; top: 305px; left: 77px; } .zone_3.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.118 42.972' enable-background='new 0 0 12.118 42.972' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='42.972' width='12.119' x='291.291' y='-441.667'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%23ff0000' d='M10.341,32.619c-0.984,6.925-3.572,11.415-6,10.136c-2.086-1.099-4.342-5.886-4.342-19.796 c0-10.488,0.34-20.003,6.926-22.503c2.318-0.88,3.888-0.64,4.721,2.103C12.542,5.513,12.193,19.584,10.341,32.619z'/%3E%3C/svg%3E"); } .zone_4 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.74 18.458' enable-background='new 0 0 25.74 18.458' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='18.458' width='25.835' x='278.563' y='-428.89'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%230EA9E0' d='M24.892,0.402c2.087,1.753,0.049,9.203-3.175,12.744S11.481,19.545,9.38,17.43 c-1.915-1.927,0.048-7.359,3.272-10.9S22.805-1.351,24.892,0.402z'/%3E%3Cpath opacity='0.5' fill='%230EA9E0' d='M7.097,18.089c-1.158,0.89-3.209,0.161-5.095-2.11c-2.241-2.7-2.477-8.728-1.685-9.321 C1.37,5.871,3.082,7.087,4.9,9.577C6.848,12.246,8.214,17.23,7.097,18.089z'/%3E%3C/svg%3E"); position: absolute; width: 45px; top: 248px; left: 15px; } .zone_4.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.74 18.458' enable-background='new 0 0 25.74 18.458' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='18.458' width='25.835' x='278.563' y='-428.89'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%23ff0000' d='M24.892,0.402c2.087,1.753,0.049,9.203-3.175,12.744S11.481,19.545,9.38,17.43 c-1.915-1.927,0.048-7.359,3.272-10.9S22.805-1.351,24.892,0.402z'/%3E%3Cpath opacity='0.5' fill='%23ff0000' d='M7.097,18.089c-1.158,0.89-3.209,0.161-5.095-2.11c-2.241-2.7-2.477-8.728-1.685-9.321 C1.37,5.871,3.082,7.087,4.9,9.577C6.848,12.246,8.214,17.23,7.097,18.089z'/%3E%3C/svg%3E"); } .zone_5 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.783 13.478' enable-background='new 0 0 27.783 13.478' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='13.478' width='27.783' x='283.003' y='-428.234'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%230EA9E0' d='M27.616,1.009c1.503,3.929-7.293,12.469-19.796,12.469c-5.567,0-7.786-3.484-7.82-5.375 C-0.041,5.79,1.914,6.056,6.529,5.29C21.627,2.786,26.421-2.116,27.616,1.009z'/%3E%3C/svg%3E"); position: absolute; width: 50px; top: 265px; left: 14px; } .zone_5.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.783 13.478' enable-background='new 0 0 27.783 13.478' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='13.478' width='27.783' x='283.003' y='-428.234'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%23ff0000' d='M27.616,1.009c1.503,3.929-7.293,12.469-19.796,12.469c-5.567,0-7.786-3.484-7.82-5.375 C-0.041,5.79,1.914,6.056,6.529,5.29C21.627,2.786,26.421-2.116,27.616,1.009z'/%3E%3C/svg%3E"); } .zone_6 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.033 19.403' enable-background='new 0 0 15.033 19.403' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='19.403' width='15.033' x='286.274' y='-432.773'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%230EA9E0' d='M11.679,19.319c-2.807,0.308-6.017,0.031-9.417-5.643C-0.671,8.782-0.736,0.733,1.977,0.07 c2.503-0.612,2.048,2.877,5.573,7.169c1.973,2.401,3.461,3.156,5.742,5.812C15.983,16.184,15.637,18.885,11.679,19.319z'/%3E%3C/svg%3E"); position: absolute; width: 33px; top: 230px; left: 62px; } .zone_6.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.033 19.403' enable-background='new 0 0 15.033 19.403' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='19.403' width='15.033' x='286.274' y='-432.773'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%23ff0000' d='M11.679,19.319c-2.807,0.308-6.017,0.031-9.417-5.643C-0.671,8.782-0.736,0.733,1.977,0.07 c2.503-0.612,2.048,2.877,5.573,7.169c1.973,2.401,3.461,3.156,5.742,5.812C15.983,16.184,15.637,18.885,11.679,19.319z'/%3E%3C/svg%3E"); } .zone_7 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.444 40.57' enable-background='new 0 0 43.444 40.57' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='40.568' width='43.44' x='272.337' y='-443.395'/%3E%3C/sfw%3E%3C/metadata%3E%3Cellipse transform='matrix(0.994 -0.1093 0.1093 0.994 -3.8136 4.2192)' opacity='0.5' fill='%230EA9E0' cx='36.569' cy='36.887' rx='6.911' ry='3.625'/%3E%3Cellipse transform='matrix(0.5029 -0.8644 0.8644 0.5029 -3.0699 7.1609)' opacity='0.5' fill='%230EA9E0' cx='4.691' cy='6.249' rx='6.911' ry='3.625'/%3E%3C/svg%3E"); position: absolute; width: 84px; top: 99px; left: 30px; } .zone_7.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.444 40.57' enable-background='new 0 0 43.444 40.57' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='40.568' width='43.44' x='272.337' y='-443.395'/%3E%3C/sfw%3E%3C/metadata%3E%3Cellipse transform='matrix(0.994 -0.1093 0.1093 0.994 -3.8136 4.2192)' opacity='0.5' fill='%23ff0000' cx='36.569' cy='36.887' rx='6.911' ry='3.625'/%3E%3Cellipse transform='matrix(0.5029 -0.8644 0.8644 0.5029 -3.0699 7.1609)' opacity='0.5' fill='%23ff0000' cx='4.691' cy='6.249' rx='6.911' ry='3.625'/%3E%3C/svg%3E"); } .zone_8 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.548 30.006' enable-background='new 0 0 6.548 30.006' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='29.994' width='6.554' x='294.223' y='-435.497'/%3E%3C/sfw%3E%3C/metadata%3E%3Cellipse transform='matrix(0.0128 -0.9999 0.9999 0.0128 -11.7702 18.0789)' opacity='0.5' fill='%230EA9E0' cx='3.271' cy='15' rx='14.998' ry='3.271'/%3E%3C/svg%3E"); position: absolute; width: 14px; top: 29px; left: 20px; } .zone_8.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.548 30.006' enable-background='new 0 0 6.548 30.006' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='29.994' width='6.554' x='294.223' y='-435.497'/%3E%3C/sfw%3E%3C/metadata%3E%3Cellipse transform='matrix(0.0128 -0.9999 0.9999 0.0128 -11.7702 18.0789)' opacity='0.5' fill='%23ff0000' cx='3.271' cy='15' rx='14.998' ry='3.271'/%3E%3C/svg%3E"); } .zone_9 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.324 5.149' enable-background='new 0 0 6.324 5.149' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='5.142' width='6.337' x='319.884' y='-440.855'/%3E%3C/sfw%3E%3C/metadata%3E%3Cellipse transform='matrix(0.5027 -0.8644 0.8644 0.5027 -0.6563 4.0106)' opacity='0.5' fill='%230EA9E0' cx='3.158' cy='2.576' rx='2.205' ry='3.432'/%3E%3C/svg%3E"); position: absolute; width: 14px; top: 96px; left: 65px; } .zone_9.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.324 5.149' enable-background='new 0 0 6.324 5.149' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='5.142' width='6.337' x='319.884' y='-440.855'/%3E%3C/sfw%3E%3C/metadata%3E%3Cellipse transform='matrix(0.5027 -0.8644 0.8644 0.5027 -0.6563 4.0106)' opacity='0.5' fill='%23ff0000' cx='3.158' cy='2.576' rx='2.205' ry='3.432'/%3E%3C/svg%3E"); } .zone_10 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.766 12.657' enable-background='new 0 0 44.766 12.657' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='12.657' width='44.766' x='274.975' y='-426.994'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%230EA9E0' d='M19.592,4.856c0.774,1.691-2.767,5.934-8.174,7.288S0.313,11.985,0.013,9.761 c-0.259-1.916,3.274-1.388,10.052-3.016C15.979,5.324,18.7,2.909,19.592,4.856z'/%3E%3Cpath opacity='0.5' fill='%230EA9E0' d='M44.708,0.859c0.588,1.764-3.389,5.602-8.91,6.367S24.775,5.874,24.716,3.631 c-0.051-1.933,3.405-1.028,10.318-1.918C41.066,0.935,44.031-1.173,44.708,0.859z'/%3E%3C/svg%3E"); position: absolute; width: 86px; top: 339px; left: 53px; } .zone_10.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.766 12.657' enable-background='new 0 0 44.766 12.657' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='12.657' width='44.766' x='274.975' y='-426.994'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%23ff0000' d='M19.592,4.856c0.774,1.691-2.767,5.934-8.174,7.288S0.313,11.985,0.013,9.761 c-0.259-1.916,3.274-1.388,10.052-3.016C15.979,5.324,18.7,2.909,19.592,4.856z'/%3E%3Cpath opacity='0.5' fill='%23ff0000' d='M44.708,0.859c0.588,1.764-3.389,5.602-8.91,6.367S24.775,5.874,24.716,3.631 c-0.051-1.933,3.405-1.028,10.318-1.918C41.066,0.935,44.031-1.173,44.708,0.859z'/%3E%3C/svg%3E"); } .zone_11 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.514 34.703' enable-background='new 0 0 31.514 34.703' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='34.67' width='31.514' x='274.975' y='-426.961'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%230EA9E0' d='M31.493,23.696c0.159,1.829-0.616,3.638-1.795,4.626c-2.001,1.676-5.384,3.387-8.113,3.976 c-2.949,0.636-4.193-1.732-4.553-4.535c-0.997-7.757,1.191-16.792,2.444-21.362c0.902-3.289,2.839-5.733,4.18-6.229 c1.914-0.708,3.479,0.87,3.981,3.08C28.786,8.3,30.665,14.168,31.493,23.696z'/%3E%3Cpath opacity='0.5' fill='%230EA9E0' d='M4.531,34.286c1.849,0.335,3.043,0.589,5.391,0.15c3.219-0.603,2.44-3.6,1.793-6.321 c-1.731-7.281-4.606-11.688-8.21-17.026C2.108,9.021,0.796,8.465,0,8.465C0.713,16,1.24,23.482,1.317,26.979 C2.359,28.286,3.249,30.208,4.531,34.286z'/%3E%3C/svg%3E"); position: absolute; width: 67px; top: 174px; left: 49px; } .zone_11.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.514 34.703' enable-background='new 0 0 31.514 34.703' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='34.67' width='31.514' x='274.975' y='-426.961'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%23ff0000' d='M31.493,23.696c0.159,1.829-0.616,3.638-1.795,4.626c-2.001,1.676-5.384,3.387-8.113,3.976 c-2.949,0.636-4.193-1.732-4.553-4.535c-0.997-7.757,1.191-16.792,2.444-21.362c0.902-3.289,2.839-5.733,4.18-6.229 c1.914-0.708,3.479,0.87,3.981,3.08C28.786,8.3,30.665,14.168,31.493,23.696z'/%3E%3Cpath opacity='0.5' fill='%23ff0000' d='M4.531,34.286c1.849,0.335,3.043,0.589,5.391,0.15c3.219-0.603,2.44-3.6,1.793-6.321 c-1.731-7.281-4.606-11.688-8.21-17.026C2.108,9.021,0.796,8.465,0,8.465C0.713,16,1.24,23.482,1.317,26.979 C2.359,28.286,3.249,30.208,4.531,34.286z'/%3E%3C/svg%3E"); } .zone_12 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.59 24.915' enable-background='new 0 0 14.59 24.915' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='24.916' width='14.59' x='274.975' y='-417.208'/%3E%3C/sfw%3E%3C/metadata%3E%3Cellipse transform='matrix(0.8874 -0.461 0.461 0.8874 -4.9218 4.7659)' opacity='0.5' fill='%230EA9E0' cx='7.295' cy='12.458' rx='3.938' ry='13.887'/%3E%3C/svg%3E"); position: absolute; width: 30px; top: 163px; left: 114px; } .zone_12.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.59 24.915' enable-background='new 0 0 14.59 24.915' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='24.916' width='14.59' x='274.975' y='-417.208'/%3E%3C/sfw%3E%3C/metadata%3E%3Cellipse transform='matrix(0.8874 -0.461 0.461 0.8874 -4.9218 4.7659)' opacity='0.5' fill='%23ff0000' cx='7.295' cy='12.458' rx='3.938' ry='13.887'/%3E%3C/svg%3E"); } .zone_13 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.992 10.131' enable-background='new 0 0 17.992 10.131' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='10.131' width='17.992' x='288.42' y='-425.322'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%230EA9E0' d='M17.946,5.15c-0.613,2.622-5.156,5.688-10.781,4.837C2.742,9.318-0.348,5.44,0.031,2.775 s3.606-2.994,8.416-2.674C13.883,0.462,18.508,2.743,17.946,5.15z'/%3E%3C/svg%3E"); position: absolute; width: 35px; top: 212px; left: 16px; } .zone_13.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.992 10.131' enable-background='new 0 0 17.992 10.131' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='http://ns.adobe.com/SaveForWeb/1.0/'%3E%3Cslices/%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='10.131' width='17.992' x='288.42' y='-425.322'/%3E%3C/sfw%3E%3C/metadata%3E%3Cpath opacity='0.5' fill='%23ff0000' d='M17.946,5.15c-0.613,2.622-5.156,5.688-10.781,4.837C2.742,9.318-0.348,5.44,0.031,2.775 s3.606-2.994,8.416-2.674C13.883,0.462,18.508,2.743,17.946,5.15z'/%3E%3C/svg%3E"); } .zone_14 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.76 61.86'%3E%3Cpath opacity='0.5' fill='%230EA9E0' d='M17.62,23.35c-.36,10.82,1.24,42.12-8.08,38.17C3.92,59.13,0,39.69,0,19.61c0-3,2.44-17.9,10.69-19.49C18-1.29,18.05,10.23,17.62,23.35Z'/%3E%3C/svg%3E"); position: absolute; width: 20px; top: 358px; left: 83px; } .zone_14.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.76 61.86'%3E%3Cpath opacity='0.5' fill='%23ff0000' d='M17.62,23.35c-.36,10.82,1.24,42.12-8.08,38.17C3.92,59.13,0,39.69,0,19.61c0-3,2.44-17.9,10.69-19.49C18-1.29,18.05,10.23,17.62,23.35Z'/%3E%3C/svg%3E"); } .zone_15 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='0.5' fill='%230EA9E0' viewBox='0 0 29.16 21.17'%3E%3Cpath%0Ad='M26.1,19.84a64.82,64.82,0,0,1-19.36,1,5,5,0,0,1-4.18-3.66C2,14.87,1.08,11.4.22,7.28c-.67-3.23.08-6,3.37-5.8A88,88,0,0,0,21,.18c4.22-.76,5.39.91,5.85,4.13a79.64,79.64,0,0,0,1.94,9.3C29.45,16.2,29.65,19.09,26.1,19.84Z'/%3E%3C/svg%3E"); position: absolute; width: 27px; top: 402px; left: 57px; } .zone_15.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='0.5' fill='%23ff0000' viewBox='0 0 29.16 21.17'%3E%3Cpath%0Ad='M26.1,19.84a64.82,64.82,0,0,1-19.36,1,5,5,0,0,1-4.18-3.66C2,14.87,1.08,11.4.22,7.28c-.67-3.23.08-6,3.37-5.8A88,88,0,0,0,21,.18c4.22-.76,5.39.91,5.85,4.13a79.64,79.64,0,0,0,1.94,9.3C29.45,16.2,29.65,19.09,26.1,19.84Z'/%3E%3C/svg%3E"); } .zone_16 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2300a9df' opacity='0.5' d='M18.28,20.36c5.48,19.51,13.85,49.26,4.35,48C16.14,67.52,4.92,42.76,1.17,26.62-.61,19-1.42,0,6.76,0,12.45,0,14.73,7.72,18.28,20.36Z'/%3E%3C/svg%3E"); position: absolute; width: 26px; top: 313px; left: 138px; } .zone_16.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ff0000' opacity='0.5' d='M18.28,20.36c5.48,19.51,13.85,49.26,4.35,48C16.14,67.52,4.92,42.76,1.17,26.62-.61,19-1.42,0,6.76,0,12.45,0,14.73,7.72,18.28,20.36Z'/%3E%3C/svg%3E"); } .zone_17 { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.08 27.45'%3E%3Cpath fill='%2300a9df' opacity='0.5' d='M33.76,20.13c-7.56,4.39-18.42,6.57-23.32,7.26-2.39.34-4-.95-5.1-3.14-1.29-2.61-3.12-6.44-5-10.68A4.4,4.4,0,0,1,3.56,7.46,92.72,92.72,0,0,0,23.24.78C26-.53,28.64-.32,30.05,2.39c1.31,2.52,4.43,7.79,6.41,11.18C38,16.24,36.43,18.59,33.76,20.13Z'/%3E%3C/svg%3E"); position: absolute; width: 32px; top: 363px; left: 112px; } .zone_17.activeZone { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.08 27.45'%3E%3Cpath fill='%23ff0000' opacity='0.5' d='M33.76,20.13c-7.56,4.39-18.42,6.57-23.32,7.26-2.39.34-4-.95-5.1-3.14-1.29-2.61-3.12-6.44-5-10.68A4.4,4.4,0,0,1,3.56,7.46,92.72,92.72,0,0,0,23.24.78C26-.53,28.64-.32,30.05,2.39c1.31,2.52,4.43,7.79,6.41,11.18C38,16.24,36.43,18.59,33.76,20.13Z'/%3E%3C/svg%3E"); } #tm-wish-block { padding-left: 50%; /*background-image: url(/local/templates/laserhouse/css/../img/i-want-banner.png),*/ /* -webkit-radial-gradient(#ff82a1 0%, #ff2659 100%);*/ /*background-image: url(/local/templates/laserhouse/css/../img/i-want-banner.png),*/ /* -o-radial-gradient(#ff82a1 0%, #ff2659 100%);*/ /*background-image: url(/local/templates/laserhouse/css/../img/i-want-banner.png),*/ /* radial-gradient(#ff82a1 0%, #ff2659 100%);*/ background-image: url(/local/templates/laserhouse/css/../img/i-want-banner.png), radial-gradient(#ffffff 0%, #e6ecf3 100%); border-radius: 5px; background-repeat: no-repeat; background-position: bottom left; position: relative; height: auto; min-height: 200px; } #tm-wish-block .ex-h3 { color: #ff2a59; } #tm-wish-block>div { -webkit-box-sizing: border-box; box-sizing: border-box; /*max-width: 500px; margin: auto;*/ padding-left: 30px; padding-right: 30px; } #tm-wish-block h3 { color: #fff; } #tm-wish-block button { padding-left: 50px; padding-right: 50px; } #tm-wish-block button>i { margin-right: 10px; } #tm-wish-block #tm-wish-menu { position: absolute; top: 100%; left: 0; right: 0; } #tm-wish-block .uk-dropdown .uk-dropdown-grid .uk-panel { border-right: 1px solid #dcdcdc; } #tm-wish-block .uk-dropdown .uk-dropdown-grid .uk-panel .uk-nav { margin: 0 !important; } #tm-wish-block .uk-dropdown .uk-dropdown-grid .uk-panel .uk-nav>li>a, #tm-wish-block .uk-dropdown .uk-dropdown-grid .uk-panel .uk-nav>li>span { position: relative; padding: 6px 35px 6px 10px; } #tm-wish-block .uk-dropdown .uk-dropdown-grid .uk-panel .uk-nav>li:hover>a { color: #ff2a59; } #tm-wish-block .uk-dropdown .uk-dropdown-grid .uk-panel .uk-nav>li>a:after { position: absolute; right: 20px; top: 50%; content: "\f105"; color: #ff2a59; font-family: FontAwesome; -webkit-transform: translateY(-11px); -ms-transform: translateY(-11px); transform: translateY(-11px); } #tm-wish-block .uk-dropdown .uk-dropdown-grid .uk-panel:last-child { border-right: none; } @media screen and (max-width: 767px) { #tm-wish-block { padding-left: 0; /*background: -webkit-radial-gradient(#ff82a1 0%, #ff2659 100%);*/ /*background: -o-radial-gradient(#ff82a1 0%, #ff2659 100%);*/ /*background: radial-gradient(#ff82a1 0%, #ff2659 100%);*/ background-image: radial-gradient(#ffffff 0%, #e6ecf3 100%); } #tm-wish-block h3 { font-size: 20px; line-height: 22px; margin-bottom: 15px; } #tm-wish-block .uk-dropdown { padding: 15px; max-width: 100% !important; min-width: 100% !important; } #tm-wish-block .uk-dropdown .uk-nav li>a { font-size: 16px; padding: 13px 0 !important; } #tm-wish-block .uk-dropdown .uk-nav li>a:after { content: "" !important; background: #ccc; left: 0; right: 0 !important; bottom: 0; height: 1px; top: auto !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } #tm-wish-block .uk-dropdown .uk-dropdown-grid .uk-panel:nth-child(2n) { border-right: none; } } @media screen and (max-width: 479px) { #tm-wish-block .uk-dropdown .uk-dropdown-grid .uk-panel { border-right: none; } } @media screen and (min-width: 768px) and (max-width: 959px) { #tm-wish-block { height: 310px; } } .tm-comments-block { position: relative; padding-bottom: 85px !important; } .tm-comments-block .uk-comment-list { margin-bottom: 0; padding-right: 12px; } .tm-comments-block .uk-comment-list+button { padding-top: 12px; padding-bottom: 12px; position: absolute; bottom: 0; left: 0; right: 0; } .tm-comments-block .uk-comment-list+button:focus { background: #ff2a59; color: #fff; } .uk-comment-list .uk-comment+ul { padding-left: 50px; } .uk-comment-list .uk-comment+ul .uk-comment-title { color: #222; } #tm-leave-comment textarea, #tm-leave-question textarea { resize: vertical; } #tm-leave-comment #tm-capthca-container>*, #tm-leave-question #tm-capthca-container>* { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } #tm-leave-comment button[type="submit"], #tm-leave-question button[type="submit"] { line-height: 20px; width: 100%; height: 100%; } #tm-leave-comment button[type="submit"]>i, #tm-leave-question button[type="submit"]>i { display: none; } #tm-all-comments .uk-panel-box .uk-comment-list>li:nth-child(even) { background: #f6f6f6; margin-left: -30px; margin-right: -30px; padding: 30px; } #tm-all-comments .uk-comment-list>li:nth-child(n + 2) { margin-top: 20px; } #tm-all-comments .uk-comment-list .uk-comment+ul { margin-top: 20px; } #tm-all-comments .uk-comment-header { margin-bottom: 5px; } #tm-all-comments .tm-collapse-comments { float: right; font-size: 30px; margin-left: 15px; } #tm-all-comments .tm-collapse-comments>span { font-size: 16px; line-height: 30px; text-transform: uppercase; font-weight: 700; } #tm-all-comments .tm-collapse-comments i { display: none; } #tm-all-comments .tm-collapse-comments:hover { text-decoration: none; } #tm-all-comments.tm-mobile { padding: 0 !important; } #tm-all-comments.tm-mobile .uk-container { padding: 0 !important; } @media screen and (max-width: 959px) { #tm-leave-comment input, #tm-leave-question input { max-height: 40px; } #tm-leave-comment input, #tm-leave-comment textarea, #tm-leave-question input, #tm-leave-question textarea { padding: 5px 15px; } } @media screen and (max-width: 767px) { #tm-all-comments .tm-collapse-comments>span { display: none; } #tm-all-comments .tm-collapse-comments i { display: block; } } @media screen and (max-width: 479px) { #tm-leave-comment button[type="submit"], #tm-leave-question button[type="submit"] { min-height: 40px; } #tm-leave-comment .uk-grid-margin, #tm-leave-question .uk-grid-margin { margin-top: 15px; } } @media screen and (min-width: 960px) { .uk-comment-list { padding-right: 25px; } .uk-comment-list .uk-comment+ul { margin-top: 20px !important; padding-left: 50px !important; } .uk-comment .uk-comment-body { font-size: 16px; line-height: 22px; } } @media screen and (min-width: 768px) and (max-width: 959px) { #tm-leave-comment button[type="submit"], #tm-leave-question button[type="submit"] { font-size: 12px; line-height: 14px; } } @media screen and (min-width: 1570px) { .uk-comment .uk-comment-body { padding-left: 120px; font-size: 18px; line-height: 24px; } .uk-comment-list>li:nth-child(n + 2) { margin-top: 50px; } .uk-comment-list .uk-comment+ul { margin-top: 50px !important; padding-left: 100px !important; } .uk-comment-header { margin-bottom: 15px; } } footer { background-color: #ffeff3; padding: 25px 0; /*color: #ff2a59;*/ color: #ff0038; } footer .tm-socials-footer { padding-top: 12px; max-width: 425px; margin: auto; } footer .tm-copyright { padding-top: 15px; font-weight: 700; } footer .tm-mail-form { text-align: center; padding-right: 5%; } footer .tm-mail-form label { margin: 0 25px; margin-left: -300px; text-transform: uppercase; } footer .tm-mail-form label+div { background: #fff; border-radius: 5px; border: 1px solid #ff2a59; } footer .tm-mail-form label+div button { min-height: 42px; margin-right: 1px; } footer .tm-mail-form input[type="email"] { border: none; padding-top: 10px; padding-bottom: 10px; height: 45px; } footer .tm-heading-special span { background: #ffeff3; } @media screen and (max-width: 767px) { footer .tm-mail-form label { margin: 0; margin-left:0; text-align: center; } } @media screen and (max-width: 767px) { footer .tm-mail-form { text-align: center; padding-right: 0; } footer .tm-copyright { padding-top: 0; } .tm-tab-switcher+ul { border-radius: 5px; } .uk-list.tm-list-primary>li { padding-left: 30px; } .uk-list.tm-list-primary>li:before { left: 10px; } } @media screen and (min-width: 1570px) { footer .tm-mail-form { text-align: right; padding:3px; } } @-webkit-keyframes drops { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; } } @keyframes drops { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; } } #tm-trigger { position: fixed; width: 90px; top: 50vh; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 990; text-align: center; } #tm-trigger .tm-trigger, #tm-trigger .tm-trigger-toggler { position: relative; } #tm-trigger .tm-trigger .tm-trigger-img-container, #tm-trigger .tm-trigger-toggler .tm-trigger-img-container { width: 69px; height: 69px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ff2a59; border-radius: 50%; margin: auto; position: relative; -webkit-box-shadow: 0 0 26px rgba(127, 148, 171, 0.58); box-shadow: 0 0 26px rgba(127, 148, 171, 0.58); } #tm-trigger .tm-trigger .tm-trigger-img-container img, #tm-trigger .tm-trigger-toggler .tm-trigger-img-container img { width: 37px; height: 37px; margin: 16px; position: relative; z-index: 900; } #tm-trigger .tm-trigger .tm-trigger-img-container:after, #tm-trigger .tm-trigger-toggler .tm-trigger-img-container:after { content: ""; position: absolute; left: 7px; top: 7px; width: 55px; height: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; padding: 10px; background: #fff; -webkit-box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff; } #tm-trigger .tm-trigger a, #tm-trigger .tm-trigger-toggler a { color: #ff2a59; font-size: 14px; line-height: 14px; font-style: italic; position: relative; z-index: 850; } #tm-trigger .tm-trigger a:hover, #tm-trigger .tm-trigger-toggler a:hover { text-decoration: none; } #tm-trigger .tm-trigger-toggler .tm-trigger-img-container { background: #fff; background: #ff2a59; border-radius: 50%; margin: auto; position: relative; -webkit-box-shadow: 0 0 26px rgba(127, 148, 171, 0.58); box-shadow: 0 0 26px rgba(127, 148, 171, 0.58); } #tm-trigger .tm-trigger-toggler .tm-trigger-img-container svg { fill: #ff2a59; -webkit-transition: -webkit-transform 300ms ease-out; transition: -webkit-transform 300ms ease-out; -o-transition: transform 300ms ease-out; transition: transform 300ms ease-out; transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; width: 41px; height: 41px; margin: 14px; position: relative; z-index: 900; } #tm-trigger .tm-trigger-toggler .tm-trigger-img-container:after { background: #fff; } #tm-trigger .tm-trigger:hover:after { position: absolute; content: ""; left: 50%; top: 1px; z-index: 810; width: 55px; height: 55px; margin-left: -33px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; border: 5px solid #ff2a59; border-radius: 50%; -webkit-animation: drops 500ms ease-out; animation: drops 500ms ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #tm-trigger .tm-trigger-toggler { display: none; } #tm-trigger .tm-trigger:hover .tm-trigger-img-container:after, #tm-trigger .tm-trigger-toggler:hover .tm-trigger-img-container:after { -webkit-box-shadow: 0 0 20px #fff; box-shadow: 0 0 20px #fff; } #tm-trigger .tm-trigger:hover svg, #tm-trigger .tm-trigger-toggler:hover svg { fill: #ff3e69; } #tm-trigger.tm-collapsed { top: auto; bottom: 100px; right: 10px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #tm-trigger.tm-collapsed .tm-trigger-wrapper { -webkit-animation: uk-fade-bottom 350ms ease-out; animation: uk-fade-bottom 350ms ease-out; display: none; } #tm-trigger.tm-collapsed .tm-trigger-wrapper .tm-trigger>a { color: #fff; } #tm-trigger.tm-collapsed .tm-trigger-toggler { display: block; } #tm-trigger.tm-collapsed.uk-open .tm-trigger-wrapper { display: block; } #tm-trigger.tm-collapsed.uk-open .tm-trigger-toggler .tm-trigger-img-container>svg { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #tm-trigger.tm-collapsed:not(.uk-open)>.tm-trigger-toggler:after { position: absolute; content: ""; left: 50%; z-index: 810; top: 7px; width: 45px; height: 45px; margin-left: -27px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; border: 5px solid #ff91aa; border-radius: 50%; -webkit-animation: drops 3000ms ease; animation: drops 3000ms ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .tm-trigger-bg { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 980; background: rgba(0, 0, 0, 0.5); } #tm-trigger.tm-collapsed.uk-open+.tm-trigger-bg { display: block; } @media screen and (max-width: 767px) { #tm-trigger .tm-trigger .tm-trigger-img-container, #tm-trigger .tm-trigger-toggler .tm-trigger-img-container { width: 39px; height: 39px; } #tm-trigger .tm-trigger .tm-trigger-img-container img, #tm-trigger .tm-trigger-toggler .tm-trigger-img-container img { width: 27px; height: 27px; margin: 6px; } #tm-trigger .tm-trigger .tm-trigger-img-container svg, #tm-trigger .tm-trigger-toggler .tm-trigger-img-container svg { width: 31px; height: 31px; margin: 4px; } #tm-trigger .tm-trigger .tm-trigger-img-container:after, #tm-trigger .tm-trigger-toggler .tm-trigger-img-container:after { left: 2px; top: 2px; width: 35px; height: 35px; } #tm-trigger .tm-trigger:hover:after { top: -3px; width: 35px; height: 35px; margin-left: -23px; } #tm-trigger.tm-collapsed { bottom: 20px; } #tm-trigger.tm-collapsed:not(.uk-open)>.tm-trigger-toggler:after { top: 1px; width: 27px; height: 27px; margin-left: -18px; } } @media (orientation: landscape) and (max-width: 767px) { #tm-trigger.tm-collapsed { bottom: 5px; } #tm-trigger { width: 100%; } #tm-trigger .tm-trigger-wrapper { -webkit-animation: uk-fade-right 350ms ease-out !important; animation: uk-fade-right 350ms ease-out !important; width: 85%; padding-left: 10px; } #tm-trigger .tm-trigger-wrapper .tm-trigger { width: 19.5%; vertical-align: top; } #tm-trigger .tm-trigger-toggler { float: right; margin-top: -80px; min-width: 14%; } #tm-trigger .tm-trigger { display: inline-block; } } @media screen and (max-width: 479px) { #tm-trigger .tm-trigger>a { font-size: 13px; line-height: 13px; } } #offcanvas .uk-offcanvas-bar>.tm-shadow-block { -webkit-box-shadow: 0 0 10px 0px #d6d8de inset; box-shadow: 0 0 10px 0px #d6d8de inset; padding: 0 20px 15px; } .width-100 { width: 100%; } #offcanvas .tm-open-hours { margin: 0 5px; font-size: 16px; } #offcanvas small { color: #b8b8b8; } #offcanvas .tm-offcanvas-submenu { padding-left: 25px; } .uk-offcanvas .tm-offcanvas-logo { max-width: 184px; min-width: 80%; } .uk-offcanvas .uk-offcanvas-bar { border-top: 3px solid #ff2a59; } .uk-offcanvas .uk-nav-offcanvas { text-transform: uppercase; font-size: 16px; } .uk-offcanvas .uk-nav-offcanvas>li { position: relative; } .uk-offcanvas .uk-nav-offcanvas>li:after { position: absolute; content: ""; background: #d9dce7; height: 1px; left: 20px; right: 20px; bottom: 0; } .uk-offcanvas .uk-nav-offcanvas>li:last-child:after { display: none; } .uk-offcanvas .uk-nav-offcanvas .uk-accordion .uk-accordion-title { color: #131313; padding: 20px 40px; font-size: 16px; } .uk-offcanvas .uk-nav-offcanvas .uk-accordion .uk-accordion-title.uk-active { font-weight: normal; } .uk-offcanvas .uk-nav-offcanvas .uk-accordion .uk-accordion-title:after { font-size: 30px; right: 25px; } .uk-offcanvas .uk-nav-offcanvas .uk-accordion-content { background: #fff0f4; border-radius: 0; border-top: 1px solid #d9dce7; border-bottom: 1px solid #d9dce7; -webkit-box-shadow: 0 0 10px 0px #d9dce7 inset; box-shadow: 0 0 10px 0px #d9dce7 inset; } .uk-offcanvas .uk-nav-offcanvas .uk-accordion-content ul { padding-left: 40px; text-align: left; } .uk-offcanvas .uk-nav-offcanvas .uk-accordion-content ul li { padding-top: 5px; padding-bottom: 5px; } .tm-mobile-block { margin-bottom: 20px; text-align: center; } .tm-mobile-block>button { font-size: 18px; font-weight: 700; line-height: 26px; padding: 15px 15px 15px 50px; position: relative; } .tm-mobile-block button:before { content: "\f0c9"; font-family: FontAwesome; position: absolute; left: 36%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tm-mobile-block *+button { margin-top: 20px; } .tm-mobile-block>button:hover, .tm-mobile-block button:focus { background: #ff2a59; color: #fff; } .tm-mobile-block>div { overflow: hidden; border-radius: 5px; -webkit-animation: uk-fade 120ms ease-out; animation: uk-fade 120ms ease-out; -webkit-box-shadow: 0 8px 16px rgba(147, 155, 179, 0.58); box-shadow: 0 8px 16px rgba(147, 155, 179, 0.58); } .tm-mobile-block>div>.uk-nav li { color: #1c1c1c; font-size: 16px; line-height: 20px; font-weight: 300; position: relative; padding: 10px 15px; min-height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .tm-mobile-block>div>.uk-nav li:after { content: ""; position: absolute; left: 15px; right: 15px; -webkit-transform: none; -ms-transform: none; transform: none; top: auto; bottom: 0; height: 1px; background: #ccc; } .tm-mobile-block>div>.uk-nav li:last-of-type:after { display: none; } .tm-mobile-block>div>.uk-nav li>a { color: #1c1c1c; padding: 0; vertical-align: middle; text-align: center; } .tm-mobile-block>div>.uk-nav li>a small { color: #ff2a59; } .tm-mobile-block>div>.uk-nav .uk-accordion-title>span { color: #6f6f6f; } .tm-mobile-block>div>.uk-nav .uk-accordion-title:before { content: "\f104"; color: #ff2a59; font-size: 30px; font-family: FontAwesome; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-11px); -ms-transform: translateY(-11px); transform: translateY(-11px); -webkit-transition: -webkit-transform 110ms ease-out; transition: -webkit-transform 110ms ease-out; -o-transition: transform 110ms ease-out; transition: transform 110ms ease-out; transition: transform 110ms ease-out, -webkit-transform 110ms ease-out; } .tm-mobile-block>div>.uk-nav .uk-accordion-title.uk-active:before { -webkit-transform: translateY(-7px) rotate(-90deg); -ms-transform: translateY(-7px) rotate(-90deg); transform: translateY(-7px) rotate(-90deg); } .tm-mobile-block>div>.uk-nav .uk-accordion-title.uk-active:after { display: none; } .tm-mobile-block>div>.uk-nav .uk-accordion-content { border-top: 1px solid #d9dce7; border-bottom: 1px solid #d9dce7; -webkit-box-shadow: 0 0 10px 0px #d9dce7 inset; box-shadow: 0 0 10px 0px #d9dce7 inset; background-color: #ffeef4; border-radius: 0; padding: 0; } .tm-mobile-block>div>.uk-nav .uk-accordion-content>ul { padding-left: 0; } .tm-mobile-block>div>.uk-nav .uk-accordion-content>ul li { min-height: 55px; } .tm-button-prices { display: block !important; padding: 0 50px !important; } .tm-button-prices.uk-button:focus { background-color: #ff2a59; color: #fff; } @media screen and (max-width: 767px) { .tm-home-tab-switcher { z-index: 110 !important; } .tm-button-prices { line-height: 20px !important; padding: 5px 50px !important; } } @media screen and (max-width: 959px) { .tm-button-prices { margin: auto !important; } } @media screen and (min-width: 960px) { .tm-button-prices { width: 60%; font-size: 20px !important; padding-top: 20px !important; padding-bottom: 20px !important; } } @media screen and (min-width: 1200px) { .tm-home-tab-switcher.uk-tab>li>a, .tm-home-tab-switcher.uk-tab>li>span { padding: 30px 15px 30px 15px; font-size: 30px; line-height: 47px; } .tm-home-tab-switcher.uk-tab>li:not(.uk-active)>a:hover, .tm-home-tab-switcher.uk-tab>li:not(.uk-active)>a:focus, .tm-home-tab-switcher.uk-tab>li.uk-open:not(.uk-active)>a { padding-bottom: 30px; } } .tm-contacts-top { color: #222; } .tm-contacts-top strong { font-size: 18px; line-height: 25px; text-transform: uppercase; margin-right: 20px; } .tm-contacts-top .uk-button-dropdown .uk-button { width: 230px; padding-left: 30px; padding-right: 50px; text-align: left; position: relative; min-height: 47px; } .tm-contacts-top .uk-button-dropdown .uk-button:after { font-family: FontAwesome; content: "\f107"; font-size: 20px; position: absolute; right: 25px; top: 10px; } .tm-contacts-top .uk-button-dropdown .uk-dropdown { width: 100%; } .tm-contacts-top h3 { color: #222; } .tm-contacts-top .uk-list { margin-top: 0; padding-left: 3px; } .tm-contacts-top .uk-list li { line-height: 1.75; font-size: 18px; font-weight: 700; } .tm-contacts-top .uk-list li>i { color: #ff2a59; font-size: 20px; margin-right: 15px; } .tm-contacts-bottom { max-width: 1050px; margin-left: auto; margin-right: auto; } .tm-contacts-bottom h3 { margin-bottom: 25px; } .tm-contacts-bottom p { line-height: 2; } #tm-contacts-map { border-radius: 10px; height: 590px; } #tm-contacts-map .tm-map-info { padding: 15px; } #tm-contacts-map .tm-map-info h3, #tm-contacts-map .tm-map-info .uk-list { font-size: 1rem; color: #222; } #tm-contacts-map .tm-map-info .uk-list { font-weight: 400; line-height: 1.625rem; padding-left: 30px; } #tm-contacts-map .tm-map-info .uk-list .tm-map-phone, #tm-contacts-map .tm-map-info .uk-list .tm-map-underground { font-weight: 700; line-height: 2rem; position: relative; } #tm-contacts-map .tm-map-info .uk-list .tm-map-phone:before { position: absolute; content: "\f095"; font-size: 1.33rem; left: -25px; color: #ff2a59; font-family: FontAwesome; } #tm-contacts-map .tm-map-info .uk-list .tm-map-underground:before { position: absolute; content: ""; left: -25px; top: 4px; height: 20px; width: 20px; background: url(/local/templates/laserhouse/css/../img/subway.png) center center no-repeat; background-size: 20px auto; } #tm-contacts-map .tm-map-info:after { display: block; content: ""; background: url(/local/templates/laserhouse/css/../img/map-info-icons.png) left center no-repeat; margin-left: 30px; height: 28px; width: 177px; } #tm-citylist .uk-nav-dropdown>li>a:hover { background: #ff2a59; color: #fff; } @media screen and (max-width: 767px) { #tm-contacts-map { height: 450px; } } @media screen and (max-width: 479px) { .tm-contacts-top strong { font-size: 14px; line-height: 20px; } .tm-contacts-top h3 { font-size: 14px; } .tm-contacts-top .uk-list { padding-left: 0; } .tm-contacts-top .uk-list li { line-height: 1.75; font-size: 14px; } .tm-contacts-top .uk-list li>i { margin-right: 10px; } #tm-contacts-map { border-radius: 5px; height: 400px; } #tm-contacts-map .tm-map-info { padding: 0; } #tm-contacts-map .tm-map-info .uk-list .tm-map-phone:before, #tm-contacts-map .tm-map-info .uk-list .tm-map-underground:before { left: -20px; } #tm-contacts-map .tm-map-info:after { background-size: contain; margin-left: 20px; height: 22px; width: 139px; } } @media screen and (min-width: 960px) { .tm-contacts-bottom p { padding-left: 75px; background: url(/local/templates/laserhouse/css/../img/contacts-envelope.png) left center no-repeat; } .tm-contacts-bottom .uk-button { padding: 20px 50px; } } .tm-employee-card .uk-panel-box { -webkit-box-shadow: none; box-shadow: none; } .tm-employee-card .tm-emploee-info+p { margin-top: 0; text-align: center; } .tm-employee-card .tm-emploee-info+p a { padding: 10px 20px; } .tm-employee-card .tm-emploee-info+p button { padding: 5px 20px; } @media screen and (max-width: 479px) { .tm-employee-card .uk-panel-box>img { width: calc(100% + 30px); max-width: unset; margin-right: -15px; margin-left: -15px; margin-top: -15px; } .tm-employee-card .uk-panel-box>img+h3 { text-align: center; } .tm-employee-card .uk-panel-box a, .tm-employee-card .uk-panel-box button { width: 100%; } .tm-employee-card .uk-panel-box a+button { margin-top: 15px; } main.tm-employee-page img.uk-align-left { width: 100%; margin-right: 0; float: none; } } @media screen and (max-width: 767px) { .tm-employee-card .tm-emploee-info+p a { padding: 5px 20px; } } @media screen and (min-width: 480px) and (max-width: 767px) { .tm-employee-card .uk-panel-box { padding: 15px; } .tm-employee-card .uk-panel-box .tm-emploee-info>img { float: left; margin-left: -15px; margin-top: -15px; margin-right: 15px; margin-bottom: 15px; } .tm-employee-card .uk-panel-box .tm-emploee-info>img+h3 { margin-top: 0; } .tm-employee-card .uk-panel-box .tm-emploee-info>p>br { display: none; } .tm-employee-card .uk-panel-box a+button { margin-left: 15px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .tm-employee-card .uk-panel-box .tm-emploee-info>img { float: none; margin-left: -30px; margin-top: -30px; margin-right: -30px; margin-bottom: 0; max-width: unset; width: calc(100% + 60px); } .tm-employee-card .uk-panel-box p { margin: 15px auto; } .tm-employee-card .uk-panel-box a { width: 100%; line-height: 2rem; min-height: 3rem; } .tm-employee-card .uk-panel-box button { width: 100%; line-height: 1.5rem; min-height: 3rem; } .tm-employee-card .uk-panel-box a+button { margin-top: 15px; width: 100%; min-height: 50px; } } @media screen and (min-width: 1200px) { .tm-employee-card .uk-panel-box .tm-emploee-info>img { float: left; margin-left: -30px; margin-top: -30px; margin-right: 15px; margin-bottom: 30px; } .tm-employee-card .uk-panel-box .tm-emploee-info>img+h3 { margin-top: 0; font-size: 1rem; } .tm-employee-card .uk-panel-box .tm-emploee-info+p { clear: both; margin-top: -15px; } .tm-employee-card .uk-panel-box .tm-emploee-info+p a, .tm-employee-card .uk-panel-box .tm-emploee-info+p button { margin-top: 15px; min-height: 55px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 1.2; } .tm-employee-card .uk-panel-box .tm-emploee-info+p a { width: 35%; } .tm-employee-card .uk-panel-box .tm-emploee-info+p button { width: 61%; margin-left: 2%; } } #tm-tab-vacancy strong, #tm-tab-vacancy b { color: #ff2a59; } #tm-tab-vacancy>li>ul { margin-bottom: 15px; } #tm-tab-vacancy>li>ul li>span:before { color: #ff2a59; } .tm-call-us-block { padding-left: 50px; line-height: 1.625; background: url("/local/templates/laserhouse/css/../img/call-answer.png") left center no-repeat; } #tm-video-grid .tm-video-holder>div:before { content: ""; background: url("/local/templates/laserhouse/css/../../../img/video-play.svg"); margin-top: -24px; margin-left: -34px; width: 68px; height: 48px; position: absolute; left: 50%; top: 50%; cursor: pointer; } #tm-video-grid .tm-video-holder>div:hover:before { background: url("/local/templates/laserhouse/css/../../../img/video-play-hover.svg"); } .license br { display: none; } .license img { width: 100%; margin-bottom: 15px; } @media screen and (min-width: 768px) { .license img { width: 50%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; } } @media screen and (min-width: 1200px) { .license img { padding: 0 25px; } } .tm-prices-accordion .uk-accordion-title { border-radius: 5px; background-color: #ff2a59; text-align: center; margin-bottom: 20px; text-transform: uppercase; } .tm-prices-accordion .uk-accordion-title>span { color: #fff; position: relative; } .tm-prices-accordion .uk-accordion-title.uk-active { margin-bottom: 0; font-weight: normal; } .tm-prices-accordion .uk-accordion-title.uk-active span:after { -webkit-transform: translateY(-12px) rotate(90deg); -ms-transform: translateY(-12px) rotate(90deg); transform: translateY(-12px) rotate(90deg); } .tm-prices-accordion .uk-accordion-content { background: #fff; } .tm-fake-accordion-title { border-radius: 5px; background-color: #ff2a59; text-align: center; position: relative; padding: 5px 35px 5px 15px; 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; -webkit-box-sizing: border-box; box-sizing: border-box; } .tm-fake-accordion-title span { font-size: 18px; line-height: 24px; color: #fff; text-transform: uppercase; position: relative; } .tm-fake-accordion-title span:hover { color: #fff; text-decoration: none; } .tm-fake-accordion-title span:after { position: absolute; content: "\f105"; right: -20px; top: 0; color: #fff; font-family: FontAwesome; } .tm-fake-accordion-title:after { position: absolute; content: "\f105"; right: 20px; top: 50%; margin-top: -10px; color: transparent; font-family: FontAwesome; } @media screen and (max-width: 959px) { .uk-accordion-title:after, .tm-fake-accordion-title:after { color: #fff; } .tm-fake-accordion-title span { font-size: 14px; } .tm-fake-accordion-title span:after { display: none; } } @media screen and (min-width: 960px) { .tm-prices-accordion .uk-accordion-title { padding: 30px; } .tm-prices-accordion .uk-accordion-title>span:after { position: absolute; content: "\f105"; right: -20px; top: 50%; color: #fff; font-family: FontAwesome; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); -webkit-transition: -webkit-transform 110ms ease-out; transition: -webkit-transform 110ms ease-out; -o-transition: transform 110ms ease-out; transition: transform 110ms ease-out; transition: transform 110ms ease-out, -webkit-transform 110ms ease-out; } .tm-prices-accordion .uk-accordion-title.uk-active span:after { -webkit-transform: translateY(-12px) rotate(90deg); -ms-transform: translateY(-12px) rotate(90deg); transform: translateY(-12px) rotate(90deg); } .tm-fake-accordion-title { padding: 30px; } } .uk-modal .uk-modal-dialog .uk-close { color: #ff2a59; } .uk-modal .uk-modal-dialog .tm-heading-special { margin-top: 20px; margin-left: -20px; margin-right: -20px; } .uk-modal .uk-modal-dialog p { text-align: justify; color: #000; } .uk-modal .uk-modal-dialog .uk-form .uk-form-row input:not([type="radio"]):not([type="checkbox"]), .uk-modal .uk-modal-dialog .uk-form .uk-form-row select, .uk-modal .uk-modal-dialog .uk-form .uk-form-row textarea { width: 100%; } .uk-modal .uk-modal-dialog .uk-form input[data-uk-timepicker] { max-width: 100%; } .uk-modal .uk-modal-dialog .uk-form button[type="submit"] { margin-top: 10px; padding-left: 60px; padding-right: 60px; } .uk-dropdown.uk-datepicker { padding: 18px; } #tm-skype-booking .uk-alert.uk-text-center, #tm-skype-booking label, #tm-skype-booking-right .uk-alert.uk-text-center, #tm-skype-booking-right label { color: #000; } #tm-skype-booking input[type="checkbox"]+label, #tm-skype-booking-right input[type="checkbox"]+label { float: none; } #tm-content-modal .tm-modal-content { margin-top: 15px; } .tm-form-reply label { line-height: 32px; } .tm-form-reply label input[type="radio"] { margin-right: 15px; } .tm-form-reply input[type="text"] { width: auto !important; padding: 10px !important; } @media screen and (max-width: 479px) { .uk-modal .uk-modal-dialog .uk-form button[type="submit"] { width: 100%; } } @media screen and (min-width: 960px) { #tm-skype.uk-modal .uk-modal-dialog, #tm-skype-right.uk-modal .uk-modal-dialog { width: 980px; padding-left: 50px; padding-right: 50px; } #tm-skype.uk-modal .uk-modal-dialog>.uk-close:first-child, #tm-skype-right.uk-modal .uk-modal-dialog>.uk-close:first-child { margin-right: -30px; } #tm-skype.uk-modal .uk-modal-dialog .tm-heading-special, #tm-skype-right.uk-modal .uk-modal-dialog .tm-heading-special { margin-left: -50px; margin-right: -50px; } #tm-skype.uk-modal .uk-modal-dialog .uk-form-horizontal .uk-form-label, #tm-skype-right.uk-modal .uk-modal-dialog .uk-form-horizontal .uk-form-label { width: 135px; } #tm-skype.uk-modal .uk-modal-dialog .uk-form-horizontal .uk-form-controls, #tm-skype-right.uk-modal .uk-modal-dialog .uk-form-horizontal .uk-form-controls { margin-left: 150px; } #tm-skype.uk-modal .uk-modal-dialog .uk-alert.uk-text-center, #tm-skype-right.uk-modal .uk-modal-dialog .uk-alert.uk-text-center { margin: 25px auto; padding: 30px; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #tm-booking .uk-modal-dialog .uk-form-horizontal .uk-form-label, #tm-booking-right .uk-modal-dialog .uk-form-horizontal .uk-form-label, #tm-booking-header .uk-modal-dialog .uk-form-horizontal .uk-form-label { width: 155px; } #tm-booking .uk-modal-dialog .uk-form-horizontal .uk-form-controls, #tm-booking-right .uk-modal-dialog .uk-form-horizontal .uk-form-controls, #tm-booking-header .uk-modal-dialog .uk-form-horizontal .uk-form-controls { margin-left: 170px; } } @media screen and (min-width: 1570px) { .uk-modal:not(#tm-booking):not(#tm-booking-right):not(#tm-booking-header):not(#tm-skype):not(#tm-skype-right):not(".uk-modal-dialog-lightbox") .uk-modal-dialog { width: 850px; padding: 50px 115px; } .uk-modal:not(#tm-booking):not(#tm-booking-right):not(#tm-booking-header):not(#tm-skype):not(#tm-skype-right):not(".uk-modal-dialog-lightbox") .uk-modal-dialog .uk-modal-header { margin-bottom: 40px; } .uk-modal:not(#tm-booking):not(#tm-booking-right):not(#tm-booking-header):not(#tm-skype):not(#tm-skype-right):not(".uk-modal-dialog-lightbox") .uk-modal-dialog .uk-modal-footer { margin-top: 40px; } .uk-modal:not(#tm-booking):not(#tm-booking-right):not(#tm-booking-header):not(#tm-skype):not(#tm-skype-right):not(".uk-modal-dialog-lightbox") .uk-modal-dialog p { line-height: 2; } .uk-modal:not(#tm-booking):not(#tm-booking-right):not(#tm-booking-header):not(#tm-skype):not(#tm-skype-right):not(".uk-modal-dialog-lightbox") .uk-modal-dialog>.uk-close:first-child { margin-top: -30px; margin-right: -95px; } .uk-modal:not(#tm-booking):not(#tm-booking-right):not(#tm-booking-header):not(#tm-skype):not(#tm-skype-right):not(".uk-modal-dialog-lightbox") .uk-modal-dialog .tm-heading-special { margin-top: 0; margin-left: -115px; margin-right: -115px; } #tm-booking.uk-modal .uk-modal-dialog, #tm-booking-right.uk-modal .uk-modal-dialog, #tm-booking-header.uk-modal .uk-modal-dialog { width: 560px; padding: 30px 60px; } #tm-booking.uk-modal .uk-modal-dialog>.uk-close:first-child, #tm-booking-right.uk-modal .uk-modal-dialog>.uk-close:first-child, #tm-booking-header.uk-modal .uk-modal-dialog>.uk-close:first-child { margin-top: -10px; margin-right: -40px; } #tm-booking.uk-modal .uk-modal-dialog .uk-modal-header, #tm-booking-right.uk-modal .uk-modal-dialog .uk-modal-header, #tm-booking-header.uk-modal .uk-modal-dialog .uk-modal-header { margin-bottom: 25px; } #tm-booking.uk-modal .uk-modal-dialog p, #tm-booking-right.uk-modal .uk-modal-dialog p, #tm-booking-header.uk-modal .uk-modal-dialog p { line-height: 2; } #tm-booking.uk-modal .uk-modal-dialog .uk-form-horizontal .uk-form-label, #tm-booking-right.uk-modal .uk-modal-dialog .uk-form-horizontal .uk-form-label, #tm-booking-header.uk-modal .uk-modal-dialog .uk-form-horizontal .uk-form-label { width: 155px; } #tm-booking.uk-modal .uk-modal-dialog .uk-form-horizontal .uk-form-controls, #tm-booking-right.uk-modal .uk-modal-dialog .uk-form-horizontal .uk-form-controls, #tm-booking-header.uk-modal .uk-modal-dialog .uk-form-horizontal .uk-form-controls { margin-left: 170px; } #tm-booking.uk-modal .tm-heading-special, #tm-booking-right.uk-modal .tm-heading-special, #tm-booking-header.uk-modal .tm-heading-special { margin-left: -60px; margin-right: -60px; } } .tm-service-slideset { border: 1px solid #ddd; border-radius: 10px; padding-bottom: 10px; } .tm-service-slideset .uk-slideset { text-align: center; } .tm-service-slideset .uk-slideset>li h3 { padding: 30px; border-bottom: 2px solid #ddd; } .tm-service-slideset .uk-slideset>li>.uk-panel { max-width: 768px; margin: 0 auto 25px; padding: 0 10px; } .tm-service-slideset .uk-slideset>li>.uk-panel p { text-align: center; font-weight: 700; text-transform: uppercase; } .tm-service-slideset .uk-slideset>li>.uk-panel img { border-radius: 5px; } .uk-slidenav-position.tm-service-slideset .uk-slidenav-previous { left: 5px; padding-right: 5px; } .uk-slidenav-position.tm-service-slideset .uk-slidenav-next { right: 5px; padding-left: 5px; } .uk-slidenav-position.tm-service-slideset .uk-slidenav { color: #ff2a59; } .uk-slidenav-position.tm-service-slideset .uk-slidenav:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .uk-notouch .uk-slidenav-position.tm-service-slideset .uk-slidenav { display: block; } .uk-touch .uk-slidenav-position.tm-service-slideset:hover .uk-slidenav { display: none; } .tm-pagination-nav>li>a { text-indent: 0; line-height: 20px; font-size: 12px; width: 20px; height: 20px; text-align: center; text-decoration: none; } .tm-pagination-nav>li.uk-active>a, .tm-pagination-nav>li>a:hover { color: #fff; } .tm-pagination-nav>li.uk-hidden+li:not(.uk-hidden):before { content: "..."; display: inline-block; float: left; padding-right: 11px; } @media screen and (max-width: 479px) { .tm-service-slideset { border: none; padding-bottom: 0; } .tm-service-slideset .uk-slideset li>h3 { padding: 0 15px 15px; margin-left: -15px; margin-right: -15px; } .tm-service-slideset.uk-slidenav-position .uk-slidenav { width: 20px; height: 20px; font-size: 25px; line-height: 20px; bottom: 0 !important; margin-top: 0 !important; } .tm-service-slideset.uk-slidenav-position .uk-slidenav.uk-slidenav-previous { left: -5px; } .tm-service-slideset.uk-slidenav-position .uk-slidenav.uk-slidenav-next { right: -5px; } .tm-pagination-nav>li>a { line-height: 17px; font-size: 10px; width: 17px; height: 17px; } } @media screen and (max-width: 767px) { .tm-service-slideset { border-radius: 5px; } } @media screen and (min-width: 1200px) { .uk-slidenav-position.tm-service-slideset .uk-slidenav-previous { left: 5%; } .uk-slidenav-position.tm-service-slideset .uk-slidenav-next { right: 5%; } .uk-slidenav-position.tm-service-slideset .uk-slidenav { border-radius: 50%; border: 2px solid #ff2a59; line-height: 55px; font-size: 40px; } } @media screen and (min-width: 1570px) { .uk-slidenav-position.tm-service-slideset .uk-slidenav-previous { left: 12%; } .uk-slidenav-position.tm-service-slideset .uk-slidenav-next { right: 12%; } } .tm-tab-button { width: 269px; height: 71px; padding: 8px 15px !important; margin-bottom: 8px !important; border-radius: 5px; border: 1px solid #ffffff; color: #000; background-color: #ffeef4; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; } .tm-tab-button>small { text-transform: none; line-height: 1; } .tm-tab-button:hover { text-decoration: none; } #tm-sliders-container { width: 100% !important; padding: 22px 0 30px; } #tm-sliders-container .tm-service-slideset { border-radius: 5px; } #tm-sliders-container .tm-service-slideset:not(.uk-active) { display: none; } #tm-sliders-container img.lazy[src*="placeholder"] { opacity: 0; } .tm-tab-button.uk-active { color: #fff; background-color: #ff245a; } .tm-equipment-tabs ul.uk-tab { height: 100%; } .tm-equipment-tabs ul.uk-tab>li:not(.uk-tab-responsive)>a { -webkit-box-sizing: border-box; box-sizing: border-box; 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; } .tm-equipment-tabs ul.uk-tab>li:not(.uk-tab-responsive)>a>span { display: block; max-width: 100%; } .tm-equipment-tabs ul.uk-tab .uk-tab-responsive { padding: 0; width: 100%; } .tm-equipment-tabs ul.uk-tab .uk-tab-responsive .uk-dropdown a { min-height: auto !important; } .tm-equipment-tabs ul.uk-tab .uk-tab-responsive .uk-dropdown a br { display: none; } .tm-equipment-tabs ul.uk-switcher { border: 1px solid #ddd; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; padding: 30px; } .tm-equipment-tabs ul.uk-switcher h4 { text-align: center; color: #222; } .tm-equipment-tabs ul.uk-switcher .tm-list-primary { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .tm-equipment-tabs ul.uk-switcher .tm-list-primary li { font-size: 1rem; } .tm-equipment-tabs:not(.tm-equal-height) ul.uk-switcher { min-height: 100%; height: auto; } @media screen and (max-width: 479px) { .tm-equipment-tabs ul.uk-switcher { padding: 15px; } } @media screen and (max-width: 959px) { .tm-equipment-tabs ul.uk-tab li>a { font-size: 1rem; } } @media screen and (min-width: 960px) { .tm-equipment-tabs:not(.tm-equal-height) ul.uk-tab>li:not(.uk-tab-responsive)>a { padding: 30px; } } ul.tm-tab-switcher .uk-width-1-7 { width: 14.25%; } ul.tm-tab-switcher .uk-width-1-7>a { font-size: 1rem; } img.lazy { min-height: 150px; } main p { text-align: justify; } main ul:not([class]) { list-style: none; padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } main ul:not([class]) li>span { display: inline-block; position: relative; padding-left: 20px; } main ul:not([class]) li>span:before { position: absolute; content: "\f111"; font-size: 8px; line-height: 1; font-family: FontAwesome; left: 5px; top: 6px; } main a.uk-button-large { line-height: 54px; } main img { border-radius: 5px; } main .tm-video-holder { /*background: #fff;*/ position: relative; z-index: 100; background-color: #fff; } @media all and (max-width: 600px) { main .tm-video-holder h2 { font-size: 11px; line-height: 16px; } } .tm-heading-special, main h1 { position: relative; text-align: center; } .tm-heading-special>span, main h1>span { position: relative; padding: 0 10px; background: #fff; } main h1:before, .tm-heading-special:before { position: absolute; content: ""; width: 100%; top: 50%; left: 0; height: 1px; background: #ff2a59; } .blog-img { float: left; margin: 0 20px 10px 0; max-width: 450px; width: 100%; } @media screen and (max-width: 630px) { .blog-img { max-width: 300px; } .tm-heading-special>span, main h1>span { padding: 0; font-size: 20px; line-height: 26px; } main h1, .tm-heading-special { text-align: left; } main h1:before, .tm-heading-special:before { top: 100%; margin-top: 2px; } } .tm-heading-special.uk-text-muted:before { background: #6f6f6f; } .uk-tab-responsive { background-color: #ff2a59; border-radius: 5px; padding: 20px 40px; } .uk-tab-responsive>span { color: #fff; font-weight: 700; text-transform: uppercase; font-size: 16px; } .uk-tab-responsive .uk-dropdown { width: 100%; } .uk-tab-responsive .uk-dropdown li>a, .uk-tab-responsive .uk-dropdown li>span { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .tm-readmore-list>a { display: block; padding-top: 5px; padding-bottom: 5px; font-weight: 300; color: #000; position: relative; padding-left: 50px; } .tm-readmore-list>a:before { position: absolute; top: 2px; left: 20px; color: #ff2a59; content: "\f105"; font-family: FontAwesome; font-size: 22px; } .tm-info-block { border-radius: 5px; border: 1px solid #ff2a59; padding: 25px; margin: 30px auto; } .tm-info-block .uk-list>li>a { color: #626262; line-height: 2; text-transform: uppercase; font-weight: 700; position: relative; padding-left: 30px; } .tm-info-block .uk-list>li>a:hover { text-decoration: none; color: #ff2a59; } .tm-info-block .uk-list>li>a:before { content: "\f105"; font-family: fontawesome; line-height: 100%; position: absolute; color: #ff2a59; left: 10px; top: 0; } .tm-info-block:not(.no-icon) { padding-left: 17%; background: url("/local/templates/laserhouse/css/../img/information.png") 3% center no-repeat; } .tm-tab-switcher>li>a { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .tm-tab-switcher+ul { padding: 25px; border: 1px solid #ddd; border-radius: 10px; } table { -webkit-box-shadow: 0 0 5px rgba(147, 154, 177, 0.23); box-shadow: 0 0 5px rgba(147, 154, 177, 0.23); border-radius: 5px; border: 1px solid #dcdcdc; } table thead { background: #ffeff3; text-transform: uppercase; -webkit-box-shadow: 0 0 5px rgba(147, 154, 177, 0.23); box-shadow: 0 0 5px rgba(147, 154, 177, 0.23); } table thead th { border-right: 1px solid #facfe1; border-bottom: 1px solid #dcdcdc; } table thead th:first-child { border-radius: 5px 0 0 5px; } table thead th:last-child { border-radius: 0 5px 5px 0; border-right: none; } table tbody { /*tr:not(:first-of-type) td[rowspan] { border-top: 1px solid #dcdcdc; }*/ } table tbody td { border-right: 1px solid #dcdcdc; } table tbody td:last-child { border-right: none; } table tbody td[rowspan] { vertical-align: middle; } table tbody td:not(:first-child) { text-align: center; } .tm-price-table:not(.tm-span-table) { /*thead th { vertical-align: middle !important; }*/ } .tm-price-table:not(.tm-span-table) tbody tr td:first-child, .tm-price-table:not(.tm-span-table) tbody tr td:last-child { text-align: center; } .tm-price-table:not(.tm-span-table) tbody tr td:last-child { font-weight: 700; } .tm-price-table:not(.tm-span-table) tr>*:first-child { width: 20%; } .tm-price-table:not(.tm-span-table) tr>*:last-child { width: 23%; } .uk-table.tm-2-column tbody>tr>td:first-child { text-align: center; } .tm-price-table.tm-span-table.tm-3-column tbody tr td { text-align: center; } .tm-price-table.tm-span-table.tm-3-column tr>*:nth-child(2) { width: 57%; } .tm-price-table.tm-span-table.tm-3-column tr>*:nth-child(1):not(:only-child) { width: 20%; } table.tm-4-column:not(.tm-price-table):not(.tm-epil-table) tr td { text-align: left; } table.tm-4-column:not(.tm-price-table):not(.tm-epil-table) tr td:first-child, table.tm-4-column:not(.tm-price-table):not(.tm-epil-table) tr td:last-child { text-align: center; } table:not(.tm-span-table).tm-3-column.tm-price-table tbody tr>*:nth-child(2) { text-align: left; } table.tm-4-column.tm-price-table tr>*:first-child, table.tm-4-column.tm-price-table tr>*:nth-child(2) { width: 13%; } table.tm-4-column.tm-price-table tr>td:nth-child(3) { text-align: left; } table.tm-4-column.tm-epil-table tr>*:nth-child(n + 2) { width: 22%; } table.tm-6-column tr>*:first-child { width: 25%; } table.tm-6-column tr>*:nth-child(n + 2) { width: 15%; text-align: center; } .uk-list.tm-list-primary { line-height: 2; font-size: 1.2em; } .uk-list.tm-list-primary>li { position: relative; padding-left: 50px; } .uk-list.tm-list-primary>li:before { position: absolute; left: 20px; top: calc(50% - 5px); content: "\f111"; font-family: FontAwesome; font-size: 10px; line-height: 1; color: #ff2a59; display: inline-block; } .tm-article-image { width: 100%; } .tm-article-image img { width: 100%; } .tm-article-more { position: relative; padding-bottom: 55px; overflow: hidden; } .tm-article-more > h4, .tm-article-more > a.ex-h4 { margin-top: 15px; text-transform: none; color: #626262; font-size: 18px; line-height: 24px; text-decoration: none; display: block; } .tm-article-more > a.ex-h4 { font-weight: 700; } .tm-article-more>.uk-button { min-height: 48px; line-height: 48px; padding-left: 35px; padding-right: 35px; position: absolute; bottom: 0; } #tm-more-articles+.uk-button { padding: 30px; font-size: 20px; } #tm-more-articles+.uk-button i { margin-left: 15px; } #tm-more-articles:not(.uk-hidden)+.uk-button { display: none; } #tm-tab-responsive { box-sizing: border-box; padding: 20px; background-color: #e8eef4; color: #474646; border: 1px solid #e8eef4; } blockquote { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 959px) { .tm-readmore-list>a { padding-left: 20px; } .tm-readmore-list>a:before { left: 5px; } .uk-accordion .uk-accordion-title { font-size: 14px; padding: 5px 35px 5px 15px; } .uk-accordion .uk-accordion-content { padding: 15px; line-height: 20px; } main img.girl { display: none; } } .uk-flex.mob-call-btn-block{ display: none; } @media screen and (max-width: 767px) { .tm-flex-left-small { -ms-flex-pack: start !important; -webkit-justify-content: flex-start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .tm-flex-right-small { -ms-flex-pack: end !important; -webkit-justify-content: flex-end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } ul:not([class]) li>span:before { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); left: 5px; } .uk-flex.mob-call-btn-block{ display: flex; } header:not(.uk-comment-header) .mob-call-btn-block .tm-button-call { padding: 0 9px; margin-bottom: 5px; } header.uk-active:not(.uk-comment-header) .mob-call-btn-block .tm-button-call { margin-bottom: 0; } .mob-call-btn-block .uk-button-large { min-height: 33px; } } @media screen and (max-width: 479px) { .uk-visible-mini { display: block !important; } .uk-hidden-mini { display: none !important; } .uk-panel.uk-panel-box { padding: 15px; } .uk-panel.uk-panel-box>.uk-nav-side { margin: 0 -15px; } #tm-tab-responsive { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; background-color: #e8eef4; color: #474646; border: 1px solid #e8eef4; } #tm-tab-responsive>span>i { right: 35px; } .tm-info-block:not(.no-icon) { background: none; padding: 15px; } .tm-tab-switcher+ul { padding: 15px; } .tm-price-table.tm-price-4column, table.tm-6-column { font-size: 0.85rem; line-height: 1; } .tm-price-table.tm-price-4column tr>*, table.tm-6-column tr>* { vertical-align: middle !important; } .tm-article-more h4 { text-align: center; } .tm-article-more>.uk-button { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #tm-more-articles+.uk-button { padding: 15px; font-size: 16px; } #tm-more-articles+.uk-button i { margin-left: 5px; } header:not(.uk-comment-header) .mob-call-btn-block .tm-button-call { padding: 0 12px; margin-bottom: 0; } header.uk-active:not(.uk-comment-header) .mob-call-btn-block .tm-button-call { padding: 0 6px; } header:not(.uk-comment-header) .tm-city-address { margin: 5px 0 0; } } @media screen and (min-width: 960px) { table.uk-table thead th, table.uk-table tbody td { padding: 20px; font-size: 18px; } .tm-video-holder.uk-align-right { margin-left: 0; padding-left: 50px; } ul.tm-tab-switcher .uk-hidden-medium>a { font-size: 0.85rem; } } @media screen and (min-width: 1200px) { .tm-heading-special>span, main h1>span { padding: 0 75px; } .tm-price-table:not(.tm-4-column) tbody tr td { padding-left: 60px; padding-right: 60px; } .tm-price-table.tm-4-column tbody tr td:nth-child(2) { text-align: center; } .tm-price-table.tm-4-column tbody tr td:nth-child(3) { padding-left: 60px; } } @media screen and (min-width: 480px) and (max-width: 767px) { .tm-info-block:not(.no-icon) { padding-left: 115px; background-position: 17px center; } } @media screen and (min-width: 768px) and (max-width: 959px) { .tm-article-more h4 { text-align: center; } .tm-article-more>.uk-button { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media screen and (min-width: 960px) and (max-width: 1199px) { .tm-heading-special>span, main h1>span { padding: 0 25px; } } @media screen and (min-width: 480px) { .uk-visible-mini { display: none !important; } #tm-photo-tabs img { max-height: 200px; width: 100%; } } @media screen and (min-width: 1570px) { main>div>.uk-panel-box { padding-left: 80px; padding-right: 80px; } } @media all and (max-width: 764px) { #tm-tabs-mezo .uk-slidenav-position .uk-slidenav { display: inherit; } } @media all and (max-width: 468px) { #tm-tabs-mezo .uk-slidenav-position .uk-slidenav { display: inherit; } } #tm-tabs-mezo .uk-slidenav-position .uk-slidenav { display: inherit; } @media all and (max-width: 1199px) { #tm-tabs-mezo .uk-slidenav-position .uk-slidenav { bottom: 8px; top: inherit; } } @media all and (max-width: 479px) { #tm-tabs-mezo .uk-slidenav-position .uk-slidenav { bottom: -18px; top: inherit; } } .tm-tab-do-posle .uk-slidenav-position .uk-slidenav { display: inherit; } @media all and (max-width: 1199px) { .tm-tab-do-posle .uk-slidenav-position .uk-slidenav { bottom: 8px; top: inherit; } } @media all and (max-width: 479px) { .tm-tab-do-posle .uk-slidenav-position .uk-slidenav { bottom: -18px; top: inherit; } } *::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; } *::-webkit-scrollbar { width: 17px; background-color: #f5f5f5; } *::-webkit-scrollbar-thumb { background-color: #ff2a59; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); } #tm-contacts-adresses { border-radius: 10px; border-top-left-radius: 0; max-width: 300px; height: 300px; overflow-y: auto; position: relative; margin-top: -390px; margin-bottom: 30px; } @media all and (max-width: 1000px) { #tm-contacts-adresses { position: inherit; max-width: inherit; margin-top: inherit; margin-bottom: 35px; } } #tm-contacts-adresses .tm-map-info { padding: 15px; } #tm-contacts-adresses .tm-map-info h3, #tm-contacts-adresses .tm-map-info .uk-list { font-size: 1rem; color: #222; } #tm-contacts-adresses .tm-map-info .uk-list { font-weight: 400; line-height: 1.625rem; padding-left: 30px; } #tm-contacts-adresses .tm-map-info .uk-list .tm-map-phone, #tm-contacts-adresses .tm-map-info .uk-list .tm-map-underground { font-weight: 700; line-height: 2rem; position: relative; } #tm-contacts-adresses .tm-map-info .uk-list .tm-map-phone:before { position: absolute; content: "\f095"; font-size: 1.33rem; left: -25px; color: #ff2a59; font-family: FontAwesome; } #tm-contacts-adresses .tm-map-info .uk-list .tm-map-underground:before { position: absolute; content: ""; left: 30px; height: 20px; width: 20px; background: url(/local/templates/laserhouse/css/../img/subway.png) center center no-repeat; background-size: 20px auto; } #tm-contacts-adresses .tm-map-info:after { display: block; content: ""; background: url(/local/templates/laserhouse/css/../img/map-info-icons.png) left center no-repeat; margin-left: 30px; height: 28px; width: 177px; } .o-tab-subheader { display: none; } @media all and (max-width: 767px) { .o-tab-subheader { display: block; font-size: 14px; text-transform: uppercase; margin-bottom: -20px; } } .uk-tab-responsive>span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; } .uk-tab-responsive>span>i { font-weight: 700; position: absolute; right: 13px; top: 50%; transform: translateY(-50%); margin: auto; transition: transform 100ms ease-out; } .uk-tab-responsive.uk-open>span>i { transform: translateY(-50%) rotate(90deg); } .tm-equipment-tabs .uk-tab-responsive a { text-align: left; position: relative; padding-right: 30px; } .tm-equipment-tabs .uk-tab-responsive a:before { content: none; } .tm-equipment-tabs .uk-tab-responsive a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: calc(50% - 14px); right: 20px; font-weight: 700; } .tm-equipment-tabs .uk-tab-responsive .uk-nav-dropdown a:after { content: none; } #tm-skype-booking .skype-time .uk-dropdown ul li[data-value*="21:30"], #tm-skype-booking-right .skype-time .uk-dropdown ul li[data-value*="21:30"] { display: none; } #tm-skype-booking .skype-time .uk-dropdown ul li[data-value*="21:00"], #tm-skype-booking-right .skype-time .uk-dropdown ul li[data-value*="21:00"] { display: none; } #tm-skype-booking .skype-timeto .uk-dropdown ul li[data-value*="21:30"], #tm-skype-booking-right .skype-timeto .uk-dropdown ul li[data-value*="21:30"] { display: none; } .booking-time .uk-dropdown ul li[data-value*="21:30"] { display: none; } .booking-time .uk-dropdown ul li[data-value*="21:00"] { display: none; } .booking-timeto .uk-dropdown ul li[data-value*="21:30"] { display: none; } /* ======================================================================== Component: Base ========================================================================== */ /* * 1. Normalize default `font-family` and set `font-size` to support `rem` units * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * 3. Style */ html { /* 1 */ font: normal 12px / 20px "Myriad Pro", Helvetica, Arial, sans-serif; /* 2 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 3 */ background: #fff; color: #626262; } /* * Removes default margin. */ body { margin: 0; } /* Links ========================================================================== */ /* * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /* * Improve readability of focused elements when they are also in an active/hover state. */ a:active, a:hover { outline: 0; } /* * Style */ a, .uk-link { /*color: #ff2a59;*/ color: #ff0038; text-decoration: none; cursor: pointer; } a:hover, .uk-link:hover { /*color: #ff2a59;*/ color: #ff0038; text-decoration: underline; } /* Text-level semantics ========================================================================== */ /* * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /* * 1. Address odd `em`-unit font size rendering in all browsers. * 2. Consolas has a better baseline in running text compared to `Courier` */ :not(pre)>code, :not(pre)>kbd, :not(pre)>samp { /* 1 */ font-size: 12px; /* 2 */ font-family: Consolas, monospace, serif; /* 3 */ color: #d05; white-space: nowrap; } /* * Emphasize */ em { color: #d05; } /* * Insert */ ins { background: #ffa; color: #444; text-decoration: none; } /* * Mark * Note: Addresses styling not present in IE 8/9. */ mark { background: #ffa; color: #444; } /* * Quote */ q { font-style: italic; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /* * Remove the gap between embedded content and the bottom of their containers. */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Responsiveness * 1. Sets a maximum width relative to the parent and auto scales the height * 2. Corrects `max-width` behavior if padding and border are used */ audio, canvas, img, svg, video { /* 1 */ max-width: 100%; height: auto; /* 2 */ -webkit-box-sizing: border-box; box-sizing: border-box; } /* * Preserve original dimensions */ .uk-img-preserve, .uk-img-preserve audio, .uk-img-preserve canvas, .uk-img-preserve img, .uk-img-preserve svg, .uk-img-preserve video { max-width: none; } /* * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /* * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Block elements ========================================================================== */ /* * Reset margin */ blockquote, figure { margin: 0; } /* * Margins */ p, ul, ol, dl, blockquote, pre, address, fieldset, figure { margin: 0 0 15px 0; } *+p, *+ul, *+ol, *+dl, *+blockquote, *+pre, *+address, *+fieldset, *+figure { margin-top: 15px; } /* Headings ========================================================================== */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0 0 15px 0; font-family: "Myriad Pro", Helvetica, Arial, sans-serif; font-weight: 700; /*color: #ff2a59;*/ color: #ff0038; text-transform: uppercase; } /* * Margins */ *+h1, *+h2, *+h3, *+h4, *+h5, *+h6 { margin-top: 25px; } /* * Sizes */ h1, .uk-h1 { font-size: 24px; line-height: 30px; } h2, .uk-h2 { font-size: 22px; line-height: 28px; } h3, .uk-h3 { font-size: 20px; line-height: 26px; } h4, .uk-h4 { font-size: 18px; line-height: 22px; } h5, .uk-h5 { font-size: 16px; line-height: 20px; } h6, .uk-h6 { font-size: 14px; line-height: 18px; } @media (max-width: 767px) { h1, .uk-h1 { font-size: 20px; line-height: 26px; } h2, .uk-h2 { font-size: 18px; line-height: 22px; } h3, .uk-h3 { font-size: 16px; line-height: 20px; } h4, .uk-h4 { font-size: 14px; line-height: 18px; } h5, .uk-h5 { font-size: 13px; line-height: 17px; } h6, .uk-h6 { font-size: 12px; line-height: 16px; } } /* Lists ========================================================================== */ ul, ol { padding-left: 30px; } /* * Reset margin for nested lists */ ul>li>ul, ul>li>ol, ol>li>ol, ol>li>ul { margin: 0; } /* Description lists ========================================================================== */ dt { font-weight: bold; } dd { margin-left: 0; } /* Horizontal rules ========================================================================== */ /* * 1. Address differences between Firefox and other browsers. * 2. Style */ hr { /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; /* 2 */ margin: 15px 0; border: 0; border-top: 1px solid #ddd; } /* Address ========================================================================== */ address { font-style: normal; } /* Blockquotes ========================================================================== */ blockquote { background: #ffeff3; border-radius: 5px; padding: 30px 60px 20px; text-align: center; font-size: 16px; line-height: 22px; font-style: normal; position: relative; } blockquote b { color: #000; } blockquote:before, blockquote:after { font-family: FontAwesome; font-size: 30px; position: absolute; top: 40px; color: #ffd2dd; } blockquote:before { content: "\f10d"; left: 20px; } blockquote:after { content: "\f10e"; right: 20px; } /* Preformatted text ========================================================================== */ /* * 1. Contain overflow in all browsers. */ pre { padding: 10px; background: #f5f5f5; font: 12px / 18px Consolas, monospace, serif; color: #444; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; /* 1 */ overflow: auto; } /* Selection pseudo-element ========================================================================== */ ::-moz-selection { background: #39f; color: #fff; text-shadow: none; } ::selection { background: #39f; color: #fff; text-shadow: none; } /* HTML5 elements ========================================================================== */ /* * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } /* * Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /* * Prevent displaying `audio` without controls in Chrome, Safari and Opera */ audio:not([controls]) { display: none; } /* * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Iframe ========================================================================== */ iframe { border: 0; } /* Fix viewport for IE10 snap mode ========================================================================== */ @media screen and (max-width: 400px) { @-ms-viewport { width: device-width; } /* PRAVKA */ blockquote { font-size: 14px; line-height: 21px; } } @media screen and (max-width: 768px) { blockquote { padding: 20px 30px 10px; } blockquote:before, blockquote:after { font-size: 15px; } blockquote:before { left: 10px; } blockquote:after { right: 10px; } } @media screen and (min-width: 960px) and (max-width: 1199px) { p, ul, ol, dl, blockquote, pre, address, fieldset, figure { margin: 0 0 30px 0; } *+p, *+ul, *+ol, *+dl, *+blockquote, *+pre, *+address, *+fieldset, *+figure { margin-top: 30px; } } @media screen and (min-width: 768px) { html { font-size: 14px; } } @media screen and (min-width: 1200px) { html { font-size: 15px; } } @media screen and (min-width: 1570px) { html { font-size: 16px; } } /* ======================================================================== Component: Grid ========================================================================== */ /* * 1. Makes grid more robust so that it can be used with other block elements like lists */ .uk-grid { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin: 0; padding: 0; list-style: none; } /* * DEPRECATED * Micro clearfix * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit */ .uk-grid:before, .uk-grid:after { content: ""; display: block; overflow: hidden; } .uk-grid:after { clear: both; } /* * Grid cell * 1. Space is allocated solely based on content dimensions * 2. Makes grid more robust so that it can be used with other block elements * 3. DEPRECATED Using `float` to support IE9 */ .uk-grid>* { /* 1 */ -ms-flex: none; -webkit-flex: none; -webkit-box-flex: 0; flex: none; /* 2 */ margin: 0; /* 3 */ float: left; } /* * Remove margin from the last-child */ .uk-grid>*> :last-child { margin-bottom: 0; } /* Grid gutter ========================================================================== */ /* * Default gutter */ /* Horizontal */ .uk-grid { margin-left: -25px; } .uk-grid>* { padding-left: 25px; } /* Vertical */ .uk-grid+.uk-grid, .uk-grid-margin, .uk-grid>*>.uk-panel+.uk-panel { margin-top: 25px; } /* Large screen and bigger */ @media (min-width: 1200px) { /* Horizontal */ .uk-grid { margin-left: -35px; } .uk-grid>* { padding-left: 35px; } /* Vertical */ .uk-grid+.uk-grid, .uk-grid-margin, .uk-grid>*>.uk-panel+.uk-panel { margin-top: 35px; } } /* * Collapse gutter */ /* Horizontal */ .uk-grid-collapse { margin-left: 0; } .uk-grid-collapse>* { padding-left: 0; } /* Vertical */ .uk-grid-collapse+.uk-grid-collapse, .uk-grid-collapse>.uk-grid-margin, .uk-grid-collapse>*>.uk-panel+.uk-panel { margin-top: 0; } /* * Small gutter */ /* Horizontal */ .uk-grid-small { margin-left: -10px; } .uk-grid-small>* { padding-left: 10px; } /* Vertical */ .uk-grid-small+.uk-grid-small, .uk-grid-small>.uk-grid-margin, .uk-grid-small>*>.uk-panel+.uk-panel { margin-top: 10px; } /* * Medium gutter */ /* Horizontal */ .uk-grid-medium { margin-left: -25px; } .uk-grid-medium>* { padding-left: 25px; } /* Vertical */ .uk-grid-medium+.uk-grid-medium, .uk-grid-medium>.uk-grid-margin, .uk-grid-medium>*>.uk-panel+.uk-panel { margin-top: 25px; } /* * Large gutter */ /* Large screen and bigger */ @media (min-width: 960px) { /* Horizontal */ .uk-grid-large { margin-left: -35px; } .uk-grid-large>* { padding-left: 35px; } /* Vertical */ .uk-grid-large+.uk-grid-large, .uk-grid-large-margin, .uk-grid-large>*>.uk-panel+.uk-panel { margin-top: 35px; } } /* Extra Large screens */ @media (min-width: 1200px) { /* Horizontal */ .uk-grid-large { margin-left: -50px; } .uk-grid-large>* { padding-left: 50px; } /* Vertical */ .uk-grid-large+.uk-grid-large, .uk-grid-large-margin, .uk-grid-large>*>.uk-panel+.uk-panel { margin-top: 50px; } } /* Modifier: `uk-grid-divider` ========================================================================== */ /* * Horizontal divider * Only works with the default gutter. Does not work with gutter collapse, small or large. * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row. */ .uk-grid-divider:not(:empty) { margin-left: -25px; margin-right: -25px; } .uk-grid-divider>* { padding-left: 25px; padding-right: 25px; } .uk-grid-divider>[class*="uk-width-1-"]:not(.uk-width-1-1):nth-child(n + 2), .uk-grid-divider>[class*="uk-width-2-"]:nth-child(n + 2), .uk-grid-divider>[class*="uk-width-3-"]:nth-child(n + 2), .uk-grid-divider>[class*="uk-width-4-"]:nth-child(n + 2), .uk-grid-divider>[class*="uk-width-5-"]:nth-child(n + 2), .uk-grid-divider>[class*="uk-width-6-"]:nth-child(n + 2), .uk-grid-divider>[class*="uk-width-7-"]:nth-child(n + 2), .uk-grid-divider>[class*="uk-width-8-"]:nth-child(n + 2), .uk-grid-divider>[class*="uk-width-9-"]:nth-child(n + 2) { border-left: 1px solid #ddd; } /* Tablet and bigger */ @media (min-width: 768px) { .uk-grid-divider>[class*="uk-width-medium-"]:not(.uk-width-medium-1-1):nth-child(n + 2) { border-left: 1px solid #ddd; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-grid-divider>[class*="uk-width-large-"]:not(.uk-width-large-1-1):nth-child(n + 2) { border-left: 1px solid #ddd; } } /* Large screen and bigger */ @media (min-width: 1200px) { /* * Large gutter */ .uk-grid-divider:not(:empty) { margin-left: -35px; margin-right: -35px; } .uk-grid-divider>* { padding-left: 35px; padding-right: 35px; } .uk-grid-divider:empty { margin-top: 35px; margin-bottom: 35px; } } /* * Vertical divider */ .uk-grid-divider:empty { margin-top: 25px; margin-bottom: 25px; border-top: 1px solid #ddd; } /* Match panels in grids ========================================================================== */ /* * 1. Behave like a block element */ .uk-grid-match>* { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; /* 1 */ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .uk-grid-match>*>* { /* 1 */ -ms-flex: none; -webkit-flex: none; -webkit-box-flex: 0; flex: none; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } /* Even grid cell widths ========================================================================== */ [class*="uk-grid-width"]>* { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .uk-grid-width-1-2>* { width: 50%; } .uk-grid-width-1-3>* { width: 33.333%; } .uk-grid-width-1-4>* { width: 25%; } .uk-grid-width-1-5>* { width: 20%; } .uk-grid-width-1-6>* { width: 16.666%; } .uk-grid-width-1-10>* { width: 10%; } .uk-grid-width-auto>* { width: auto; } /* Phone landscape and bigger */ @media (min-width: 480px) { .uk-grid-width-small-1-1>* { width: 100%; } .uk-grid-width-small-1-2>* { width: 50%; } .uk-grid-width-small-1-3>* { width: 33.333%; } .uk-grid-width-small-1-4>* { width: 25%; } .uk-grid-width-small-1-5>* { width: 20%; } .uk-grid-width-small-1-6>* { width: 16.666%; } .uk-grid-width-small-1-10>* { width: 10%; } } /* Tablet and bigger */ @media (min-width: 768px) { .uk-grid-width-medium-1-1>* { width: 100%; } .uk-grid-width-medium-1-2>* { width: 50%; } .uk-grid-width-medium-1-3>* { width: 33.333%; } .uk-grid-width-medium-1-4>* { width: 25%; } .uk-grid-width-medium-1-5>* { width: 20%; } .uk-grid-width-medium-1-6>* { width: 16.666%; } .uk-grid-width-medium-1-10>* { width: 10%; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-grid-width-large-1-1>* { width: 100%; } .uk-grid-width-large-1-2>* { width: 50%; } .uk-grid-width-large-1-3>* { width: 33.333%; } .uk-grid-width-large-1-4>* { width: 25%; } .uk-grid-width-large-1-5>* { width: 20%; } .uk-grid-width-large-1-6>* { width: 16.666%; } .uk-grid-width-large-1-10>* { width: 10%; } } /* Large screen and bigger */ @media (min-width: 1200px) { .uk-grid-width-xlarge-1-1>* { width: 100%; } .uk-grid-width-xlarge-1-2>* { width: 50%; } .uk-grid-width-xlarge-1-3>* { width: 33.333%; } .uk-grid-width-xlarge-1-4>* { width: 25%; } .uk-grid-width-xlarge-1-5>* { width: 20%; } .uk-grid-width-xlarge-1-6>* { width: 16.666%; } .uk-grid-width-xlarge-1-10>* { width: 10%; } } /* Sub-objects: `uk-width-*` ========================================================================== */ [class*="uk-width"] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } /* * Widths */ /* Whole */ .uk-width-1-1 { width: 100%; } /* Halves */ .uk-width-1-2, .uk-width-2-4, .uk-width-3-6, .uk-width-5-10 { width: 50%; } /* Thirds */ .uk-width-1-3, .uk-width-2-6 { width: 33.333%; } .uk-width-2-3, .uk-width-4-6 { width: 66.666%; } /* Quarters */ .uk-width-1-4 { width: 25%; } .uk-width-3-4 { width: 75%; } /* Fifths */ .uk-width-1-5, .uk-width-2-10 { width: 20%; } .uk-width-2-5, .uk-width-4-10 { width: 40%; } .uk-width-3-5, .uk-width-6-10 { width: 60%; } .uk-width-4-5, .uk-width-8-10 { width: 80%; } /* Sixths */ .uk-width-1-6 { width: 16.666%; } .uk-width-5-6 { width: 83.333%; } /* Tenths */ .uk-width-1-10 { width: 10%; } .uk-width-3-10 { width: 30%; } .uk-width-7-10 { width: 70%; } .uk-width-9-10 { width: 90%; } /* Phone landscape and bigger */ @media (min-width: 480px) { /* Whole */ .uk-width-small-1-1 { width: 100%; } /* Halves */ .uk-width-small-1-2, .uk-width-small-2-4, .uk-width-small-3-6, .uk-width-small-5-10 { width: 50%; } /* Thirds */ .uk-width-small-1-3, .uk-width-small-2-6 { width: 33.333%; } .uk-width-small-2-3, .uk-width-small-4-6 { width: 66.666%; } /* Quarters */ .uk-width-small-1-4 { width: 25%; } .uk-width-small-3-4 { width: 75%; } /* Fifths */ .uk-width-small-1-5, .uk-width-small-2-10 { width: 20%; } .uk-width-small-2-5, .uk-width-small-4-10 { width: 40%; } .uk-width-small-3-5, .uk-width-small-6-10 { width: 60%; } .uk-width-small-4-5, .uk-width-small-8-10 { width: 80%; } /* Sixths */ .uk-width-small-1-6 { width: 16.666%; } .uk-width-small-5-6 { width: 83.333%; } /* Tenths */ .uk-width-small-1-10 { width: 10%; } .uk-width-small-3-10 { width: 30%; } .uk-width-small-7-10 { width: 70%; } .uk-width-small-9-10 { width: 90%; } } /* Tablet and bigger */ @media (min-width: 768px) { /* Whole */ .uk-width-medium-1-1 { width: 100%; } /* Halves */ .uk-width-medium-1-2, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10 { width: 50%; } /* Thirds */ .uk-width-medium-1-3, .uk-width-medium-2-6 { width: 33.333%; } .uk-width-medium-2-3, .uk-width-medium-4-6 { width: 66.666%; } /* Quarters */ .uk-width-medium-1-4 { width: 25%; } .uk-width-medium-3-4 { width: 75%; } /* Fifths */ .uk-width-medium-1-5, .uk-width-medium-2-10 { width: 20%; } .uk-width-medium-2-5, .uk-width-medium-4-10 { width: 40%; } .uk-width-medium-3-5, .uk-width-medium-6-10 { width: 60%; } .uk-width-medium-4-5, .uk-width-medium-8-10 { width: 80%; } /* Sixths */ .uk-width-medium-1-6 { width: 16.666%; } .uk-width-medium-5-6 { width: 83.333%; } /* Tenths */ .uk-width-medium-1-10 { width: 10%; } .uk-width-medium-3-10 { width: 30%; } .uk-width-medium-7-10 { width: 70%; } .uk-width-medium-9-10 { width: 90%; } } /* Desktop and bigger */ @media (min-width: 960px) { /* Whole */ .uk-width-large-1-1 { width: 100%; } /* Halves */ .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 { width: 50%; } /* Thirds */ .uk-width-large-1-3, .uk-width-large-2-6 { width: 33.333%; } .uk-width-large-2-3, .uk-width-large-4-6 { width: 66.666%; } /* Quarters */ .uk-width-large-1-4 { width: 25%; } .uk-width-large-3-4 { width: 75%; } /* Fifths */ .uk-width-large-1-5, .uk-width-large-2-10 { width: 20%; } .uk-width-large-2-5, .uk-width-large-4-10 { width: 40%; } .uk-width-large-3-5, .uk-width-large-6-10 { width: 60%; } .uk-width-large-4-5, .uk-width-large-8-10 { width: 80%; } /* Sixths */ .uk-width-large-1-6 { width: 16.666%; } .uk-width-large-5-6 { width: 83.333%; } /* Tenths */ .uk-width-large-1-10 { width: 10%; } .uk-width-large-3-10 { width: 30%; } .uk-width-large-7-10 { width: 70%; } .uk-width-large-9-10 { width: 90%; } } /* Large screen and bigger */ @media (min-width: 1200px) { /* Whole */ .uk-width-xlarge-1-1 { width: 100%; } /* Halves */ .uk-width-xlarge-1-2, .uk-width-xlarge-2-4, .uk-width-xlarge-3-6, .uk-width-xlarge-5-10 { width: 50%; } /* Thirds */ .uk-width-xlarge-1-3, .uk-width-xlarge-2-6 { width: 33.333%; } .uk-width-xlarge-2-3, .uk-width-xlarge-4-6 { width: 66.666%; } /* Quarters */ .uk-width-xlarge-1-4 { width: 25%; } .uk-width-xlarge-3-4 { width: 75%; } /* Fifths */ .uk-width-xlarge-1-5, .uk-width-xlarge-2-10 { width: 20%; } .uk-width-xlarge-2-5, .uk-width-xlarge-4-10 { width: 40%; } .uk-width-xlarge-3-5, .uk-width-xlarge-6-10 { width: 60%; } .uk-width-xlarge-4-5, .uk-width-xlarge-8-10 { width: 80%; } /* Sixths */ .uk-width-xlarge-1-6 { width: 16.666%; } .uk-width-xlarge-5-6 { width: 83.333%; } /* Tenths */ .uk-width-xlarge-1-10 { width: 10%; } .uk-width-xlarge-3-10 { width: 30%; } .uk-width-xlarge-7-10 { width: 70%; } .uk-width-xlarge-9-10 { width: 90%; } } /* Sub-object: `uk-push-*` and `uk-pull-*` ========================================================================== */ /* * Source ordering * Works only with `uk-width-medium-*` */ /* Tablet and bigger */ @media (min-width: 768px) { [class*="uk-push-"], [class*="uk-pull-"] { position: relative; } /* * Push */ /* Halves */ .uk-push-1-2, .uk-push-2-4, .uk-push-3-6, .uk-push-5-10 { left: 50%; } /* Thirds */ .uk-push-1-3, .uk-push-2-6 { left: 33.333%; } .uk-push-2-3, .uk-push-4-6 { left: 66.666%; } /* Quarters */ .uk-push-1-4 { left: 25%; } .uk-push-3-4 { left: 75%; } /* Fifths */ .uk-push-1-5, .uk-push-2-10 { left: 20%; } .uk-push-2-5, .uk-push-4-10 { left: 40%; } .uk-push-3-5, .uk-push-6-10 { left: 60%; } .uk-push-4-5, .uk-push-8-10 { left: 80%; } /* Sixths */ .uk-push-1-6 { left: 16.666%; } .uk-push-5-6 { left: 83.333%; } /* Tenths */ .uk-push-1-10 { left: 10%; } .uk-push-3-10 { left: 30%; } .uk-push-7-10 { left: 70%; } .uk-push-9-10 { left: 90%; } /* * Pull */ /* Halves */ .uk-pull-1-2, .uk-pull-2-4, .uk-pull-3-6, .uk-pull-5-10 { left: -50%; } /* Thirds */ .uk-pull-1-3, .uk-pull-2-6 { left: -33.333%; } .uk-pull-2-3, .uk-pull-4-6 { left: -66.666%; } /* Quarters */ .uk-pull-1-4 { left: -25%; } .uk-pull-3-4 { left: -75%; } /* Fifths */ .uk-pull-1-5, .uk-pull-2-10 { left: -20%; } .uk-pull-2-5, .uk-pull-4-10 { left: -40%; } .uk-pull-3-5, .uk-pull-6-10 { left: -60%; } .uk-pull-4-5, .uk-pull-8-10 { left: -80%; } /* Sixths */ .uk-pull-1-6 { left: -16.666%; } .uk-pull-5-6 { left: -83.333%; } /* Tenths */ .uk-pull-1-10 { left: -10%; } .uk-pull-3-10 { left: -30%; } .uk-pull-7-10 { left: -70%; } .uk-pull-9-10 { left: -90%; } } /* ======================================================================== Component: Panel ========================================================================== */ /* * 1. Needed for `a` elements * 2. Create position context for badges */ .uk-panel { /* 1 */ display: block; /* 2 */ position: relative; border-radius: 5px; } /* * Allow panels to be anchors */ .uk-panel, .uk-panel:hover { text-decoration: none; } /* * Micro clearfix to make panels more robust */ .uk-panel:before, .uk-panel:after { content: ""; display: table; } .uk-panel:after { clear: both; } /* * Remove margin from the last-child if not `uk-widget-title` */ .uk-panel> :not(.uk-panel-title):last-child { margin-bottom: 0; } /* Sub-object: `uk-panel-title` ========================================================================== */ .uk-panel-title { margin-top: 0; margin-bottom: 15px; font-size: 18px; line-height: 24px; font-weight: normal; text-transform: none; color: #444; } /* Sub-object: `uk-panel-badge` ========================================================================== */ .uk-panel-badge { position: absolute; top: 0; right: 0; z-index: 1; } /* Sub-object: `uk-panel-teaser` ========================================================================== */ .uk-panel-teaser { margin-bottom: 15px; } /* Sub-object: `uk-panel-body` ========================================================================== */ .uk-panel-body { padding: 30px; } /* Modifier: `uk-panel-box` ========================================================================== */ .uk-panel-box { padding: 30px; background: #fff; color: #626262; -webkit-box-shadow: 0 0 18px rgba(85, 97, 128, 0.2); box-shadow: 0 0 18px rgba(85, 97, 128, 0.2); } .uk-panel-box-hover:hover { color: #626262; } .uk-panel-box .uk-panel-title { color: #444; } .uk-panel-box .uk-panel-badge { top: 10px; right: 10px; } .uk-panel-box>.uk-panel-teaser { margin-top: -30px; margin-left: -30px; margin-right: -30px; } /* * Nav in panel */ .uk-panel-box>.uk-nav-side { margin: 0 -30px; } /* * Sub-modifier: `uk-panel-box-primary` */ .uk-panel-box-primary { background-color: #ffeff3; color: #626262; -webkit-box-shadow: 0 0 18px rgba(85, 97, 128, 0.2); box-shadow: 0 0 18px rgba(85, 97, 128, 0.2); } .uk-panel-box-primary-hover:hover { color: #626262; } .uk-panel-box-primary .uk-panel-title { color: #2d7091; } /* * Sub-modifier: `uk-panel-box-secondary` */ .uk-panel-box-secondary { background-color: #eee; color: #444; -webkit-box-shadow: 0 0 18px rgba(85, 97, 128, 0.2); box-shadow: 0 0 18px rgba(85, 97, 128, 0.2); } .uk-panel-box-secondary-hover:hover { color: #444; } .uk-panel-box-secondary .uk-panel-title { color: #444; } /* Modifier: `uk-panel-hover` ========================================================================== */ .uk-panel-hover { padding: 15px; color: #444; } .uk-panel-hover:hover { background: #f5f5f5; color: #444; -webkit-box-shadow: 0 0 18px rgba(85, 97, 128, 0.2); box-shadow: 0 0 18px rgba(85, 97, 128, 0.2); } .uk-panel-hover .uk-panel-badge { top: 10px; right: 10px; } .uk-panel-hover>.uk-panel-teaser { margin-top: -15px; margin-left: -15px; margin-right: -15px; } /* Modifier: `uk-panel-header` ========================================================================== */ .uk-panel-header .uk-panel-title { padding-bottom: 10px; border-bottom: 1px solid #ddd; color: #444; } /* Modifier: `uk-panel-space` ========================================================================== */ .uk-panel-space { padding: 30px; } .uk-panel-space .uk-panel-badge { top: 30px; right: 30px; } /* Modifier: `uk-panel-divider` ========================================================================== */ .uk-panel+.uk-panel-divider { margin-top: 50px !important; } .uk-panel+.uk-panel-divider:before { content: ""; display: block; position: absolute; top: -25px; left: 0; right: 0; border-top: 1px solid #ddd; } /* Large screen and bigger */ @media (min-width: 1200px) { .uk-panel+.uk-panel-divider { margin-top: 70px !important; } .uk-panel+.uk-panel-divider:before { top: -35px; } } /* ======================================================================== Component: Block ========================================================================== */ .uk-block { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 20px; } /* Phone landscape and bigger */ @media (min-width: 768px) { .uk-block { padding-top: 20px; padding-bottom: 20px; } } /* * Micro clearfix to make blocks more robust */ .uk-block:before, .uk-block:after { content: ""; display: table; } .uk-block:after { clear: both; } /* * Remove margin from the last-child */ .uk-block> :last-child { margin-bottom: 0; } /* Padding Modifier ========================================================================== */ /* * Large padding */ .uk-block-large { padding-bottom: 20px; } /* Tablets and bigger */ @media (min-width: 768px) { .uk-block-large { padding-bottom: 20px; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-block-large { padding-top: 100px; padding-bottom: 100px; } } /* Color Modifier ========================================================================== */ /* * Default */ .uk-block-default { background: #fff; } /* * Muted */ .uk-block-muted { background: #f9f9f9; } /* * Primary */ .uk-block-primary { background: #ff2a59; } /* * Secondary */ .uk-block-secondary { background: #222; } /* ======================================================================== Component: Article ========================================================================== */ /* * Micro clearfix to make articles more robust */ .uk-article:before, .uk-article:after { content: ""; display: table; } .uk-article:after { clear: both; } /* * Remove margin from the last-child */ .uk-article> :last-child { margin-bottom: 0; } /* * Vertical gutter for articles */ .uk-article+.uk-article { margin-top: 25px; } /* Sub-object `uk-article-title` ========================================================================== */ .uk-article-title { font-size: 36px; line-height: 42px; font-weight: normal; text-transform: none; } .uk-article-title a { color: inherit; text-decoration: none; } /* Sub-object `uk-article-meta` ========================================================================== */ .uk-article-meta { font-size: 12px; line-height: 18px; color: #999; } /* Sub-object `uk-article-lead` ========================================================================== */ .uk-article-lead { color: #444; font-size: 18px; line-height: 24px; font-weight: normal; } /* Sub-object `uk-article-divider` ========================================================================== */ .uk-article-divider { margin-bottom: 25px; border-color: #ddd; } *+.uk-article-divider { margin-top: 25px; } /* ======================================================================== Component: Comment ========================================================================== */ /* Sub-object `uk-comment-header` ========================================================================== */ .uk-comment-header { margin-bottom: 5px; } /* * Micro clearfix */ .uk-comment-header:before, .uk-comment-header:after { content: ""; display: table; } .uk-comment-header:after { clear: both; } /* Sub-object `uk-comment-avatar` ========================================================================== */ .uk-comment-avatar { display: block; width: 60px; height: 60px; margin-right: 10px; float: left; } /* Sub-object `uk-comment-title` ========================================================================== */ .uk-comment-title { margin: 15px 0 0 0; font-size: 18px; color: #ff2a59; font-weight: 700; line-height: 26px; } /* Sub-object `uk-comment-meta` ========================================================================== */ .uk-comment-meta { margin: 2px 0 0 0; font-size: 16px; font-weight: 300; line-height: 26px; color: #484848; } /* Sub-object `uk-comment-body` ========================================================================== */ .uk-comment-body { font-size: 14px; line-height: 20px; } /* * Remove margin from the last-child */ .uk-comment-body> :last-child { margin-bottom: 0; } /* Sub-object `uk-comment-list` ========================================================================== */ .uk-comment-list { padding: 0; list-style: none; } .uk-comment-list .uk-comment+ul { margin: 15px 0 0 0; list-style: none; } .uk-comment-list>li:nth-child(n + 2), .uk-comment-list .uk-comment+ul>li:nth-child(n + 2) { margin-top: 15px; } /* Tablet and bigger */ @media (min-width: 768px) { .uk-comment-list .uk-comment+ul { padding-left: 20px; } } /* Modifier `uk-comment-primary` ========================================================================== */ /* ======================================================================== Component: Cover ========================================================================== */ /* * Background image always covers and centers its element */ .uk-cover-background { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } /* * Emulates image cover, works with video and image elements * 1. Parent container which clips resized object * 2. Resizes the object to always covers its container * 3. Reset the responsive image CSS * 4. Center object */ /* 1 */ .uk-cover { overflow: hidden; } .uk-cover-object { /* 2 */ width: auto; height: auto; min-width: 100%; min-height: 100%; /* 3 */ max-width: none; /* 4 */ position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* * To center iframes use `data-uk-cover` JavaScript */ [data-uk-cover] { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* ======================================================================== Component: Nav ========================================================================== */ .uk-nav, .uk-nav ul { margin: 0; padding: 0; list-style: none; } /* * Items */ .uk-nav li>a { display: block; text-decoration: none; } .uk-nav>li>a, .uk-nav>li>span { padding: 6px 15px; } /* * Nested items */ .uk-nav ul { padding-left: 15px; } .uk-nav ul a { padding: 2px 0; } /* * Item subtitle */ .uk-nav li>a>div { font-size: 12px; line-height: 18px; } /* Sub-object: `uk-nav-header` ========================================================================== */ .uk-nav-header { padding: 6px 15px; text-transform: uppercase; font-weight: bold; font-size: 12px; } .uk-nav-header:not(:first-child) { margin-top: 15px; } /* Sub-object: `uk-nav-divider` ========================================================================== */ .uk-nav-divider { margin: 9px 15px; } /* Sub-object: `uk-nav-sub` ========================================================================== */ /* * `ul` needed for higher specificity to override padding */ ul.uk-nav-sub { padding: 5px 0 5px 15px; } /* Modifier: `uk-nav-parent-icon` ========================================================================== */ .uk-nav-parent-icon>.uk-parent>a:after { content: ""; width: 20px; margin-right: -10px; float: right; font-family: FontAwesome; text-align: center; } .uk-nav-parent-icon>.uk-parent.uk-open>a:after { content: ""; } /* Modifier `uk-nav-side` ========================================================================== */ /* * Items */ .uk-nav-side>li>a { color: #626262; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-nav-side>li>a:hover, .uk-nav-side>li>a:focus { background: #ff2a59; color: #fff; /* 2 */ outline: none; } /* Active */ .uk-nav-side>li.uk-active>a { background: #ff2a59; color: #fff; } /* * Sub-object: `uk-nav-header` */ .uk-nav-side .uk-nav-header { color: #444; } /* * Sub-object: `uk-nav-divider` */ .uk-nav-side .uk-nav-divider { border-top: 1px solid #ddd; } /* * Nested items */ .uk-nav-side ul a { color: #ff2a59; } .uk-nav-side ul a:hover { color: #ff2a59; } /* Modifier `uk-nav-dropdown` ========================================================================== */ /* * Items */ .uk-nav-dropdown>li>a, .uk-nav-dropdown>li>span { color: #333; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-nav-dropdown>li>a:hover, .uk-nav-dropdown>li>a:focus, .uk-nav-dropdown>li>span:hover, .uk-nav-dropdown>li>span:focus { background: transparent; color: #000; /* 2 */ outline: none; } /* * Sub-object: `uk-nav-header` */ .uk-nav-dropdown .uk-nav-header { color: #999; } /* * Sub-object: `uk-nav-divider` */ .uk-nav-dropdown .uk-nav-divider { border-top: 1px solid #ddd; } /* * Nested items */ .uk-nav-dropdown ul a { color: #333; } .uk-nav-dropdown ul a:hover { color: #040102; } /* Modifier `uk-nav-navbar` ========================================================================== */ /* * Items */ .uk-nav-navbar>li>a { color: #444; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-nav-navbar>li>a:hover, .uk-nav-navbar>li>a:focus { background: transparent; color: #000; /* 2 */ outline: none; } /* * Sub-object: `uk-nav-header` */ .uk-nav-navbar .uk-nav-header { color: #999; } /* * Sub-object: `uk-nav-divider` */ .uk-nav-navbar .uk-nav-divider { border-top: 1px solid #ddd; } /* * Nested items */ .uk-nav-navbar ul a { color: #ff2a59; } .uk-nav-navbar ul a:hover { color: #ff2a59; } /* Modifier `uk-nav-offcanvas` ========================================================================== */ /* * Items */ .uk-nav-offcanvas>li>a { color: #131313; padding: 20px 40px; } /* * Hover * No hover on touch devices because it behaves buggy in fixed offcanvas * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus { background: transparent; color: #131313; /* 2 */ outline: none; } /* * Active * `html .uk-nav` needed for higher specificity to override hover */ html .uk-nav.uk-nav-offcanvas>li.uk-active>a { background: #fff0f4; color: #fff; } /* * Sub-object: `uk-nav-header` */ .uk-nav-offcanvas .uk-nav-header { color: #777; } /* * Sub-object: `uk-nav-divider` */ .uk-nav-offcanvas .uk-nav-divider { border-top: 1px solid #c4c4c4; } /* * Nested items * No hover on touch devices because it behaves buggy in fixed offcanvas */ .uk-nav-offcanvas ul a { color: #474747; } html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: #131313; } /* ======================================================================== Component: Navbar ========================================================================== */ .uk-navbar { background: transparent; color: #444; } /* * Micro clearfix */ .uk-navbar:before, .uk-navbar:after { content: ""; display: table; } .uk-navbar:after { clear: both; } /* Sub-object: `uk-navbar-nav` ========================================================================== */ .uk-navbar-nav { margin: 0; padding: 0; list-style: none; float: left; } /* * 1. Create position context for dropdowns */ .uk-navbar-nav>li { float: left; /* 1 */ position: relative; } /* * 1. Dimensions * 2. Style */ .uk-navbar-nav>li>a { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; /* 1 */ height: 40px; padding: 0 15px; line-height: 40px; /* 2 */ color: #444; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } /* Appear not as link */ .uk-navbar-nav>li>a[href="#"] { cursor: text; } /* * Hover * 1. Apply hover style also to focus state * 2. Also apply if dropdown is opened * 3. Remove default focus style */ .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus, .uk-navbar-nav>li.uk-open>a { background-color: #f5f5f5; color: #444; /* 3 */ outline: none; } /* OnClick */ .uk-navbar-nav>li>a:active { background-color: #ddd; color: #444; } /* Active */ .uk-navbar-nav>li.uk-active>a { background-color: #f5f5f5; color: #444; } /* Sub-objects: `uk-navbar-nav-subtitle` ========================================================================== */ .uk-navbar-nav .uk-navbar-nav-subtitle { line-height: 28px; } .uk-navbar-nav-subtitle>div { margin-top: -6px; font-size: 10px; line-height: 12px; } /* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle` ========================================================================== */ /* * Imitate navbar items */ .uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 40px; padding: 0 15px; float: left; } /* * Helper to center all child elements vertically */ .uk-navbar-content:before, .uk-navbar-brand:before, .uk-navbar-toggle:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } /* Sub-objects: `uk-navbar-content` ========================================================================== */ /* * Better sibling spacing */ .uk-navbar-content+.uk-navbar-content:not(.uk-navbar-center) { padding-left: 0; } /* * Link colors */ .uk-navbar-content>a:not([class]) { color: #ff2a59; } .uk-navbar-content>a:not([class]):hover { color: #ff2a59; } /* Sub-objects: `uk-navbar-brand` ========================================================================== */ .uk-navbar-brand { font-size: 18px; color: #444; text-decoration: none; } /* * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-navbar-brand:hover, .uk-navbar-brand:focus { color: #444; text-decoration: none; /* 2 */ outline: none; } /* Sub-object: `uk-navbar-toggle` ========================================================================== */ .uk-navbar-toggle { font-size: 18px; color: #444; text-decoration: none; } /* * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-navbar-toggle:hover, .uk-navbar-toggle:focus { color: #444; text-decoration: none; /* 2 */ outline: none; } /* * 1. Center icon vertically */ .uk-navbar-toggle:after { content: ""; font-family: FontAwesome; /* 1 */ vertical-align: middle; } .uk-navbar-toggle-alt:after { content: ""; } /* Sub-object: `uk-navbar-center` ========================================================================== */ /* * The element with this class needs to be last child in the navbar * 1. This hack is needed because other float elements shift centered text */ .uk-navbar-center { float: none; text-align: center; /* 1 */ max-width: 50%; margin-left: auto; margin-right: auto; } /* Sub-object: `uk-navbar-flip` ========================================================================== */ .uk-navbar-flip { float: right; } /* ======================================================================== Component: Subnav ========================================================================== */ /* * 1. Gutter * 2. Remove default list style */ .uk-subnav { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin-left: -10px; margin-top: -10px; /* 2 */ padding: 0; list-style: none; } /* * 1. Space is allocated solely based on content dimensions * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied * 3. Create position context for dropdowns */ .uk-subnav>* { /* 1 */ -ms-flex: none; -webkit-flex: none; -webkit-box-flex: 0; flex: none; /* 2 */ padding-left: 10px; margin-top: 10px; /* 3 */ position: relative; } /* * DEPRECATED IE9 Support */ .uk-subnav:before, .uk-subnav:after { content: ""; display: block; overflow: hidden; } .uk-subnav:after { clear: both; } .uk-subnav>* { float: left; } /* Items ========================================================================== */ .uk-subnav>*>* { display: inline-block; color: #444; } /* * Hover * 1. Apply hover style also to focus state */ .uk-subnav>*> :hover, .uk-subnav>*> :focus { color: #ff2a59; text-decoration: none; } /* * Active */ .uk-subnav>.uk-active>* { color: #ff2a59; } /* Modifier: 'subnav-line' ========================================================================== */ .uk-subnav-line> :before { content: ""; display: inline-block; height: 10px; vertical-align: middle; } .uk-subnav-line> :nth-child(n + 2):before { margin-right: 10px; border-left: 1px solid #ddd; } /* Modifier: 'subnav-pill' ========================================================================== */ .uk-subnav-pill>*>* { padding: 3px 9px; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-subnav-pill>*> :hover, .uk-subnav-pill>*> :focus { background: #eee; color: #444; text-decoration: none; /* 2 */ outline: none; } /* * Active * `li` needed for higher specificity to override hover */ .uk-subnav-pill>.uk-active>* { background: #ff2a59; color: #fff; } /* Disabled state ========================================================================== */ .uk-subnav>.uk-disabled>* { background: none; color: #999; text-decoration: none; cursor: text; } /* ======================================================================== Component: Breadcrumb ========================================================================== */ /* * 1. Remove default list style * 2. Remove whitespace between child elements when using `inline-block` */ .uk-breadcrumb { /* 1 */ padding: 0; list-style: none; /* 2 */ font-size: 0.001px; } /* Items ========================================================================== */ /* * Reset whitespace hack */ .uk-breadcrumb>li { font-size: 1rem; vertical-align: top; } .uk-breadcrumb>li, .uk-breadcrumb>li>a, .uk-breadcrumb>li>span { display: inline-block; } .uk-breadcrumb>li:first-child:after { content: "/"; display: inline-block; margin: 0 8px; } /* * Disabled */ .uk-breadcrumb>li:not(.uk-active)>span { color: #999; } /* ======================================================================== Component: Pagination ========================================================================== */ /* * 1. Remove default list style * 2. Center pagination by default * 3. Remove whitespace between child elements when using `inline-block` */ .uk-pagination { /* 1 */ padding: 0; list-style: none; /* 2 */ text-align: center; /* 3 */ font-size: 0.001px; } /* * Micro clearfix * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used */ .uk-pagination:before, .uk-pagination:after { content: ""; display: table; } .uk-pagination:after { clear: both; } /* Items ========================================================================== */ /* * 1. Reset whitespace hack * 2. Remove the gap at the bottom of it container */ .uk-pagination>li { display: inline-block; /* 1 */ font-size: 20px; /* 2 */ vertical-align: top; } .uk-pagination>li:nth-child(n + 2) { margin-left: 5px; } /* * 1. Makes pagination more robust against different box-sizing use * 2. Reset text-align to center if alignment modifier is used */ .uk-pagination>li>a, .uk-pagination>li>span { display: inline-block; min-width: 18px; padding: 3px 5px; line-height: 22px; text-decoration: none; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ text-align: center; font-weight: 400; } /* * Links */ .uk-pagination>li>a { background: transparent; color: #222; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-pagination>li>a:hover, .uk-pagination>li>a:focus { background-color: transparent; color: #444; /* 2 */ outline: none; } /* OnClick */ .uk-pagination>li>a:active { background-color: transparent; color: #444; } /* * Active */ .uk-pagination>.uk-active>span { background: transparent; color: #ff2a59; font-weight: 700; font-size: 22px; border-bottom: 2px solid #ff2a59; } /* * Disabled */ .uk-pagination>.uk-disabled>span { background-color: #f5f5f5; color: #999; } /* Previous and next navigation ========================================================================== */ .uk-pagination-previous { float: left; } .uk-pagination-next { float: right; } /* Alignment modifiers ========================================================================== */ .uk-pagination-left { text-align: left; } .uk-pagination-right { text-align: right; } /* ======================================================================== Component: Tab ========================================================================== */ .uk-tab { margin: 0; padding: 0; list-style: none; border-bottom: 0 solid transparent; } /* * Micro clearfix on the deepest container */ .uk-tab:before, .uk-tab:after { content: ""; display: table; } .uk-tab:after { clear: both; } /* * Items * 1. Create position context for dropdowns */ .uk-tab>li { margin-bottom: 0; float: left; /* 1 */ position: relative; } .ftd-h2{ text-align: center; } .uk-tab>li>a, .uk-tab>li>span, .ftd-h2 { display: block; padding: 15px 15px 15px 15px; border: 0; border-radius: 5px; background-color: #fff; color: #474646; font-size: 20px; line-height: 27px; font-weight: 700; text-transform: uppercase; text-decoration: none; } @media screen and (max-width: 479px) { .main-page .ftd-h2 { font-size: 15px; } } .uk-tab>li.uk-tab-responsive>span { display: flex; align-items: center; justify-content: center; } .uk-tab>li:nth-child(n + 2)>a { margin-left: 1px; } /* * Hover * 1. Apply hover style also to focus state * 2. Also apply if dropdown is opened * 3. Remove default focus style */ .uk-tab>li>a:hover, .uk-tab>li>a:focus, .uk-tab>li>span:hover, .uk-tab>li>span:focus, .uk-tab>li.uk-open>a { border-color: #fff; background: #fff; color: #474646; /* 2 */ outline: none; } .uk-tab>li:not(.uk-active)>a:hover, .uk-tab>li:not(.uk-active)>a:focus, .uk-tab>li.uk-open:not(.uk-active)>a { margin-bottom: 0; padding-bottom: 15px; } /* Active */ .uk-tab>li.uk-active>a, .uk-tab>li.uk-active>span, .ftd-h2 { border-color: #e8eef4; border-bottom-color: transparent; background: #e8eef4; color: #474646; -webkit-box-shadow: 0 4px 9px rgba(147, 154, 177, 0.49); box-shadow: 0 4px 9px rgba(147, 154, 177, 0.49); } .uk-tab.tm-home-tab-switcher>li.uk-active>a, .uk-tab.tm-home-tab-switcher>li.uk-active>span { background-color: #ff2a59; color: #fff; border: 1px solid #ff2a59; } /* Disabled */ .uk-tab>li.uk-disabled>a { color: #999; cursor: text; } .uk-tab>li.uk-disabled>a:hover, .uk-tab>li.uk-disabled>a:focus, .uk-tab>li.uk-disabled.uk-active>a { background: none; border-color: transparent; } /* Modifier: 'tab-flip' ========================================================================== */ .uk-tab-flip>li { float: right; } .uk-tab-flip>li:nth-child(n + 2)>a { margin-left: 0; margin-right: 1px; } /* Modifier: 'tab-responsive' ========================================================================== */ .uk-tab>li.uk-tab-responsive>a { margin-left: 0; margin-right: 0; } /* * Icon */ .uk-tab-responsive>a:before { content: "\f105"; font-family: FontAwesome; } /* Modifier: 'tab-center' ========================================================================== */ .uk-tab-center { border-bottom: 0 solid transparent; } .uk-tab-center-bottom { border-bottom: none; border-top: 0 solid transparent; } .uk-tab-center:before, .uk-tab-center:after { content: ""; display: table; } .uk-tab-center:after { clear: both; } /* * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs */ .uk-tab-center .uk-tab { position: relative; right: 50%; border: none; float: right; } .uk-tab-center .uk-tab>li { position: relative; right: -50%; } .uk-tab-center .uk-tab>li>a, .uk-tab-center .uk-tab>li>span { text-align: center; } /* Modifier: 'tab-bottom' ========================================================================== */ .uk-tab-bottom { border-top: 0 solid transparent; border-bottom: none; } .uk-tab-bottom>li { margin-top: 0; margin-bottom: 0; } .uk-tab-bottom>li>a { padding-top: 15px; padding-bottom: 15px; border-bottom-width: 0; border-top-width: 0; } .uk-tab-bottom>li:not(.uk-active)>a:hover, .uk-tab-bottom>li:not(.uk-active)>a:focus, .uk-tab-bottom>li.uk-open:not(.uk-active)>a { margin-bottom: 0; margin-top: 0; padding-bottom: 15px; padding-top: 15px; } .uk-tab-bottom>li.uk-active>a { border-top-color: transparent; border-bottom-color: #ddd; } /* Modifier: 'tab-grid' ========================================================================== */ /* * 1. Create position context to prevent hidden border because of negative `z-index` */ .uk-tab-grid { margin-left: -1px; border-bottom: none; /* 1 */ position: relative; z-index: 1; } .uk-tab-grid:before { display: block; position: absolute; left: 1px; right: 0; bottom: 0; border-top: 0 solid transparent; /* 1 */ z-index: -1; } .uk-tab-grid>li:first-child>a, .uk-tab-grid>li:first-child>span { margin-left: 1px; } .uk-tab-grid>li>a, .uk-tab-grid>li>span { text-align: center; } /* * If `uk-tab-bottom` */ .uk-tab-grid.uk-tab-bottom { border-top: none; } .uk-tab-grid.uk-tab-bottom:before { top: 0; bottom: auto; } /* Modifier: 'tab-left', 'tab-right' ========================================================================== */ /* Tablet and bigger */ @media (min-width: 768px) { .uk-tab-left, .uk-tab-right { border-bottom: none; } .uk-tab-left>li, .uk-tab-right>li { margin-bottom: 0; float: none; } .uk-tab-left>li>a, .uk-tab-right>li>a { padding-top: 15px; padding-bottom: 15px; } .uk-tab-left>li:nth-child(n + 2)>a, .uk-tab-right>li:nth-child(n + 2)>a { margin-left: 0; margin-top: 2px; } .uk-tab-left>li.uk-active>a, .uk-tab-right>li.uk-active>a { border-color: #ddd; } /* * Modifier: 'tab-left' */ .uk-tab-left { border-right: 0 solid transparent; } .uk-tab-left>li { margin-right: 0; } .uk-tab-left>li>a { border-bottom-width: 0; border-right-width: 0; } .uk-tab-left>li:not(.uk-active)>a:hover, .uk-tab-left>li:not(.uk-active)>a:focus { margin-bottom: 0; margin-right: 0; padding-bottom: 15px; padding-right: 15px; } .uk-tab-left>li.uk-active>a { border-right-color: transparent; } /* * Modifier: 'tab-right' */ .uk-tab-right { border-left: 0 solid transparent; } .uk-tab-right>li { margin-left: 0; } .uk-tab-right>li>a { border-bottom-width: 0; border-left-width: 0; } .uk-tab-right>li:not(.uk-active)>a:hover, .uk-tab-right>li:not(.uk-active)>a:focus { margin-bottom: 0; margin-left: 0; padding-bottom: 15px; padding-left: 15px; } .uk-tab-right>li.uk-active>a { border-left-color: transparent; } } /* ======================================================================== Component: Thumbnav ========================================================================== */ /* * 1. Gutter * 2. Remove default list style */ .uk-thumbnav { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin-left: -10px; margin-top: -10px; /* 2 */ padding: 0; list-style: none; } /* * 1. Space is allocated solely based on content dimensions * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied */ .uk-thumbnav>* { /* 1 */ -ms-flex: none; -webkit-flex: none; -webkit-box-flex: 0; flex: none; /* 2 */ padding-left: 10px; margin-top: 10px; } /* * DEPRECATED IE9 Support */ .uk-thumbnav:before, .uk-thumbnav:after { content: ""; display: block; overflow: hidden; } .uk-thumbnav:after { clear: both; } .uk-thumbnav>* { float: left; } /* Items ========================================================================== */ .uk-thumbnav>*>* { display: block; background: #fff; } .uk-thumbnav>*>*>img { opacity: 0.7; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } /* * Hover */ .uk-thumbnav>*> :hover>img, .uk-thumbnav>*> :focus>img { opacity: 1; } /* * Active */ .uk-thumbnav>.uk-active>*>img { opacity: 1; } /* ======================================================================== Component: List ========================================================================== */ .uk-list { padding: 0; list-style: none; } /* * Micro clearfix to make list more robust */ .uk-list>li:before, .uk-list>li:after { content: ""; display: table; } .uk-list>li:after { clear: both; } /* * Remove margin from the last-child */ .uk-list>li> :last-child { margin-bottom: 0; } /* * Nested lists */ .uk-list ul { margin: 0; padding-left: 20px; list-style: none; } /* Modifier: `uk-list-line` ========================================================================== */ .uk-list-line>li:nth-child(n + 2) { margin-top: 5px; padding-top: 5px; border-top: 1px solid #ddd; } /* Modifier: `uk-list-striped` ========================================================================== */ .uk-list-striped>li { padding: 5px 5px; } .uk-list-striped>li:nth-of-type(odd) { background: #f5f5f5; } /* Modifier: `uk-list-space` ========================================================================== */ .uk-list-space>li:nth-child(n + 2) { margin-top: 10px; } /* ======================================================================== Component: Description list ========================================================================== */ /* Modifier: `uk-description-list-horizontal` ========================================================================== */ /* Tablet and bigger */ @media (min-width: 768px) { .uk-description-list-horizontal { overflow: hidden; } .uk-description-list-horizontal>dt { width: 160px; float: left; clear: both; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .uk-description-list-horizontal>dd { margin-left: 180px; } } /* Modifier: `uk-description-list-line` ========================================================================== */ .uk-description-list-line>dt { font-weight: normal; } .uk-description-list-line>dt:nth-child(n + 2) { margin-top: 5px; padding-top: 5px; border-top: 1px solid #ddd; } .uk-description-list-line>dd { color: #999; } /* ======================================================================== Component: Table ========================================================================== */ /* * 1. Remove most spacing between table cells. * 2. Block element behavior * 3. Style */ .uk-table { /* 1 */ border-spacing: 0; /* 2 */ width: 100%; /* 3 */ margin-bottom: 15px; } /* * Add margin if adjacent element */ *+.uk-table { margin-top: 25px; } .uk-table th, .uk-table td { padding: 8px 8px; } /* * Set alignment */ .uk-table th { text-align: center; } .uk-table td { vertical-align: top; } .uk-table thead th { vertical-align: middle; } /* * Caption and footer */ .uk-table caption, .uk-table tfoot { font-size: 12px; font-style: italic; } .uk-table caption { text-align: left; color: #626262; } /* * Active State */ .uk-table tbody tr.uk-active { background: #eee; } /* Sub-modifier: `uk-table-middle` ========================================================================== */ .uk-table-middle, .uk-table-middle td { vertical-align: middle !important; } /* Modifier: `uk-table-striped` ========================================================================== */ .uk-table-striped tbody tr:nth-of-type(even) { background: #f5f5f5; } /* Modifier: `uk-table-condensed` ========================================================================== */ .uk-table-condensed td { padding: 4px 8px; } /* Modifier: `uk-table-hover` ========================================================================== */ .uk-table-hover tbody tr:hover { background: #eee; } /* ======================================================================== Component: Form ========================================================================== */ /* * 1. Define consistent box sizing. * Default is `content-box` with following exceptions set to `border-box` * `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]` * `input[type="search"]` in Chrome, Safari and Opera * `input[type="color"]` in Firefox * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. * 3. Remove `border-radius` in iOS. * 4. Correct `font` properties and `color` not being inherited. */ .uk-form input, .uk-form select, .uk-form textarea { /* 1 */ -webkit-box-sizing: border-box; box-sizing: border-box; /* 2 */ margin: 0; /* 3 */ border-radius: 0; /* 4 */ font: inherit; color: inherit; } /* * Address inconsistent `text-transform` inheritance which is only inherit in Firefox */ .uk-form select { text-transform: none; } /* * 1. Correct `font` properties not being inherited. * 2. Don't inherit the `font-weight` and use `bold` instead. * NOTE: Both declarations don't work in Chrome, Safari and Opera. */ .uk-form optgroup { /* 1 */ font: inherit; /* 2 */ font-weight: bold; } /* * Removes inner padding and border in Firefox 4+. */ .uk-form input::-moz-focus-inner { border: 0; padding: 0; } /* * Removes excess padding in IE 8/9/10. */ .uk-form input[type="checkbox"], .uk-form input[type="radio"] { padding: 0; } /* * Improves consistency of cursor style for clickable elements */ .uk-form input[type="checkbox"]:not(:disabled), .uk-form input[type="radio"]:not(:disabled) { cursor: pointer; } /* * Remove default style in iOS. */ .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="number"], .uk-form input[type="datetime"] { -webkit-appearance: none; } /* * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X. */ .uk-form input[type="search"]::-webkit-search-cancel-button, .uk-form input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ .uk-form input[type="number"]::-webkit-inner-spin-button, .uk-form input[type="number"]::-webkit-outer-spin-button { height: auto; } /* * Define consistent border, margin, and padding. */ .uk-form fieldset { border: none; margin: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE 8/9/10/11. * 2. Improve readability and alignment in all browsers. */ .uk-form textarea { /* 1 */ overflow: auto; /* 2 */ vertical-align: top; } /* * Removes placeholder transparency in Firefox. */ .uk-form ::-moz-placeholder { opacity: 1; } /* * Removes `box-shadow` for invalid controls in Firefox. */ .uk-form :invalid { -webkit-box-shadow: none; box-shadow: none; } /* * Vertical alignment */ .uk-form input:not([type="radio"]):not([type="checkbox"]), .uk-form select { vertical-align: middle; } /* Style ========================================================================== */ /* * Remove margin from the last-child */ .uk-form> :last-child { margin-bottom: 0; } /* * Controls * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` * 1. Must be `height` because `min-height` is not working in OSX * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports * 3. Vertical `padding` needed for `select` elements in Firefox * 4. Style */ .uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] { /* 1 */ height: 40px; /* 2 */ max-width: 100%; /* 3 */ padding: 10px 25px; /* 4 */ border: 1px solid #ddd; border-radius: 5px; background: #fff; color: #000; -webkit-transition: all 0.2s linear; -webkit-transition-property: border, background, color, box-shadow, padding; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transition-property: border, background, color, padding, -webkit-box-shadow; transition-property: border, background, color, padding, -webkit-box-shadow; -o-transition-property: border, background, color, box-shadow, padding; transition-property: border, background, color, box-shadow, padding; transition-property: border, background, color, box-shadow, padding, -webkit-box-shadow; } .uk-form select:focus, .uk-form textarea:focus, .uk-form input:not([type]):focus, .uk-form input[type="text"]:focus, .uk-form input[type="password"]:focus, .uk-form input[type="datetime"]:focus, .uk-form input[type="datetime-local"]:focus, .uk-form input[type="date"]:focus, .uk-form input[type="month"]:focus, .uk-form input[type="time"]:focus, .uk-form input[type="week"]:focus, .uk-form input[type="number"]:focus, .uk-form input[type="email"]:focus, .uk-form input[type="url"]:focus, .uk-form input[type="search"]:focus, .uk-form input[type="tel"]:focus, .uk-form input[type="color"]:focus { border-color: #b57d8a; outline: 0; background: #fff; color: #000; } .uk-form select:disabled, .uk-form textarea:disabled, .uk-form input:not([type]):disabled, .uk-form input[type="text"]:disabled, .uk-form input[type="password"]:disabled, .uk-form input[type="datetime"]:disabled, .uk-form input[type="datetime-local"]:disabled, .uk-form input[type="date"]:disabled, .uk-form input[type="month"]:disabled, .uk-form input[type="time"]:disabled, .uk-form input[type="week"]:disabled, .uk-form input[type="number"]:disabled, .uk-form input[type="email"]:disabled, .uk-form input[type="url"]:disabled, .uk-form input[type="search"]:disabled, .uk-form input[type="tel"]:disabled, .uk-form input[type="color"]:disabled { border-color: #ddd; background-color: #f5f5f5; color: #999; } /* * Placeholder */ .uk-form :-ms-input-placeholder { color: #acacac !important; } .uk-form ::-moz-placeholder { color: #acacac; } .uk-form ::-webkit-input-placeholder { color: #acacac; } .uk-form :disabled:-ms-input-placeholder { color: #999 !important; } .uk-form :disabled::-moz-placeholder { color: #999; } .uk-form :disabled::-webkit-input-placeholder { color: #999; } /* * Legend * 1. Behave like block element * 2. Correct `color` not being inherited in IE 8/9/10/11. * 3. Remove padding * 4. `margin-bottom` is not working in Safari and Opera. * Using `padding` and :after instead to create the border * 5. Style */ .uk-form legend { /* 1 */ width: 100%; /* 2 */ border: 0; /* 3 */ padding: 0; /* 4 */ padding-bottom: 15px; /* 5 */ font-size: 18px; line-height: 30px; } /* * 1. Fixes IE9 */ .uk-form legend:after { content: ""; display: block; border-bottom: 1px solid #ddd; /* 1 */ width: 100%; } /* Size modifiers * Higher specificity needed to override defaults ========================================================================== */ select.uk-form-small, textarea.uk-form-small, input[type].uk-form-small, input:not([type]).uk-form-small { height: 25px; padding: 3px 3px; font-size: 12px; } select.uk-form-large, textarea.uk-form-large, input[type].uk-form-large, input:not([type]).uk-form-large { height: 40px; padding: 8px 6px; font-size: 16px; } /* Reset height * Must be after size modifiers ========================================================================== */ .uk-form textarea, .uk-form select[multiple], .uk-form select[size] { height: auto; } /* Validation states * Using !important to keep the selector simple ========================================================================== */ /* * Error state */ .uk-form-danger { border-color: #dc8d99 !important; background: #ffeef4 !important; color: #ff0037 !important; } /* * Success state */ .uk-form-success { border-color: #8ec73b !important; background: #fafff2 !important; color: #659f13 !important; } /* Style modifiers * Using !important to keep the selector simple ========================================================================== */ /* * Blank form */ .uk-form-blank { border-color: transparent !important; border-style: dashed !important; background: none !important; } .uk-form-blank:focus { border-color: #ddd !important; } /* Size sub-modifiers ========================================================================== */ /* * Fixed widths * Different widths for mini sized `input` and `select` elements */ input.uk-form-width-mini { width: 40px; } select.uk-form-width-mini { width: 65px; } .uk-form-width-small { width: 130px; } .uk-form-width-medium { width: 200px; } .uk-form-width-large { width: 500px; } /* Sub-objects: `uk-form-row` * Groups labels and controls in rows ========================================================================== */ /* * Micro clearfix * Needed for `uk-form-horizontal` modifier */ .uk-form-row:before, .uk-form-row:after { content: ""; display: table; } .uk-form-row:after { clear: both; } /* * Vertical gutter */ .uk-form-row+.uk-form-row { margin-top: 15px; } /* Help text * Sub-object: `uk-form-help-inline`, `uk-form-help-block` ========================================================================== */ .uk-form-help-inline { display: inline-block; margin: 0 0 0 10px; } .uk-form-help-block { margin: 5px 0 0 0; } /* Controls content * Sub-object: `uk-form-controls`, `uk-form-controls-condensed` ========================================================================== */ /* * Remove margins */ .uk-form-controls> :first-child { margin-top: 0; } .uk-form-controls> :last-child { margin-bottom: 0; } /* * Group controls and text into blocks with a small spacing between blocks */ .uk-form-controls-condensed { margin: 5px 0; } /* Modifier: `uk-form-stacked` * Requires sub-object: `uk-form-label` ========================================================================== */ .uk-form-stacked .uk-form-label { display: block; margin-bottom: 5px; font-weight: bold; } /* Modifier: `uk-form-horizontal` * Requires sub-objects: `uk-form-label`, `uk-form-controls` ========================================================================== */ /* Tablet portrait and smaller */ @media (max-width: 959px) { /* Behave like `uk-form-stacked` */ .uk-form-horizontal .uk-form-label { display: block; margin-bottom: 5px; font-weight: bold; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-form-horizontal .uk-form-label { width: 200px; margin-top: 5px; float: left; } .uk-form-horizontal .uk-form-controls { margin-left: 215px; } /* Better vertical alignment if controls are checkboxes and radio buttons with text */ .uk-form-horizontal .uk-form-controls-text { padding-top: 5px; } } .paysystem a { width: 50%; float: left; padding: 10px; box-sizing: border-box; text-align: center; } .paysystem a img { max-width: 100%; max-height: 37px; display: inline-block; } .paysystem a.active { border: 2px solid #ff2a59; background-color: #ffeff3; } /* Sub-object: `uk-form-icon` ========================================================================== */ /* * 1. Container width fits its content * 2. Create position context * 3. Prevent `inline-block` consequences */ .uk-form-icon { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; } /* * 1. Make form element clickable through icon */ .uk-form-icon>[class*="uk-icon-"] { position: absolute; top: 50%; width: 30px; margin-top: -7px; font-size: 14px; color: #999; text-align: center; /* 1 */ pointer-events: none; } .uk-form-icon:not(.uk-form-icon-flip)>input { padding-left: 30px !important; } /* * Sub-modifier: `uk-form-icon-flip` */ .uk-form-icon-flip>[class*="uk-icon-"] { right: 0; } .uk-form-icon-flip>input { padding-right: 30px !important; } /* ======================================================================== Component: Button ========================================================================== */ /* * Removes inner padding and border in Firefox 4+. */ .uk-button::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Correct inability to style clickable `input` types in iOS. * 2. Remove margins in Chrome, Safari and Opera. * 3. Remove borders for `button`. * 4. Address `overflow` set to `hidden` in IE 8/9/10/11. * 5. Correct `font` properties and `color` not being inherited for `button`. * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE * 7. Style * 8. `line-height` is used to create a height * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working. * 10. Reset button group whitespace hack * 11. Required for `a`. */ .uk-button { /* 1 */ -webkit-appearance: none; /* 2 */ margin: 0; /* 3 */ border: 1px solid transparent; -webkit-box-shadow: 0 4px 9px rgba(147, 154, 177, 0.49); box-shadow: 0 4px 9px rgba(147, 154, 177, 0.49); border-radius: 5px; /* 4 */ overflow: visible; /* 5 */ font: inherit; font-weight: 700; color: #ff2a59; /* 6 */ text-transform: uppercase; /* 7 */ display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; background: #f5f5f5; vertical-align: middle; /* 8 */ line-height: 30px; /* 9 */ min-height: 30px; /* 10 */ font-size: 1rem; /* 11 */ text-decoration: none; text-align: center; -webkit-transition: background 80ms ease; -o-transition: background 80ms ease; transition: background 80ms ease; } .uk-button:not(:disabled) { cursor: pointer; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style * 3. Required for `a` elements */ .uk-button:hover, .uk-button:focus { background-color: #f5f5f5; color: #444; /* 2 */ outline: none; /* 3 */ text-decoration: none; } /* Active */ .uk-button:active, .uk-button.uk-active { background-color: #ddd; color: #444; } /* Color modifiers ========================================================================== */ /* * Modifier: `uk-button-primary` * #e8eef4, а текст на них - #474646. */ .uk-button-primary { background-color: #e8eef4; color: #474646; border: 1px solid #e8eef4; } .uk-button-primary.uk-button-primary_red { background-color: #ff2a59; color: #fff; border: 1px solid #ff2a59; } /* Hover */ .uk-button-primary:hover, .uk-button-primary:focus { background-color: #ffeff3; color: #ff2a59; } /* Active */ .uk-button-primary:active, .uk-button-primary.uk-active { background-color: #ffeff3; color: #ff2a59; } /* * Modifier: `uk-button-success` */ .uk-button-success { background-color: #8cc14c; color: #fff; } /* Hover */ .uk-button-success:hover, .uk-button-success:focus { background-color: #8ec73b; color: #fff; } /* Active */ .uk-button-success:active, .uk-button-success.uk-active { background-color: #72ae41; color: #fff; } /* * Modifier: `uk-button-danger` */ .uk-button-danger { background-color: #da314b; color: #fff; } /* Hover */ .uk-button-danger:hover, .uk-button-danger:focus { background-color: #e4354f; color: #fff; } /* Active */ .uk-button-danger:active, .uk-button-danger.uk-active { background-color: #c91032; color: #fff; } /* Disabled state * Overrides also the color modifiers ========================================================================== */ /* Equal for all button types */ .uk-button:disabled { background-color: #f5f5f5; color: #999; } /* Modifier: `uk-button-link` ========================================================================== */ /* Reset */ .uk-button-link, .uk-button-link:hover, .uk-button-link:focus, .uk-button-link:active, .uk-button-link.uk-active, .uk-button-link:disabled { border-color: transparent; background: none; } /* Color */ .uk-button-link { color: #ff2a59; } .uk-button-link:hover, .uk-button-link:focus, .uk-button-link:active, .uk-button-link.uk-active { color: #ff2a59; text-decoration: underline; } .uk-button-link:disabled { color: #999; } /* Focus */ .uk-button-link:focus { outline: 1px dotted; } /* Size modifiers ========================================================================== */ .uk-button-mini { min-height: 20px; padding: 0 6px; line-height: 20px; font-size: 11px; } .uk-button-small { min-height: 25px; padding: 0 10px; line-height: 25px; font-size: 12px; } .uk-button-large { min-height: 54px; padding: 0 17px; line-height: 27px; font-size: 16px; } /* Sub-object `uk-button-group` ========================================================================== */ /* * 1. Behave like buttons * 2. Create position context for dropdowns * 3. Remove whitespace between child elements when using `inline-block` * 4. Prevent buttons from wrapping * 5. Remove whitespace between child elements when using `inline-block` */ .uk-button-group { /* 1 */ display: inline-block; vertical-align: middle; /* 2 */ position: relative; /* 3 */ font-size: 0.001px; /* 4 */ white-space: nowrap; } .uk-button-group>* { display: inline-block; } /* 5 */ .uk-button-group .uk-button { vertical-align: top; } /* Sub-object: `uk-button-dropdown` ========================================================================== */ /* * 1. Behave like buttons * 2. Create position context for dropdowns */ .uk-button-dropdown { /* 1 */ display: inline-block; vertical-align: middle; /* 2 */ position: relative; } /* ======================================================================== Component: Icon ========================================================================== */ @font-face { font-display: swap; font-family: "FontAwesome"; src: url("/local/templates/laserhouse/css/../fonts/fontawesome-webfont.woff2") format("woff2"), url("/local/templates/laserhouse/css/../fonts/fontawesome-webfont.woff") format("woff"), url("/local/templates/laserhouse/css/../fonts/fontawesome-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } /* * 1. Allow margin * 2. Prevent inherit font style * 4. Correct line-height * 5. Better font rendering * 6. Remove `text-decoration` for anchors */ [class*="uk-icon-"] { font-family: FontAwesome; /* 1 */ display: inline-block; /* 2 */ font-weight: normal; font-style: normal; /* 4 */ line-height: 1; /* 5 */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* 6 */ [class*="uk-icon-"], [class*="uk-icon-"]:hover, [class*="uk-icon-"]:focus { text-decoration: none; } /* Size modifiers ========================================================================== */ .uk-icon-small { font-size: 150%; vertical-align: -10%; } .uk-icon-medium { font-size: 200%; vertical-align: -16%; } .uk-icon-large { font-size: 250%; vertical-align: -22%; } /* Modifier: `uk-icon-justify` ========================================================================== */ .uk-icon-justify { width: 1em; text-align: center; } /* Modifier: `uk-icon-spin` ========================================================================== */ .uk-icon-spin { display: inline-block; -webkit-animation: uk-rotate 2s infinite linear; animation: uk-rotate 2s infinite linear; } /* Modifier: `uk-icon-hover` ========================================================================== */ .uk-icon-hover { color: #999; } /* * Hover */ .uk-icon-hover:hover { color: #444; } /* Modifier: `uk-icon-button` ========================================================================== */ .uk-icon-button { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 35px; height: 35px; border-radius: 100%; background: #eee; line-height: 35px; color: #444; font-size: 18px; text-align: center; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-icon-button:hover, .uk-icon-button:focus { background-color: #f5f5f5; color: #444; /* 2 */ outline: none; } /* Active */ .uk-icon-button:active { background-color: #ddd; color: #444; } /* Icon mapping ========================================================================== */ .uk-icon-glass:before { content: "\f000"; } .uk-icon-music:before { content: "\f001"; } .uk-icon-search:before { content: "\f002"; } .uk-icon-envelope-o:before { content: "\f003"; } .uk-icon-heart:before { content: "\f004"; } .uk-icon-star:before { content: "\f005"; } .uk-icon-star-o:before { content: "\f006"; } .uk-icon-user:before { content: "\f007"; } .uk-icon-film:before { content: "\f008"; } .uk-icon-th-large:before { content: "\f009"; } .uk-icon-th:before { content: "\f00a"; } .uk-icon-th-list:before { content: "\f00b"; } .uk-icon-check:before { content: "\f00c"; } .uk-icon-remove:before, .uk-icon-close:before, .uk-icon-times:before { content: "\f00d"; } .uk-icon-search-plus:before { content: "\f00e"; } .uk-icon-search-minus:before { content: "\f010"; } .uk-icon-power-off:before { content: "\f011"; } .uk-icon-signal:before { content: "\f012"; } .uk-icon-gear:before, .uk-icon-cog:before { content: "\f013"; } .uk-icon-trash-o:before { content: "\f014"; } .uk-icon-home:before { content: "\f015"; } .uk-icon-file-o:before { content: "\f016"; } .uk-icon-clock-o:before { content: "\f017"; } .uk-icon-road:before { content: "\f018"; } .uk-icon-download:before { content: "\f019"; } .uk-icon-arrow-circle-o-down:before { content: "\f01a"; } .uk-icon-arrow-circle-o-up:before { content: "\f01b"; } .uk-icon-inbox:before { content: "\f01c"; } .uk-icon-play-circle-o:before { content: "\f01d"; } .uk-icon-rotate-right:before, .uk-icon-repeat:before { content: "\f01e"; } .uk-icon-refresh:before { content: "\f021"; } .uk-icon-list-alt:before { content: "\f022"; } .uk-icon-lock:before { content: "\f023"; } .uk-icon-flag:before { content: "\f024"; } .uk-icon-headphones:before { content: "\f025"; } .uk-icon-volume-off:before { content: "\f026"; } .uk-icon-volume-down:before { content: "\f027"; } .uk-icon-volume-up:before { content: "\f028"; } .uk-icon-qrcode:before { content: "\f029"; } .uk-icon-barcode:before { content: "\f02a"; } .uk-icon-tag:before { content: "\f02b"; } .uk-icon-tags:before { content: "\f02c"; } .uk-icon-book:before { content: "\f02d"; } .uk-icon-bookmark:before { content: "\f02e"; } .uk-icon-print:before { content: "\f02f"; } .uk-icon-camera:before { content: "\f030"; } .uk-icon-font:before { content: "\f031"; } .uk-icon-bold:before { content: "\f032"; } .uk-icon-italic:before { content: "\f033"; } .uk-icon-text-height:before { content: "\f034"; } .uk-icon-text-width:before { content: "\f035"; } .uk-icon-align-left:before { content: "\f036"; } .uk-icon-align-center:before { content: "\f037"; } .uk-icon-align-right:before { content: "\f038"; } .uk-icon-align-justify:before { content: "\f039"; } .uk-icon-list:before { content: "\f03a"; } .uk-icon-dedent:before, .uk-icon-outdent:before { content: "\f03b"; } .uk-icon-indent:before { content: "\f03c"; } .uk-icon-video-camera:before { content: "\f03d"; } .uk-icon-photo:before, .uk-icon-image:before, .uk-icon-picture-o:before { content: "\f03e"; } .uk-icon-pencil:before { content: "\f040"; } .uk-icon-map-marker:before { content: "\f041"; } .uk-icon-adjust:before { content: "\f042"; } .uk-icon-tint:before { content: "\f043"; } .uk-icon-edit:before, .uk-icon-pencil-square-o:before { content: "\f044"; } .uk-icon-share-square-o:before { content: "\f045"; } .uk-icon-check-square-o:before { content: "\f046"; } .uk-icon-arrows:before { content: "\f047"; } .uk-icon-step-backward:before { content: "\f048"; } .uk-icon-fast-backward:before { content: "\f049"; } .uk-icon-backward:before { content: "\f04a"; } .uk-icon-play:before { content: "\f04b"; } .uk-icon-pause:before { content: "\f04c"; } .uk-icon-stop:before { content: "\f04d"; } .uk-icon-forward:before { content: "\f04e"; } .uk-icon-fast-forward:before { content: "\f050"; } .uk-icon-step-forward:before { content: "\f051"; } .uk-icon-eject:before { content: "\f052"; } .uk-icon-chevron-left:before { content: "\f053"; } .uk-icon-chevron-right:before { content: "\f054"; } .uk-icon-plus-circle:before { content: "\f055"; } .uk-icon-minus-circle:before { content: "\f056"; } .uk-icon-times-circle:before { content: "\f057"; } .uk-icon-check-circle:before { content: "\f058"; } .uk-icon-question-circle:before { content: "\f059"; } .uk-icon-info-circle:before { content: "\f05a"; } .uk-icon-crosshairs:before { content: "\f05b"; } .uk-icon-times-circle-o:before { content: "\f05c"; } .uk-icon-check-circle-o:before { content: "\f05d"; } .uk-icon-ban:before { content: "\f05e"; } .uk-icon-arrow-left:before { content: "\f060"; } .uk-icon-arrow-right:before { content: "\f061"; } .uk-icon-arrow-up:before { content: "\f062"; } .uk-icon-arrow-down:before { content: "\f063"; } .uk-icon-mail-forward:before, .uk-icon-share:before { content: "\f064"; } .uk-icon-expand:before { content: "\f065"; } .uk-icon-compress:before { content: "\f066"; } .uk-icon-plus:before { content: "\f067"; } .uk-icon-minus:before { content: "\f068"; } .uk-icon-asterisk:before { content: "\f069"; } .uk-icon-exclamation-circle:before { content: "\f06a"; } .uk-icon-gift:before { content: "\f06b"; } .uk-icon-leaf:before { content: "\f06c"; } .uk-icon-fire:before { content: "\f06d"; } .uk-icon-eye:before { content: "\f06e"; } .uk-icon-eye-slash:before { content: "\f070"; } .uk-icon-warning:before, .uk-icon-exclamation-triangle:before { content: "\f071"; } .uk-icon-plane:before { content: "\f072"; } .uk-icon-calendar:before { content: "\f073"; } .uk-icon-random:before { content: "\f074"; } .uk-icon-comment:before { content: "\f075"; } .uk-icon-magnet:before { content: "\f076"; } .uk-icon-chevron-up:before { content: "\f077"; } .uk-icon-chevron-down:before { content: "\f078"; } .uk-icon-retweet:before { content: "\f079"; } .uk-icon-shopping-cart:before { content: "\f07a"; } .uk-icon-folder:before { content: "\f07b"; } .uk-icon-folder-open:before { content: "\f07c"; } .uk-icon-arrows-v:before { content: "\f07d"; } .uk-icon-arrows-h:before { content: "\f07e"; } .uk-icon-bar-chart-o:before, .uk-icon-bar-chart:before { content: "\f080"; } .uk-icon-twitter-square:before { content: "\f081"; } .uk-icon-telegram:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='body_1' width='29' height='29'%3E%3Cg transform='matrix(1.3333334 0 0 1.3333334 0 0)'%3E%3Cimage x='0' y='0' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAnMSURBVHhe7d137CRlHcfxU+TArlhROVSMBcUKHEYpRiyJ3XjhEOxKUdEYKxexYAkYjWAJWLAXLCgCKiRo7CKJHQS8Q4OoBCs2ioo/P+/s7e3s8/vM7DOzzzM7uzt/vAL8mJln5vnutOf5Ps+sWVlZ6XWI/WNvdgb/sm5Dl91a9pSN8gp5l3xRviM/kYtl89Z//lT4++nybnmVPF32kduI2/7sdTwgd5anydvle3KFrCTwB/mBnCgEd1dx5bevgwFZJ4fJ1+Wv4io0tb/Lt+Qoubu4/WpHRwJyM3mKnCZ/E1dpbfmXnCWcObcUt7/5zDggt5NNcom4ypm1X8kb5U7i9j+9GQXkDvJ6+Z24iuiaK+Wtwj3NHU86LQfkxvIa+b24A+86AvNauam445teiwF5nPxQ3IHOmx/L48Ud53RaCMjO8kFxBzbvOK47ijvuZjIH5JHCjdEdzKLYIgeIO/76MgXkBsLT03/EHcSi+be8Wlxd1JMhIDeRU8Xt+KL7lHD8rl7iJA7IXeQb4nZ2WXD8tDa4+pksYUDuJheJ28ll80u5t7h6qpYoIDTOXSBu55YVN/v6QUkQEJo/fi5up5YdQeEy7urNmzIg28s54namN/BN2VFc/a02ZUBOEbcTvXEfE1d/q00RkJeIK7zn0dfi6nFcw4Csl2vEFdzz6Gd5sLj6HGkQkJ2ExzpXaK8aT6I3F1evAw0CcrK4wnpx3iauXgdqBoTGQldILx7tXnuLq99aAaFziVQbV0ivHh6Ft5PV9VwjIPT0uY33miGzZnU9Rwbk9vJHcRvuNfMbuYWM13VkQN4sbqO96XDVGa/riIDQVvUncRvsTYekifG01oiAvEHcxnppvElG9T0hIFzjLhe3oWXAI+qZ8iJ5rpDA7ZabBvfm20pUQA4St5FFRyYl980HSbE+SJRLlfBddLgMypgQkLPFbWAR/VnoEyffineusC6GWMatPw0y+28olQG5qyxDAyLJe2SMxKaJflTcdqbxX7mvVAbkZeJWXgSkstIm93Dxb8we6U3fF7fNaQ1u7hUBOU/civOKHDHGgDxDmo6gIkuRsSRu+9OiJXi7soCQQUL7vVtx3tBVcJxM7ouY7GHiykiBJ7o9ygJy6NaF5tXV8hl5ksQmrnEjn3T5YlyjKy+VI8sCMq99Htygj5Z7SrEiq9Dh9h65UCYluJ0hrtxUTnUB4fGLdHu3QhfxXvA+2V9uJGElVmFU7mXCU84G4abtlsNaIa3H7UMqXF63DwNCy25bgy2bogK/Lc8U2trCypuER/rPCdv6h+wrbrmie8l1Eu5LSrxm7BYGhF+aW7gL+IUeL01v0NwjyJYZdiWwvfBtvAxnULg/OTwhDAhtNm7BWeFX8wWpc4N2HiqcVcPt/kw4U9yyTltdEEeFAXldsMCs0F3MeD4uFWHl1HEreYsUWx2+K3VH1p4rxf3L5Z1hQHI0DcRihgWGiT1CSFMNK6WuJwvTbBTLYKoNxsW75ctwZtLDV9xOLmeFAflasEBu/xPmJHmxpBoPvot8WMKyPi07iFunygOEB4lwezmcFwakrcySS4UcpfKUmPp4ZD9C3LBr5ktx68TgaS7cXi4XhAGhotyCKVwrX5ZDpO5lY5I9pCwTf7xXrr53iNtuDlvCgPw2WCAFRlZxg242qqgagaXC/ylhudfLC8WtF4uz7nwJt53LZWFAUvaIcX84VnLNfPBo4fHVlc1LHG1ybr06uK/x8ujKyOHyMCAp5x/hZh0eYApUUlV721/kseLWrWs/cWXksuoMSTnQ/9eS+jL1HKm6rHKGM1zCrdsEM9G5cnK5NAxI2SWgKdrFyNw4UnaX8IBj0cX5JXFlDJGcwM3drd/UJ8WVlcuFYUBIBHYLpsB1nRskc1DRZhbz8kcrK03qkyY2o+k99VR97F/bo4vPDwOSI6uiDKN3mciSm7PrVqXPm4wMt24RL7NNWn0nmUWix9lhQGaVx8vLHG/SzxLejJmgMmaulM9Lrqe4x4grM6f3hgEhTd4t2CbeH9zfQx+QOlkjdTHrnSs3p5eHAXlUsEBXVQ8NS4NJOV3ZOT01DAgNc+6ttys4e14pYeWlxmD/nM1IDpfo3cOAcAmgw9+t0AXc48LKy4GexNhLZyq8t+0YBgQf37pAFz1RihWXy7PFlZ/TmcNghAF5QWGhrjlQihWXC095rvyctt3Qw4DwRp07w6IJGitTZCDGyJXDW4bL4/qygNDknLoJJQXSW9uYOJ9+eIabuX3IhQeItWUBAc0bbsVZos+dT1YU9zMHcng5G90+5EL25LZguIBw2WqrHzkWLdFlg2nIOuRFkeFn7v/XQTewKz+nQQt1RUC4bMW0I7WJyyj7VdxP8M5QfDKkr6R6kpdqbU/8TJsejaiVAcEsfilV+IGE+8gZ45rlyU9u0i/CmfYjCbeX02jO3wkBIc+X3je3kVn4ihT3j/50PnnklgWDa54vxXUmodW4zdzm8QeVCQEBNxu3oVn4kAz3iyeh2GzCT0jsqCm6ft02cuFSOyo/IiD3kK6MpuLJj33i+yN8EsktU4b7T8wljKQMt34OjJp6oIzKjwgIeHpxG2wbLbz0lzTt96ez6aXijnGo6hKYGlOyj5cfGRBGJLXdc+akejf4rIxmTxghhzdHXppDyy4dceP7EBkQdOlekgLJe/TrF4+Rs88tm0PxfjhSIyBct+f1U0VluIZztvB4zzCMq8QtlxoDhvyM1zUCgueJK6BXT3l6a82A8Jbc1sCVRcXnLMrzAGoGBLRx5ZrNYNGRI3w/cfU60CAgaHO8xCLhocHV50jDgOD94grtedSXq8dxUwSEdqS2e9XmFfUUl8w3RUDAHFO5ZzeYd/QExn+ydcqAgD5uZmNzO7PseK/ZS1y9eQkCAro86V51O7WsyNZnrnxXX+USBQTMlNB2YkBX8VpAorarp2oJA4L7y7J/IIxpdcM2sniJAwJ6GduefKArGNxTZ66u1TIEBPRznyBupxcVM9hNP2goU0CGDpYu9cnnQIsxM7i6468vc0DAYE2SE9zBzDtmbo2Z/CxeCwEZYjrtlGPgZ4msFAaiNpnIplqLAQGDgZgfsYuJ3DHoQmZQbI4pQgZaDsgQg2FIzZmXwJCZzvA2XoDd8aQzo4AMPUQ+Im3OJVIHiR1khuQPxNCMAzK0m3BN7spX4H4hfMjmPuL2N5+OBGSImRP4NZ4km8VVVi6M7+Njy0wvGP9159Q6FpAiXi6ZyYEPZ31VmPA45ZgN8q/ID2AeL4KQekK1ZjockBAVRtrlRtkk3HuYl4XLHH0yVDCNm6TY8E/+m7/zmSK+isBDxDHCbHZ7yupP1nXBqoD0OmJlzf8BerEcL8hA4yMAAAAASUVORK5CYII=' width='20' height='20'/%3E%3C/g%3E%3C/svg%3E"); } .uk-icon-facebook-square:before { content: "\f082"; } .uk-icon-camera-retro:before { content: "\f083"; } .uk-icon-key:before { content: "\f084"; } .uk-icon-gears:before, .uk-icon-cogs:before { content: "\f085"; } .uk-icon-comments:before { content: "\f086"; } .uk-icon-thumbs-o-up:before { content: "\f087"; } .uk-icon-thumbs-o-down:before { content: "\f088"; } .uk-icon-star-half:before { content: "\f089"; } .uk-icon-heart-o:before { content: "\f08a"; } .uk-icon-sign-out:before { content: "\f08b"; } .uk-icon-linkedin-square:before { content: "\f08c"; } .uk-icon-thumb-tack:before { content: "\f08d"; } .uk-icon-external-link:before { content: "\f08e"; } .uk-icon-sign-in:before { content: "\f090"; } .uk-icon-trophy:before { content: "\f091"; } .uk-icon-github-square:before { content: "\f092"; } .uk-icon-upload:before { content: "\f093"; } .uk-icon-lemon-o:before { content: "\f094"; } .uk-icon-phone:before { content: "\f095"; } .uk-icon-square-o:before { content: "\f096"; } .uk-icon-bookmark-o:before { content: "\f097"; } .uk-icon-phone-square:before { content: "\f098"; } .uk-icon-twitter:before { content: "\f099"; } .uk-icon-facebook-f:before, .uk-icon-facebook:before { content: "\f09a"; } .uk-icon-github:before { content: "\f09b"; } .uk-icon-unlock:before { content: "\f09c"; } .uk-icon-credit-card:before { content: "\f09d"; } .uk-icon-rss:before { content: "\f09e"; } .uk-icon-hdd-o:before { content: "\f0a0"; } .uk-icon-bullhorn:before { content: "\f0a1"; } .uk-icon-bell:before { content: "\f0f3"; } .uk-icon-certificate:before { content: "\f0a3"; } .uk-icon-hand-o-right:before { content: "\f0a4"; } .uk-icon-hand-o-left:before { content: "\f0a5"; } .uk-icon-hand-o-up:before { content: "\f0a6"; } .uk-icon-hand-o-down:before { content: "\f0a7"; } .uk-icon-arrow-circle-left:before { content: "\f0a8"; } .uk-icon-arrow-circle-right:before { content: "\f0a9"; } .uk-icon-arrow-circle-up:before { content: "\f0aa"; } .uk-icon-arrow-circle-down:before { content: "\f0ab"; } .uk-icon-globe:before { content: "\f0ac"; } .uk-icon-wrench:before { content: "\f0ad"; } .uk-icon-tasks:before { content: "\f0ae"; } .uk-icon-filter:before { content: "\f0b0"; } .uk-icon-briefcase:before { content: "\f0b1"; } .uk-icon-arrows-alt:before { content: "\f0b2"; } .uk-icon-group:before, .uk-icon-users:before { content: "\f0c0"; } .uk-icon-chain:before, .uk-icon-link:before { content: "\f0c1"; } .uk-icon-cloud:before { content: "\f0c2"; } .uk-icon-flask:before { content: "\f0c3"; } .uk-icon-cut:before, .uk-icon-scissors:before { content: "\f0c4"; } .uk-icon-copy:before, .uk-icon-files-o:before { content: "\f0c5"; } .uk-icon-paperclip:before { content: "\f0c6"; } .uk-icon-save:before, .uk-icon-floppy-o:before { content: "\f0c7"; } .uk-icon-square:before { content: "\f0c8"; } .uk-icon-navicon:before, .uk-icon-reorder:before, .uk-icon-bars:before { content: "\f0c9"; } .uk-icon-list-ul:before { content: "\f0ca"; } .uk-icon-list-ol:before { content: "\f0cb"; } .uk-icon-strikethrough:before { content: "\f0cc"; } .uk-icon-underline:before { content: "\f0cd"; } .uk-icon-table:before { content: "\f0ce"; } .uk-icon-magic:before { content: "\f0d0"; } .uk-icon-truck:before { content: "\f0d1"; } .uk-icon-pinterest:before { content: "\f0d2"; } .uk-icon-pinterest-square:before { content: "\f0d3"; } .uk-icon-google-plus-square:before { content: "\f0d4"; } .uk-icon-google-plus:before { content: "\f0d5"; } .uk-icon-money:before { content: "\f0d6"; } .uk-icon-caret-down:before { content: "\f0d7"; } .uk-icon-caret-up:before { content: "\f0d8"; } .uk-icon-caret-left:before { content: "\f0d9"; } .uk-icon-caret-right:before { content: "\f0da"; } .uk-icon-columns:before { content: "\f0db"; } .uk-icon-unsorted:before, .uk-icon-sort:before { content: "\f0dc"; } .uk-icon-sort-down:before, .uk-icon-sort-desc:before { content: "\f0dd"; } .uk-icon-sort-up:before, .uk-icon-sort-asc:before { content: "\f0de"; } .uk-icon-envelope:before { content: "\f0e0"; } .uk-icon-linkedin:before { content: "\f0e1"; } .uk-icon-rotate-left:before, .uk-icon-undo:before { content: "\f0e2"; } .uk-icon-legal:before, .uk-icon-gavel:before { content: "\f0e3"; } .uk-icon-dashboard:before, .uk-icon-tachometer:before { content: "\f0e4"; } .uk-icon-comment-o:before { content: "\f0e5"; } .uk-icon-comments-o:before { content: "\f0e6"; } .uk-icon-flash:before, .uk-icon-bolt:before { content: "\f0e7"; } .uk-icon-sitemap:before { content: "\f0e8"; } .uk-icon-umbrella:before { content: "\f0e9"; } .uk-icon-paste:before, .uk-icon-clipboard:before { content: "\f0ea"; } .uk-icon-lightbulb-o:before { content: "\f0eb"; } .uk-icon-exchange:before { content: "\f0ec"; } .uk-icon-cloud-download:before { content: "\f0ed"; } .uk-icon-cloud-upload:before { content: "\f0ee"; } .uk-icon-user-md:before { content: "\f0f0"; } .uk-icon-stethoscope:before { content: "\f0f1"; } .uk-icon-suitcase:before { content: "\f0f2"; } .uk-icon-bell-o:before { content: "\f0a2"; } .uk-icon-coffee:before { content: "\f0f4"; } .uk-icon-cutlery:before { content: "\f0f5"; } .uk-icon-file-text-o:before { content: "\f0f6"; } .uk-icon-building-o:before { content: "\f0f7"; } .uk-icon-hospital-o:before { content: "\f0f8"; } .uk-icon-ambulance:before { content: "\f0f9"; } .uk-icon-medkit:before { content: "\f0fa"; } .uk-icon-fighter-jet:before { content: "\f0fb"; } .uk-icon-beer:before { content: "\f0fc"; } .uk-icon-h-square:before { content: "\f0fd"; } .uk-icon-plus-square:before { content: "\f0fe"; } .uk-icon-angle-double-left:before { content: "\f100"; } .uk-icon-angle-double-right:before { content: "\f101"; } .uk-icon-angle-double-up:before { content: "\f102"; } .uk-icon-angle-double-down:before { content: "\f103"; } .uk-icon-angle-left:before { content: "\f104"; } .uk-icon-angle-right:before { content: "\f105"; } .uk-icon-angle-up:before { content: "\f106"; } .uk-icon-angle-down:before { content: "\f107"; } .uk-icon-desktop:before { content: "\f108"; } .uk-icon-laptop:before { content: "\f109"; } .uk-icon-tablet:before { content: "\f10a"; } .uk-icon-mobile-phone:before, .uk-icon-mobile:before { content: "\f10b"; } .uk-icon-circle-o:before { content: "\f10c"; } .uk-icon-quote-left:before { content: "\f10d"; } .uk-icon-quote-right:before { content: "\f10e"; } .uk-icon-spinner:before { content: "\f110"; } .uk-icon-circle:before { content: "\f111"; } .uk-icon-mail-reply:before, .uk-icon-reply:before { content: "\f112"; } .uk-icon-github-alt:before { content: "\f113"; } .uk-icon-folder-o:before { content: "\f114"; } .uk-icon-folder-open-o:before { content: "\f115"; } .uk-icon-smile-o:before { content: "\f118"; } .uk-icon-frown-o:before { content: "\f119"; } .uk-icon-meh-o:before { content: "\f11a"; } .uk-icon-gamepad:before { content: "\f11b"; } .uk-icon-keyboard-o:before { content: "\f11c"; } .uk-icon-flag-o:before { content: "\f11d"; } .uk-icon-flag-checkered:before { content: "\f11e"; } .uk-icon-terminal:before { content: "\f120"; } .uk-icon-code:before { content: "\f121"; } .uk-icon-mail-reply-all:before, .uk-icon-reply-all:before { content: "\f122"; } .uk-icon-star-half-empty:before, .uk-icon-star-half-full:before, .uk-icon-star-half-o:before { content: "\f123"; } .uk-icon-location-arrow:before { content: "\f124"; } .uk-icon-crop:before { content: "\f125"; } .uk-icon-code-fork:before { content: "\f126"; } .uk-icon-unlink:before, .uk-icon-chain-broken:before { content: "\f127"; } .uk-icon-question:before { content: "\f128"; } .uk-icon-info:before { content: "\f129"; } .uk-icon-exclamation:before { content: "\f12a"; } .uk-icon-superscript:before { content: "\f12b"; } .uk-icon-subscript:before { content: "\f12c"; } .uk-icon-eraser:before { content: "\f12d"; } .uk-icon-puzzle-piece:before { content: "\f12e"; } .uk-icon-microphone:before { content: "\f130"; } .uk-icon-microphone-slash:before { content: "\f131"; } .uk-icon-shield:before { content: "\f132"; } .uk-icon-calendar-o:before { content: "\f133"; } .uk-icon-fire-extinguisher:before { content: "\f134"; } .uk-icon-rocket:before { content: "\f135"; } .uk-icon-maxcdn:before { content: "\f136"; } .uk-icon-chevron-circle-left:before { content: "\f137"; } .uk-icon-chevron-circle-right:before { content: "\f138"; } .uk-icon-chevron-circle-up:before { content: "\f139"; } .uk-icon-chevron-circle-down:before { content: "\f13a"; } .uk-icon-html5:before { content: "\f13b"; } .uk-icon-css3:before { content: "\f13c"; } .uk-icon-anchor:before { content: "\f13d"; } .uk-icon-unlock-alt:before { content: "\f13e"; } .uk-icon-bullseye:before { content: "\f140"; } .uk-icon-ellipsis-h:before { content: "\f141"; } .uk-icon-ellipsis-v:before { content: "\f142"; } .uk-icon-rss-square:before { content: "\f143"; } .uk-icon-play-circle:before { content: "\f144"; } .uk-icon-ticket:before { content: "\f145"; } .uk-icon-minus-square:before { content: "\f146"; } .uk-icon-minus-square-o:before { content: "\f147"; } .uk-icon-level-up:before { content: "\f148"; } .uk-icon-level-down:before { content: "\f149"; } .uk-icon-check-square:before { content: "\f14a"; } .uk-icon-pencil-square:before { content: "\f14b"; } .uk-icon-external-link-square:before { content: "\f14c"; } .uk-icon-share-square:before { content: "\f14d"; } .uk-icon-compass:before { content: "\f14e"; } .uk-icon-toggle-down:before, .uk-icon-caret-square-o-down:before { content: "\f150"; } .uk-icon-toggle-up:before, .uk-icon-caret-square-o-up:before { content: "\f151"; } .uk-icon-toggle-right:before, .uk-icon-caret-square-o-right:before { content: "\f152"; } .uk-icon-euro:before, .uk-icon-eur:before { content: "\f153"; } .uk-icon-gbp:before { content: "\f154"; } .uk-icon-dollar:before, .uk-icon-usd:before { content: "\f155"; } .uk-icon-rupee:before, .uk-icon-inr:before { content: "\f156"; } .uk-icon-cny:before, .uk-icon-rmb:before, .uk-icon-yen:before, .uk-icon-jpy:before { content: "\f157"; } .uk-icon-ruble:before, .uk-icon-rouble:before, .uk-icon-rub:before { content: "\f158"; } .uk-icon-won:before, .uk-icon-krw:before { content: "\f159"; } .uk-icon-bitcoin:before, .uk-icon-btc:before { content: "\f15a"; } .uk-icon-file:before { content: "\f15b"; } .uk-icon-file-text:before { content: "\f15c"; } .uk-icon-sort-alpha-asc:before { content: "\f15d"; } .uk-icon-sort-alpha-desc:before { content: "\f15e"; } .uk-icon-sort-amount-asc:before { content: "\f160"; } .uk-icon-sort-amount-desc:before { content: "\f161"; } .uk-icon-sort-numeric-asc:before { content: "\f162"; } .uk-icon-sort-numeric-desc:before { content: "\f163"; } .uk-icon-thumbs-up:before { content: "\f164"; } .uk-icon-thumbs-down:before { content: "\f165"; } .uk-icon-youtube-square:before { content: "\f166"; } .uk-icon-youtube:before { content: "\f167"; } .uk-icon-xing:before { content: "\f168"; } .uk-icon-xing-square:before { content: "\f169"; } .uk-icon-youtube-play:before { content: "\f16a"; } .uk-icon-dropbox:before { content: "\f16b"; } .uk-icon-stack-overflow:before { content: "\f16c"; } .uk-icon-instagram:before { content: "\f16d"; } .uk-icon-flickr:before { content: "\f16e"; } .uk-icon-adn:before { content: "\f170"; } .uk-icon-bitbucket:before { content: "\f171"; } .uk-icon-bitbucket-square:before { content: "\f172"; } .uk-icon-tumblr:before { content: "\f173"; } .uk-icon-tumblr-square:before { content: "\f174"; } .uk-icon-long-arrow-down:before { content: "\f175"; } .uk-icon-long-arrow-up:before { content: "\f176"; } .uk-icon-long-arrow-left:before { content: "\f177"; } .uk-icon-long-arrow-right:before { content: "\f178"; } .uk-icon-apple:before { content: "\f179"; } .uk-icon-windows:before { content: "\f17a"; } .uk-icon-android:before { content: "\f17b"; } .uk-icon-linux:before { content: "\f17c"; } .uk-icon-dribbble:before { content: "\f17d"; } .uk-icon-skype:before { content: "\f17e"; } .uk-icon-foursquare:before { content: "\f180"; } .uk-icon-trello:before { content: "\f181"; } .uk-icon-female:before { content: "\f182"; } .uk-icon-male:before { content: "\f183"; } .uk-icon-gittip:before, .uk-icon-gratipay:before { content: "\f184"; } .uk-icon-sun-o:before { content: "\f185"; } .uk-icon-moon-o:before { content: "\f186"; } .uk-icon-archive:before { content: "\f187"; } .uk-icon-bug:before { content: "\f188"; } .uk-icon-vk:before { content: "\f189"; } .uk-icon-weibo:before { content: "\f18a"; } .uk-icon-renren:before { content: "\f18b"; } .uk-icon-pagelines:before { content: "\f18c"; } .uk-icon-stack-exchange:before { content: "\f18d"; } .uk-icon-arrow-circle-o-right:before { content: "\f18e"; } .uk-icon-arrow-circle-o-left:before { content: "\f190"; } .uk-icon-toggle-left:before, .uk-icon-caret-square-o-left:before { content: "\f191"; } .uk-icon-dot-circle-o:before { content: "\f192"; } .uk-icon-wheelchair:before { content: "\f193"; } .uk-icon-vimeo-square:before { content: "\f194"; } .uk-icon-turkish-lira:before, .uk-icon-try:before { content: "\f195"; } .uk-icon-plus-square-o:before { content: "\f196"; } .uk-icon-space-shuttle:before { content: "\f197"; } .uk-icon-slack:before { content: "\f198"; } .uk-icon-envelope-square:before { content: "\f199"; } .uk-icon-wordpress:before { content: "\f19a"; } .uk-icon-openid:before { content: "\f19b"; } .uk-icon-institution:before, .uk-icon-bank:before, .uk-icon-university:before { content: "\f19c"; } .uk-icon-mortar-board:before, .uk-icon-graduation-cap:before { content: "\f19d"; } .uk-icon-yahoo:before { content: "\f19e"; } .uk-icon-google:before { content: "\f1a0"; } .uk-icon-reddit:before { content: "\f1a1"; } .uk-icon-reddit-square:before { content: "\f1a2"; } .uk-icon-stumbleupon-circle:before { content: "\f1a3"; } .uk-icon-stumbleupon:before { content: "\f1a4"; } .uk-icon-delicious:before { content: "\f1a5"; } .uk-icon-digg:before { content: "\f1a6"; } .uk-icon-pied-piper:before { content: "\f1a7"; } .uk-icon-pied-piper-alt:before { content: "\f1a8"; } .uk-icon-drupal:before { content: "\f1a9"; } .uk-icon-joomla:before { content: "\f1aa"; } .uk-icon-language:before { content: "\f1ab"; } .uk-icon-fax:before { content: "\f1ac"; } .uk-icon-building:before { content: "\f1ad"; } .uk-icon-child:before { content: "\f1ae"; } .uk-icon-paw:before { content: "\f1b0"; } .uk-icon-spoon:before { content: "\f1b1"; } .uk-icon-cube:before { content: "\f1b2"; } .uk-icon-cubes:before { content: "\f1b3"; } .uk-icon-behance:before { content: "\f1b4"; } .uk-icon-behance-square:before { content: "\f1b5"; } .uk-icon-steam:before { content: "\f1b6"; } .uk-icon-steam-square:before { content: "\f1b7"; } .uk-icon-recycle:before { content: "\f1b8"; } .uk-icon-automobile:before, .uk-icon-car:before { content: "\f1b9"; } .uk-icon-cab:before, .uk-icon-taxi:before { content: "\f1ba"; } .uk-icon-tree:before { content: "\f1bb"; } .uk-icon-spotify:before { content: "\f1bc"; } .uk-icon-deviantart:before { content: "\f1bd"; } .uk-icon-soundcloud:before { content: "\f1be"; } .uk-icon-database:before { content: "\f1c0"; } .uk-icon-file-pdf-o:before { content: "\f1c1"; } .uk-icon-file-word-o:before { content: "\f1c2"; } .uk-icon-file-excel-o:before { content: "\f1c3"; } .uk-icon-file-powerpoint-o:before { content: "\f1c4"; } .uk-icon-file-photo-o:before, .uk-icon-file-picture-o:before, .uk-icon-file-image-o:before { content: "\f1c5"; } .uk-icon-file-zip-o:before, .uk-icon-file-archive-o:before { content: "\f1c6"; } .uk-icon-file-sound-o:before, .uk-icon-file-audio-o:before { content: "\f1c7"; } .uk-icon-file-movie-o:before, .uk-icon-file-video-o:before { content: "\f1c8"; } .uk-icon-file-code-o:before { content: "\f1c9"; } .uk-icon-vine:before { content: "\f1ca"; } .uk-icon-codepen:before { content: "\f1cb"; } .uk-icon-jsfiddle:before { content: "\f1cc"; } .uk-icon-life-bouy:before, .uk-icon-life-buoy:before, .uk-icon-life-saver:before, .uk-icon-support:before, .uk-icon-life-ring:before { content: "\f1cd"; } .uk-icon-circle-o-notch:before { content: "\f1ce"; } .uk-icon-ra:before, .uk-icon-rebel:before { content: "\f1d0"; } .uk-icon-ge:before, .uk-icon-empire:before { content: "\f1d1"; } .uk-icon-git-square:before { content: "\f1d2"; } .uk-icon-git:before { content: "\f1d3"; } .uk-icon-hacker-news:before { content: "\f1d4"; } .uk-icon-tencent-weibo:before { content: "\f1d5"; } .uk-icon-qq:before { content: "\f1d6"; } .uk-icon-wechat:before, .uk-icon-weixin:before { content: "\f1d7"; } .uk-icon-send:before, .uk-icon-paper-plane:before { content: "\f1d8"; } .uk-icon-send-o:before, .uk-icon-paper-plane-o:before { content: "\f1d9"; } .uk-icon-history:before { content: "\f1da"; } .uk-icon-genderless:before, .uk-icon-circle-thin:before { content: "\f1db"; } .uk-icon-header:before { content: "\f1dc"; } .uk-icon-paragraph:before { content: "\f1dd"; } .uk-icon-sliders:before { content: "\f1de"; } .uk-icon-share-alt:before { content: "\f1e0"; } .uk-icon-share-alt-square:before { content: "\f1e1"; } .uk-icon-bomb:before { content: "\f1e2"; } .uk-icon-soccer-ball-o:before, .uk-icon-futbol-o:before { content: "\f1e3"; } .uk-icon-tty:before { content: "\f1e4"; } .uk-icon-binoculars:before { content: "\f1e5"; } .uk-icon-plug:before { content: "\f1e6"; } .uk-icon-slideshare:before { content: "\f1e7"; } .uk-icon-twitch:before { content: "\f1e8"; } .uk-icon-yelp:before { content: "\f1e9"; } .uk-icon-newspaper-o:before { content: "\f1ea"; } .uk-icon-wifi:before { content: "\f1eb"; } .uk-icon-calculator:before { content: "\f1ec"; } .uk-icon-paypal:before { content: "\f1ed"; } .uk-icon-google-wallet:before { content: "\f1ee"; } .uk-icon-cc-visa:before { content: "\f1f0"; } .uk-icon-cc-mastercard:before { content: "\f1f1"; } .uk-icon-cc-discover:before { content: "\f1f2"; } .uk-icon-cc-amex:before { content: "\f1f3"; } .uk-icon-cc-paypal:before { content: "\f1f4"; } .uk-icon-cc-stripe:before { content: "\f1f5"; } .uk-icon-bell-slash:before { content: "\f1f6"; } .uk-icon-bell-slash-o:before { content: "\f1f7"; } .uk-icon-trash:before { content: "\f1f8"; } .uk-icon-copyright:before { content: "\f1f9"; } .uk-icon-at:before { content: "\f1fa"; } .uk-icon-eyedropper:before { content: "\f1fb"; } .uk-icon-paint-brush:before { content: "\f1fc"; } .uk-icon-birthday-cake:before { content: "\f1fd"; } .uk-icon-area-chart:before { content: "\f1fe"; } .uk-icon-pie-chart:before { content: "\f200"; } .uk-icon-line-chart:before { content: "\f201"; } .uk-icon-lastfm:before { content: "\f202"; } .uk-icon-lastfm-square:before { content: "\f203"; } .uk-icon-toggle-off:before { content: "\f204"; } .uk-icon-toggle-on:before { content: "\f205"; } .uk-icon-bicycle:before { content: "\f206"; } .uk-icon-bus:before { content: "\f207"; } .uk-icon-ioxhost:before { content: "\f208"; } .uk-icon-angellist:before { content: "\f209"; } .uk-icon-cc:before { content: "\f20a"; } .uk-icon-shekel:before, .uk-icon-sheqel:before, .uk-icon-ils:before { content: "\f20b"; } .uk-icon-meanpath:before { content: "\f20c"; } .uk-icon-buysellads:before { content: "\f20d"; } .uk-icon-connectdevelop:before { content: "\f20e"; } .uk-icon-dashcube:before { content: "\f210"; } .uk-icon-forumbee:before { content: "\f211"; } .uk-icon-leanpub:before { content: "\f212"; } .uk-icon-sellsy:before { content: "\f213"; } .uk-icon-shirtsinbulk:before { content: "\f214"; } .uk-icon-simplybuilt:before { content: "\f215"; } .uk-icon-skyatlas:before { content: "\f216"; } .uk-icon-cart-plus:before { content: "\f217"; } .uk-icon-cart-arrow-down:before { content: "\f218"; } .uk-icon-diamond:before { content: "\f219"; } .uk-icon-ship:before { content: "\f21a"; } .uk-icon-user-secret:before { content: "\f21b"; } .uk-icon-motorcycle:before { content: "\f21c"; } .uk-icon-street-view:before { content: "\f21d"; } .uk-icon-heartbeat:before { content: "\f21e"; } .uk-icon-venus:before { content: "\f221"; } .uk-icon-mars:before { content: "\f222"; } .uk-icon-mercury:before { content: "\f223"; } .uk-icon-transgender:before { content: "\f224"; } .uk-icon-transgender-alt:before { content: "\f225"; } .uk-icon-venus-double:before { content: "\f226"; } .uk-icon-mars-double:before { content: "\f227"; } .uk-icon-venus-mars:before { content: "\f228"; } .uk-icon-mars-stroke:before { content: "\f229"; } .uk-icon-mars-stroke-v:before { content: "\f22a"; } .uk-icon-mars-stroke-h:before { content: "\f22b"; } .uk-icon-neuter:before { content: "\f22c"; } .uk-icon-facebook-official:before { content: "\f230"; } .uk-icon-pinterest-p:before { content: "\f231"; } .uk-icon-whatsapp:before { content: "\f232"; } .uk-icon-server:before { content: "\f233"; } .uk-icon-user-plus:before { content: "\f234"; } .uk-icon-user-times:before { content: "\f235"; } .uk-icon-hotel:before, .uk-icon-bed:before { content: "\f236"; } .uk-icon-viacoin:before { content: "\f237"; } .uk-icon-train:before { content: "\f238"; } .uk-icon-subway:before { content: "\f239"; } .uk-icon-medium-logo:before { content: "\f23a"; } .uk-icon-500px:before { content: "\f26e"; } .uk-icon-amazon:before { content: "\f270"; } .uk-icon-balance-scale:before { content: "\f24e"; } .uk-icon-battery-empty:before, .uk-icon-battery-0:before { content: "\f244"; } .uk-icon-battery-quarter:before, .uk-icon-battery-1:before { content: "\f243"; } .uk-icon-battery-half:before, .uk-icon-battery-2:before { content: "\f242"; } .uk-icon-battery-three-quarters:before, .uk-icon-battery-3:before { content: "\f241"; } .uk-icon-battery-full:before, .uk-icon-battery-4:before { content: "\f240"; } .uk-icon-black-tie:before { content: "\f27e"; } .uk-icon-calendar-check-o:before { content: "\f274"; } .uk-icon-calendar-minus-o:before { content: "\f272"; } .uk-icon-calendar-plus-o:before { content: "\f271"; } .uk-icon-calendar-times-o:before { content: "\f273"; } .uk-icon-cc-diners-club:before { content: "\f24c"; } .uk-icon-cc-jcb:before { content: "\f24b"; } .uk-icon-chrome:before { content: "\f268"; } .uk-icon-clone:before { content: "\f24d"; } .uk-icon-commenting:before { content: "\f27a"; } .uk-icon-commenting-o:before { content: "\f27b"; } .uk-icon-contao:before { content: "\f26d"; } .uk-icon-creative-commons:before { content: "\f25e"; } .uk-icon-expeditedssl:before { content: "\f23e"; } .uk-icon-firefox:before { content: "\f269"; } .uk-icon-fonticons:before { content: "\f280"; } .uk-icon-get-pocket:before { content: "\f265"; } .uk-icon-gg:before { content: "\f260"; } .uk-icon-gg-circle:before { content: "\f261"; } .uk-icon-hand-lizard-o:before { content: "\f258"; } .uk-icon-hand-stop-o:before, .uk-icon-hand-paper-o:before { content: "\f256"; } .uk-icon-hand-peace-o:before { content: "\f25b"; } .uk-icon-hand-pointer-o:before { content: "\f25a"; } .uk-icon-hand-grab-o:before, .uk-icon-hand-rock-o:before { content: "\f255"; } .uk-icon-hand-scissors-o:before { content: "\f257"; } .uk-icon-hand-spock-o:before { content: "\f259"; } .uk-icon-hourglass:before { content: "\f254"; } .uk-icon-hourglass-o:before { content: "\f250"; } .uk-icon-hourglass-1:before, .uk-icon-hourglass-start:before { content: "\f251"; } .uk-icon-hourglass-2:before, .uk-icon-hourglass-half:before { content: "\f252"; } .uk-icon-hourglass-3:before, .uk-icon-hourglass-end:before { content: "\f253"; } .uk-icon-houzz:before { content: "\f27c"; } .uk-icon-i-cursor:before { content: "\f246"; } .uk-icon-industry:before { content: "\f275"; } .uk-icon-internet-explorer:before { content: "\f26b"; } .uk-icon-map:before { content: "\f279"; } .uk-icon-map-o:before { content: "\f278"; } .uk-icon-map-pin:before { content: "\f276"; } .uk-icon-map-signs:before { content: "\f277"; } .uk-icon-mouse-pointer:before { content: "\f245"; } .uk-icon-object-group:before { content: "\f247"; } .uk-icon-object-ungroup:before { content: "\f248"; } .uk-icon-odnoklassniki:before { content: "\f263"; } .uk-icon-odnoklassniki-square:before { content: "\f264"; } .uk-icon-opencart:before { content: "\f23d"; } .uk-icon-opera:before { content: "\f26a"; } .uk-icon-optin-monster:before { content: "\f23c"; } .uk-icon-registered:before { content: "\f25d"; } .uk-icon-safari:before { content: "\f267"; } .uk-icon-sticky-note:before { content: "\f249"; } .uk-icon-sticky-note-o:before { content: "\f24a"; } .uk-icon-tv:before, .uk-icon-television:before { content: "\f26c"; } .uk-icon-trademark:before { content: "\f25c"; } .uk-icon-tripadvisor:before { content: "\f262"; } .uk-icon-vimeo:before { content: "\f27d"; } .uk-icon-wikipedia-w:before { content: "\f266"; } .uk-icon-yc:before, .uk-icon-y-combinator:before { content: "\f23b"; } .uk-icon-yc-square:before, .uk-icon-y-combinator-square:before { content: "\f1d4"; } .uk-icon-bluetooth:before { content: "\f293"; } .uk-icon-bluetooth-b:before { content: "\f294"; } .uk-icon-codiepie:before { content: "\f284"; } .uk-icon-credit-card-alt:before { content: "\f283"; } .uk-icon-edge:before { content: "\f282"; } .uk-icon-fort-awesome:before { content: "\f286"; } .uk-icon-hashtag:before { content: "\f292"; } .uk-icon-mixcloud:before { content: "\f289"; } .uk-icon-modx:before { content: "\f285"; } .uk-icon-pause-circle:before { content: "\f28b"; } .uk-icon-pause-circle-o:before { content: "\f28c"; } .uk-icon-percent:before { content: "\f295"; } .uk-icon-product-hunt:before { content: "\f288"; } .uk-icon-reddit-alien:before { content: "\f281"; } .uk-icon-scribd:before { content: "\f28a"; } .uk-icon-shopping-bag:before { content: "\f290"; } .uk-icon-shopping-basket:before { content: "\f291"; } .uk-icon-stop-circle:before { content: "\f28d"; } .uk-icon-stop-circle-o:before { content: "\f28e"; } .uk-icon-usb:before { content: "\f287"; } .uk-icon-american-sign-language-interpreting:before, .uk-icon-asl-interpreting:before { content: "\f2a3"; } .uk-icon-assistive-listening-systems:before { content: "\f2a2"; } .uk-icon-audio-description:before { content: "\f29e"; } .uk-icon-blind:before { content: "\f29d"; } .uk-icon-braille:before { content: "\f2a1"; } .uk-icon-deaf:before, .uk-icon-deafness:before { content: "\f2a4"; } .uk-icon-envira:before { content: "\f299"; } .uk-icon-font-awesome:before, .uk-icon-fa:before { content: "\f2b4"; } .uk-icon-first-order:before { content: "\f2b0"; } .uk-icon-gitlab:before { content: "\f296"; } .uk-icon-glide:before { content: "\f2a5"; } .uk-icon-glide-g:before { content: "\f2a6"; } .uk-icon-hard-of-hearing:before { content: "\f2a4"; } .uk-icon-low-vision:before { content: "\f2a8"; } .uk-icon-question-circle-o:before { content: "\f29c"; } .uk-icon-sign-language:before, .uk-icon-signing:before { content: "\f2a7"; } .uk-icon-snapchat:before { content: "\f2ab"; } .uk-icon-snapchat-ghost:before { content: "\f2ac"; } .uk-icon-snapchat-square:before { content: "\f2ad"; } .uk-icon-themeisle:before { content: "\f2b2"; } .uk-icon-universal-access:before { content: "\f29a"; } .uk-icon-viadeo:before { content: "\f2a9"; } .uk-icon-viadeo-square:before { content: "\f2aa"; } .uk-icon-volume-control-phone:before { content: "\f2a0"; } .uk-icon-wheelchair-alt:before { content: "\f29b"; } .uk-icon-wpbeginner:before { content: "\f297"; } .uk-icon-wpforms:before { content: "\f298"; } .uk-icon-yoast:before { content: "\f2b1"; } /* ======================================================================== Component: Close ========================================================================== */ /* * Removes inner padding and border in Firefox 4+. */ .uk-close::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Correct inability to style clickable `input` types in iOS. * 2. Remove margins in Chrome, Safari and Opera. * 3. Remove borders for `button`. * 4. Address `overflow` set to `hidden` in IE 8/9/10/11. * 5. Correct `font` properties and `color` not being inherited for `button`. * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE * 7. Remove default `button` padding and background color * 8. Style */ .uk-close { /* 1 */ -webkit-appearance: none; /* 2 */ margin: 0; /* 3 */ border: none; /* 4 */ overflow: visible; /* 5 */ font: inherit; color: inherit; /* 6 */ text-transform: none; /* 7. */ padding: 0; background: transparent; /* 8 */ display: inline-block; -webkit-box-sizing: content-box; box-sizing: content-box; width: 20px; line-height: 20px; text-align: center; vertical-align: middle; opacity: 0.7; } /* Icon */ .uk-close:after { display: block; content: "\f00d"; font-family: FontAwesome; } .uk-close:not(.uk-close-alt):after { font-size: 20px; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style * 3. Required for `a` elements */ .uk-close:hover, .uk-close:focus { opacity: 1; /* 2 */ outline: none; /* 3 */ color: inherit; text-decoration: none; cursor: pointer; } /* Modifier ========================================================================== */ .uk-close-alt { padding: 2px; border-radius: 50%; background: #eee; opacity: 1; } /* Hover */ .uk-close-alt:hover, .uk-close-alt:focus { opacity: 1; } /* Icon */ .uk-close-alt:after { opacity: 0.5; } .uk-close-alt:hover:after, .uk-close-alt:focus:after { opacity: 0.8; } /* ======================================================================== Component: Badge ========================================================================== */ .uk-badge { display: inline-block; padding: 0 5px; background: #ff2a59; font-size: 10px; font-weight: bold; line-height: 14px; color: #fff; text-align: center; vertical-align: middle; text-transform: none; } /* * Keep color when badge is a link */ a.uk-badge:hover { color: #fff; } /* Modifier: `uk-badge-notification`; ========================================================================== */ .uk-badge-notification { -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 18px; border-radius: 500px; font-size: 12px; line-height: 18px; } /* Color modifier ========================================================================== */ /* * Modifier: `uk-badge-success` */ .uk-badge-success { background-color: #8cc14c; } /* * Modifier: `uk-badge-warning` */ .uk-badge-warning { background-color: #faa732; } /* * Modifier: `uk-badge-danger` */ .uk-badge-danger { background-color: #da314b; } /* ======================================================================== Component: Alert ========================================================================== */ .uk-alert { margin-bottom: 15px; padding: 15px; background: #ebf7fd; color: #2d7091; border-radius: 5px; } /* * Add margin if adjacent element */ *+.uk-alert { margin-top: 15px; } /* * Remove margin from the last-child */ .uk-alert> :last-child { margin-bottom: 0; } /* * Keep color for headings if the default heading color is changed */ .uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 { color: inherit; } /* Close in alert ========================================================================== */ .uk-alert>.uk-close:first-child { float: right; } /* * Remove margin from adjacent element */ .uk-alert>.uk-close:first-child+* { margin-top: 0; } /* Modifier: `uk-alert-success` ========================================================================== */ .uk-alert-success { background: #f2fae3; color: #659f13; } /* Modifier: `uk-alert-warning` ========================================================================== */ .uk-alert-warning { background: #fffceb; color: #e28327; } /* Modifier: `uk-alert-danger` ========================================================================== */ .uk-alert-danger { background: #ffeef4; color: #ff0037; } /* Modifier: `uk-alert-large` ========================================================================== */ .uk-alert-large { padding: 20px; } .uk-alert-large>.uk-close:first-child { margin: -10px -10px 0 0; } /* ======================================================================== Component: Thumbnail ========================================================================== */ /* * 1. Container width fits its content * 2. Responsive behavior * 3. Corrects `max-width` behavior sed * 4. Required for `figure` element * 5. Style */ .uk-thumbnail { /* 1 */ display: inline-block; /* 2 */ max-width: 100%; /* 3 */ -webkit-box-sizing: border-box; box-sizing: border-box; /* 3 */ margin: 0; /* 4 */ padding: 4px; border: 1px solid #ddd; background: #fff; } /* * Hover state for `a` elements * 1. Apply hover style also to focus state * 2. Needed for caption * 3. Remove default focus style */ a.uk-thumbnail:hover, a.uk-thumbnail:focus { border-color: #aaa; background-color: #fff; /* 2 */ text-decoration: none; /* 3 */ outline: none; } /* Caption ========================================================================== */ .uk-thumbnail-caption { padding-top: 4px; text-align: center; color: #444; } /* Sizes ========================================================================== */ .uk-thumbnail-mini { width: 150px; } .uk-thumbnail-small { width: 200px; } .uk-thumbnail-medium { width: 300px; } .uk-thumbnail-large { width: 400px; } .uk-thumbnail-expand, .uk-thumbnail-expand>img { width: 100%; } /* ======================================================================== Component: Overlay ========================================================================== */ /* * 1. Container width fits its content * 2. Create position context * 3. Set max-width for responsive images to prevent `inline-block` consequences * 4. Remove the gap between the container and its child element * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit * 7. Reset margin */ .uk-overlay { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; /* 4 */ vertical-align: middle; /* 5 */ overflow: hidden; /* 6 */ -webkit-transform: translateZ(0); /* 7 */ margin: 0; } /* 6 for Safari */ .uk-overlay.uk-border-circle { -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } /* * Remove margin from content */ .uk-overlay> :first-child { margin-bottom: 0; } /* Sub-object `uk-overlay-panel` ========================================================================== */ /* * 1. Position cover * 2. Style */ .uk-overlay-panel { /* 1 */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* 2 */ padding: 20px; color: #131313; } /* * Remove margin from the last-child */ .uk-overlay-panel> :last-child, .uk-overlay-panel.uk-flex>*> :last-child { margin-bottom: 0; } /* * Keep color for headings if the default heading color is changed */ .uk-overlay-panel h1, .uk-overlay-panel h2, .uk-overlay-panel h3, .uk-overlay-panel h4, .uk-overlay-panel h5, .uk-overlay-panel h6 { color: #ff2a59; } .uk-overlay-panel a:not([class]) { color: inherit; text-decoration: underline; } .uk-overlay-panel a[class*="uk-icon-"]:not(.uk-icon-button) { color: inherit; } /* Sub-object `uk-overlay-hover` and `uk-overlay-active` ========================================================================== */ .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { opacity: 0; } .uk-overlay-active :not(.uk-active)>.uk-overlay-panel:not(.uk-ignore) { opacity: 0; } /* Modifier `uk-overlay-background` ========================================================================== */ .uk-overlay-background { background: transparent; } /* Modifier `uk-overlay-image` ========================================================================== */ /* * Reset panel */ .uk-overlay-image { padding: 0; } /* Position modifiers ========================================================================== */ .uk-overlay-top { bottom: auto; } .uk-overlay-bottom { top: auto; } .uk-overlay-left { right: auto; } .uk-overlay-right { left: auto; } /* Sub-object `uk-overlay-icon` ========================================================================== */ .uk-overlay-icon:before { content: ""; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; font-size: 50px; line-height: 1; font-family: FontAwesome; text-align: center; color: #fff; } /* Transitions ========================================================================== */ .uk-overlay-fade, .uk-overlay-scale, .uk-overlay-spin, .uk-overlay-grayscale, .uk-overlay-blur, [class*="uk-overlay-slide"] { -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; -o-transition-property: opacity, transform, filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; } .uk-overlay-active .uk-overlay-fade, .uk-overlay-active .uk-overlay-scale, .uk-overlay-active .uk-overlay-spin, .uk-overlay-active [class*="uk-overlay-slide"] { -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } /* * Fade */ .uk-overlay-fade { opacity: 0.7; } .uk-overlay-hover:hover .uk-overlay-fade, .uk-overlay-hover.uk-hover .uk-overlay-fade, .uk-overlay-active .uk-active>.uk-overlay-fade { opacity: 1; } /* * Scale */ .uk-overlay-scale { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .uk-overlay-hover:hover .uk-overlay-scale, .uk-overlay-hover.uk-hover .uk-overlay-scale, .uk-overlay-active .uk-active>.uk-overlay-scale { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* * Spin */ .uk-overlay-spin { -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .uk-overlay-hover:hover .uk-overlay-spin, .uk-overlay-hover.uk-hover .uk-overlay-spin, .uk-overlay-active .uk-active>.uk-overlay-spin { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } /* * Grayscale */ .uk-overlay-grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .uk-overlay-hover:hover .uk-overlay-grayscale, .uk-overlay-hover.uk-hover .uk-overlay-grayscale, .uk-overlay-active .uk-active>.uk-overlay-grayscale { -webkit-filter: grayscale(0%); filter: grayscale(0%); } /* * Slide */ [class*="uk-overlay-slide"] { opacity: 0; } /* Top */ .uk-overlay-slide-top { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } /* Bottom */ .uk-overlay-slide-bottom { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } /* Left */ .uk-overlay-slide-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } /* Right */ .uk-overlay-slide-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } /* Hover */ .uk-overlay-hover:hover [class*="uk-overlay-slide"], .uk-overlay-hover.uk-hover [class*="uk-overlay-slide"], .uk-overlay-active .uk-active>[class*="uk-overlay-slide"] { opacity: 1; -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } /* DEPRECATED * Sub-object `uk-overlay-area` ========================================================================== */ /* * 1. Set position * 2. Set style * 3. Fade-in transition */ .uk-overlay-area { /* 1 */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* 2 */ background: rgba(0, 0, 0, 0.3); /* 3 */ opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-transform: translate3d(0, 0, 0); } /* * Hover * 1. `uk-hover` to support touch devices * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier */ .uk-overlay:hover .uk-overlay-area, .uk-overlay.uk-hover .uk-overlay-area, .uk-overlay-toggle:hover .uk-overlay-area, .uk-overlay-toggle.uk-hover .uk-overlay-area { opacity: 1; } /* * Icon */ .uk-overlay-area:empty:before { content: ""; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; font-size: 50px; line-height: 1; font-family: FontAwesome; text-align: center; color: #fff; } /* DEPRECATED * Sub-object `uk-overlay-area-content` ========================================================================== */ /* * Remove whitespace between child elements when using `inline-block` * Needed for Firefox */ .uk-overlay-area:not(:empty) { font-size: 0.001px; } /* * 1. Needed for vertical alignment */ .uk-overlay-area:not(:empty):before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } /* * 1. Set vertical alignment * 2. Reset whitespace hack * 3. Set horizontal alignment * 4. Set style */ .uk-overlay-area-content { /* 1 */ display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; vertical-align: middle; /* 2 */ font-size: 1rem; /* 3 */ text-align: center; /* 4 */ padding: 0 15px; color: #fff; } /* * Remove margin from the last-child */ .uk-overlay-area-content> :last-child { margin-bottom: 0; } /* * Links in overlay area */ .uk-overlay-area-content a:not([class]), .uk-overlay-area-content a:not([class]):hover { color: inherit; } /* DEPRECATED * Sub-object `uk-overlay-caption` ========================================================================== */ /* * 1. Set position * 2. Set style * 3. Fade-in transition */ .uk-overlay-caption { /* 1 */ position: absolute; bottom: 0; left: 0; right: 0; /* 2 */ padding: 15px; background: rgba(0, 0, 0, 0.5); color: #fff; /* 3 */ opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-transform: translate3d(0, 0, 0); } /* * Hover * 1. `uk-hover` to support touch devices * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier */ .uk-overlay:hover .uk-overlay-caption, .uk-overlay.uk-hover .uk-overlay-caption, .uk-overlay-toggle:hover .uk-overlay-caption, .uk-overlay-toggle.uk-hover .uk-overlay-caption { opacity: 1; } /* ======================================================================== Component: Column ========================================================================== */ [class*="uk-column-"] { -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; } /* Width modifiers ========================================================================== */ .uk-column-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } /* Phone landscape and bigger */ @media (min-width: 480px) { .uk-column-small-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-small-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-small-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-small-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-small-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } } /* Tablet and bigger */ @media (min-width: 768px) { .uk-column-medium-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-medium-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-medium-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-medium-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-medium-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-column-large-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-large-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-large-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-large-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-large-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } } /* Large screen and bigger */ @media (min-width: 1200px) { .uk-column-xlarge-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-xlarge-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-xlarge-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-xlarge-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-xlarge-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } } /* ======================================================================== Component: Animation ========================================================================== */ [class*="uk-animation-"] { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* Hide animated element if scrollspy is used */ @media screen { [data-uk-scrollspy*="uk-animation-"]:not([data-uk-scrollspy*="target"]) { opacity: 0; } } /* * Fade * Higher specificity (!important) needed because of reverse modifier */ .uk-animation-fade { -webkit-animation-name: uk-fade; animation-name: uk-fade; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important; } /* * Fade with scale */ .uk-animation-scale-up { -webkit-animation-name: uk-fade-scale-02; animation-name: uk-fade-scale-02; } .uk-animation-scale-down { -webkit-animation-name: uk-fade-scale-18; animation-name: uk-fade-scale-18; } /* * Fade with slide */ .uk-animation-slide-top { -webkit-animation-name: uk-fade-top; animation-name: uk-fade-top; } .uk-animation-slide-bottom { -webkit-animation-name: uk-fade-bottom; animation-name: uk-fade-bottom; } .uk-animation-slide-left { -webkit-animation-name: uk-fade-left; animation-name: uk-fade-left; } .uk-animation-slide-right { -webkit-animation-name: uk-fade-right; animation-name: uk-fade-right; } /* * Scale */ .uk-animation-scale { -webkit-animation-name: uk-scale-12; animation-name: uk-scale-12; } /* * Shake */ .uk-animation-shake { -webkit-animation-name: uk-shake; animation-name: uk-shake; } /* Direction modifiers ========================================================================== */ .uk-animation-reverse { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Duration modifiers ========================================================================== */ .uk-animation-15 { -webkit-animation-duration: 15s; animation-duration: 15s; } /* Origin modifiers ========================================================================== */ .uk-animation-top-left { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .uk-animation-top-center { -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } .uk-animation-top-right { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .uk-animation-middle-left { -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .uk-animation-middle-right { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .uk-animation-bottom-left { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } .uk-animation-bottom-center { -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } .uk-animation-bottom-right { -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } /* Sub-object: `uk-animation-hover` ========================================================================== */ /* * Enable animation only on hover * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block` */ .uk-animation-hover:not(:hover), .uk-animation-hover:not(:hover) [class*="uk-animation-"], .uk-touch .uk-animation-hover:not(.uk-hover), .uk-touch .uk-animation-hover:not(.uk-hover) [class*="uk-animation-"] { -webkit-animation-name: none; animation-name: none; } /* Keyframes: Fade * Used by dropdown, datepicker and slideshow component ========================================================================== */ @-webkit-keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } /* Keyframes: Fade with slide ========================================================================== */ /* * Top */ @-webkit-keyframes uk-fade-top { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-fade-top { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } /* * Bottom */ @-webkit-keyframes uk-fade-bottom { 0% { opacity: 0; -webkit-transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-fade-bottom { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } /* * Left */ @-webkit-keyframes uk-fade-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes uk-fade-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } /* * Right */ @-webkit-keyframes uk-fade-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes uk-fade-right { 0% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } /* Keyframes: Fade with scale ========================================================================== */ /* * Scale by 0.2 */ @-webkit-keyframes uk-fade-scale-02 { 0% { opacity: 0; -webkit-transform: scale(0.2); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-fade-scale-02 { 0% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } /* * Scale by 1.5 * Used by slideshow component */ @-webkit-keyframes uk-fade-scale-15 { 0% { opacity: 0; -webkit-transform: scale(1.5); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-fade-scale-15 { 0% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } /* * Scale by 1.8 */ @-webkit-keyframes uk-fade-scale-18 { 0% { opacity: 0; -webkit-transform: scale(1.8); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-fade-scale-18 { 0% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } /* Keyframes: Slide * Used by slideshow component ========================================================================== */ /* * Left */ @-webkit-keyframes uk-slide-left { 0% { -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-left { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* * Right */ @-webkit-keyframes uk-slide-right { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-right { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* * Left third */ @-webkit-keyframes uk-slide-left-33 { 0% { -webkit-transform: translateX(33%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-left-33 { 0% { -webkit-transform: translateX(33%); transform: translateX(33%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* * Right third */ @-webkit-keyframes uk-slide-right-33 { 0% { -webkit-transform: translateX(-33%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-right-33 { 0% { -webkit-transform: translateX(-33%); transform: translateX(-33%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* Keyframes: Scale ========================================================================== */ @-webkit-keyframes uk-scale-12 { 0% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @keyframes uk-scale-12 { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* Keyframes: Rotate * Used by icon component ========================================================================== */ @-webkit-keyframes uk-rotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes uk-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Keyframes: Shake ========================================================================== */ @-webkit-keyframes uk-shake { 0%, 100% { -webkit-transform: translateX(0); } 10% { -webkit-transform: translateX(-9px); } 20% { -webkit-transform: translateX(8px); } 30% { -webkit-transform: translateX(-7px); } 40% { -webkit-transform: translateX(6px); } 50% { -webkit-transform: translateX(-5px); } 60% { -webkit-transform: translateX(4px); } 70% { -webkit-transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); } 90% { -webkit-transform: translateX(-1px); } } @keyframes uk-shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10% { -webkit-transform: translateX(-9px); transform: translateX(-9px); } 20% { -webkit-transform: translateX(8px); transform: translateX(8px); } 30% { -webkit-transform: translateX(-7px); transform: translateX(-7px); } 40% { -webkit-transform: translateX(6px); transform: translateX(6px); } 50% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 60% { -webkit-transform: translateX(4px); transform: translateX(4px); } 70% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); transform: translateX(2px); } 90% { -webkit-transform: translateX(-1px); transform: translateX(-1px); } } /* Keyframes: Fade with slide fixed * Used by dropdown and search component ========================================================================== */ /* * Top fixed */ @-webkit-keyframes uk-slide-top-fixed { 0% { opacity: 0; -webkit-transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-slide-top-fixed { 0% { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } /* * Bottom fixed */ @-webkit-keyframes uk-slide-bottom-fixed { 0% { opacity: 0; -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-slide-bottom-fixed { 0% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } /* ======================================================================== Component: Dropdown ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Box-sizing is needed for `uk-dropdown-justify` * 4. Set width */ .uk-dropdown, .uk-dropdown-blank { /* 1 */ display: none; /* 2 */ position: absolute; z-index: 770; /* 3 */ -webkit-box-sizing: border-box; box-sizing: border-box; /* 4 */ width: 200px; border-radius: 5px; -webkit-box-shadow: 0 8px 16px rgba(147, 155, 179, 0.58); box-shadow: 0 8px 16px rgba(147, 155, 179, 0.58); } /* * Dropdown style * 1. Reset button group whitespace hack */ .uk-dropdown { padding: 30px; background: #fff; color: #333; /* 1 */ font-size: 1rem; vertical-align: top; } /* Focus */ .uk-dropdown:focus { outline: none; } /* * 1. Show dropdown * 2. Set animation * 3. Needed for scale animation */ .uk-open>.uk-dropdown, .uk-open>.uk-dropdown-blank { /* 1 */ display: block; /* 2 */ -webkit-animation: uk-fade 0.2s ease-in-out; animation: uk-fade 0.2s ease-in-out; /* 3 */ -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } /* Alignment modifiers ========================================================================== */ /* * Modifier */ /* .uk-dropdown-top { margin-top: (-1 * $dropdown-margin-top); } .uk-dropdown-bottom { margin-top: $dropdown-margin-top; } .uk-dropdown-left { margin-left: (-1 * $dropdown-margin-top); } .uk-dropdown-right { margin-left: $dropdown-margin-top; } */ /* Nav in dropdown ========================================================================== */ .uk-dropdown .uk-nav { margin: 0 -30px; } /* Grid and panel in dropdown ========================================================================== */ /* * Vertical gutter */ /* * Grid * Higher specificity to override large gutter */ .uk-grid .uk-dropdown-grid+.uk-dropdown-grid { margin-top: 30px; } /* Panels */ .uk-dropdown-grid>[class*="uk-width-"]>.uk-panel+.uk-panel { margin-top: 30px; } /* Tablet and bigger */ @media (min-width: 768px) { /* * Horizontal gutter */ .uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid { margin-left: -30px; margin-right: -30px; } .uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*="uk-width-"] { padding-left: 30px; padding-right: 30px; } /* * Column divider */ .uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*="uk-width-"]:nth-child(n + 2) { border-left: 1px solid #ddd; } /* * Width multiplier for dropdown columns */ .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: 400px; } .uk-dropdown-width-3:not(.uk-dropdown-stack) { width: 600px; } .uk-dropdown-width-4:not(.uk-dropdown-stack) { width: 800px; } .uk-dropdown-width-5:not(.uk-dropdown-stack) { width: 1000px; } } /* Phone landscape and smaller */ @media (max-width: 767px) { /* * Stack columns and take full width */ .uk-dropdown-grid>[class*="uk-width-"] { width: 100%; } /* * Vertical gutter */ .uk-dropdown-grid>[class*="uk-width-"]:nth-child(n + 2) { margin-top: 30px; } } /* * Stack grid columns */ .uk-dropdown-stack>.uk-dropdown-grid>[class*="uk-width-"] { width: 100%; } .uk-dropdown-stack>.uk-dropdown-grid>[class*="uk-width-"]:nth-child(n + 2) { margin-top: 30px; } /* Modifier `uk-dropdown-small` ========================================================================== */ /* * Set min-width and text expands dropdown if needed */ .uk-dropdown-small { min-width: 150px; width: auto; padding: 5px; white-space: nowrap; } /* * Nav in dropdown */ .uk-dropdown-small .uk-nav { margin: 0 -5px; } /* Modifier: `uk-dropdown-navbar` ========================================================================== */ .uk-dropdown-navbar { margin-top: 0; background: #f5f5f5; color: #444; } .uk-open>.uk-dropdown-navbar { -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; animation: uk-slide-top-fixed 0.2s ease-in-out; } /* Modifier `uk-dropdown-scrollable` ========================================================================== */ /* * Usefull for long lists */ .uk-dropdown-scrollable { overflow-y: auto; max-height: 200px; } /* Sub-object: `uk-dropdown-overlay` ========================================================================== */ /* ======================================================================== Component: Modal ========================================================================== */ /* * This is the modal overlay and modal dialog container * 1. Hide by default * 2. Set fixed position * 3. Allow scrolling for the modal dialog * 4. Mask the background page * 5. Fade-in transition * 6. Deactivate browser history navigation in IE11 * 7. force hardware acceleration to prevent browser rendering hiccups */ .uk-modal { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; /* 3 */ overflow-y: auto; -webkit-overflow-scrolling: touch; /* 4 */ background: rgba(0, 0, 0, 0.6); /* 5 */ opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; /* 6 */ -ms-touch-action: cross-slide-y pinch-zoom double-tap-zoom; touch-action: cross-slide-y pinch-zoom double-tap-zoom; /* 7 */ -webkit-transform: translateZ(0); transform: translateZ(0); } /* * Open state */ .uk-modal.uk-open { opacity: 1; } /* * Prevents duplicated scrollbar caused by 4. */ .uk-modal-page, .uk-modal-page body { overflow: hidden; } /* Sub-object: `uk-modal-dialog` ========================================================================== */ /* * 1. Create position context for caption, spinner and close button * 2. Set box sizing * 3. Set style * 4. Slide-in transition */ .uk-modal-dialog { /* 1 */ position: relative; /* 2 */ -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; margin: 50px auto; padding: 20px; width: 600px; max-width: 100%; max-width: calc(100% - 20px); /* 3 */ background: #fff; /* 4 */ opacity: 0; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; -o-transition: opacity 0.3s linear, transform 0.3s ease-out; transition: opacity 0.3s linear, transform 0.3s ease-out; transition: opacity 0.3s linear, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } /* Phone landscape and smaller */ @media (max-width: 767px) { /* * Fit in small screen */ .uk-modal-dialog { width: auto; margin: 10px auto; } } /* * Open state */ .uk-open .uk-modal-dialog { /* 4 */ opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* * Remove margin from the last-child */ .uk-modal-dialog> :not([class*="uk-modal-"]):last-child { margin-bottom: 0; } /* Close in modal ========================================================================== */ .uk-modal-dialog>.uk-close:first-child { margin: -5px -5px 0 0; float: right; } /* * Remove margin from adjacent element */ .uk-modal-dialog>.uk-close:first-child+ :not([class*="uk-modal-"]) { margin-top: 0; } /* Modifier: `uk-modal-dialog-lightbox` ========================================================================== */ .uk-modal-dialog-lightbox { margin: 15px auto; padding: 0; max-width: 95%; max-width: calc(100% - 30px); min-height: 50px; } /* * Close button */ .uk-modal-dialog-lightbox>.uk-close:first-child { position: absolute; top: -12px; right: -12px; margin: 0; float: none; } /* Phone landscape and smaller */ @media (max-width: 767px) { .uk-modal-dialog-lightbox>.uk-close:first-child { top: -7px; right: -7px; } } /* Modifier: `uk-modal-dialog-blank` ========================================================================== */ .uk-modal-dialog-blank { margin: 0; padding: 0; width: 100%; max-width: 100%; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } /* * Close button */ .uk-modal-dialog-blank>.uk-close:first-child { position: absolute; top: 20px; right: 20px; z-index: 1; margin: 0; float: none; } /* Modifier: `uk-modal-dialog-large` ========================================================================== */ /* Tablet and bigger */ @media (min-width: 768px) { .uk-modal-dialog-large { width: 930px; } } /* Large screen and bigger */ @media (min-width: 1200px) { .uk-modal-dialog-large { width: 1130px; } } /* Sub-Object: `uk-modal-header` and `uk-modal-footer` ========================================================================== */ .uk-modal-header { margin-bottom: 15px; } .uk-modal-footer { margin-top: 15px; } /* * Remove margin from the last-child */ .uk-modal-header> :last-child, .uk-modal-footer> :last-child { margin-bottom: 0; } /* Sub-Object: `uk-modal-caption` ========================================================================== */ .uk-modal-caption { position: absolute; left: 0; right: 0; bottom: -20px; margin-bottom: -10px; color: #fff; text-align: center; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } /* Sub-Object: `uk-modal-spinner` ========================================================================== */ .uk-modal-spinner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 25px; color: #ddd; } .uk-modal-spinner:after { content: "\f110"; display: block; font-family: FontAwesome; -webkit-animation: uk-rotate 2s infinite linear; animation: uk-rotate 2s infinite linear; } /* ======================================================================== Component: Off-canvas ========================================================================== */ /* * This is the offcanvas overlay and bar container * 1. Hide by default * 2. Set fixed position * 3. Deactivate browser touch actions in IE11 * 4. Mask the background page */ .uk-offcanvas { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; /* 3 */ -ms-touch-action: none; touch-action: none; /* 4 */ background: rgba(0, 0, 0, 0.5); } .uk-offcanvas.uk-active { display: block; } /* Sub-object `uk-offcanvas-page` ========================================================================== */ /* * Prepares the whole HTML page to slide-out * 1. Fix the main page and disallow scrolling * 2. Side-out transition * 3. Needed for the transition to work instead of just letting it pop to the side */ .uk-offcanvas-page { /* 1 */ position: fixed; /* 2 */ -webkit-transition: margin-left 0.3s ease-in-out; -o-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; /* 3 */ margin-left: 0; } /* Sub-object `uk-offcanvas-bar` ========================================================================== */ /* * This is the offcanvas bar * 1. Set fixed position * 2. Size and style * 3. Allow scrolling * 4. Side-out transition * 5. Deactivate scroll chaining in IE11 */ .uk-offcanvas-bar { /* 1 */ position: fixed; top: 0; bottom: 0; left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); z-index: 1001; /* 2 */ width: 320px; max-width: 100%; background: #fff; /* 3 */ overflow-y: auto; -webkit-overflow-scrolling: touch; /* 4 */ -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; /* 5 */ -ms-scroll-chaining: none; } .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } /* Modifier `uk-offcanvas-bar-flip` ========================================================================== */ .uk-offcanvas-bar-flip { left: auto; right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } /* Offcanvase modes ========================================================================== */ .uk-offcanvas-bar[mode="none"] { -webkit-transition: none; -o-transition: none; transition: none; } .uk-offcanvas-bar[mode="reveal"] { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); clip: rect(0, 0, 100vh, 0); -webkit-transition: -webkit-transform 0.3s ease-in-out, clip 0.3s ease-in-out; -webkit-transition: clip 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: clip 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out; transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out; transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .uk-offcanvas-bar-flip[mode="reveal"] { clip: none; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .uk-offcanvas-bar-flip[mode="reveal"]>* { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } .uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode="reveal"].uk-offcanvas-bar-show>* { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } /* Panel in offcanvas ========================================================================== */ .uk-offcanvas .uk-panel { margin: 20px 15px; color: #444; } .uk-offcanvas .uk-panel-title { color: #ff2a59; } .uk-offcanvas .uk-panel a:not([class]) { color: #ff2a59; } .uk-offcanvas .uk-panel a:not([class]):hover { color: #ff2a59; } /* ======================================================================== Component: Switcher ========================================================================== */ /* * 1. Deactivate browser history navigation in IE11 */ .uk-switcher { margin: 0; padding: 0; list-style: none; /* 1 */ -ms-touch-action: cross-slide-y pinch-zoom double-tap-zoom; touch-action: cross-slide-y pinch-zoom double-tap-zoom; } /* * Items */ .uk-switcher> :not(.uk-active) { display: none; } /* ======================================================================== Component: Text ========================================================================== */ /* Size modifiers ========================================================================== */ .uk-text-small { font-size: 11px; line-height: 16px; } .uk-text-large { font-size: 18px; line-height: 24px; font-weight: normal; } /* Weight modifiers ========================================================================== */ .uk-text-bold { font-weight: bold; } /* Color modifiers ========================================================================== */ .uk-text-muted { color: #6f6f6f !important; } .uk-text-primary { color: #ff2a59 !important; } .uk-text-success { color: #659f13 !important; } .uk-text-warning { color: #e28327 !important; } .uk-text-danger { color: #d85030 !important; } .uk-text-contrast { color: #fff !important; } /* Alignment modifiers ========================================================================== */ .uk-text-left { text-align: left !important; } .uk-text-right { text-align: right !important; } .uk-text-center { text-align: center !important; } .uk-text-justify { text-align: justify !important; } .uk-text-top { vertical-align: top !important; } .uk-text-middle { vertical-align: middle !important; } .uk-text-bottom { vertical-align: bottom !important; } /* Only tablets portrait and smaller */ @media (max-width: 959px) { .uk-text-center-medium { text-align: center !important; } .uk-text-left-medium { text-align: left !important; } } /* Phone landscape and smaller */ @media (max-width: 767px) { .uk-text-center-small { text-align: center !important; } .uk-text-left-small { text-align: left !important; } } /* Wrap modifiers ========================================================================== */ /* * Prevent text from wrapping onto multiple lines */ .uk-text-nowrap { white-space: nowrap; } /* * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis */ .uk-text-truncate { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } /* * Break strings if their length exceeds the width of their container */ .uk-text-break { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /* Transform modifiers ========================================================================== */ .uk-text-capitalize { text-transform: capitalize !important; } .uk-text-lowercase { text-transform: lowercase !important; } .uk-text-uppercase { text-transform: uppercase !important; } /* ======================================================================== Component: Utility ========================================================================== */ /* Container ========================================================================== */ .uk-container { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1200px; padding: 0 15px; } /* Large screen and bigger */ @media (min-width: 1200px) { .uk-container { max-width: 1570px; padding: 0 35px; } } /* * Micro clearfix */ .uk-container:before, .uk-container:after { content: ""; display: table; } .uk-container:after { clear: both; } /* * Center container */ .uk-container-center { margin-left: auto; margin-right: auto; } /* Clearing ========================================================================== */ /* * Micro clearfix * `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit * `table` is used again with `:after` because `clear` only works with block elements. * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari */ .uk-clearfix:before { content: ""; display: table-cell; } .uk-clearfix:after { content: ""; display: table; clear: both; } /* * Create a new block formatting context */ .uk-nbfc { overflow: hidden; } .uk-nbfc-alt { display: table-cell; width: 10000px; } /* Alignment of block elements ========================================================================== */ /* * Float blocks * 1. Prevent content overflow on small devices */ .uk-float-left { float: left; } .uk-float-right { float: right; } /* 1 */ [class*="uk-float-"] { max-width: 100%; } /* Alignment of images and objects ========================================================================== */ /* * Alignment */ [class*="uk-align-"] { display: block; margin-bottom: 35px; } .uk-align-left { margin-right: 35px; float: left; } .uk-align-right { margin-left: 35px; float: right; } /* Tablet and bigger */ @media (min-width: 768px) { .uk-align-medium-left { margin-right: 35px !important; float: left; } .uk-align-medium-right { margin-left: 35px !important; float: right; } } .uk-align-center { margin-left: auto; margin-right: auto; } /* Vertical alignment ========================================================================== */ /* * Remove whitespace between child elements when using `inline-block` */ .uk-vertical-align { font-size: 0.001px; } /* * The `uk-vertical-align` container needs a specific height */ .uk-vertical-align:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } /* * Sub-object which can have any height * 1. Reset whitespace hack */ .uk-vertical-align-middle, .uk-vertical-align-bottom { display: inline-block; max-width: 100%; /* 1 */ font-size: 1rem; } .uk-vertical-align-middle { vertical-align: middle; } .uk-vertical-align-bottom { vertical-align: bottom; } /* Height ========================================================================== */ /* * More robust if padding and border are used */ [class*="uk-height"] { -webkit-box-sizing: border-box; box-sizing: border-box; } /* * Useful to extend the `html` and `body` element to the full height of the page. */ .uk-height-1-1 { height: 100%; } /* * Useful to create image teasers */ .uk-height-viewport { height: 100vh; min-height: 600px; } /* Responsive objects * Note: Images are already responsive by default, see Base component ========================================================================== */ /* * 1. Corrects `max-width` and `max-height` behavior if padding and border are used */ .uk-responsive-width, .uk-responsive-height { -webkit-box-sizing: border-box; box-sizing: border-box; } /* * Responsiveness: Sets a maximum width relative to the parent and auto scales the height * `important` needed to override `uk-img-preserve img` */ .uk-responsive-width { max-width: 100% !important; height: auto; } /* * Responsiveness: Sets a maximum height relative to the parent and auto scales the width * Only works if the parent element has a fixed height. */ .uk-responsive-height { max-height: 100%; width: auto; } /* Margin ========================================================================== */ /* * Create a block with the same margin of a paragraph * Add margin if adjacent element */ .uk-margin { margin-bottom: 30px; } *+.uk-margin { margin-top: 30px; } .uk-margin-top { margin-top: 30px !important; } .uk-margin-bottom { margin-bottom: 30px !important; } .uk-margin-left { margin-left: 30px !important; } .uk-margin-right { margin-right: 30px !important; } /* * Larger margins */ .uk-margin-large { margin-bottom: 50px; } *+.uk-margin-large { margin-top: 50px; } .uk-margin-large-top { margin-top: 50px !important; } .uk-margin-large-bottom { margin-bottom: 50px !important; } .uk-margin-large-left { margin-left: 50px !important; } .uk-margin-large-right { margin-right: 50px !important; } /* * Smaller margins */ .uk-margin-small { margin-bottom: 15px; } *+.uk-margin-small { margin-top: 15px; } .uk-margin-small-top { margin-top: 15px !important; } .uk-margin-small-bottom { margin-bottom: 15px !important; } .uk-margin-small-left { margin-left: 15px !important; } .uk-margin-small-right { margin-right: 15px !important; } /* * Remove margins */ .uk-margin-remove { margin: 0 !important; } .uk-margin-top-remove { margin-top: 0 !important; } .uk-margin-bottom-remove { margin-bottom: 0 !important; } /* Padding ========================================================================== */ .uk-padding-remove { padding: 0 !important; } .uk-padding-top-remove { padding-top: 0 !important; } .uk-padding-bottom-remove { padding-bottom: 0 !important; } .uk-padding-vertical-remove { padding-top: 0 !important; padding-bottom: 0 !important; } /* Border ========================================================================== */ .uk-border-circle { border-radius: 50%; } .uk-border-rounded { border-radius: 5px; } /* Headings ========================================================================== */ .uk-heading-large { font-size: 36px; line-height: 42px; } /* Tablet and bigger */ @media (min-width: 768px) { .uk-heading-large { font-size: 42px; line-height: 47px; } } /* Link ========================================================================== */ /* * Let links appear in default text color */ .uk-link-muted, .uk-link-muted a { color: #444; } .uk-link-muted:hover, .uk-link-muted a:hover { color: #444; } /* * Reset link style */ .uk-link-reset, .uk-link-reset a, .uk-link-reset:hover, .uk-link-reset a:hover, .uk-link-reset:focus, .uk-link-reset a:focus { color: inherit; text-decoration: none; } /* Scrollable ========================================================================== */ /* * Enable scrolling for preformatted text */ .uk-scrollable-text { height: 300px; overflow-y: scroll; -webkit-overflow-scrolling: touch; resize: both; } /* * Box with scrolling enabled */ .uk-scrollable-box { -webkit-box-sizing: border-box; box-sizing: border-box; height: 170px; padding: 10px; border: 1px solid #ddd; overflow: auto; -webkit-overflow-scrolling: touch; resize: both; } .uk-scrollable-box> :last-child { margin-bottom: 0; } /* Overflow ========================================================================== */ .uk-overflow-hidden { overflow: hidden; } /* * Enable scrollbars if content is clipped */ .uk-overflow-container { overflow: auto; -webkit-overflow-scrolling: touch; } .uk-overflow-container> :last-child { margin-bottom: 0; } /* Position ========================================================================== */ .uk-position-absolute, [class*="uk-position-top"], [class*="uk-position-bottom"] { position: absolute !important; } /* Don't use `width: 100%` because it is wrong if the parent has padding. */ .uk-position-top { top: 0; left: 0; right: 0; } .uk-position-bottom { bottom: 0; left: 0; right: 0; } .uk-position-top-left { top: 0; left: 0; } .uk-position-top-right { top: 0; right: 0; } .uk-position-bottom-left { bottom: 0; left: 0; } .uk-position-bottom-right { bottom: 0; right: 0; } /* * Cover */ .uk-position-cover { cursor: default; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* * Relative */ .uk-position-relative { position: relative !important; } /* * Z-index */ .uk-position-z-index { z-index: 1; } /* Display ========================================================================== */ /* * Display * 1. Required if child is a responsive image */ .uk-display-block { display: block !important; } .uk-display-inline { display: inline !important; } .uk-display-inline-block { display: inline-block !important; /* 1 */ max-width: 100%; } /* * Visibility * Avoids setting display to `block` so it works also with `inline-block` and `table` */ /* Desktop and bigger */ @media (min-width: 960px) { .uk-visible-small { display: none !important; } .uk-visible-medium { display: none !important; } .uk-hidden-large { display: none !important; } } /* Tablets portrait */ @media (min-width: 768px) and (max-width: 959px) { .uk-visible-small { display: none !important; } .uk-visible-large { display: none !important; } .uk-hidden-medium { display: none !important; } } /* Phone landscape and smaller*/ @media (max-width: 767px) { .uk-visible-medium { display: none !important; } .uk-visible-large { display: none !important; } .uk-hidden-small { display: none !important; } } /* Remove from the flow and screen readers on any device */ .uk-hidden { display: none !important; visibility: hidden !important; } /* It's hidden, but still affects layout */ .uk-invisible { visibility: hidden !important; } /* Show on hover */ .uk-visible-hover:hover .uk-hidden, .uk-visible-hover:hover .uk-invisible { display: block !important; visibility: visible !important; } .uk-visible-hover-inline:hover .uk-hidden, .uk-visible-hover-inline:hover .uk-invisible { display: inline-block !important; visibility: visible !important; } /* Hide on touch */ .uk-touch .uk-hidden-touch, .uk-notouch .uk-hidden-notouch { display: none !important; } /* ======================================================================== Component: Flex ========================================================================== */ .uk-flex { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; } .uk-flex-inline { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: -webkit-inline-box; display: inline-flex; } /* * Fixes initial flex-shrink value in IE10 */ .uk-flex>*, .uk-flex-inline>* { -ms-flex-negative: 1; } /* Alignment ========================================================================== */ /* * Vertical alignment * Default value is `stretch` */ .uk-flex-top { -ms-flex-align: start; -webkit-align-items: flex-start; -webkit-box-align: start; align-items: flex-start; } .uk-flex-middle { -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .uk-flex-bottom { -ms-flex-align: end; -webkit-align-items: flex-end; -webkit-box-align: end; align-items: flex-end; } /* * Horizontal alignment * Default value is `flex-start` */ .uk-flex-center { -ms-flex-pack: center; -webkit-justify-content: center; -webkit-box-pack: center; justify-content: center; } .uk-flex-right { -ms-flex-pack: end; -webkit-justify-content: flex-end; -webkit-box-pack: end; justify-content: flex-end; } .uk-flex-space-between { -ms-flex-pack: justify; -webkit-justify-content: space-between; -webkit-box-pack: justify; justify-content: space-between; } .uk-flex-space-around { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } /* Direction ========================================================================== */ .uk-flex-row-reverse { -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } .uk-flex-column { -ms-flex-direction: column; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .uk-flex-column-reverse { -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } /* Wrap ========================================================================== */ .uk-flex-nowrap { -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .uk-flex-wrap { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .uk-flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } /* * Horizontal alignment * Default value is `stretch` */ .uk-flex-wrap-top { -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; } .uk-flex-wrap-middle { -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; } .uk-flex-wrap-bottom { -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end; } .uk-flex-wrap-space-between { -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; } .uk-flex-wrap-space-around { -ms-flex-line-pack: distribute; -webkit-align-content: space-around; align-content: space-around; } /* Item ordering ========================================================================== */ /* * Default is 0 */ .uk-flex-order-first { -ms-flex-order: -1; -webkit-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .uk-flex-order-last { -ms-flex-order: 99; -webkit-order: 99; -webkit-box-ordinal-group: 100; order: 99; } /* Phone landscape and bigger */ @media (min-width: 480px) { .uk-flex-order-first-small { -ms-flex-order: -1; -webkit-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .uk-flex-order-last-small { -ms-flex-order: 99; -webkit-order: 99; -webkit-box-ordinal-group: 100; order: 99; } } /* Tablet and bigger */ @media (min-width: 768px) { .uk-flex-order-first-medium { -ms-flex-order: -1; -webkit-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .uk-flex-order-last-medium { -ms-flex-order: 99; -webkit-order: 99; -webkit-box-ordinal-group: 100; order: 99; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-flex-order-first-large { -ms-flex-order: -1; -webkit-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .uk-flex-order-last-large { -ms-flex-order: 99; -webkit-order: 99; -webkit-box-ordinal-group: 100; order: 99; } } /* Large screen and bigger */ @media (min-width: 1200px) { .uk-flex-order-first-xlarge { -ms-flex-order: -1; -webkit-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .uk-flex-order-last-xlarge { -ms-flex-order: 99; -webkit-order: 99; -webkit-box-ordinal-group: 100; order: 99; } } /* Item dimensions ========================================================================== */ /* * Initial: 0 1 auto * Content dimensions, but shrinks */ /* * No Flex: 0 0 auto * Content dimensions */ .uk-flex-item-none { -ms-flex: none; -webkit-flex: none; -webkit-box-flex: 0; flex: none; } /* * Relative Flex: 1 1 auto * Space is allocated considering content * 1. Fixes flex-shrink value in IE10 */ .uk-flex-item-auto { -ms-flex: auto; -webkit-flex: auto; -webkit-box-flex: 1; flex: auto; /* 1 */ -ms-flex-negative: 1; } /* * Absolute Flex: 1 1 0% * Space is allocated solely based on flex */ .uk-flex-item-1 { -ms-flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; flex: 1; } /* ======================================================================== Component: Contrast ========================================================================== */ .uk-contrast { color: #fff; /* Active */ } .uk-contrast a:not([class]), .uk-contrast .uk-link { color: fade(#fff, 70%); text-decoration: none; } .uk-contrast a:not([class]):hover, .uk-contrast .uk-link:hover { color: #fff; text-decoration: underline; } .uk-contrast :not(pre)>code, .uk-contrast :not(pre)>kbd, .uk-contrast :not(pre)>samp { color: #fff; } .uk-contrast em { color: #fff; } .uk-contrast h1, .uk-contrast h2, .uk-contrast h3, .uk-contrast h4, .uk-contrast h5, .uk-contrast h6 { color: #fff; } .uk-contrast hr { border-top-color: fade(#fff, 20%); } .uk-contrast .uk-nav li>a, .uk-contrast .uk-nav li>a:hover { text-decoration: none; } .uk-contrast .uk-nav-side>li>a { color: #fff; } .uk-contrast .uk-nav-side>li>a:hover, .uk-contrast .uk-nav-side>li>a:focus { background: fade(#fff, 10%); color: #fff; } .uk-contrast .uk-nav-side>li.uk-active>a { background: #fff; color: #444; } .uk-contrast .uk-nav-side .uk-nav-header { color: #fff; } .uk-contrast .uk-nav-side .uk-nav-divider { border-top-color: fade(#fff, 20%); } .uk-contrast .uk-nav-side ul a { color: fade(#fff, 70%); } .uk-contrast .uk-nav-side ul a:hover { color: #fff; } .uk-contrast .uk-subnav>*>a { color: fade(#fff, 70%); text-decoration: none; } .uk-contrast .uk-subnav>*>a:hover, .uk-contrast .uk-subnav>*>a:focus { color: #fff; text-decoration: none; } .uk-contrast .uk-subnav>.uk-active>a { color: #fff; } .uk-contrast .uk-subnav-line> :nth-child(n + 2):before { border-left-color: fade(#fff, 20%); } .uk-contrast .uk-subnav-pill>*>a:hover, .uk-contrast .uk-subnav-pill>*>a:focus { background: fade(#fff, 70%); color: #444; text-decoration: none; } .uk-contrast .uk-subnav-pill>.uk-active>a { background: #fff; color: #444; } .uk-contrast .uk-tab { border-bottom-color: fade(#fff, 20%); } .uk-contrast .uk-tab>li>a, .uk-contrast .uk-tab>li>span { border-color: transparent; color: fade(#fff, 70%); } .uk-contrast .uk-tab>li>a:hover, .uk-contrast .uk-tab>li>a:focus, .uk-contrast .uk-tab>li.uk-open>a, .uk-contrast .uk-tab>li>span:hover, .uk-contrast .uk-tab>li>span:focus, .uk-contrast .uk-tab>li.uk-open>span { border-color: fade(#fff, 70%); background: fade(#fff, 70%); color: #444; text-decoration: none; } .uk-contrast .uk-tab>li.uk-active>a, .uk-contrast .uk-tab>li.uk-active>span { border-color: fade(#fff, 20%); border-bottom-color: transparent; background: #fff; color: #444; } .uk-contrast .uk-tab-center { border-bottom-color: fade(#fff, 20%); } .uk-contrast .uk-tab-grid:before { border-top-color: fade(#fff, 20%); } .uk-contrast .uk-list-line>li:nth-child(n + 2) { border-top-color: fade(#fff, 20%); } .uk-contrast .uk-form select, .uk-contrast .uk-form textarea, .uk-contrast .uk-form input:not([type]), .uk-contrast .uk-form input[type="text"], .uk-contrast .uk-form input[type="password"], .uk-contrast .uk-form input[type="datetime"], .uk-contrast .uk-form input[type="datetime-local"], .uk-contrast .uk-form input[type="date"], .uk-contrast .uk-form input[type="month"], .uk-contrast .uk-form input[type="time"], .uk-contrast .uk-form input[type="week"], .uk-contrast .uk-form input[type="number"], .uk-contrast .uk-form input[type="email"], .uk-contrast .uk-form input[type="url"], .uk-contrast .uk-form input[type="search"], .uk-contrast .uk-form input[type="tel"], .uk-contrast .uk-form input[type="color"] { border-color: fade(#fff, 80%); background: fade(#fff, 80%); color: #444; background-clip: padding-box; } .uk-contrast .uk-form select:focus, .uk-contrast .uk-form textarea:focus, .uk-contrast .uk-form input:not([type]):focus, .uk-contrast .uk-form input[type="text"]:focus, .uk-contrast .uk-form input[type="password"]:focus, .uk-contrast .uk-form input[type="datetime"]:focus, .uk-contrast .uk-form input[type="datetime-local"]:focus, .uk-contrast .uk-form input[type="date"]:focus, .uk-contrast .uk-form input[type="month"]:focus, .uk-contrast .uk-form input[type="time"]:focus, .uk-contrast .uk-form input[type="week"]:focus, .uk-contrast .uk-form input[type="number"]:focus, .uk-contrast .uk-form input[type="email"]:focus, .uk-contrast .uk-form input[type="url"]:focus, .uk-contrast .uk-form input[type="search"]:focus, .uk-contrast .uk-form input[type="tel"]:focus, .uk-contrast .uk-form input[type="color"]:focus { border-color: #fff; background: #fff; color: #444; } .uk-contrast .uk-form :-ms-input-placeholder { color: fade(#444, 70%) !important; } .uk-contrast .uk-form ::-moz-placeholder { color: fade(#444, 70%); } .uk-contrast .uk-form ::-webkit-input-placeholder { color: fade(#444, 70%); } .uk-contrast .uk-button { color: #444; background: #fff; } .uk-contrast .uk-button:hover, .uk-contrast .uk-button:focus { background-color: fade(#fff, 80%); color: #444; } .uk-contrast .uk-button:active, .uk-contrast .uk-button.uk-active { background-color: fade(#fff, 70%); color: #444; } .uk-contrast .uk-button-primary { background-color: #ff2a59; color: #fff; } .uk-contrast .uk-button-primary:hover, .uk-contrast .uk-button-primary:focus { background-color: #35b3ee; color: #fff; } .uk-contrast .uk-button-primary:active, .uk-contrast .uk-button-primary.uk-active { background-color: #0091ca; color: #fff; } .uk-contrast .uk-icon-hover { color: fade(#fff, 70%); } .uk-contrast .uk-icon-hover:hover { color: #fff; } .uk-contrast .uk-icon-button { background: #fff; color: #444; } .uk-contrast .uk-icon-button:hover, .uk-contrast .uk-icon-button:focus { background-color: fade(#fff, 80%); color: #444; } .uk-contrast .uk-icon-button:active { background-color: fade(#fff, 70%); color: #444; } .uk-contrast .uk-text-muted { color: fade(#fff, 60%) !important; } .uk-contrast .uk-text-primary { color: #2d7091 !important; } /* ======================================================================== Component: Print ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: black !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ======================================================================== Component: Sticky ========================================================================== */ /* * 1. More robust if padding and border are used * 2. Enable hardware acceleration for iOS browsers, resolves scrolling issue */ [data-uk-sticky].uk-active { z-index: 980; /* 1 */ -webkit-box-sizing: border-box; box-sizing: border-box; /* 2 */ -webkit-backface-visibility: hidden; } /* * Faster animations */ [data-uk-sticky][class*="uk-animation-"] { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; } [data-uk-sticky].uk-animation-reverse { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; } /* ======================================================================== Component: Slidenav ========================================================================== */ /* * 1. Required for `a` elements * 2. Dimension * 3. Style */ .uk-slidenav { /* 1 */ display: inline-block; /* 2 */ -webkit-box-sizing: border-box; box-sizing: border-box; width: 60px; height: 60px; /* 3 */ line-height: 60px; color: rgba(255, 255, 255, 0.4); font-size: 60px; text-align: center; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style * 3. Required for `a` elements * 4. Style */ .uk-slidenav:hover, .uk-slidenav:focus { /* 2 */ outline: none; /* 3 */ text-decoration: none; /* 4 */ color: rgba(255, 255, 255, 0.7); cursor: pointer; } /* Active */ .uk-slidenav:active { color: rgba(255, 255, 255, 0.9); } /* * Icons */ .uk-slidenav-previous:before { content: ""; font-family: FontAwesome; } .uk-slidenav-next:before { content: ""; font-family: FontAwesome; } /* Sub-object: `uk-slidenav-position` ========================================================================== */ /* * Create position context */ .uk-slidenav-position { position: relative; } /* * Center vertically */ .uk-slidenav-position .uk-slidenav { display: none; position: absolute; top: 50%; z-index: 1; margin-top: -30px; } .uk-slidenav-position:hover .uk-slidenav { display: block; } .uk-slidenav-position .uk-slidenav-previous { left: 20px; } .uk-slidenav-position .uk-slidenav-next { right: 20px; } /* Modifier: `uk-slidenav-contrast` ========================================================================== */ .uk-slidenav-contrast { color: rgba(50, 50, 50, 0.5); } /* * Hover * 1. Apply hover style also to focus state */ .uk-slidenav-contrast:hover, .uk-slidenav-contrast:focus { color: rgba(50, 50, 50, 0.7); } /* Active */ .uk-slidenav-contrast:active { color: rgba(50, 50, 50, 0.9); } /* ======================================================================== Component: Slideshow ========================================================================== */ /* * 1. Create position context * 2. Create stacking context to prevent z-index issues with other components * 3. Set width because child elements are positioned absolute. Height is set via JS * 4. Reset list style * 5. Clip child elements * 6. Deactivate browser history navigation in IE11 */ .uk-slideshow { /* 1 */ position: relative; /* 2 */ z-index: 0; /* 3 */ width: 100%; /* 4 */ margin: 0; padding: 0; list-style: none; /* 5 */ overflow: hidden; /* 6 */ -ms-touch-action: pan-y; touch-action: pan-y; } /* * Sub-object item * 1. Position items above each other * 2. Expand to parent container width * 3. Hide by default */ .uk-slideshow>li { /* 1 */ position: absolute; top: 0; left: 0; /* 2 */ width: 100%; /* 3 */ opacity: 0; } /* * Active * 1. Stack at first * 2. Show slide */ .uk-slideshow>.uk-active { /* 1 */ z-index: 10; /* 2 */ opacity: 1; } /* * Hide default images which is only relevant to keep existing proportions */ .uk-slideshow>li>img { visibility: hidden; } /* * Pointer for controls */ [data-uk-slideshow-slide] { cursor: pointer; } /* Modifier: `uk-slideshow-fullscreen` ========================================================================== */ .uk-slideshow-fullscreen, .uk-slideshow-fullscreen>li { height: 100vh; } /* Animations ========================================================================== */ /* * Fade */ .uk-slideshow-fade-in { -webkit-animation: uk-fade 0.5s linear; animation: uk-fade 0.5s linear; } .uk-slideshow-fade-out { -webkit-animation: uk-fade 0.5s linear reverse; animation: uk-fade 0.5s linear reverse; } /* * Scroll */ .uk-slideshow-scroll-forward-in { -webkit-animation: uk-slide-right 0.5s ease-in-out; animation: uk-slide-right 0.5s ease-in-out; } .uk-slideshow-scroll-forward-out { -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; animation: uk-slide-left 0.5s ease-in-out reverse; } .uk-slideshow-scroll-backward-in { -webkit-animation: uk-slide-left 0.5s ease-in-out; animation: uk-slide-left 0.5s ease-in-out; } .uk-slideshow-scroll-backward-out { -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; animation: uk-slide-right 0.5s ease-in-out reverse; } /* * Scale */ .uk-slideshow-scale-out { -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse; animation: uk-fade-scale-15 0.5s ease-in-out reverse; } /* * Swipe */ .uk-slideshow-swipe-forward-in { -webkit-animation: uk-slide-left-33 0.5s ease-in-out; animation: uk-slide-left-33 0.5s ease-in-out; } .uk-slideshow-swipe-forward-out { -webkit-animation: uk-slide-left 0.5s ease-in-out reverse; animation: uk-slide-left 0.5s ease-in-out reverse; } .uk-slideshow-swipe-backward-in { -webkit-animation: uk-slide-right-33 0.5s ease-in-out; animation: uk-slide-right-33 0.5s ease-in-out; } .uk-slideshow-swipe-backward-out { -webkit-animation: uk-slide-right 0.5s ease-in-out reverse; animation: uk-slide-right 0.5s ease-in-out reverse; } .uk-slideshow-swipe-forward-in:before, .uk-slideshow-swipe-backward-in:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: rgba(0, 0, 0, 0.6); -webkit-animation: uk-fade 0.5s ease-in-out reverse; animation: uk-fade 0.5s ease-in-out reverse; } /* ======================================================================== Component: Dotnav ========================================================================== */ /* * 1. Gutter * 2. Remove default list style */ .uk-dotnav { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin-left: -11px; margin-top: -11px; /* 2 */ padding: 0; list-style: none; } /* * 1. Space is allocated solely based on content dimensions * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied */ .uk-dotnav>* { /* 1 */ -ms-flex: none; -webkit-flex: none; -webkit-box-flex: 0; flex: none; /* 2 */ padding-left: 11px; margin-top: 11px; } /* * DEPRECATED IE9 Support */ .uk-dotnav:before, .uk-dotnav:after { content: ""; display: block; overflow: hidden; } .uk-dotnav:after { clear: both; } .uk-dotnav>* { float: left; } /* Items ========================================================================== */ /* * Items * 1. Hide text if present */ .uk-dotnav>*>* { display: block; -webkit-box-sizing: content-box; box-sizing: content-box; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #ff2a59; background: rgba(255, 16, 69, 0); /* 1 */ text-indent: 100%; overflow: hidden; white-space: nowrap; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-dotnav>*> :hover, .uk-dotnav>*> :focus { background: rgba(255, 16, 69, 0.4); /* 2 */ outline: none; } /* OnClick */ .uk-dotnav>*> :active { background: rgba(255, 16, 69, 0.6); } /* Active */ .uk-dotnav>.uk-active>* { background: #ff1045; } /* Modifier: `uk-dotnav-contrast` ========================================================================== */ .uk-dotnav-contrast>*>* { background: rgba(255, 255, 255, 0.4); } /* * Hover * 1. Apply hover style also to focus state */ .uk-dotnav-contrast>*> :hover, .uk-dotnav-contrast>*> :focus { background: rgba(255, 255, 255, 0.7); } /* OnClick */ .uk-dotnav-contrast>*> :active { background: rgba(255, 255, 255, 0.9); } /* Active */ .uk-dotnav-contrast>.uk-active>* { background: rgba(255, 255, 255, 0.9); } /* Modifier: 'uk-dotnav-vertical' ========================================================================== */ /* * DEPRECATED */ .uk-dotnav-vertical { -ms-flex-direction: column; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } /* * DEPRECATED IE9 Support */ .uk-dotnav-vertical>* { float: none; } /* ======================================================================== Component: Accordion ========================================================================== */ /* Sub-object: `uk-accordion-title` ========================================================================== */ .uk-accordion-title { margin-top: 0; margin-bottom: 0px; padding: 12px 30px; background: transparent; font-size: 18px; line-height: 24px; cursor: pointer; color: #626262; font-weight: 400; position: relative; } .uk-accordion-title:after { position: absolute; content: "\f105"; right: 20px; top: 50%; color: #ff2a59; font-family: FontAwesome; -webkit-transform: translateY(-11px); -ms-transform: translateY(-11px); transform: translateY(-11px); -webkit-transition: -webkit-transform 110ms ease-out; transition: -webkit-transform 110ms ease-out; -o-transition: transform 110ms ease-out; transition: transform 110ms ease-out; transition: transform 110ms ease-out, -webkit-transform 110ms ease-out; } .uk-accordion-title.uk-active { color: #ff2a59; font-weight: 700; } .uk-accordion-title.uk-active:after { -webkit-transform: translateY(-11px) rotate(90deg); -ms-transform: translateY(-11px) rotate(90deg); transform: translateY(-11px) rotate(90deg); } /* Sub-object: `uk-accordion-content` ========================================================================== */ .uk-accordion-content { padding: 30px 30px 30px 30px; line-height: 33px; text-align: justify; background-color: #f5f5f5; border-radius: 5px; } /* * Micro clearfix to make panels more robust */ .uk-accordion-content:before, .uk-accordion-content:after { content: ""; display: table; } .uk-accordion-content:after { clear: both; } /* * Remove margin from the last-child */ .uk-accordion-content> :last-child { margin-bottom: 0; } /* ======================================================================== Component: Datepicker ========================================================================== */ /* * 1. Highest z-index * 2. Reset dropdown width * 3. Set animation * 4. Needed for scale animation */ .uk-datepicker { /* 1 */ z-index: 1050; /* 2 */ width: auto; /* 3 */ -webkit-animation: uk-fade 0.2s ease-in-out; animation: uk-fade 0.2s ease-in-out; /* 4 */ -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } /* Sub-object: `uk-datepicker-nav` ========================================================================== */ .uk-datepicker-nav { margin-bottom: 15px; text-align: center; line-height: 20px; } /* * Micro clearfix */ .uk-datepicker-nav:before, .uk-datepicker-nav:after { content: ""; display: table; } .uk-datepicker-nav:after { clear: both; } /* * Previous and next navigation */ .uk-datepicker-nav a { color: #444; text-decoration: none; } .uk-datepicker-nav a:hover { color: #444; } .uk-datepicker-previous { float: left; } .uk-datepicker-next { float: right; } .uk-datepicker-previous:after, .uk-datepicker-next:after { width: 20px; font-family: FontAwesome; } .uk-datepicker-previous:after { content: ""; } .uk-datepicker-next:after { content: ""; } /* Sub-object: `uk-datepicker-heading` ========================================================================== */ /* Sub-object: `uk-datepicker-table` ========================================================================== */ /* Block element behavior */ .uk-datepicker-table { width: 100%; } .uk-datepicker-table th, .uk-datepicker-table td { padding: 2px; } .uk-datepicker-table th { font-size: 12px; } /* * Item */ .uk-datepicker-table a { display: block; width: 26px; line-height: 24px; text-align: center; color: #444; text-decoration: none; } /* * Sub-object: `uk-datepicker-table-muted` */ a.uk-datepicker-table-muted { color: #999; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-datepicker-table a:hover, .uk-datepicker-table a:focus { background-color: #ddd; color: #444; /* 2 */ outline: none; } /* OnClick */ .uk-datepicker-table a:active { background-color: #ccc; color: #444; } /* * Active */ .uk-datepicker-table a.uk-active { background: #ff2a59; color: #fff; } /* ======================================================================== Component: Placeholder ========================================================================== */ .uk-placeholder { margin-bottom: 15px; padding: 20px; border: 1px dashed #ddd; background: #fafafa; color: #444; } /* * Add margin if adjacent element */ *+.uk-placeholder { margin-top: 15px; } /* * Remove margin from the last-child */ .uk-placeholder> :last-child { margin-bottom: 0; } /* Modifier: `uk-placeholder-large` ========================================================================== */ .uk-placeholder-large { padding-top: 80px; padding-bottom: 80px; } /* ======================================================================== Component: Form file ========================================================================== */ /* * 1. Behave like form elements * 2. Create position context for dropdowns * 3. Clip content */ .uk-form-file { /* 1 */ display: inline-block; vertical-align: top; /* 2 */ position: relative; /* 3 */ overflow: hidden; } /* * 1. Required for Firefox * 2. Expand height and required for the cursor */ .uk-form-file input[type="file"] { position: absolute; top: 0; z-index: 1; width: 100%; opacity: 0; cursor: pointer; /* 1 */ left: 0; /* 2 */ font-size: 500px; } /* ======================================================================== Component: Upload ========================================================================== */ /* * Create a box-shadow when dragging a file over the upload area */ .uk-dragover { -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); } /* ======================================================================== Component: Tooltip ========================================================================== */ /* * 1. Hide by default * 2. Set fixed position * 3. Set dimensions * 4. Set style */ .uk-tooltip { /* 1 */ display: none; /* 2 */ position: absolute; z-index: 1030; /* 3 */ -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 200px; padding: 5px 8px; /* 4 */ background: #fff; color: rgba(0, 0, 0, 0.7); font-size: 12px; line-height: 18px; -webkit-box-shadow: 0 0 2px rgba(255, 42, 89, 0.25); box-shadow: 0 0 2px rgba(255, 42, 89, 0.25); } /* Triangle ========================================================================== */ /* * 1. Dashed is less antialised than solid */ .uk-tooltip:after { content: ""; display: block; position: absolute; width: 0; height: 0; /* 1 */ border: 5px dashed #fff; } /* Direction modifiers ========================================================================== */ /* * Top */ .uk-tooltip-top:after, .uk-tooltip-top-left:after, .uk-tooltip-top-right:after { bottom: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; border-top-color: #fff; } /* * Bottom */ .uk-tooltip-bottom:after, .uk-tooltip-bottom-left:after, .uk-tooltip-bottom-right:after { top: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; border-bottom-color: #fff; } /* * Top/Bottom center */ .uk-tooltip-top:after, .uk-tooltip-bottom:after { left: 50%; margin-left: -5px; } /* * Top/Bottom left */ .uk-tooltip-top-left:after, .uk-tooltip-bottom-left:after { left: 10px; } /* * Top/Bottom right */ .uk-tooltip-top-right:after, .uk-tooltip-bottom-right:after { right: 10px; } /* * Left */ .uk-tooltip-left:after { right: -5px; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; border-left-color: #fff; } /* * Right */ .uk-tooltip-right:after { left: -5px; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; border-right-color: #fff; } /*# sourceMappingURL=main.css.map */ .moveToLocation, .terno, .let, .let_ukr { display: none; width: 700px; background: rgba(255, 255, 255, 0.98); -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5); position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; } .moveToLocation iframe { margin-bottom: 15px; } .mtl_windowHeader { display: inline-block; width: 100%; position: relative; } .mtl_windowHeader .uk-modal-close { position: absolute; right: 0; top: 50%; margin-top: -21px; } .mtl_windowHeader .h2 { font-size: 25px; font-family: "Myriad Pro", Helvetica, Arial, sans-serif; font-weight: 700; color: #ff2a59; text-transform: uppercase; display: inline-block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .mtl_windowBody { display: inline-block; width: 100%; padding: 15px; box-sizing: border-box; text-align: center; } /*.mtl_windowBody p { padding-bottom: 10px; margin-bottom: 5px; font-weight: 100; }*/ .mtl_windowBody iframe { display: inline-block; width: 100%; min-height: 400px; } .contacts-subway { margin-top: 20px; } .contacts-subway ul { list-style: none; margin: 0; padding: 0; display: inline-block; font-size: 0; width: 100%; } .contacts-subway ul>li { width: 25%; display: inline-block; font-size: 16px; padding-left: 22px; position: relative; box-sizing: border-box; font-weight: 600; vertical-align: top; } .contacts-subway ul>li:before { background-image: none; color: #ff2a59; font-family: FontAwesome, sans-serif; content: "\f041"; margin-left: 4px; margin-right: 0; position: absolute; left: 0; top: 0; font-weight: 300; } .contacts-subway ul>li>span { display: block; font-size: 15px; clear: both; position: relative; padding-left: 22px; font-weight: 300; } .contacts-subway ul>li>span:before { content: ""; position: absolute; left: 0; bottom: 3px; background: url(/local/templates/laserhouse/css/../img/subway.png) center center no-repeat; background-size: 16px auto; width: 16px; height: 14px; } .subway-list { text-align: left; font-size: 0; } .subway-list li { width: 50%; float: left; margin: 2px 0 0 0; font-size: 13px; padding: 0; line-height: 1; position: relative; } .subway-list li img { position: absolute; width: 16px; height: 16px; left: 0; top: -1px; } .subway-list li:nth-child(1), .subway-list li:nth-child(2) { margin-top: 0; } .subway-list li:before { content: ""; background-size: 16px auto; float: left; width: 16px; height: 14px; margin-right: 4px; } .subway-list li.no-subway:before { background-image: none; color: #ff2a59; font-family: FontAwesome; content: "\f041"; margin-left: 4px; margin-right: 0; } @media screen and (max-width: 1180px) { .contacts-subway ul>li { width: 33.333%; } } @media screen and (max-width: 877px) { .contacts-subway ul>li { width: 50%; } } @media screen and (max-width: 660px) { .contacts-subway ul>li { width: 100%; } } .vipgradient { background: #ebebeb; background: -moz-linear-gradient(top, #ebebeb 0%, #f1f1f1 0%, #e9e9e9 1%, #f2f2f2 1%, #ededed 1%, #efefef 2%, #ededed 2%, #ececec 10%, #e7e7e7 21%, #e8e8e8 28%, #e6e6e6 29%, #e4e4e4 39%, #e3e3e3 40%, #e4e4e4 44%, #e2e2e2 45%, #dddddd 60%, #dddddd 65%, #d4d4d4 90%, #d3d4d7 96%, #d2d2d2 100%); background: -webkit-linear-gradient(top, #ebebeb 0%, #f1f1f1 0%, #e9e9e9 1%, #f2f2f2 1%, #ededed 1%, #efefef 2%, #ededed 2%, #ececec 10%, #e7e7e7 21%, #e8e8e8 28%, #e6e6e6 29%, #e4e4e4 39%, #e3e3e3 40%, #e4e4e4 44%, #e2e2e2 45%, #dddddd 60%, #dddddd 65%, #d4d4d4 90%, #d3d4d7 96%, #d2d2d2 100%); background: linear-gradient(to bottom, #ebebeb 0%, #f1f1f1 0%, #e9e9e9 1%, #f2f2f2 1%, #ededed 1%, #efefef 2%, #ededed 2%, #ececec 10%, #e7e7e7 21%, #e8e8e8 28%, #e6e6e6 29%, #e4e4e4 39%, #e3e3e3 40%, #e4e4e4 44%, #e2e2e2 45%, #dddddd 60%, #dddddd 65%, #d4d4d4 90%, #d3d4d7 96%, #d2d2d2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#d2d2d2', GradientType=0); } .table-container { display: inline-table; width: 100%; border-bottom: 2px solid #ffffff; } .width-6 { width: 50%; display: table-cell; vertical-align: middle; text-align: center; } .clear-fix { display: block; width: 100%; float: left; } .width-6 img { border-radius: 0; } .independents-header { position: relative; } .independents-header img { width: 100%; position: relative; z-index: 0; } .independents-header-title { position: absolute; width: 50%; right: 0; top: 50%; text-align: center; transform: translate(0, -50%); } .independents-header .h1-white, .independents-header .h2-white { color: rgba(255, 255, 255, 1); } .independents-header .h1-white { font-size: 60px; } .independents-header .h1-white i { font-style: unset; color: rgba(242, 174, 1, 1); } .independents-header .h2-white { font-size: 52px; margin-top: 30px; max-width: 80%; } @media screen and (max-width: 1390px) { .independents-header .h1-white { font-size: 70px; } .independents-header .h2-white { font-size: 30px; } } @media screen and (max-width: 1260px) { .independents-header .h1-white { font-size: 60px; } } @media screen and (max-width: 1060px) { .independents-header .h1-white { font-size: 50px; } .independents-header .h2-white { font-size: 20px; } } .countdown div { font-size: 45px; color: #e72e5c; padding: 10px; } .countdown { width: 280px; display: flex; justify-content: center; text-align: center; border: 3px solid #e72e5c; border-radius: 6px; padding: 10px; margin: 30px auto; } .countdown a { font-size: 30px; font-weight: 600; color: #e72e5c; display: inline-block; margin: 30 auto; } .countdown:hover { border-color: #e72e5c; } .countdown:hover a { color: #333; text-decoration: none; } .h1-white, .h2-red, .h2-yellow, .h3-white { line-height: 90%; display: inline-block; } .h1-white, .h3-white { color: #000; } .h1-white { font-size: 100px; } .h2-red { color: #ff2a59; font-size: 60px; margin-top: 35px; } .h2-yellow { color: #f1d23c; font-size: 60px; margin-top: 35px; } .h3-white { font-size: 20px; display: inline-block; width: 100%; margin-top: 30px; } .hidden-until-767 { display: none; } .services { list-style: none; display: inline-block; width: 100%; padding: 5px; } .services li { display: inline-table; margin: 0; padding: 0; width: 100%; } .img-discount { width: 150px; position: relative; } .img-discount span { position: absolute; color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; } .services li div { color: #000; display: table-cell; vertical-align: middle; font-family: "Times New Roman", sans-serif; line-height: 90%; font-weight: 600; font-size: 38px; } .services li div small { font-weight: 100; font-size: 50%; line-height: 100%; display: inline-block; } .services li:nth-child(even) { text-align: right; } .services li img { width: 150px; } .services li:nth-child(odd) div:not(.img-discount) { padding-left: 15px; } .services li:nth-child(even) div:not(.img-discount) { padding-right: 15px; } @media screen and (max-width: 1300px) { .h1-white { font-size: 90px; } .h2-red { font-size: 50px; margin-top: 25px; } .independents-header-title { right: 15px; } } @media screen and (max-width: 1000px) { .independents-header .countdown { padding: 10px 15px; } .independents-header-title { position: relative; width: 100%; right: unset; top: unset; text-align: center; transform: unset; margin-top: unset; } .countdown { border-color: #000000; } .countdown div { color: #000; } .independents-header .h1-white { color: rgba(0, 0, 0, 1); } .independents-header>img { display: none; } .independents-header-title:before { content: ""; background-image: url("/local/templates/laserhouse/css/../../../../images/UA_independents_day_2.jpg"); background-position: center top; background-size: 100% auto; background-repeat: no-repeat; height: 420px; width: 100%; display: block; margin-bottom: 15px; } } .show-900 { display: none; } @media screen and (max-width: 1150px) { .h1-white { font-size: 60px; } } @media screen and (max-width: 940px) { .h2-red { font-size: 30px; margin-top: 25px; } } @media screen and (max-width: 900px) { .independents-header .countdown { padding: 10px 15px; } .show-900 { display: block; } .hidden-900 { display: none; } .independents-header-title { position: relative; width: 100%; right: unset; top: unset; transform: unset; } .independents-header .h1-900-black, .independents-header .h2-900-black { color: rgba(0, 0, 0, 1); } .independents-header .h1-900-black { margin-bottom: 15px; } .independents-header .h1-900-black br { display: none; } } @media screen and (max-width: 840px) { .h1-white { font-size: 50px; } .h2-red { font-size: 30px; margin-top: 25px; } .services li div { font-size: 40px; } } @media screen and (max-width: 767px) { .hidden-767 { display: none; } .width-6 { width: 100%; } .hidden-until-767 { display: inline-block; } .h1-white { margin-bottom: 30px; } .table-container { border: none; } .h2-red { width: 100%; text-align: center; } .width-6 img { border-bottom: 2px solid #ffffff; } .h2-yellow { margin-top: unset; } } @media screen and (max-width: 680px) { .independents-header-title:before { background-size: 100% auto; height: 320px; } } @media screen and (max-width: 650px) { .services li div { font-size: 35px; } .img-discount { width: 120px; } .services li div { font-size: 30px; } } @media screen and (max-width: 560px) { .h1-white { font-size: 40px; } .services li div { font-size: 26px; } .img-discount { width: 100px; } } @media screen and (max-width: 530px) { .independents-header-title:before { height: 280px; } .h2-yellow { font-size: 40px; } .independents-header .h1-white { font-size: 30px; } } @media screen and (max-width: 450px) { .independents-header-title:before { height: 200px; } .countdown div { line-height: 90%; color: #e72e5c; border-color: #fff; padding: 5px; font-size: 35px; } .countdown { border-color: #e72e5c; padding: 5px; } } .tnc { color: #fff; display: inline-block; line-height: 1.1; font-size: 100%; } .oferta-label { width: auto !important; margin: 0 5px 0 0 !important; } #method option[value="privat"]:before { content: url(/local/templates/laserhouse/css/../img/privat.png); } #method option[value="other"] { background: url(/local/templates/laserhouse/css/../img/visa_gestion.png); } .lumenis_sale { position: relative; padding: 40px 0 40px 230px; display: inherit; } .lumenis_sale span { padding-left: 10px; display: inherit; border-left: 4px solid red; font-size: 20px; font-weight: 100; } .lumenis_sale img.laser { width: 200px; position: absolute; left: 0; top: 0; } .inline-centered { width: auto; margin: 0 auto; } #supportTrigger { display: none !important; } .float-left-60 { float: left; width: 60%; } .article-author, .published-date { display: inline-block; width: 100%; } .blog .tm-article-more>h4 { margin-top: 0; margin-bottom: 5px; } .blog p { margin-top: 5px; } .banlh { display: flex; justify-content: center; align-items: center; max-width: 100%; font-family: "Myriad Pro"; } .estetic-image { background-image: url(/images/obor.jpg); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } @media screen and (max-width: 600px) { .estetic-image { height: 300px; background-image: url(/images/obor_mob.jpg); } } .subscribe { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 320px; border-radius: 10px; background-image: url("https://i.ibb.co/BsfSPFq/photo-2023-11-21-17-22-18.jpg"); background-position: center center; background-repeat: none; background-size: 160%; opacity: 90%; border: 0.1rem solid #ff2a59; box-shadow: rgba(255, 119, 149, 0.8) 3px 2px 8px 0px, rgba(255, 255, 255, 0.8) -3px -2px 8px 0px; } .subscribe__title { font-size: 30px; font-weight: 700; color: #ff2a59; margin-bottom: 18px; font-family: "Myriad Pro"; } .subscribe__copy { width: 100%; text-align: center; margin-bottom: 23px; line-height: 1.5; font-size: 22px; color: #333; } .frm { margin-bottom: 25px; } .form__email { font-family: "Myriad Pro"; padding: 20px 20px; border-radius: 5px; border: 1px solid #ff2a59; width: 420px; height: 20px; font-size: 20px; text-align: center; text-transform: uppercase; color: #111; } .form__email:focus { outline: 1px solid #f04066; } .form__button { background: #ff2a59; border: none; width: 62px; height: 62px; border-radius: 5px; font-size: 16px; color: white; } @media screen and (max-width: 500px) { .subscribe__title { font-size: 24px; font-weight: 700; color: #ff2a59; margin-bottom: 8px; margin-top: 30px; } .subscribe__copy { font-size: 16px; margin-bottom: 18px; text-align: center; } .frm { max-width: 340px; display: flex; flex-direction: row; } .form__email { display: flex; align-items: center; width: 250px; padding: 10px 0; font-size: 16px; margin-left: 0; } .form__button { width: 42px; height: 42px; margin-left: 2px; } .subscribe { width: 100%; height: 250px; border-radius: 10px; background-position: center right; background-repeat: no-repeat; background-size: 200%; opacity: 75%; } } .modal_h1 { display: block; font-size: 30px; color: #000000; font-weight: 700; text-align: center; line-height: 1; margin-bottom: 15px; } .modal_h2 { display: block; font-size: 27px; color: #ff2a59; font-weight: 700; text-align: center; line-height: 1.2; text-transform: uppercase; } .mtl_windowBody p { color: #000000; display: block; text-align: center; padding-top: unset; padding-bottom: unset; margin-top: unset; margin-bottom: unset; } .mtl_window_close { position: absolute; right: 10px; top: 10px; color: #ff2a59; opacity: 1; } .mtl_window_close:hover { color: #ff2a59; opacity: 0.8; } .modal_pay { background-color: #ff2a59; color: #fff; border: 1px solid #ff2a59; padding: 10px 20px; display: inline-block; border-radius: 5px; margin-top: 10px; } .modal_pay:hover { background-color: #ffeff3; color: #ff2a59; text-decoration: none; } @media screen and (max-width: 730px) { .moveToLocation { width: 90%; } .modal_h1 { font-size: 20px; } .modal_h2 { font-size: 18px; } } .flag-link { display: block; position: absolute; bottom: 0; right: -44px; width: 40px; height: 32px; box-shadow: 0 0 4px 0 rgb(147, 154, 177, 0.49); overflow: hidden; border-radius: 5px; } .flag-link img { display: block; width: 100%; height: 100%; } @media (max-width: 359px) { .flag-link { right: -40px; width: 38px; } } .protypokazannya { background: #ffeff3; padding: 20px; } .pokazannya { background: #e8f2f3; padding: 20px; } .hero-text { text-align: center; position: absolute; top: 50%; left: 50%; font-weight: 700; transform: translate(-110%, -50%); color: #070707; } .secret { font-size: 36px; } .hero-text a { border: none; outline: 0; display: inline-block; padding: 20px 45px; color: white; background-color: #ddd; text-align: center; cursor: pointer; background-color: #ff2a59; border-radius: 6px; font-weight: 700; text-decorartion: none; font-size: 16px; } .hero-text a:hover { background-color: #f4f4f4; color: #ff2a59; text-decorartion: none; } .hero-image { background-image: url("https://i.ibb.co/7tX14rS/new2-2.jpg"); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } /* On screens that are 600px wide or less, the background color is olive */ @media screen and (max-width: 600px) { .hero-image { height: 300px; background-image: url("https://i.ibb.co/9gJtLBM/ROSTO2.jpg"); } .hero-text { top: 50%; left: 50%; font-weight: 700; transform: translate(-87%, -50%); } .secret { font-size: 22px; text-align: center; } .hero-text a { padding: 10px 22px; } } @media only screen and (max-width: 1024px) and (min-width: 600px) { .hero-image { max-width: 100%; background-image: url("https://i.ibb.co/9gJtLBM/new2-2.jpg"); } .hero-text { text-align: center; top: 50%; left: 50%; font-weight: 700; transform: translate(-95%, -50%); } .secret { font-size: 24px; text-align: center; } .hero-text a { padding: 10px 16px; } } /*search*/ .s-header-search { display: flex; justify-content: flex-end; } .s-header-search .s-search { flex-shrink: 0; max-width: 20%; width: 100%; margin-top: -45px; transition: max-width 300ms; } .s-page-result-panel .s-search { max-width: 749px; width: 100%; } .s-header-search .s-search.active { max-width: 50%; z-index: 1001; } .s-mobile-search { padding: 8px 20px; } .s-mobile-search .s-search.active { z-index: 1001; } .s-mobile-search ul.s-search-result-box__list li a { font-size: 13px; line-height: 23px; } .s-mobile-search .s-search-result-all__link { font-size: 12px; line-height: 14px; } .s-mobile-search .s-search-result-scroll { max-height: 300px; } .s-mobile-search .s-search-result { background-color: #fff5f8; } .s-mobile-search ul.s-search-result-box__list li a:hover, .s-mobile-search ul.s-search-result-box__list li a:focus, .s-mobile-search ul.s-search-result-box__list li a:active { background-color: #fdd9e1; } .s-search-substrate { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.22); } .mobileSearchActive .s-search-substrate { display: block !important; } .mobileSearchActive .s-mobile-search .s-search.active .s-search-field { z-index: 1001; } .mobileSearchActive .uk-offcanvas-bar { transform: none !important; overflow: hidden; } header.uk-active.uk-animation-slide-top .s-header-search .s-search { margin-top: -48px; } .s-search { position: relative; } .s-search, .s-search:before, .s-search:after, .s-search *, .s-search *:before, .s-search *:after { box-sizing: border-box; } .s-search-field { position: relative; } .s-search-form { position: relative; width: 100%; height: 45px; border-radius: 5px; border: 1px solid #b0b0b0; background-color: #fff; overflow: hidden; } .s-search-form input { position: relative; z-index: 0; display: block; width: 100%; height: 100%; background-color: #fff; padding: 0 50px 0 12px; font-size: 16px; color: #595959; border: 0; border-radius: 0; box-shadow: none; outline: none; user-select: none; } .s-search-form input::-webkit-input-placeholder { color: #747474; /* Цвет текста placeholder в браузерах на основе WebKit (Chrome, Safari) */ } .s-search-form input::-moz-placeholder { color: #747474; /* Цвет текста placeholder в Mozilla Firefox */ opacity: 1; /* Установить непрозрачность, так как Firefox устанавливает по умолчанию полупрозрачный placeholder */ } .s-search-form input:-ms-input-placeholder { color: #747474; /* Цвет текста placeholder в Internet Explorer */ } .s-search-form input::placeholder { color: #747474; /* Основной стиль для placeholder (большинство современных браузеров) */ } .s-search-form button { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 47px; background-color: #ff2a59; border: 0; padding: 0; box-shadow: none; outline: none; cursor: pointer; user-select: none; } .s-search-form button svg { display: block; flex-shrink: 0; } .s-search-result { position: absolute; z-index: 1001; top: 100%; left: 0; width: 100%; background-color: #fff; border-radius: 0 0 10px 10px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.35); padding-top: 5px; } .s-search-result-scroll { overflow-y: auto; overflow-x: hidden; max-height: 400px; scrollbar-width: thin; scrollbar-color: #ff2a59 #ececec; -ms-overflow-style: none; } .s-search-result-scroll::-webkit-scrollbar { width: 4px; /* Ширина скроллбара */ } .s-search-result-scroll::-webkit-scrollbar-thumb { background: #ff2a59; /* Цвет "ползунка" скроллбара */ border-radius: 4px; } .s-search-result-scroll::-webkit-scrollbar-track { background: #ececec; /* Цвет фона скроллбара */ border-radius: 4px; } .s-search-result-box+.s-search-result-box { margin-top: 10px; } .s-search-result-box__title { color: #ff2a59; font-family: Roboto, sans-serif; font-size: 13px; font-style: normal; font-weight: 500; line-height: 23px; padding: 10px 12px 5px; } ul.s-search-result-box__list { list-style: none; padding: 0; margin: 0; } ul.s-search-result-box__list li { border-bottom: 1px solid #ff2a59; } ul.s-search-result-box__list li a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #747474; font-family: Roboto, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; padding: 10px 12px; user-select: none; text-decoration: none; } ul.s-search-result-box__list li:last-child { border-color: transparent; } ul.s-search-result-box__list li a:hover, ul.s-search-result-box__list li a:focus, ul.s-search-result-box__list li a:active { text-decoration: none; background-color: #ffeff3; color: #595959; } .s-search-result-all { display: flex; align-items: center; height: 48px; padding: 10px 12px; } .s-search-result-all__link { display: inline-flex; white-space: nowrap; color: #ff2a59; font-family: Roboto, sans-serif; font-size: 15px; line-height: 18px; font-style: normal; font-weight: 400; text-decoration: underline; } .s-search-result-all__link svg { display: block; flex-shrink: 0; margin-left: 10px; } /*page result*/ .s-page-result, .s-page-result:before, .s-page-result:after, .s-page-result *, .s-page-result *:before, .s-page-result *:after { box-sizing: border-box; } .s-page-result-panel { background-color: #ffeff3; padding: 40px 0; margin-bottom: 56px; } .s-page-result-title { color: #131313; font-family: Roboto, sans-serif; font-size: 16px; line-height: 24px; font-style: normal; font-weight: 500; margin-bottom: 20px; } .s-page-result-total { color: #747474; font-family: Roboto, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; margin-top: 7px; } .s-switcher [data-labelledby] { display: none !important; } .s-switcher [data-labelledby].active { display: block !important; } .s-page-result-tab { display: flex; margin-bottom: 16px; } .s-tab { display: flex; margin-bottom: 30px; } .s-page-result-tab [data-controls], .s-tab [data-controls] { position: relative; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; min-height: 50px; color: #131313; font-family: Roboto, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; text-transform: uppercase; background-color: #eee; padding: 0 15px; cursor: pointer; user-select: none; } .s-tab [data-controls] { flex-grow: 1; } .s-page-result-tab [data-controls] { min-width: 290px; } .s-page-result-tab [data-controls].active, .s-tab [data-controls].active { background-color: #ffeff3; font-weight: bold; } .s-page-result-tab [data-controls].active:after, .s-tab [data-controls].active:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #ff2a59; } .s-page-result-switcher { max-width: 1142px; width: 100%; } .s-result-block+.s-result-block { margin-top: 50px; } .s-result-block__title { color: #ff2a59; font-family: Roboto, sans-serif; font-size: 24px; font-style: normal; font-weight: 500; line-height: 24px; text-transform: uppercase; margin-bottom: 10px; } .s-result-block__description { max-height: 45px; /*120*/ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; color: #131313; font-family: Roboto, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 14px; } .s-result-block__more a { display: inline-flex; align-items: center; color: #ff2a59; text-align: center; font-family: Roboto, sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: 18px; text-decoration: underline; } .s-result-block__more a svg { display: block; flex-shrink: 0; margin-left: 10px; } .s-pagination, .s-pagination:before, .s-pagination:after, .s-pagination *, .s-pagination *:before, .s-pagination *:after { box-sizing: border-box; } .s-pagination { display: flex; justify-content: space-between; align-items: center; padding: 50px 0; } .s-pagination-button { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 55px; height: 42px; border-radius: 5px; border: 1px solid #d1d1d1; background: #fff; color: #131313; text-align: center; font-family: Roboto, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; cursor: pointer; user-select: none; text-decoration: none; } .s-pagination-button:hover, .s-pagination-button:focus, .s-pagination-button:active { outline: none; text-decoration: none; } .s-pagination-button_arrow { width: 59px; } .s-pagination-button_ellipsis { width: 12px; border-color: transparent; pointer-events: none; } .s-pagination-button.active { background-color: #ff2a59; border-color: #ff2a59; color: #fff; } .s-pagination-button.disabled { opacity: 0.3; pointer-events: none; } .s-pagination-list { flex-shrink: 0; display: flex; align-items: center; margin-left: 15px; margin-right: 15px; } .s-pagination-list .s-pagination-button { margin-right: 15px; } .s-pagination-list .s-pagination-button:last-child { margin-right: 0; } .s-collapse { min-height: 140px; } .back-to-top { background: hsla(0, 0%, 100%, 0.9); border: 1px solid #ff2a59; border-bottom: none; border-radius: 12px 12px 0 0; bottom: 0; box-sizing: border-box; box-shadow: 0 0 6px rgba(0, 0, 0, 0.35); display: inline-flex; align-items: center; justify-content: center; left: 20px; padding: 14px; position: fixed; transition: all 0.3s ease-out; z-index: 1000000; cursor: pointer; user-select: none; opacity: 0; transform: translateY(100%); } @media (hover: hover) { .back-to-top:hover { background: #ff2a59; } .back-to-top:hover svg path { fill: #fff; } } @media (hover: none) { .back-to-top:hover { background: hsla(0, 0%, 100%, 0.9); } .back-to-top:hover svg path { fill: #ff2a59; } } .back-to-top svg path { transition: all 0.3s ease-out; } .back-to-top svg { flex-shrink: 0; } .slide-fade-enter-active { transition: all 0.3s ease-out; opacity: 1; transform: translateY(0); } .slide-fade-leave-active { transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1); opacity: 0; transform: translateY(100%); } .lazyframe.lazyframe--loaded.uk-invisible { visibility: visible !important; } .lazyframe { position: relative; background-color: currentColor; background-repeat: no-repeat; background-size: cover; background-position: center } .lazyframe__title { position: absolute; top: 0; right: 0; left: 0; padding: 15px 17px; z-index: 3 } .lazyframe__title::after { z-index: -1 } .lazyframe:hover { cursor: pointer } .lazyframe::before { display: block; content: ""; width: 100%; padding-top: 100% } .lazyframe[data-ratio="16:9"]::before { padding-top: 56.25% } .lazyframe[data-ratio="4:3"]::before { padding-top: 75% } .lazyframe[data-ratio="1:1"]::before { padding-top: 100% } .lazyframe iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; width: 100%; height: 100% } .lazyframe[data-vendor=youtube], .lazyframe[data-vendor=youtube_nocookie] { background-color: #e52d27; font-family: Roboto, Arial, Helvetica, sans-serif } .lazyframe[data-vendor=youtube] .lazyframe__title, .lazyframe[data-vendor=youtube_nocookie] .lazyframe__title { color: #eee; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 18px; text-shadow: rgba(0, 0, 0, .498039) 0 0 2px; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: color .1s cubic-bezier(0.4, 0, 1, 1) } .lazyframe[data-vendor=youtube] .lazyframe__title:hover, .lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:hover { color: #fff } .lazyframe[data-vendor=youtube] .lazyframe__title::before, .lazyframe[data-vendor=youtube_nocookie] .lazyframe__title::before { content: ""; display: block; background: linear-gradient(rgba(0, 0, 0, 0.2), transparent); height: 98px; width: 100%; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; z-index: -1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .lazyframe[data-vendor=youtube]::before, .lazyframe[data-vendor=youtube_nocookie]::before { padding-top: 56.25% } .lazyframe[data-vendor=youtube]::after, .lazyframe[data-vendor=youtube_nocookie]::after { content: ""; position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231F1F1F' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344L348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E"); background-position: center center; background-size: 100%; background-repeat: no-repeat; opacity: .81; border: none; z-index: 4 } .lazyframe[data-vendor=youtube]:hover::after, .lazyframe[data-vendor=youtube_nocookie]:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23DD2C28' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344L348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E"); opacity: 1 } .lazyframe[data-vendor=vimeo] { background-color: #00adef } .lazyframe[data-vendor=vimeo] .lazyframe__title { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #00adef; font-size: 20px; font-weight: 700; text-rendering: optimizeLegibility; user-select: none; -webkit-font-smoothing: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, .5) } .lazyframe[data-vendor=vimeo]::before { padding-top: 48.25% } .lazyframe[data-vendor=vimeo]::after { content: ""; height: 40px; width: 65px; display: block; bottom: 10px; left: 10px; z-index: 3; background-color: rgba(0, 0, 0, .5); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' baseProfile='tiny' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M7.765 16.89l8.47-4.89-8.47-4.89'/%3E%3C/svg%3E"); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; border-radius: 5px; position: relative } .lazyframe[data-vendor=vimeo]:hover::after { background-color: #00adef } @media (max-width: 1199px) { .back-to-top { left: 15px; } } @media (max-width: 959px) { .s-header-search { display: none !important; } .s-collapse { min-height: auto; } } @media (max-width: 640px) { .s-page-result-tab [data-controls], .s-tab [data-controls] { flex-grow: 1; min-width: auto; font-size: 14px; } .s-result-block__title { font-size: 14px; line-height: 18px; margin-bottom: 6px; } .s-result-block__description { max-height: 70px; /*168px;*/ -webkit-line-clamp: 7; font-size: 14px; line-height: 24px; margin-bottom: 6px; text-align: justify; } .s-page-result-panel { margin-bottom: 30px; } .s-page-result-tab { margin-bottom: 10px; } .s-result-block+.s-result-block { margin-top: 30px; } .s-pagination-button { width: 35px; height: 35px; font-size: 16px; line-height: 24px; } .s-pagination-button_arrow { width: 39px; } .s-pagination-button_ellipsis { width: 12px; } .s-scroll-up { display: none; } } @media (max-width: 479px) { header.uk-active.uk-sticky-init .s-logo.s-logo { padding-right: 0; } header.uk-active.uk-sticky-init .tm-phones .social-contacts img { width: 30px; height: auto; } header .tm-address-phones > div { width: 100%; justify-content: space-between; } header .tm-address-phones > div:before, header .tm-address-phones > div:after { display: none; } header.uk-active.uk-sticky-init .tm-offcanvas-last { width: 33px; } .uk-tab-responsive { margin: auto; border-radius: 10px; } #tm-tab-responsive { min-height: 48px; padding: 10px 15px; box-sizing: border-box; } .uk-tab>li>span { padding: 5px 5px 3px; border-radius: 10px; line-height: 20px; font-size: 15px; } #tm-tab-responsive>span>i { right: 22px; } } @media (max-width: 320px) { header.uk-active.uk-sticky-init .s-logo.s-logo { width: 150px; } } .helpcrunch-iframe-wrapper { display: none; } #tm-tabs-mezo ul.s-touch-slider { padding-left: 0; } #tm-content-modal #tm-tabs-mezo .uk-slidenav-position .uk-slidenav { bottom: -20px; top: inherit; border: 0; } #tm-content-modal #tm-tabs-mezo .touch-slider .img-container { margin: 0 !important; } #tm-content-modal #tm-tabs-mezo .touch-slider .img-container p { margin-top: 16px; } #tm-content-modal .touch-slider .uk-panel { max-width: 720px; } .s-title-block { font-size: 16px; line-height: 20px; } @media (max-width: 767px) { .s-title-block { display: block !important; } #tm-content-modal .uk-modal-dialog { padding: 25px 0; margin: 5px auto; max-width: calc(100% - 10px); } #tm-content-modal .uk-modal-dialog>.uk-close:first-child { margin: -16px 10px 0 0; float: right; } .s-touch-slider { margin: 0 -15px; } .s-touch-slider .uk-panel.s-wr-block-img { padding: 0 15px; margin: 0 auto 10px; } .uk-grid>.img-container { padding: 0 !important; margin: 0; } .s-wr-block-img .uk-grid { margin: 0; } .touch-slider .img-container p { margin: 25px 0 10px; font-size: 16px; line-height: 100%; text-transform: uppercase; color: #ff2a59; font-weight: 700; } .s-touch-slider .slick-dots { padding: 0 15px; } .tm-service-slideset.uk-slidenav-position .s-touch-slider .uk-slidenav.uk-slidenav-next { right: 10px; } .tm-service-slideset.uk-slidenav-position .s-touch-slider .uk-slidenav.uk-slidenav-previous { left: 10px; } #tm-sliders-container { padding: 0 0 20px; } #tm-tabs-mezo { padding: 0; border: 0; } } .main_div { font-family: "Caveat", cursive; max-width: 100%; height: 100%; background-color: #fae9e2; padding: 14px; max-width: 425px; margin: 0 auto; } .main_header { display: flex; flex-direction: column; justify-items: center; align-items: center; } .header_h1 { text-align: center; font-size: 26px; font-family: "Caveat", cursive; font-weight: 700; color: #d20d3e; margin-bottom: 24px; } .header_img { display: flex; } .header_h2 { display: flex; flex-flow: row wrap; justify-content: center; font-family: "Caveat", cursive; font-weight: 700; text-align: center; font-size: 26px; color: #e72e5c; margin: 20px auto; text-transform: uppercase; line-height: 34px; } .container-img { width: 100%; display: flex; justify-content: center; align-content: center; align-items: center; } .container_map { min-width: 100%; height: auto; z-index: -1; position: static; background-image: url("https://laserhouse.com.ua/images/map.svg"); background-repeat: no-repeat; background-position: center; background-size: auto; margin: 0 auto; } .map_img6_cont { display: flex; flex-direction: column; flex-wrap: wrap; } .map_img5_cont { display: flex; max-width: 100%; align-items: stretch; flex-wrap: wrap; flex-direction: column; } .main_cont_map { display: flex; width: 100%; align-items: stretch; justify-content: space-between; flex-wrap: wrap; flex-flow: row; } .main_cont_map2 { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; flex-flow: row; } .img_style_percent { color: #e72e5c; font-size: 30px; text-align: center; font-weight: 700; } .img_style_first { color: #e72e5c; font-size: 18px; text-align: center; font-weight: 500; } .img_style_second { color: #e72e5c; font-size: 14px; text-align: center; font-weight: 500; font-style: italic; } .map_img { max-width: 100px; height: auto; } /* page 404 */ .s-page-error { width: 100%; max-width: 600px; margin: 0 auto; padding-top: 20px; } .s-page-error__title { margin-bottom: 30px; } .s-page-error__title h2 { font-size: 42px; line-height: 44px; margin: 0; text-align: center; font-weight: 400; } h2.s-c-grey { color: #999; } h2.s-f-w-b { font-weight: bold; } .s-page-error__text { margin: 30px 0; } .s-page-error__text.s-m-t-15 { margin-top: 15px; } .s-page-error__text.s-m-b-5 { margin-bottom: 5px; } .s-page-error__text p { font-size: 14px; line-height: 18px; text-align: center; margin: 0; } .s-page-error__search { margin: 30px 0; } .s-page-error__button { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 12px; } .s-page-error__button .uk-button { min-height: 46px; display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 100%; font-style: normal; letter-spacing: 0.5px; } .s-box-desktop { display: none !important; } .s-page-error__media img { display: block; max-width: 100%; width: 100%; } @media (min-width: 768px) { .s-page-error__text p { font-size: 16px; line-height: 24px; } } @media (min-width: 960px) { .s-page-error__text p { font-size: 18px; } .s-box-mobile { display: none !important; } .s-box-desktop { display: block !important; } .s-page-error__title h2 { font-size: 68px; line-height: 70px; } .s-page-error { width: 100%; max-width: none; display: grid; grid-template-columns: minmax(300px, 600px) 428px; grid-gap: 100px; margin: 0; justify-content: center; } } /* FORM AKC */ .sticky-promo-form-container { max-width: 100%; background: linear-gradient(135deg, #f74377 0%, #e3005f 100%); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); border-radius: 10px; margin: 30px auto; padding: 25px; color: white; font-family: 'Arial', sans-serif; position: relative; overflow: hidden; } .sticky-form-content { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; z-index: 2; } .sticky-form-left { flex: 1; min-width: 300px; padding-right: 20px; } .sticky-form-right { flex: 1; min-width: 300px; } .sticky-form-title { font-size: 24px; font-weight: bold; margin-bottom: 15px; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); } .sticky-form-benefits { margin-bottom: 15px; } .benefit-item { display: flex; align-items: center; margin-bottom: 8px; } .benefit-icon { flex-shrink: 0; width: 20px; height: 20px; background-color: #fdcd00; border-radius: 50%; margin-right: 10px; position: relative; } .benefit-icon:after { content: "✓"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #e3005f; font-weight: bold; font-size: 12px; } .promo-form { position: relative; background-color: rgba(255, 255, 255, 0.15); padding: 20px; border-radius: 8px; backdrop-filter: blur(5px); } .promo-form input { width: 100%; padding: 15px; margin-bottom: 10px; border: none; border-radius: 5px; font-size: 16px; box-sizing: border-box; } .promo-form-submit { background-color: #fdcd00; color: #c00; font-weight: bold; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: all 0.3s ease; border: none; width: 100%; padding: 15px; border-radius: 5px; } .promo-form-submit:hover { background-color: #fff; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.2); } .uk-form .s-loading-message, .s-loading-message { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .timer-container { display: flex; align-items: center; margin: 15px 0; font-size: 14px; } .timer-icon { margin-right: 10px; font-size: 18px; } .timer { font-weight: bold; } .promo-form-note { font-size: 12px; margin-top: 10px; text-align: center; opacity: 0.9; } .special-offer-badge { position: absolute; top: -5px; right: -5px; background-color: #fdcd00; color: #c00; padding: 25px 40px; font-size: 16px; font-weight: bold; transform: rotate(45deg) translateX(20px) translateY(-20px); box-shadow: 0 2px 5px rgba(0,0,0,0.2); z-index: 1; } .uk-h1.discount { color: #fff; } @media (max-width: 768px) { .sticky-form-left, .sticky-form-right { flex: 100%; min-width: 100%; padding-right: 0; margin-bottom: 20px; } .special-offer-badge { font-size: 14px; padding: 20px 35px; } .sticky-form-title { font-size: 18px; } } .laser-treatment-section { max-width: 1000px; margin: 0 auto; padding: 20px 20px 10px 20px; } .laser-content-container { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; } .laser-image { flex: 1; min-width: 300px; } .laser-image img { max-width: 100%; height: auto; border-radius: 10px; } .benefits-container { flex: 1.5; min-width: 300px; } .benefit-item { display: flex; align-items: center; margin-bottom: 20px; } .benefit-text { flex: 1; padding-right: 15px; font-size: 16px; } .progress-bar { flex: 2; height: 10px; background-color: #ffe0e7; border-radius: 5px; overflow: hidden; } .progress { height: 100%; background-color: #ff2a59; border-radius: 5px; } .percentage { flex: 0.3; text-align: right; font-weight: bold; color: #ff2a59; } .cta-button-container { text-align: center; margin: 20px 0; } .customer-support { text-align: right; font-size: 14px; color: #666; margin-top: 20px; border-top: 1px solid #ffe0e7; padding-top: 15px; } @media (max-width: 768px) { .laser-content-container { flex-direction: column; } .benefit-item { flex-wrap: wrap; } .sticky-promo-form-container .benefit-item { flex-wrap: nowrap; } .sticky-promo-form-container .benefit-text { padding-right: 0; } .progress-bar { flex: 1; } } /* AKC-STYLES */ .akcWrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .akcFirst { justify-content: center; display: flex; flex-wrap: wrap; } .akcSecond { display:flex; } .akcThird { max-width: 100%; height: auto; } .akcFirst { display: flex; flex-wrap: wrap; } .akcFirst img { max-width: 100%; margin: 5px 10px; height: auto; } .akcSecond img { max-width: 49.9999%; margin: 5px; height: auto; } @media screen and (max-width: 767px) { .akcSecond img { max-width: 100%; margin:10px 0px; } .akcSecond { display:flex; flex-direction: column; } .akcFirst img { margin:10px 0px; } } /* AKC-STYLES */ .steps-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1600px; margin: 0 auto; } .step-card { background: rgba(255, 255, 255, 0.95); border-radius: 20px; overflow: hidden; box-shadow: 0 15px 35px rgba(0,0,0,0.1); transition: all 0.3s ease; position: relative; min-height: 400px; backdrop-filter: blur(10px); } .step-card:hover { transform: translateY(-10px); box-shadow: 0 25px 50px rgba(0,0,0,0.2); } .image-placeholder { height: 200px; background: linear-gradient(45deg, #ff6b6b, #ffa500); position: relative; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } .step-card:nth-child(1) .image-placeholder { background: linear-gradient(45deg, #ffeff3, #ff2a59) } .step-card:nth-child(2) .image-placeholder { background: linear-gradient(45deg, #ffeff3, #ff2a59) } .step-card:nth-child(3) .image-placeholder { background: linear-gradient(45deg, #ffeff3, #ff2a59) } .step-card:nth-child(4) .image-placeholder { background: linear-gradient(45deg, #ffeff3, #ff2a59) } .step-card:nth-child(5) .image-placeholder { background: linear-gradient(45deg, #ffeff3, #ff2a59) } .step-number { position: absolute; top: 15px; right: 15px; background: rgba(255,255,255,0.9); color: #333; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2rem; } .card-content { padding: 30px; } .step-title { margin-bottom: 15px; text-align: center; } .step-description { text-align: justify; line-height: 1.6; } @media (max-width: 768px) { .main-title { font-size: 2rem; margin-bottom: 30px; } .steps-container { grid-template-columns: 1fr; gap: 20px; } .step-card { min-height: 350px; } .image-placeholder { height: 150px; } .card-content { padding: 20px; } } @media (min-width: 1200px) { .steps-container { grid-template-columns: repeat(5, 1fr); } } /* End */ /* Start:/local/templates/laserhouse/css/custom.css?175164363318636*/ #sh_button { display: none !important; justify-content: space-between; } .tm-service-slideset .touch-slider h3, .tm-service-slideset .touch-slider .h3 { padding: 30px; border-bottom: 2px solid #ddd; text-align: center; } .touch-slider .uk-panel{ max-width: 768px; margin: 0 auto 25px; padding: 0 10px; } .touch-slider .slick-dots{ display: flex; justify-content: center; } .touch-slider .slick-dots li{ cursor: pointer; list-style: none; outline: none; display: none; } .slick-dots{ padding: 0; } .touch-slider .slick-dots li.slick-active + li, .touch-slider .slick-dots li.slick-active + li + li, .touch-slider .slick-dots li.slick-active, .touch-slider .slick-dots li:nth-child(1), .touch-slider .slick-dots li:nth-child(2), .touch-slider .slick-dots li:nth-child(3), .touch-slider .slick-dots li:nth-child(4), .touch-slider .slick-dots li:last-child{ display: block; } .touch-slider .slick-dots li:last-child:before, .touch-slider .slick-dots li.slick-active:before{ content: "..."; display: inline-block; } .touch-slider .slick-dots li.slick-active + li + li:before, .touch-slider .slick-dots li.slick-active + li:before, .touch-slider .slick-dots li:nth-child(1):before, .touch-slider .slick-dots li:nth-child(2):before, .touch-slider .slick-dots li:nth-child(3):before, .touch-slider .slick-dots li:nth-child(4):before, .touch-slider .slick-dots li:nth-child(5):before{ display: none; } .tm-service-slideset, .touch-slider, .touch-slider .slick-dots li button:focus, .touch-slider .slick-dots li button:active, .touch-slider .slick-dots li:focus, .touch-slider .slick-dots li:active{ outline: none; } .touch-slider .slick-dots li button{ cursor: pointer; margin: 5px 5px 0 5px; border-radius: 50%; border: 1px solid #ff2a59; background: #fff; color: #ff2a59; width: 22px; height: 22px; padding: 0; outline: none; font-size: 11px; } .touch-slider .slick-dots li button:hover{ background: rgba(255, 16, 69, 0.4); outline: none; color: #fff; } .touch-slider .slick-dots li.slick-active button{ background: #ff2a59; color: #fff; } .touch-slider .img-container { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 350px; } .touch-slider .img-container img { max-height: 315px; } .uk-touch .uk-slidenav-position.tm-service-slideset:hover .touch-slider .uk-slidenav{ display: block; } @media all and (max-width: 480px) { .uk-tooltip { max-width: 140px; } } .uk-overflow-container { padding: 0 5px; } @media (min-width:768px) { #tm-trigger.tm-collapsed.uk-open { bottom: 10px; transition: bottom 100ms ease; } } #choose-city { width: 550px; margin: 0; box-sizing: border-box; } #choose-city * { box-sizing: border-box; } #choose-city li { display: block; height: 32px; margin-bottom: 1px; } .s-scroll-choose-city { max-height: 80vh; overflow: auto; padding-right: 3px; } .s-scroll-choose-city::-webkit-scrollbar { width: 5px; } #cityList { z-index: 800; padding-right: 3px; } @media (max-width: 767px) { #choose-city { width: 314px; } .touch-slider .img-container { height: auto; } .uk-breadcrumb { display: none; } } @media (min-width: 1200px) { .touch-slider .uk-slidenav.slick-arrow{ top: 56%; } } .lang-mod li a{ text-transform: uppercase; } .lang-mod li a:hover{ background: #ff2a59; color: #fff; } .lang-mod .uk-dropdown{ /*top: 32px!important;*/ } .lang-mod__inner{ position: relative; } #lang-mod{ margin-left: 15px; } .lang-mod .uk-button{ font-size: 74%; padding-right: 20px; position: relative; } .wr-h-buttons { padding-top: 25px; } .lang-mod .uk-button.lang-mod__title { font-size: 17px; min-height: 54px; padding: 0 26px 0 16px; } .lang-mod .uk-button::after{ position: absolute; right: 7px; top: 50%; margin-top: -15px; content: '\f105'; /*color: #fff;*/ font-family: FontAwesome, sans-serif; -webkit-transition: -webkit-transform 110ms ease-out; transition: -webkit-transform 110ms ease-out; -o-transition: transform 110ms ease-out; transition: transform 110ms ease-out; transition: transform 110ms ease-out, -webkit-transform 110ms ease-out; } .lang-mod .uk-button.lang-mod__title::after{ top: 0; bottom: 0; margin: auto; height: 24px; line-height: 20px; right: 10px; } .lang-mod .uk-open .uk-button::after{ transform: rotate(90deg); } #lang-mod-mob{ margin-right: 10px; margin-left: -10px; } .lang-mod__inner.uk-open .uk-button { background: #fff; color: #ff2a59; } .lang-mod__inner.uk-open .uk-button:after, .uk-button:focus::after { color: #ff2a59; } #sliderAdvantage { min-height: 109px; margin: 10px 0; } #sliderAdvantage .swiper-scrollbar { position: static; margin-top: 6px; width: 100%; box-sizing: border-box; } #sliderAdvantage .swiper-scrollbar-drag { background-color: #FF2A59; } #sliderAdvantage .swiper-slide { width: 106px !important; } .s-advantage-card { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 106px; height: 100%; min-height: 100%; padding: 10px; text-align: center; background-color: #fff; user-select: none; box-sizing: border-box; font-family: 'Roboto', sans-serif; } .s-advantage-card * { box-sizing: border-box; } .s-advantage-card:after { content: ''; position: absolute; top: 0; bottom: 0; right: -3px; width: 1px; height: 100%; background-color: #eee; } #sliderAdvantage .swiper-slide:last-child .s-advantage-card:after { display: none; } #sliderAdvantage .swiper-slide { min-height: 100%; height: auto; } .s-advantage-card__title { font-size: 20px; line-height: 90%; color: #FF2A59; margin-bottom: 4px; font-weight: 500; } .s-advantage-card__subtitle { font-size: 12px; line-height: 110%; color: #253238; margin-bottom: 10px; } .s-advantage-card__button a { display: inline-flex; justify-content: center; align-items: center; width: 100%; min-height: 20px; border-radius: 4px; color: #FF2A59; background-color: #fff; border: 1px solid currentColor; font-size: 9px; line-height: 90%; font-weight: 700; text-transform: uppercase; padding: 4px 10px; text-decoration: none; } .s-advantage-card_red { background-color: #FF2A59; } .s-advantage-card_red .s-advantage-card__title { color: #fff; } .s-advantage-card_red .s-advantage-card__subtitle { color: #fff; } .s-advantage-card_red .s-advantage-card__button a { color: #FF2A59; background-color: #fff; border: 1px solid #FF2A59; } .slider-main { position: relative; width: 100%; /*aspect-ratio: 1500 / 466;*/ padding-top: 31.07%; } .slider-main .swiper-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; /*aspect-ratio: 1500 / 466;*/ } .slider-main .swiper-slide { position: relative; /*aspect-ratio: 1500 / 466;*/ height: 100%; border-radius: 5px; overflow: hidden; } .slider-main .swiper-slide picture { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; } .slider-main .swiper-slide picture img { object-fit: cover; object-position: left; width: 100%; height: 100%; } .pagination-slider-main.swiper-pagination-horizontal { position: absolute; bottom: 30px; height: 0; left: 0; right: 0; width: 100%; display: flex; justify-content: center; z-index: 1; } .pagination-slider-main .swiper-pagination-bullet { width: 15px; height: 15px; border: 1px solid #ff2a59; background-color: transparent; box-sizing: border-box; opacity: 1; } .pagination-slider-main .swiper-pagination-bullet-active { background-color: #ff2a59; } @media (min-width: 768px) { #sliderAdvantage { display: none !important; } } @media (max-width: 1050px) { .lang-mod .uk-button.lang-mod__title { padding: 0 20px 0 10px; } .lang-mod .uk-button.lang-mod__title::after { right: 7px; } .pagination-slider-main .swiper-pagination-bullet { width: 12px; height: 12px; } .pagination-slider-main.swiper-pagination-horizontal { bottom: 15px; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .lang-mod .uk-button.lang-mod__title { font-size: 14px; } } @media screen and (max-width: 959px){ .slider-main { padding-top: 0; /*aspect-ratio: auto;*/ height: 288px; } #lang-mod{ display: none; } .lang-mod .uk-button:hover:after { color: #ff2a59; } main .tm-video-holder.uk-align-right { float: none; margin-left: 0; } img.uk-align-right.lpg-massage { float: none; margin-left: 0; } .tm-city-address.s-title-city-address br { display: none; } } @media screen and (max-width: 767px) { #tm-home-tabs .uk-slideshow { aspect-ratio: 315 / 204; } .slider-main .swiper-slide picture img { object-position: 30% center; } } @media screen and (max-width: 630px){ #tm-attention-modal .tm-heading-special { margin: 20px 0; padding: 0 0 10px; } } @media screen and (max-width: 479px){ .slider-main { height: 256px; } .inner-page #tm-slider{ display: none; } .slider-main .swiper-slide picture img { object-position: 15% center; } } @media screen and (max-width: 359px){ .s-advantage-card { padding: 10px 3px; } #tm-form-panel .s-tab [data-controls] { font-size: 10px; padding: 0 10px; } .g-recaptcha { overflow: hidden; } } .search-no-result { font-weight: bold; } .warning-text { color: #ff2a59; } form .uk-form-row .center { text-align: center; } .message-with-cert-in-mail-large { width: 62%; font-size: 15px; float: left; margin-top: 25px; } .uk-offcanvas-bar .mobile-footer-social-block{ width: 100%; left: 0; padding: 15px 40px 0; } .s-button-see-all-comments { min-height: 50px; } .s-faq .uk-accordion-content { display: none; } .s-faq .uk-accordion div[data-wrapper] .uk-accordion-content { display: block; } .tags-articles-box { box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 10px; } .tags-article { text-align: center; padding: 20px; flex: 0 0 calc(20% - 10px); /* 5 в ряд по умолчанию */ transition: all 0.3s ease; box-sizing: border-box; } .tags-article img { box-shadow: rgba(255, 119, 149, 0.8) 3px 2px 8px 0px, rgba(255, 255, 255, 0.8) -3px -2px 8px 0px; margin: 0 auto !important; display: block; text-align: center; float: none; } .tags-article h3, .tags-article .ex-h3 { text-align: center; max-height: 45px; overflow: hidden; transition: max-height 0.3s ease; } .tags-article:hover h3, .tags-article:hover .ex-h3 { max-height: 500px; } .tags-article a { width: 100%; } .uk-form { position: relative; } /* 4 в ряд */ @media (max-width: 1332px) { .tags-article { flex: 0 0 calc(25% - 10px); } } @media (max-width: 1126px) { .tags-article { flex: 0 0 calc(24% - 10px); } } /* 3 в ряд */ @media (max-width: 1000px) { .tags-article { flex: 0 0 calc(33% - 10px); } } @media (max-width: 906px) { .tags-article { flex: 0 0 calc(33% - 10px); } } /* 2 в ряд */ @media (max-width: 725px) { .tags-article { flex: 0 0 calc(50% - 10px); } } /* 1 в ряд */ @media (max-width: 550px) { .tags-article { flex: 0 0 100%; } } /* start preheader */ .pre-header-action { display: flex; justify-content: center; align-items: center; background: linear-gradient(to right, #ff2a59, #ff5c7f); color: white; padding: 8px 15px; font-size: 12px; font-weight: 600; position: relative; overflow: hidden; } .pre-header-content { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 1200px; margin: 0 auto; } .action-text { display: flex; align-items: center; animation: marquee 20s linear infinite; /* Повертаємо плавну анімацію */ white-space: nowrap; } .action-icon { margin-right: 10px; font-size: 18px; } .action-content { letter-spacing: 0.5px; } .action-button { background-color: #fdcd00; color: #c00; padding: 5px 16px; border-radius: 4px; margin-left: 20px; text-decoration: none; font-weight: 600; font-size: 12px; transition: all 0.3s ease; white-space: nowrap; text-transform: uppercase; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .action-button:hover { background-color: white; color: #c00; } @keyframes marquee { 0% { transform: translateX(4%); } 100% { transform: translateX(-5%); } } @media (max-width: 768px) { .pre-header-action { flex-direction: column; padding: 6px 10px; font-size: 11px; } .pre-header-content { flex-direction: column; text-align: center; } .action-text { animation: none; /* Вимикаємо анімацію на мобільних */ margin-bottom: 5px; justify-content: center; } .action-button { margin-left: 0; } } /* end preheader */ /* common styles start */ header .s-top-bar .tm-button-call { background-color: #fdcd00; border: 1px solid #fdcd00; color: #c00; } /* common styles end */ /* common media start */ @media (hover: hover) { header .s-top-bar .tm-button-call:hover { background-color: #ffeff3; border-color: #ff2a59; color: #c00; } } @media (max-width: 630px) { .uk-modal-header .tm-heading-special>span { padding: 0 20px; } } @media (max-width: 479px) { .uk-button.s-button-menu-mini { padding: 0 16px; } .uk-button.s-button-menu-mini:before { display: none; } .tm-choose-city { width: 36%; } .mob-call-btn-block { width: 30%; } .uk-flex.s-soc-contacts { width: 34%; padding-top: 24px; align-items: flex-start; } .uk-flex.mob-call-btn-block { padding-top: 24px; align-items: flex-start; } header:not(.uk-comment-header) .mob-call-btn-block .tm-button-call { font-size: 12px; } .tm-phones .social-contacts { margin-top: 4px; } header.uk-active:not(.uk-comment-header) .tm-logo img { width: calc(100% + 30px); } header.uk-active .tm-logo, header.uk-active .tm-top-bar p.s-licence.s-licence { display: none; } header.uk-active .tm-address-phones>div>div { width: auto; padding-right: 0; padding-top: 0; } header .uk-flex.mob-call-btn-block { padding-right: 6px; } header.uk-active .uk-flex.mob-call-btn-block { flex-grow: 1; align-items: center; padding-right: 10px; } header.uk-active:not(.uk-comment-header) .mob-call-btn-block .tm-button-call { flex-shrink: 0; min-width: 78px; height: 33px; background-color: #fdcd00; color: #c00; border: 0; box-shadow: none; padding: 0 8px; min-height: auto; transition: none; } header.uk-active:not(.uk-comment-header) .mob-call-btn-block .tm-button-call:hover, header.uk-active:not(.uk-comment-header) .mob-call-btn-block .tm-button-call:focus, header.uk-active:not(.uk-comment-header) .mob-call-btn-block .tm-button-call:active { background-color: #fdcd00; color: #c00; border: 0; } header.uk-active .tm-phones .social-contacts { margin-top: 0; } header .tm-phones .social-contacts a { flex-shrink: 0; width: 33px; height: 33px; } header.uk-active .social-contacts a:not(:first-child) { margin-left: 10px; } header.uk-active .tm-phones { display: flex; } header .tm-phones>a:first-child { flex-shrink: 0; display: flex; align-items: center; height: 33px; background: #00ab00; color: #fff !important; border-radius: 5px; padding: 0 8px; border: 0; transition: none; } header .tm-phones>a:first-child:hover, header .tm-phones>a:first-child:focus, header .tm-phones>a:first-child:active { background: #00ab00; color: #fff !important; } header .tm-phones>a:first-child:before { flex-shrink: 0; content: ''; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.41333 5.19333C3.37333 7.08 4.92 8.62 6.80667 9.58667L8.27333 8.12C8.45333 7.94 8.72 7.88 8.95333 7.96C9.7 8.20667 10.5067 8.34 11.3333 8.34C11.7 8.34 12 8.64 12 9.00667V11.3333C12 11.7 11.7 12 11.3333 12C5.07333 12 0 6.92667 0 0.666667C0 0.3 0.3 0 0.666667 0H3C3.36667 0 3.66667 0.3 3.66667 0.666667C3.66667 1.5 3.8 2.3 4.04667 3.04667C4.12 3.28 4.06667 3.54 3.88 3.72667L2.41333 5.19333Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; width: 12px; height: 12px; margin-right: 6px; } header.uk-active:not(.uk-comment-header) .tm-phones>a:first-child { margin-right: 10px; } header.uk-active .tm-address-phones { width: auto; } header.uk-active .tm-address-phones > div { width: auto; align-items: center; flex-wrap: nowrap; padding-bottom: 1px; padding-right: 10px; box-sizing: border-box; } header.uk-active.uk-sticky-init .tm-phones .social-contacts img { width: 100%; display: block; } header.uk-active:not(.uk-comment-header) .mob-call-btn-block .tm-button-call { width: 100%; } } /* common media end */ /* End */ /* /local/templates/laserhouse/components/bitrix/news.list/wish-block/style.css?1616368401150 */ /* /local/templates/laserhouse/components/bitrix/news.list/mobile-menu/style.css?1616368401150 */ /* /local/templates/laserhouse/components/bitrix/news.list/tm-pay-online/style.css?1616368401150 */ /* /local/templates/laserhouse/components/bitrix/news.list/tm-pay-online-cert/style.css?1702998185150 */ /* /local/templates/laserhouse/components/bitrix/news.list/tm-skype/style.css?1616368401150 */ /* /local/templates/laserhouse/components/bitrix/news.list/city-scripts/style.css?1616368401150 */ /* /local/templates/laserhouse/js/libs/slick/slick.css?15070529691776 */ /* /local/templates/laserhouse/js/libs/swiper/swiper-bundle.min.css?170965052618450 */ /* /local/templates/laserhouse/css/main.css?1751643633383206 */ /* /local/templates/laserhouse/css/custom.css?175164363318636 */