/** flexslider **/ .captionbg{width:100%;height:140px;position:absolute;bottom:0;background:rgba(0,0,0,.3);display:block}.headerbottomimg{width:100%;height:70px;background:url(../../img/header_bottomimg.png);z-index:1;position:absolute;bottom:0;left:0;display:none}.flex-container a:active,.flexslider a:active{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{width:100%;border-top:180px solid #000;height:100%;overflow:hidden;margin:0;padding:0;box-sizing:border-box;display:block;background:#fff;border:0;position:relative;zoom:1}.flexslider .slides>li{display:block;box-sizing:border-box;position:relative;width:100%;height:455px;background:#ddd}.flexslider .slides img{width:100%;display:block;box-sizing:border-box}.flex-pauseplay span{text-transform:capitalize;display:block;box-sizing:border-box}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider .slides{zoom:1;width:100%;height:100%}.flex-container{zoom:1;position:relative}.flex-caption{background:0 0;zoom:1;width:860px;position:relative;right:20%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:860px;position:relative;left:50%;margin-left:-430px;color:#fff;font-size:34px;line-height:34px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}.flex-direction-nav li a{width:52px;height:52px;margin:-13px 0 0;display:block;background:url(theme/bg_direction_nav.png) no-repeat;position:absolute;top:50%;cursor:pointer;text-indent:-9999px}.flex-direction-nav li .next{background-position:-52px 0;right:20px}.flex-direction-nav li .prev{left:0}.flex-direction-nav li .disabled{opacity:.3;cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}.flexslider-carousel .flex-control-nav{bottom:25px}.flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1}.flex-control-nav li:first-child{margin:0}.flex-control-nav li a{width:13px;height:13px;display:block;background:url(theme/bg_control_nav.png) no-repeat;cursor:pointer;text-indent:-9999px}.flex-control-nav li a:hover{background-position:0 -13px}.flex-control-nav li a.active{background-position:0 -26px;cursor:default}.flex-control-paging li a{width:11px;height:11px;display:block;background:rgba(255,255,255,.5);cursor:pointer;text-indent:-9999px;z-index:999;border-radius:50%;position:relative;box-shadow:0 0 10px 2px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#fff;cursor:default;border-radius:50%}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:''}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right;background-position:-56px 0;content:''}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:''}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:''}@media only screen and (max-width:960px){.flex-caption{width:70%;position:relative;right:10%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:70%;position:relative;left:50%;margin-left:-40%;color:#fff;font-size:24px;line-height:24px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}}@media only screen and (max-width:768px){.flexslider{border-top:0 solid #000;height:480px}.flexslider .slides>li{position:relative;width:100%;height:480px;background:#ddd}}@media only screen and (max-width:600px){.flexslider{border-top:0 solid #000;height:480px}} /** slick **/ /* 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; } /** swipercss **/ /** * Swiper 9.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 13, 2023 */ @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}.swiper,swiper-container{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-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,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,.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{transform-style:preserve-3d}.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-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-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.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-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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,swiper-container: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: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,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.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-button-lock{display:none}.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,:host(.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;-ms-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,swiper-container .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,.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-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-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-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-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} /** themecss **/ .captionbg{width:100%;height:140px;position:absolute;bottom:0;background:rgba(0,0,0,.3);display:block}.headerbottomimg{width:100%;height:70px;background:url(../../img/header_bottomimg.png);z-index:1;position:absolute;bottom:0;left:0;display:none}.flex-container a:active,.flexslider a:active{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{width:100%;border-top:180px solid #000;height:100%;overflow:hidden;margin:0;padding:0;box-sizing:border-box;display:block;background:#fff;border:0;position:relative;zoom:1}.flexslider .slides>li{display:block;box-sizing:border-box;position:relative;width:100%;height:455px;background:#ddd}.flexslider .slides img{width:100%;display:block;box-sizing:border-box}.flex-pauseplay span{text-transform:capitalize;display:block;box-sizing:border-box}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider .slides{zoom:1;width:100%;height:100%}.flex-container{zoom:1;position:relative}.flex-caption{background:0 0;zoom:1;width:860px;position:relative;right:20%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:860px;position:relative;left:50%;margin-left:-430px;color:#fff;font-size:34px;line-height:34px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}.flex-direction-nav li a{width:52px;height:52px;margin:-13px 0 0;display:block;background:url(theme/bg_direction_nav.png) no-repeat;position:absolute;top:50%;cursor:pointer;text-indent:-9999px}.flex-direction-nav li .next{background-position:-52px 0;right:20px}.flex-direction-nav li .prev{left:0}.flex-direction-nav li .disabled{opacity:.3;cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}.flexslider-carousel .flex-control-nav{bottom:25px}.flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1}.flex-control-nav li:first-child{margin:0}.flex-control-nav li a{width:13px;height:13px;display:block;background:url(theme/bg_control_nav.png) no-repeat;cursor:pointer;text-indent:-9999px}.flex-control-nav li a:hover{background-position:0 -13px}.flex-control-nav li a.active{background-position:0 -26px;cursor:default}.flex-control-paging li a{width:11px;height:11px;display:block;background:rgba(255,255,255,.5);cursor:pointer;text-indent:-9999px;z-index:999;border-radius:50%;position:relative;box-shadow:0 0 10px 2px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#fff;cursor:default;border-radius:50%}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:''}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right;background-position:-56px 0;content:''}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:''}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:''}@media only screen and (max-width:960px){.flex-caption{width:70%;position:relative;right:10%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:70%;position:relative;left:50%;margin-left:-40%;color:#fff;font-size:24px;line-height:24px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}}@media only screen and (max-width:768px){.flexslider{border-top:0 solid #000;height:480px}.flexslider .slides>li{position:relative;width:100%;height:480px;background:#ddd}}@media only screen and (max-width:600px){.flexslider{border-top:0 solid #000;height:480px}} /** slick **/ /* 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; } /** themecss **/ @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700&display=swap');/** flexslider **/ .captionbg{width:100%;height:140px;position:absolute;bottom:0;background:rgba(0,0,0,.3);display:block}.headerbottomimg{width:100%;height:70px;background:url(../../img/header_bottomimg.png);z-index:1;position:absolute;bottom:0;left:0;display:none}.flex-container a:active,.flexslider a:active{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{width:100%;border-top:180px solid #000;height:100%;overflow:hidden;margin:0;padding:0;box-sizing:border-box;display:block;background:#fff;border:0;position:relative;zoom:1}.flexslider .slides>li{display:block;box-sizing:border-box;position:relative;width:100%;height:455px;background:#ddd}.flexslider .slides img{width:100%;display:block;box-sizing:border-box}.flex-pauseplay span{text-transform:capitalize;display:block;box-sizing:border-box}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider .slides{zoom:1;width:100%;height:100%}.flex-container{zoom:1;position:relative}.flex-caption{background:0 0;zoom:1;width:860px;position:relative;right:20%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:860px;position:relative;left:50%;margin-left:-430px;color:#fff;font-size:34px;line-height:34px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}.flex-direction-nav li a{width:52px;height:52px;margin:-13px 0 0;display:block;background:url(theme/bg_direction_nav.png) no-repeat;position:absolute;top:50%;cursor:pointer;text-indent:-9999px}.flex-direction-nav li .next{background-position:-52px 0;right:20px}.flex-direction-nav li .prev{left:0}.flex-direction-nav li .disabled{opacity:.3;cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}.flexslider-carousel .flex-control-nav{bottom:25px}.flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1}.flex-control-nav li:first-child{margin:0}.flex-control-nav li a{width:13px;height:13px;display:block;background:url(theme/bg_control_nav.png) no-repeat;cursor:pointer;text-indent:-9999px}.flex-control-nav li a:hover{background-position:0 -13px}.flex-control-nav li a.active{background-position:0 -26px;cursor:default}.flex-control-paging li a{width:11px;height:11px;display:block;background:rgba(255,255,255,.5);cursor:pointer;text-indent:-9999px;z-index:999;border-radius:50%;position:relative;box-shadow:0 0 10px 2px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#fff;cursor:default;border-radius:50%}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:''}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right;background-position:-56px 0;content:''}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:''}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:''}@media only screen and (max-width:960px){.flex-caption{width:70%;position:relative;right:10%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:70%;position:relative;left:50%;margin-left:-40%;color:#fff;font-size:24px;line-height:24px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}}@media only screen and (max-width:768px){.flexslider{border-top:0 solid #000;height:480px}.flexslider .slides>li{position:relative;width:100%;height:480px;background:#ddd}}@media only screen and (max-width:600px){.flexslider{border-top:0 solid #000;height:480px}} /** slick **/ /* 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; } /** themecss **/ @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700&display=swap');/** flexslider **/ .captionbg{width:100%;height:140px;position:absolute;bottom:0;background:rgba(0,0,0,.3);display:block}.headerbottomimg{width:100%;height:70px;background:url(../../img/header_bottomimg.png);z-index:1;position:absolute;bottom:0;left:0;display:none}.flex-container a:active,.flexslider a:active{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{width:100%;border-top:180px solid #000;height:100%;overflow:hidden;margin:0;padding:0;box-sizing:border-box;display:block;background:#fff;border:0;position:relative;zoom:1}.flexslider .slides>li{display:block;box-sizing:border-box;position:relative;width:100%;height:455px;background:#ddd}.flexslider .slides img{width:100%;display:block;box-sizing:border-box}.flex-pauseplay span{text-transform:capitalize;display:block;box-sizing:border-box}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider .slides{zoom:1;width:100%;height:100%}.flex-container{zoom:1;position:relative}.flex-caption{background:0 0;zoom:1;width:860px;position:relative;right:20%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:860px;position:relative;left:50%;margin-left:-430px;color:#fff;font-size:34px;line-height:34px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}.flex-direction-nav li a{width:52px;height:52px;margin:-13px 0 0;display:block;background:url(theme/bg_direction_nav.png) no-repeat;position:absolute;top:50%;cursor:pointer;text-indent:-9999px}.flex-direction-nav li .next{background-position:-52px 0;right:20px}.flex-direction-nav li .prev{left:0}.flex-direction-nav li .disabled{opacity:.3;cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}.flexslider-carousel .flex-control-nav{bottom:25px}.flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1}.flex-control-nav li:first-child{margin:0}.flex-control-nav li a{width:13px;height:13px;display:block;background:url(theme/bg_control_nav.png) no-repeat;cursor:pointer;text-indent:-9999px}.flex-control-nav li a:hover{background-position:0 -13px}.flex-control-nav li a.active{background-position:0 -26px;cursor:default}.flex-control-paging li a{width:11px;height:11px;display:block;background:rgba(255,255,255,.5);cursor:pointer;text-indent:-9999px;z-index:999;border-radius:50%;position:relative;box-shadow:0 0 10px 2px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#fff;cursor:default;border-radius:50%}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:''}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right;background-position:-56px 0;content:''}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:''}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:''}@media only screen and (max-width:960px){.flex-caption{width:70%;position:relative;right:10%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:70%;position:relative;left:50%;margin-left:-40%;color:#fff;font-size:24px;line-height:24px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}}@media only screen and (max-width:768px){.flexslider{border-top:0 solid #000;height:480px}.flexslider .slides>li{position:relative;width:100%;height:480px;background:#ddd}}@media only screen and (max-width:600px){.flexslider{border-top:0 solid #000;height:480px}} /** slick **/ /* 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; } /** themecss **/ /* Theme Name: Beck & Caul Theme URI: http://www.beckandcaul.co.nz Author: Beck & Caul Version: 1.0 */ @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700&display=swap'); .blueline { height: 10px; background: var(--blue); margin-top: 80px; } /*door opening*/ .door_opening_animation *,.door_opening_animation *:after,.door_opening_animation *:before, .door_opening_animation{-webkit-font-smoothing: antialiased; will-change: all; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;} .door_section { transition: all 1.5s; -webkit-transition: all 1.5s; } .dooropening .site{ transform: scale(.91);top: -14.5%; transition:all 1.5s ; -webkit-transition:all 1.5s ; } .dooropening .site-header{ transform: scale(.7);top: 7%; transition:all 1.5s ; -webkit-transition:all 1.5s ; } .door_opening_animation{position: fixed;width: 100vw;height: 100vh;overflow:hidden;z-index: 999999;display:block;transform: scale(1); animation: finish 1s cubic-bezier(0.26, -0.01, 0.57, 0.99) forwards;animation-delay: 5s;} @keyframes finish{ 0% { } 100%{transform: scale(1.4); visibility:hidden; } } .wall{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-image:url(img/bricks-plain.svg);background-size: 410px;opacity: 1;clip-path: polygon(7% 100%, 7% 7%, 93% 7%, 93% 100%, 100% 100%, 100% 0%, 0% 0%, 0% 100%);z-index:9999999} .frame{ display:block;position:absolute;width: 86vw;height:93%;left:7%;top:7%; box-sizing:border-box; } .frame:before{content:"";width:20px;height:100%;position:absolute;background:#444;box-shadow: inset 0 0 10px #000000;display:block;left:0;z-index: 23;} .frame:after{content:"";width:20px;height:100%;position:absolute;background:#444;box-shadow: inset 0 0 10px #000000;display:block;right:0;z-index: 23;} .door{position:absolute;width:100%;height:100%; left: 0;box-sizing: border-box;opacity: 1;} .door:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:22;/* background:yellow; */box-shadow: inset 11px 10px 30px #000000;} .door_section{display:block;position:absolute;width: 100%;height: calc(25% - 1px);background:var(--red);border-bottom: 1px solid #c1c1c1;box-shadow: 0 1px 8px 0px rgb(0 0 0 / 30%);z-index:4;} .section2{ z-index:3} .section3{ z-index:2} .section4{ z-index:1} .panel{display:block;position:absolute;width:100%;height:25%;background:#dadada;box-shadow: inset 0 5px 12px #a1a1a154;display:block;right:0;} .panel:nth-of-type(2){ top:25%; } .panel:nth-of-type(3){ top:50%; } .panel:nth-of-type(4){ top:75%; } .door_section:nth-of-type(2){ top:25%; } .door_section:nth-of-type(3){ top:50%; } .door_section:nth-of-type(4){ top:75%; } .section1{animation: panel1 1.5s cubic-bezier(0.26, -0.01, 0.57, 0.99) forwards;animation-delay:1s;} @keyframes panel1{ 0% { } 100%{transform: perspective(70vh) translateZ(0px) translateX(0px) translateY(-70px) rotateX(89deg); z-index: 0;} } .section2{animation: panel2 2.5s ease-in-out forwards;animation-delay:1s;} @keyframes panel2{ 0% { } 63%{top: -0%;} 100%{transform: perspective(70vh) translateZ(0) translateX(-0) translateY(-70px) rotateX(89deg); top: 0%; z-index: 1;} } .section3{animation: panel3 3.5s ease-in-out forwards;animation-delay:1s;} @keyframes panel3{ 0% { } 61%{top: -0%;} 100%{transform: perspective(70vh) translateZ(0) translateX(-0) translateY(-70px) rotateX(89deg); top: 0%; z-index: 2;} } .section4{animation: panel4 4.5s ease-in-out forwards;animation-delay:1s; z-index: 3;} @keyframes panel4{ 0% { } 57.5%{top: -0%;} 100%{transform: perspective(70vh) translateZ(0) translateX(-0) translateY(-70px) rotateX(89deg); top: 0%;} } /*.door_bottom{width:100%;height: 20px;animation: dbottom 4.5s ease-in-out forwards;animation-delay:1s;z-index: 5;position: absolute;display: block;background: #818181;top: 100%;transform: perspective(0vh) translateZ(0) translateX(-0) translateY(0px) rotateX(-90deg);} @keyframes dbottom{ 0% { top: 10%;} 59%{height: 20px; top: 10%;} 60%{transform: perspective(70vh) translateZ(0) translateX(-0) translateY(0px) rotateX(-90deg); top:7%} 100%{height: 20px;top: 2%;transform: perspective(70vh) translateZ(0) translateX(-0) translateY(0px) rotateX(-132deg);} }*/ :root{ --blue: #1B1B35; --text: #003773; --dark: #4c5463; --light: #F6F6F6; --gray: #DBD5CD; --red: #78BB3A; } /* =Reset default browser CSS. -------------------------------------------------------------- */ input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; font-family: 'Assistant', sans-serif; font-size: 20px; line-height: 1.6em; } input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 0 white inset !important; } /*Change text in autofill textbox*/ input:-webkit-autofill {-webkit-text-fill-color: #020202 !important;-webkit-animation-name: autofill;-webkit-animation-fill-mode: both;} @-webkit-keyframes autofill { to { color: #FFF; background: #383838; } } input:-internal-autofill-selected, input:-webkit-internal-autofill-selected {appearance: menulist-button;background-color: rgb(101 101 101) !important;background-image: none !important;color: -internal-light-dark(black, white) !important;} html, body {position:relative;/* overflow-x:hidden; */width:100%;height: 100%;} body.noscroll{ overflow:hidden} p {margin-bottom:10px;} h1, h2, h3, h4, h5, h6 { clear: both; } img{ max-width:100%;} h1, h2.grid_content, .itb_content h2{ color: var(--text); font-size:3.5rem; font-weight: 600; line-height:1.11em; margin-bottom:35px; } h2{ color: var(--text); font-size:3.5rem; font-weight: 200; line-height: 1.1em; } h3{ color: var(--text); font-size:1.2rem; font-weight: 700; text-transform: uppercase; } h4{ color: var(--text); font-size:2rem; font-weight: 200; line-height: 1.2em; } ol, ul{ margin-left:20px; padding-left:5px; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 1em 1em} a img.alignleft {float:left; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .lightbg{ background:var(--light); } .lightbg .line, .lightbg .instagram{ background:black; } .lightbg .instagram{ border:2px solid black; } .lightbg a.button{ border-radius: 0px;background: var(--red); color:#FFF; border:2px solid var(--red); } .lightbg a.button:hover{ background:var(--gray); border:2px solid var(--gray);} .lightbg .button:after{ background:black; } .lightbg .fieldgroup input[type="submit"]{border:1px solid black;/* color: var(--blue); */} .lightbg *, .lightbg a{ color:var(--blue); } .lightbg .button{ } .bluebg{ background:var(--blue); } .bluebg *, .bluebg{ color:#FFF; } .bluebg a.button{background: var(--red);border-radius: 0px;color: #FFF;border: 2px solid var(--red);} .bluebg a.button:hover{ background:transparent; border:2px solid white; } .bluebg.spring-offer{ background:var(--red)} .bluebg.spring-offer .itb_image{ background:#FFF;} .bluebg.spring-offer img{ mix-blend-mode:darken } .product_information .image_and_text_block{margin-top: 110px;position:relative;} .whitebg{ background:white; } .whitebg a.button{ border-radius: 0px;background: var(--red); } .whitebg .button:after{ background:black; } .darkbg{ background:var(--dark)} .darkbg *,.darkbg .fieldgroup input[type="submit"]{ color:#FFF; } .darkbg .button{ background:var(--red)} .warning{ background:var(--red); } .warning *{ color:#FFF; } .warning .cta_content{ max-width:1222px; } .warning hr{ border:0; display:block; max-width:100px; height:1px; background:#FFF; margin:50px auto } a:hover, a:link, a:visited{ color:inherit; text-decoration: none; } .showdropdown { padding: 9px 22px !important; position: relative; top: 2px;} .hotbuttondropdown {position: absolute;right: -2px;padding: 0px 0;z-index:9999;max-height:0px;overflow:hidden;top: 70px;} .hotbuttondropdown a.button{display:block;background: var(--blue) !important;margin-bottom:10px;text-align: center;} .showdropdown:hover .hotbuttondropdown{max-height:150px;padding:50px 0;top: 6px;right: -2px;} .hotbuttondropdown:hover{ max-height:100px; } .itb_content a:hover,.itb_content a:link, .itb_content a:visited{ text-decoration:underline; } a.button, .product_details a.button{display:inline-block; text-decoration:none !important;;padding: 13px 50px;background:#000000;border-radius:0px;margin-right: 20px;color:#fff;cursor:pointer;text-transform: uppercase;font-weight:bold;font-size: .85rem;line-height: 1em;position:relative;} a.button:hover, .product_details a.button:hover{color:#fff;background: var(--red); border:2px solid var(--red)} .button.transparentbutton { background: transparent; border: 2px solid var(--red); color: var(--red); } .greenbutton{ background:var(--red)} .acf-map { width: 100%; height: 300px; border: #ccc solid 1px; margin: 20px 0; } #sending, #sent{display:none;} input, select, textarea{box-sizing: border-box; font-family: inherit; font-size:inherit; } .mobileonly{display: none !important;} #savetarget{ padding: 0; margin: 0; border: 0; display: block; width: 0; height: 0; } .ninesixty{ width:100%; max-width:1300px; position:relative; margin:0 auto; box-sizing:border-box; } .site-main {background:#FFF;padding:80px;top:-180px;z-index: 9;} .clear{clear:both;} .cl5{ height:5px;} .cl10{ height:10px;} .cl20{height:20px;} .cl30{height:30px;} .cl40{height:40px;} .cl50{height:50px;} .cl60{height:60px;} .cl70{height:70px;} .cl80{height:80px;} .cl90{height:90px;} .cl100{height:100px;} .smartphoneonly{ display: none; } div, input, span, svg, a.button, nav *{ transition:all 0.5s ; -webkit-transition:all 0.5s ; -o-transition:all 0.5s ; -moz-transition:all 0.5s } .mapdiv, .mapdiv div, div#map, #map div, .about_image{ transition:all 0s ; -webkit-transition:all 0s ; -o-transition:all 0s ; -moz-transition:all 0s } ::selection { background: #2bbbdb; /* WebKit/Blink Browsers */ color:#FFF; } ::-moz-selection { background: #2bbbdb; /* Gecko Browsers */ color:#FFF; } /*floating button*/ .floatingbutton{ position:fixed; z-index:9999999; bottom:0; right:calc((100% - 1520px)/2); text-align:center; } .enqbutton { background:var(--red); border:2px solid white; border-bottom:0; color:#FFF; font-size:0.9rem; padding:10px 0; width:210px; position:relative; z-index:9; cursor:pointer; font-weight:bold;} .buttoncontent{ background:#6A6D8A; color:#FFF; font-size:0.9rem; padding:20px;border:2px solid white; border-bottom:0; position:absolute; bottom:-140px; width:calc(100% - 44px);} .buttoncontent *{ font-size:inherit; } .bctitle{ border-bottom:1px solid; padding:0px 0 10px; margin-bottom:8px;} .cityname { padding:5px 0; margin-top:2px; border:1px solid #6A6D8A; cursor:pointer; } .cityname:hover{ border:1px solid #FFF; } .floatingbutton:hover .buttoncontent{ bottom:42px; } /*POSTS / NEWS */ .single-post-template{ background:#F} .single-post-template h1{ margin-bottom:70px;} .post_featured_image{ width: 100%; aspect-ratio: 1 / .418; background-size: cover; background-position: center; margin: 70px 0; border-radius: 0;} .post_content_grid{grid-template-columns:1fr .66fr;display: grid;grid-gap: 93px;} .post_content_grid .post_content h2{ margin-bottom:50px;} .post_content_grid .post_content img{width: calc(50% - 14px);border-radius:15px;display:inline-block;margin:30px 0px 30px 0;height: auto;/* aspect-ratio: 1/1.3; *//* object-fit: cover; */} .post_content_grid p img.size-medium{aspect-ratio: 1 / 1.3; object-fit: cover; } .post_content_grid .post_content img:first-of-type{ margin-right:22px; } .post_content_grid .post_content p{ padding-bottom:20px} .post_content_right .latest_news_items { border: 1px solid #2F296A; margin-bottom:34px;} .post_content_right .latest_news_items h2{border-bottom: 1px solid #2F296A;margin-bottom: 0;padding-bottom: 32px;} .post_content_right .latest_news_items *{ color:#2F296A; } .post_content_right .news_item{border-bottom:1px solid #2F296A;} .post_content_right .news_item:last-of-type{ border-bottom:0;} .post_content_right .news_title a{color: #2F296A !important; } .post_content_right .news_item .arrowbutton:after{content:""; display:inline-block; width:33px;height:33px;background:#2F296A; -webkit-mask-image:url('img/arrow.svg');-webkit-mask-size:contain; -webkit-mask-position:center;} .post_content_right .catalouge_download{ background:#E6E6E6; padding: 61px 40px 50px 270px; } .post_content_right .cta_item{ position:relative; overflow:hidden; margin-bottom:32px; border-radius:15px; } .cta_item:before{ content:""; display:block; width:100%; height:100%; background:#0000003b; top:0; left:0; position:absolute; } .post_content_right .sidebar_cta_content{position:absolute;z-index:99;top:50%;color:#FFF;transform:translateY(-50%);text-align:center;width: 100%;font-family: "poppins", sans-serif;} .sidebar_cta_content a{ color:inherit;} .sidebar_cta_content h2{font-family:inherit;font-weight:bold;line-height:1.2em;margin-bottom:10px;padding: 0 20px;} .cta_item img{ display:block; } .cta_item .button{ background:var(--green); } /*NEWS BOX*/ .news_box{ background:linear-gradient(to bottom, #181535 0%,#2F296A 100%);; padding:117px 0; } .newsgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap: 26px; grid-row-gap:26px;} .catalouge_download{background:#F7F7F7;border-radius: 16px;overflow:hidden;padding: 110px 40px 50px 270px;position:relative;margin-bottom: 26px;} .catalouge_download img{position:absolute;width: 177px;height: 250px;transform:rotate(-10deg);left: 60px;top:50px;box-shadow: -5px 6px 6px 0 rgba(0,0,0,0.2);} .catalouge_download_title h2, .latest_news_items h2, .nbox_title{font-size:1.85rem;font-weight:normal;padding-bottom: 20px;line-height:1em;} .latest_news_items h2{border-bottom: 1px solid #FFF;padding-bottom: 40px;} a.button.downloadbutton{float:right;margin-top:20px;background:var(--blue);padding-right:70px;position: relative;} .downloadbutton:after{content:"";display:block;width:27px;height:22px;position:absolute;background: url('../img/download.svg') no-repeat;background-size:contain;top: 8px;right: 23px;} .latest_news_items{border:1px solid #FFF;/* border-radius: 16px; */padding:47px 35px;} .latest_news_items *{ color:#FFF; } .news_item{border-bottom:1px solid #FFF;padding: 19px 150px 18px 0;position: relative;} .news_item:last-of-type{ border-bottom:0; padding-bottom:0;} .news_title a{color: #FFF !important;text-transform: uppercase;font-weight: bold;} .news_item .arrowbutton{width:33px;height:33px;background:url('../img/arrow.svg');display: block;position: absolute;right: 20px;top: 40px;} /*PROJECTS*/ .projects_intro{background:#FBFBFB;position: relative;padding-bottom: 62px;} .projects_intro .formdiv {max-width: 650px;text-align: center;} .projects_intro .fieldgroup{ display:inline-block; } .projects_intro .fieldgroup input[type="submit"]{background:var(--blue);color:#FFF;height: 50px;border: 1px solid var(--blue);} .projects_intro .focus-border{ display:none; } .projects_intro .enewsfield{ border:1px solid } .projects_intro .intro_content{ padding:20px 0} .latest_projects_wrapper{background:#FBFBFB; padding-bottom:100px;} .latest_project_filter{border-top:1px solid #DDD;padding-top: 18px; margin-bottom:60px;} .filter_title{position:relative;padding-left: 0;margin-bottom: 20px;} .filter_title:before{content:"";display:inline-block;width:29px;height:17px;background:url('img/filter.svg') no-repeat;background-size:contain;background-position:50%;margin-right: 10px;position: relative;top: 4px;} .latest_project_filter .lpf_category{ display:inline-block; padding:10px 20px 6px; background:transparent; border:1px solid; border-radius:50px; margin-right:10px; cursor:pointer; } .latest_project_filter .active, .latest_project_filter .lpf_category:hover{ background:#000; color:#FFF;} .latest_projects_wrapper .project_image{width:100%;position:relative;height:400px;border-radius: 14px;margin-bottom: 26px;overflow: hidden;} .latest_projects_wrapper .firstitem .project_image{ height:100%; } .firstitem .project_image{ aspect-ratio:unset; } .firstitem .project_content, .firstitem .project_content *{color:#FFF;} .firstitem .project_excerpt, .firstitem .project_excerpt *{font-size: 1.11rem; } .firstitem .project_content{padding: 77px 110px 77px 50px;} a.project_category{ color:var(--green); text-transform:uppercase; font-weight:600; margin-bottom:10px; display:block;} .project_title{margin-bottom:34px;font-size: 2rem;line-height: 1em;} .project_link{ margin-top:34px; } .latestposts{ padding: 70px 0;} .latest_projects_grid{ display:grid; grid-template-columns:repeat(3,1fr); grid-row-gap:76px; grid-column-gap:36px; } .firstitem{background:var(--blue);grid-column: span 3;margin-bottom:70px;display: grid;grid-template-columns:1fr 2fr;grid-template-areas: "content image";border-radius: 16px;overflow: hidden;} .firstitem .project_image{grid-area:image;border-radius: 0;} .project_image .pi_span{display:block;width:100%;height:100%;position:relative;background-size: cover;background-position: center;} .project_image:hover .pi_span{ transform:scale(1.05)} .firstitem .project_content{ grid-area:content; } .featured{grid-column:span 2;position:relative;color:#FFF;min-height: 540px;} .featured .project_image{ height:100%; overflow:hidden;} .featured .project_image:after{ content:""; display:block; width:100%; height:100%; background:#00000045; } .featured .project_content{position:absolute;top: 50%;z-index: 99;max-width:50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #FFF;} .featured .project_content a{ color:inherit; } .featured .project_excerpt, .featured .project_categories{ display:none; } .featured a.arrowbutton2{ color:#FFF; } .featured .arrowbutton2:after{-webkit-mask-image: url(img/arrow.svg);mask-image: url(img/arrow.svg);background: #FFF;width: 31px;height: 31px;top: 9px;} .firstitem.featured .project_content{position:relative;padding: 77px 20px;max-width: 100%;} .firstitem.featured .project_excerpt{ display:block; font-size:1em; } /*PRODUCTS*/ .page-title{ display:none} .product_information{padding: 110px 0 0;} .product_info_grid{ display:grid; grid-template-columns:1fr 1fr; grid-gap:200px; } .product_information h3{color:var(--blue);text-transform: uppercase;} .product_information h1{font-weight:lighter;font-size: 2rem;} .product_details, .product_details *{ color:var(--blue); } .tabs_content h3{ color:var(--light);} .additionalnote{ border-top:1px solid grey; padding-top:30px;} .product_buttons{ margin-top:30px;} .product_details a.button{color: var(--blue);background: #FFF;border: 2px solid var(--blue);} .facts{ margin:45px 0 75px; } .facts{ display:grid; grid-template-columns: repeat(6, 1fr); grid-gap: 10px; } .fact{ width:100%; aspect-ratio : 1 / 1; background-repeat:no-repeat !important; background-position:50% !important; background-size:contain !important; ; } .warranty2y{ background:url(img/warranty5y.svg)} .warranty3y{ background:url(img/warranty3y.svg)} .warranty5y{ background:url(img/warranty5y.svg)} .warranty7y{ background:url(img/warranty7y.svg)} .warranty10y{ background:url(img/warranty10.png)} .steelgauge55{ background:url(img/steelgauge55.svg)} .steelgauge95{ background:url(img/steelgauge95.png)} .steelgauge75{ background:url(img/steelgauge75.png)} .steelgauge60{ background:url(img/steelgauge60.png)} .steelgauge40{ background:url(img/steelgauge40.png)} .smartphone{ background:url(img/smartphone.svg)} .recommended_opener{ background:url(img/recommended_opener.svg)} .recommended_opener6{ background:url(img/recommended_opener6.png)} .recommended_opener11{ background:url(img/recommended_opener11.png) } .insulation{ background:url(img/insulation.svg)} .automation{ background:url(img/automation.png)} .warranty{width:254px;height:236px;position:absolute;display:block;top:55%;margin-top: -154px;right: 50%;margin-right: -800px;} .warranty10{ background:url(img/warranty10.png); } .tabbed_content{border-top: 2px solid rgba(0,0,0,0.3);margin: 110px 0 0;padding: 140px 0;} .tabbed_content.standalone{ margin-top:0; } .tabs{text-align: left;margin-bottom: 50px;padding-bottom: 30px;border-bottom: 1px solid #FFF;} .tab{display:inline-block;font-weight:bold;padding: 0 70px 0 0;color: #909192;cursor:pointer;text-transform: uppercase;font-size: 1.1rem;position:relative} .tab:after{content:"";position:absolute;right: 50px;top: 13px;transform:translateY(-50%);transform: rotate(-90deg);display:block;width:14px;height: 8px;mask:url(img/mennuarrow.svg);-webkit-mask:url(img/mennuarrow.svg);-webkit-mask-size: contain;mask-size: contain;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;background:#FFF;} .tab.active,.tab:hover{color: #FFF;} .tab.active:after,.tab:hover:after{background:#FFF; } .tab.active:after{ transform:rotate(0deg)} .tabs_content{margin:0 auto;overflow: hidden;} .tcontent_wrapper{ width:200%;white-space: nowrap;} .tcontent{width: 50%;display:inline-block;white-space: normal;overflow: hidden;vertical-align: top;} .tcontent_wrapper.downloads .tcontent{transform:translateX(-100%);} .descgrid{ display:grid; grid-template-columns:1fr 1fr; grid-gap:200px; margin-bottom:50px;} .descgrid h6{display:block;margin-top: 40px;margin-bottom: 10px;text-transform: uppercase;} .descgrid div:nth-of-type(2) h6:first-of-type{ margin-top:0; } .descgrid a{ text-decoration:underline !important;} .additionalnote img{ width:100%; height:auto;} .specification_intro{ font-weight:bold;} .downloads_wrapper a{ color:#FFF; } @media only screen and (max-width:1280px){ .tabbed_content { margin: 80px 0 0; padding: 80px 0; } } @media only screen and (max-width:768px){ .tabbed_content { margin: 40px 0 0; padding: 40px 20px; } .tab:after{ right:30px; top:8px} } /*Parallax image*/ .pscene{height:694px;width:100%;display:block;overflow: hidden;} .parallax_image{ display:block; width:100%; height:100%; overflow:hidden; background-size: cover !important;background-position: 50% !important;} /*WAYPOINT DISAPPEAR*/ .disappear{ transform:scale(0.97); opacity:0; } .disappear_cta{ transform:scale(0.87); opacity:0; } .disappear_cta .ninesixty{ margin-top:70px; } .wp-block-columns { margin: 20px 0;} .wp-block-column {margin: 0 0 0 40px;} .wp-block-columns { display: flex;} .wp-block-column {flex: 1;text-align: justify;} .wp-block-image{ width:1300px; position:relative;left:-80px; } .content{ display: block; width: 100%; height: 100%; } .content_block{width:100%;max-width: 1520px;position:relative;margin:0 auto;box-sizing:border-box;} .popupwindow_wrapper{position:fixed;top:0;left:0;width:0vw;height: 100vh;display:block;z-index: -11;background: var(--blue);/* opacity: 0.97; */} .popupwindow_wrapper.popupopen{width:100vw;height:100vh;z-index:909999999;} .popupwindow{width: calc(100% - 100px);height: calc(100% - 100px);display:block;position:absolute;left:0;top:0;padding: 50px;} .popupframe{ border:0; width:100%; height:100%; } .popupclose{display:block;z-index:999;position:absolute;width:50px;height:50px;background: var(--text);right: 50px;top: 0;cursor: pointer;} .popupclose:after{content:"";width:2px;background: #FFF;display:block;height:30px;position:absolute;left: 24px;top: 10px;transform:rotate(45deg)} .popupclose:before{content:"";width:2px;background: #FFF;display:block;height:30px;position:absolute;left: 25px;top: 10px;transform:rotate(-45deg)} .popupclose:hover{ background:var(--red);} .popucontent{ display:none; height:100%; } .popucontent iframe{ width:100%; height:100%;} div, input, span, svg, a.button, nav, .mobilemenu_button:before, .mobilemenu_button:after, label, *:after, img, a, nav li{ transition:all 0.5s ; -webkit-transition:all 0.5s ; -o-transition:all 0.5s ; -moz-transition:all 0.5s } .mapdiv, .mapdiv div, div#map, #map div, .about_image, .parallax_image, .parallax_image *{ transition:all 0s ; -webkit-transition:all 0s ; -o-transition:all 0s ; -moz-transition:all 0s } .parallax-mirror, .parallax-mirror *{ transition:all 0s ; -webkit-transition:all 0s ; -o-transition:all 0s ; -moz-transition:all 0s } .parallax_image img{height:auto !important;} .nodisp{ display:none !important; } ::selection { background: #2bbbdb; /* WebKit/Blink Browsers */ color:#FFF; } ::-moz-selection { background: #2bbbdb; /* Gecko Browsers */ color:#FFF; } .wp-block-columns { margin: 20px 0;} .wp-block-column {margin: 0 0 0 40px;} .wp-block-columns { display: flex;} .wp-block-column {flex: 1;text-align: justify;} .wp-block-image{width: 100%;max-width: 1300px;position:relative;left: 0;margin: 0 auto;text-align: center;} .hotlinks{display:block;text-align:right;position: relative;margin-top: 58px;margin-bottom: 30px;} .tsearch{display:inline-block;width:350px;margin-right: 13px;} .tsearch input{ display:inline-block; } .tsearch input[type="search"]{border:1px solid white;height:47px;background:transparent;color:#FFF;padding:0 20px;width:0;padding:0;border:0;border-radius: 0px;} .tsearch input::placeholder{ color:#FFF; } .tsearch:hover input[type="search"], .tsearch input[type="search"]:focus{ width:250px; padding:0 20px; border:1px solid #FFF; } .tsearch input[type="submit"]{ color:transparent; background:url(img/icon-search.svg) no-repeat; border:0; width:23px; background-size:contain; height:23px; position:relative; top:5px; } .tsearch label span{ display:none; } .hotbuttons{ display:inline-block; } .hotbuttons .button, .woocommerce .hotbuttons a.button{background:transparent;border:2px solid white;border-radius: 0;margin-right: 0;margin-left: 15px;padding: 13px 20px;color: #FFF;} .hotbuttons .callbutton, .woocommerce .hotbuttons a.callbutton{padding-left:50px;} .callbutton:before{content:"";display:block;width:20px;height:20px;background:url(img/icon-phone.svg) no-repeat;background-size:contain;background-position:50%;left: 10px;top:50%;transform:translateY(-50%);position:absolute;} .hotbuttons span.button{ background:var(--red); } .twocolgrid { display:grid; grid-template-columns:1fr 1fr; padding:100px 0; grid-column-gap:100px; grid-row-gap:40px} .twocolgrid a{ color:var(--red); } .twocolgrid iframe{ width:100%;} .twocolgrid img { width: 100%; height: auto; } .twocolgrid h4{ color:inherit; font-weight:bold; padding-bottom:20px; } .twocolgrid h5{ text-transform:uppercase; margin-bottom:10px;} .twocolgrid p{ padding-bottom:20px;} .twocolgrid ul{ padding-bottom:20px; } .services2col h2{ color:inherit; font-weight:bold;} .services2col .tcg_column:nth-of-type(2){ max-width:600px} .services2col .tcg_column:nth-of-type(2) strong{ font-size:1.6rem !important; } .services2col .tcg_column:nth-of-type(2) p{ font-size:1.4rem; } .services2col h4{ max-width:560px; } .new_intro h3{ font-weight:200; text-transform:none; font-size:2.5rem; line-height:1.2em} .new_intro .twocolgrid{ grid-column-gap:210px; } @media only screen and (max-width:1600px){ .twocolgrid, .new_intro .twocolgrid{grid-column-gap: 100px;padding:80px 40px} } @media only screen and (max-width:1280px){ .twocolgrid, .new_intro .twocolgrid {padding:80px 40px;grid-column-gap: 70px;} } @media only screen and (max-width:820px){ .twocolgrid, .new_intro .twocolgrid {grid-template-columns:1fr;padding: 40px 20px 0;} .new_intro h3{ font-size:1.8rem} } /*green_cta_contact_wrapper*/ .green_cta_contact_wrapper{background: linear-gradient(to bottom, #44EB44 1%,#00B44C 100%);color:#FFF;padding: 52px 0;} .green_cta_contact{ display:grid; grid-template-columns:1fr 1fr; grid-gap:100px;} .gcc_title{text-align:right;text-transform:uppercase;position: relative;} .gcc_title span{position: relative;top: 50%;transform: translateY(-50%);display: block;font-weight: bold;} .gcc_locations{ position:relative; width:100%; } .gcc_location{display:inline-block;padding-left: 48px;padding-right: 32px;position:relative;} .gcc_location a{font-size:1.3rem;font-weight:bold;line-height:1em;} .gcc_location:before{ content:""; display:inline-block; background:url(img/phone.svg) no-repeat; width:28px; height:28px; position:absolute; left:0; background-size:contain; top:50%; transform:translateY(-50%);} .gcc_location span{display:block;font-size:1rem;line-height:1em;padding-top: 4px;} /*green_cta_contact_2*/ .green_cta_contact_2{position: relative;text-align: center;} .green_cta_contact_2 .gcc2_title{text-align: center;text-transform: unset;position: relative;color: var(--text);font-size: 3.5rem;font-weight: 200;} .gcc_intro, .gcc_intro *{ color:var(--text); font-weight:bold; } .gcc_intro{ max-width:960px; margin:0 auto; margin-bottom:50px;} .gcc_buttons{ text-align:center; } .green_cta_contact_2 .gcc_button{display:inline-block; text-transform:uppercase; background:var(--blue); padding:20px 40px; margin:0 10px 50px;;} .green_cta_contact_2 .gcc_locations{ border-top:1px solid #FAFAFA; padding-top:30px;} .gccltitle, .gcclocations{ display:inline; } .gccltitle{text-transform:uppercase;font-weight:bold;padding-right:40px;bottom: 10px;position: relative;font-size: 1.3rem;} @media only screen and (max-width:1280px){ .green_cta_contact_2 .gcc2_title { font-size: 2.5rem; } .green_cta_contact_2 .gcc_button{ padding:10px 30px; } .gccltitle{ font-size:1.2rem; } } @media only screen and (max-width:960px){ .green_cta_contact_wrapper{ padding:40px 20px;} .gccltitle{ display:block; } } /*green icon bar*/ .green_icon_grid_wrapper{background: linear-gradient(to bottom, rgba(120,187,58,1) 1%,rgba(3,144,14,1) 100%); color:#FFF; padding:72px 0; } .green_icon_grid_wrapper .content_block{ max-width:1640px; } .green_icon_grid{grid-template-columns:repeat(4,1fr);display:grid;grid-gap: 100px;} .green_icon_text_block{ text-align:center; } .green_icon_text_block *{color:white;} .green_icon{ width:70px; height:70px; margin:0 auto 20px; position:relative; } .green_icon_text{font-size: .8rem;} .green_icon img{ max-width:60px; max-height:60px; position:relative; top:50%; transform:translateY(-50%)} .green_icon_text_block h3{ text-transform:unset; } @media only screen and (max-width:1780px){ .green_icon_grid_wrapper{padding: 70px 20px} } @media only screen and (max-width:1280px){ .green_icon_grid_wrapper{padding: 70px 20px} .green_icon_grid{ grid-template-columns:1fr 1fr; grid-gap:50px;} } @media only screen and (max-width:480px){ .green_icon_grid{ grid-template-columns:1fr } } /*search_results*/ .search_results{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;grid-row-gap: 50px;margin: 90px 0;} .search_results .thumbnail_image{width:100%;height:200px;background-size:cover !important;background-position:50% !important;display: block; position:relative; background: rgb(0,28,58); background: -moz-linear-gradient(top, #1B1B35 0%, #363673); background: -webkit-linear-gradient(top, #1B1B35 0%,#363673); background: linear-gradient(to bottom, #1B1B35 0%,#363673); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B1B35', endColorstr='#363673',GradientType=0 ); } .search_results .thumbtitle{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#FFF; text-transform:uppercase; font-weight:lighter; } .search_results header{text-align:center; margin:5px 0 0 0; } .pagination_wrapper{ text-align:center; margin-bottom:90px;} .pagination_wrapper nav a, .pagination_wrapper nav a:link, .pagination_wrapper nav a:hover, .pagination_wrapper nav a:visited, .pagination_wrapper nav{ color:#000; } .page-numbers { display: inline-block; padding: 5px 10px; margin: 0 2px 0 0; border: 1px solid #eee; line-height: 1; text-decoration: none; border-radius: 2px; font-weight: 600;} .page-numbers.current,a.page-numbers:hover { background: #f9f9f9;} /*TESTIMONIALS*/ .testimonials, .text_only.testimonials{padding: 150px 80px;box-sizing: border-box;} .testimonial_slider h4{ color:#FFF; } .testimonial_slider h4{ color:#FFF; } .testimonials h4{padding-bottom:40px;font-size: 1.25rem; text-align:center; } .testimonials.bluebg h4{ color:#78bb3a; font-weight:bold;} .testimonials.lightbg h4, .testimonials.whitebg h4, .testimonials.whitebg h4, .testimonials.whitebg h4 *{color:var(--red);text-align: center;font-weight: bold;}{color:var(--red);text-align: center;font-weight: bold;} .testimonials h4 *{ font-weight:inherit; } .testimonials.lightbg .testimonial_content, .testimonials.whitebg .testimonial_content{color:var(--blue)} .testimonial_content{max-width: 1160px;text-align:center;font-size:1.75rem;margin:0 auto;color: #FFF;} .testimonial_content *{font-size: 1.4rem;font-weight: 400 !important;} .testimonial_stars{width: 165px;height:32px;margin: 30px auto 0;background:var(--red);-webkit-mask-image:url(img/icon-star.svg);mask-image:url(img/icon-star.svg);-webkit-mask-repeat: repeat-x;mask-repeat: repeat-x;} .testimonial_stars.starno5{width: 165px;} .testimonial_stars.starno4{width: 132px;} .testimonial_stars.starno3{width: 99px;} .testimonial_stars.starno2{width: 67px;} .testimonial_slider .flex-control-nav{ display:none; } .testimonial_slider .flex-direction-nav{} .testimonial_slider .flex-direction-nav a:before {-webkit-mask-image: url(img/mennuarrow.svg);mask-image: url(img/mennuarrow.svg);background: var(--blue);display: block;width: 40px;height: 40px;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: 50%;mask-position: 50%;transform: rotate(90deg);} .testimonial_slider .flex-direction-nav .flex-prev:after {font-family: unset;font-size: 40px;background: transparent;border-radius: 50%;width: 60px;height: 60px;position: absolute;top: 0;left: -30px;display: block;content:'';color: rgba(0,0,0,.8);z-index: -1;text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);} .testimonial_slider .flex-direction-nav .flex-next:after {font-family: unset;font-size: 40px;background: transparent;border-radius: 50%;width: 60px;height: 60px;position: absolute;top: 0;left: 0px;display: block;content: '';color: rgba(0,0,0,.8);z-index: -1;text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);} .testimonial_slider .flex-direction-nav a.flex-next:before{transform: rotate(-90deg);} .testimonial_slider .flex-direction-nav a.flex-next:before{left: -6px;position: absolute;top: 5px;width: 49px;height: 48px;-webkit-mask-size: 40%;mask-size: 40%;} .testimonial_slider .flex-direction-nav a.flex-prev:before{left: -13px;position: absolute;top: 5px;width: 49px;height: 48px;-webkit-mask-size: 40%;mask-size: 40%;} .testimonial_slider .flex-direction-nav li a{width: 52px;height: 60px;margin: -13px 0 0;display: block;background: transparent;position: absolute;top: calc(50% - 30px);cursor: pointer;text-indent: -9999px;color: transparent;left: calc(100% - 30px);opacity: 1;z-index: 999999999999999;} .testimonial_slider .flex-direction-nav .flex-prev{left: 0;} @media only screen and (max-width:1280px){ .testimonial_content{font-size:1.5rem;} .testimonial_slider .flex-direction-nav .flex-prev{left: -30px;} .testimonial_slider .flex-direction-nav .flex-next{left: 100%;} } @media only screen and (max-width:768px){ .testimonial_content{font-size:1rem;} .testimonial_stars{ transform:scale(.6)} .testimonials.text_only{padding: 50px 40px;overflow-x: hidden;} } @media only screen and (max-width:660px){ } /*BROCHURES*/ .brochures{ padding:80px 0; } .brochure{ position:relative; } .btitle{ display:block; width:100%; border-bottom:1px solid var(--blue); color:var(--blue); padding:0 0 10px 0; margin-bottom:70px;} .brochures_grid{ display:grid; grid-template-columns:repeat(4,1fr); grid-gap:130px; } .brochure_image{width:100%;height:393px;display:block;background-size: cover !important;background-repeat: no-repeat !important;} .brochure_title{text-align:center;padding: 28px 30px 0;display:block;color:var(--blue);font-weight:bold;text-transform: uppercase;} .page-id-81 .brochure_title{ line-height:1.3em; font-size:.85rem; } .brochure:hover .brochure_image{ transform:scale(1.05)} .brochure:hover .brochure_button{ opacity:1; } .brochure_button{ opacity:0; position:absolute; bottom:0; left:0; display:block; width:100%; height:3rem; line-height:3rem; background:var(--red); text-align:center; color:#FFF; text-transform:uppercase; font-size:1.11rem; font-weight:bold; } .brochure_button:after{ content:""; display:inline-block; width:20px; height:20px; background:url(img/icon-download.svg) no-repeat; margin-left:10px; top:1px; position:relative;} @media only screen and (max-width:1680px){ .brochures{ padding:80px 40px; } } @media only screen and (max-width:1280px){ .brochures_grid{ grid-gap:40px;} .brochure_image{ height:370px; } } @media only screen and (max-width:1024px){ .brochures_grid{grid-template-columns: repeat(3,1fr);grid-gap: 27px; } .brochure_image {background-size:cover !important; background-position:center !important; height: 410px; } } @media only screen and (max-width:820px){ .brochures_grid{ grid-template-columns:repeat(3, 1fr); } .brochure_image{ height:300px; } .brochure_title { font-size:.9rem; text-align: center; padding: 10px 0px 0; } } @media only screen and (max-width:768px){ .brochures_grid {grid-template-columns: repeat(2, 1fr);} } @media only screen and (max-width:767px){ .brochures_grid {grid-template-columns: repeat(1, 1fr); } .brochure_image { width: 220px; margin:0 auto; } } /*ACCORDION*/ .accordion_elements{padding: 90px 0 170px;} .accordion{border-bottom: 1px solid #999999;padding-bottom:0px;position:relative;} .accordion:first-of-type{ border-top: 1px solid #999999;} .accordion_title{color:var(--blue);text-align:center;max-width:1000px;display:Block;margin: 90px auto 0;font-weight: 400;} #accordion1{ borer} .accordion *{ color:var(--dark)} .accordion:after{content:"";display:block;width:18px;height:11px;background:url(img/accordion.svg);background-size:contain;background-repeat:no-repeat;position:Absolute;right: 40px;top: 50px; transform:rotate(-90deg);} .accordion.open:after{ transform:rotate(0deg)} .accordion.open{ padding-bottom:20px; } .question{padding: 30px 0 30px 40px;text-transform:uppercase;cursor:pointer;font-weight: 600;} .counter{ position:absolute; left:80px; text-align:center; ; } .answer{left: 40px;position:relative;width:80%;padding-top:0px;height:0;overflow:hidden;} .open .answer{padding-top:0px;height:auto; } .open .answer:after{ width:100%; opacity:1;} @media only screen and (max-width:1580px){ .accordion_elements{padding: 60px 40px 80px;} } @media only screen and (max-width:1280px){ .accordion:after{top: 19px;} .question{padding: 15px 0 15px 40px;} .answer{left:20px;width: 90%;} .counter{ position:absolute; left:20px; text-align:center; ; } } @media only screen and (max-width:960px){ .accordion_elements{padding: 0 20px;} .question{padding: 15px 60px 15px 20px;} .accordion:after{right: 10px;} } @media only screen and (max-width:767px){ .question{padding: 15px 60px 15px 0px;} } /*imagebg_and_text_block*/ .imagebg_and_text_block{position:relative;} .imagebg_and_text_block .bgimage{padding: 186px 0; position:relative; color:#FFF; background-size:cover !important; } .imagebg_and_text_block .bgimage *{ color:inherit; } .imagebg_and_text_block .bgimage:before{ content:""; display:block; width:100%; height:100%; background:#36367391; position:absolute; top:0; left:0; } .imagebg_and_text_block .textblock{ max-width:680px; margin:0 0 0 auto; text-align:left; } .imagebg_and_text_block .bgimage h2{ font-size:2.5rem; line-height:1.2em; margin-bottom:30px; } .imagebg_and_text_block .bgimage .textblock{font-size: 1.15rem;} .imagebg_and_text_block .bgimage .textblock .ibt_buttons{ margin-top:30px; } .imagebg_and_text_block .bgimage .textblock .ibt_buttons .button{ background:#78bb3a; } @media only screen and (max-width:1570px){ .imagebg_and_text_block .textblock{ padding-right:20px; } } @media only screen and (max-width:960px){ .imagebg_and_text_block .textblock{ padding-right:0px; margin:0 auto; padding:0 20px} } @media only screen and (max-width:768px){ .imagebg_and_text_block .bgimage h2{ font-size:1.8rem; } .imagebg_and_text_block .bgimage h2 br{ display:none; } } /*TITLE BANNER*/ .title_banner{ height: 50vh; background: rgb(0,28,58); background: -moz-linear-gradient(top, #1B1B35 0%, #363673); background: -webkit-linear-gradient(top, #1B1B35 0%,#363673); background: linear-gradient(to bottom, #1B1B35 0%,#363673); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B1B35', endColorstr='#363673',GradientType=0 ); position: relative; } .title_banner *{ color:#FFF; } .title_banner .content_block{bottom: 30px;position: absolute;left: 50%;transform: translateX(-50%);} .banner_subtitle{text-transform: uppercase;font-weight:bold;margin-bottom:20px;} h1.banner_title{font-weight: 200;} @media only screen and (max-width:1520px){ h1.banner_title{ font-size:2.2rem;} } @media only screen and (max-width:1280px){ h1.banner_title{ font-size:2.5rem;} h1.banner_title br{ display:none; } } /*IMAGE BLOCK*/ .image_block{ height:70vh; background-position:50% !important; background-size:cover !important; } /*FORM*/ .form{padding: 150px 0 80px;} .form ~ .tabbed_content{ margin-top:0; } .form h2{font-size: 3.5rem;font-weight: 600;margin-bottom: 40px;line-height: 1.1em;max-width: 420px;} .form_content{padding-right:40px;max-width: 515px;} .form_wrapper{ display:grid; grid-template-columns:1fr 1fr; grid-gap:190px} .instagram{ margin-top:50px; width:72px; height:72px; border:2px solid #FFF; border-radius:50%; display:block; -webkit-mask:url(img/instagram.svg);mask:url(img/instagram.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat; -webkit-mask-position:50%; mask-position:50%; background:#FFF; } @media only screen and (max-width:1680px){ .form{ padding:140px 20px;} } @media only screen and (max-width:1280px){ .form_wrapper{ grid-gap:90px} .form h2{ font-size:3rem; } } @media only screen and (max-width:820px){ .form_wrapper{grid-gap:40px;grid-template-columns: 1fr;} .form{padding: 50px 40px;} .form_content {padding: 0;max-width: unset;text-align: c;} .form h2 {max-width: unset;font-size: 2rem;} .footer_right{padding: 0;} } @media only screen and (max-width:767px){ .form{ padding:50px 20px; } .form_wrapper{grid-template-columns:1fr;grid-gap:20px;margin-top: 20px;} .form_content{text-align:center;padding-right: 0;} .instagram{ left:50%; position:relative; transform:translateX(-50%); } .fieldgroup input[type="submit"]{font-size: 1.4rem;height: 45px !important;} } /*CTA BANNER*/ .cta_banner{ padding:110px 0 90px; text-align:center; } .cta_banner.warning{ padding:60px 0; } .cta_banner.bluebg{background: rgb(0,28,58); background: -moz-linear-gradient(top, #1B1B35 0%, #363673); background: -webkit-linear-gradient(top, #1B1B35 0%,#363673); background: linear-gradient(to bottom, #1B1B35 0%,#363673); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B1B35', endColorstr='#363673',GradientType=0 ); } .cta_title{font-size:3.5rem; font-weight: 200; line-height:1.11em; margin-bottom:35px;} .cta_content{max-width: 995px;margin:0 auto;} .page-id-22 .cta_content{max-width: 856px;} .cta_banner .button{ margin-top:60px; } .warning .cta_title{ font-weight:bold;} .warning .cta_title:before{ content:""; display:inline-block; width:56px; height:52px; background:url(img/icon-warning.svg); position:relative; margin-right:10px;top:4px;} @media only screen and (max-width:1280px){ .cta_title{ font-size:3rem; } } @media only screen and (max-width:1024px){ .cta_title{ font-size:2rem; } } @media only screen and (max-width:768px){ .cta_title{font-size: 1.8rem;} .cta_banner, .cta_banner.warning { padding: 50px 20px; text-align: center;} } /*GRID*/ .grid_elements_disorder .grid_item{ top:70px; opacity:0; } .grid_item:nth-of-type(1){transition-delay: .3s} .grid_item:nth-of-type(2){ transition-delay:.4s } .grid_item:nth-of-type(2){ transition-delay:.5s } .grid_item:nth-of-type(3){ transition-delay:.6s } .grid_item:nth-of-type(4){ transition-delay:.7s } .grid_wrapper{margin: 0 0;background-size: cover !important;background-position: 50% !important;} .grid_content h1, .grid_content h2{ display:block; text-align:center; font-weight:200; } .grid_content h3{ display:block; text-align:center; margin-bottom:120px; } .grid_content a{ color:inherit; } .grid{ display:grid; } .grid_item{position:relative;top: 0;} .fourcol{padding: 150px 0;} .fourcol .grid{ grid-template-columns:repeat(4,1fr); grid-gap:37px;} .fourcol .grid.grid_slider{display:block;grid-template-columns:unset;/* max-width: 100%; *//* overflow: hidden; */} .grid_slider .grid_item{padding: 0;} .grid_slider li:first-of-type .grid_item{ padding-left:0;} .grid_slider li:nth-of-type(4n+4) .grid_item{ padding-right:0;} .grid_slider .flex-control-nav{ display:none; } .grid_slider .flex-direction-nav a:before { background: url(img/mennuarrow.svg); display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: 50%; transform: rotate(90deg);} .grid_slider .flex-direction-nav .flex-prev:after {font-family: unset;font-size: 40px;background: var(--blue);border-radius: 50%;width: 60px;height: 60px;position: absolute;top: 0;left: 21px;display: block;content: '';color: rgba(0,0,0,.8);z-index: -1;text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);} .grid_slider .flex-direction-nav .flex-next:after {font-family: unset;font-size: 40px;background: var(--blue);border-radius: 50%;width: 60px;height: 60px;position: absolute;top: 0;left: -30px;display: block;content: '';color: rgba(0,0,0,.8);z-index: -1;text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);} .grid_slider .flex-direction-nav a.flex-next:before{transform: rotate(-90deg);} .grid_slider .flex-direction-nav a.flex-next:before{left: -10px;position: absolute;top: 5px;width: 49px;height: 48px;background-size: 40%;} .grid_slider .flex-direction-nav a.flex-prev:before{left: 13px;position: absolute;top: 5px;width: 49px;height: 48px;background-size: 40%;} .grid_slider .flex-direction-nav li a{width: 52px;height: 60px;margin: -13px 0 0;display: block;background: transparent;position: absolute;top: 68%;cursor: pointer;text-indent: -9999px;color: transparent;left: 100%;opacity: 1;} .grid_slider .flex-direction-nav .flex-prev{left: -52px;} .fourcol .gi_title{background:var(--blue);display:block;color:#FFF !important;text-align:center;text-transform:uppercase;padding:10px 20px;font-size: .99rem;} .fourcol .gi_image{ width:100%; height:320px; overflow:hidden; display:block; } .gi_image img{ display:block; object-fit:cover; width:100%; height:100%; } .fourcol .gi_wrapper:hover .gi_title{ background:var(--red); } .fourcol .gi_wrapper:hover .gi_image img{ transform:scale(1.1)} .threecol{ padding:150px 0 129px; } .threecol .grid{ grid-template-columns:repeat(3,1fr); grid-gap:160px; text-align:center;} .threecol .gi_title{ text-transform:uppercase; font-weight:bold; margin-bottom:20px; display:block;} .threecol .grid_item{padding: 80px 0 99px;} .solid_color.threecol .grid_item{padding: 80px 0 149px; } .threecol .grid_item:after{ content:""; display:block; position:absolute; width:1px; height:100%; background:#ffffff78; top:0; right:-80px; } .threecol.sepFFFFFF .grid_item:after{ background:var(--blue)} .threecol.sepf6f6f6 .grid_item:after{ background:var(--blue)} .grid_item:nth-of-type(3n+3):after{ display:none; } .threecol a{display:inline-block; margin-top:40px;padding: 13px 50px;background:var(--red); border:2px solid var(--red);border-radius:0px;margin-right: 20px;color:#fff;cursor:pointer;text-transform: uppercase;font-weight:bold;font-size: .85rem;line-height: 1em;position:relative;} .threecol.sepFFFFFF a{ color:white; ) } .threecol a:hover{ background:transparent; border:2px solid white;} .threecol.sepFFFFFF a:hover{ color:var(--red); border:2px solid var(--red); } .gi_title span{top:50%;display:block;position:relative;transform:translateY(-50%)} .gi_wrapper .button{position:absolute;white-space:nowrap;bottom: 40px;left:50%;transform:translateX(-50%);} .threecol.sepf6f6f6 .button{ border:1px solid var(--blue); color:var(--blue)} .icons .gi_image img{ width:76px; margin:0 auto 20px;} .icons .gi_content{max-width:280px;display: block;text-align: center;margin: 0 auto;} .icons .grid_item:after{ display:none; } @media only screen and (max-width:1680px){ .threecol, .fourcol{ padding:100px 40px 120px } .threecol .grid{ grid-gap:100px;} .threecol .grid_item:after{ right:-60px; } .grid_wrapper{ overflow-x:hidden;} } @media only screen and (max-width:1330px){ .fourcol .grid .gi_title{ font-size:.8rem;} } @media only screen and (max-width:1200px){ .fourcol .grid { grid-template-columns: repeat(3,1fr); grid-gap: 27px; } } @media only screen and (max-width:820px){ .fourcol .grid{ grid-template-columns: repeat(2,1fr); grid-gap: 40px; } .threecol .grid{ grid-template-columns:1fr; grid-gap:0;} .grid_content h3 { margin-bottom: 60px;} .threecol .grid_item:after{ display:none;} .grid_item { padding: 30px 0 99px !important; } } @media only screen and (max-width:767px){ .fourcol .grid { grid-template-columns: repeat(1,1fr); grid-gap: 40px;} .threecol, .fourcol { padding: 50px 20px 50px; } .grid_content h1{font-size: 1.5rem;margin-bottom: 10px;} .grid_wrapper{ overflow:hidden; } .grid_slider .flex-direction-nav li a{width: 20px;top: 56%;left: 100%;} .grid_slider .flex-direction-nav .flex-prev{left: -20px;top: 56%;height: 60px;} .grid_slider .flex-direction-nav .flex-prev:after{left: 0px;top: 0px;/* z-index: 1; */border-radius: 50%;} .grid_slider .flex-direction-nav a.flex-prev:before { left: -9px; position: absolute; top: 17px; width: 40px; height: 25px; background-size: 40%;} .grid_slider .flex-direction-nav .flex-next:after {font-family: unset;font-size: 40px;background: var(--blue);border-radius: 50%;width: 60px;height: 60px;position: absolute;top: 0;left: -40px;display: block;content: '';color: rgba(0,0,0,.8);z-index: -1;text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);} .grid_slider .flex-direction-nav a.flex-next:before {left: -11px;position: absolute;top: 17px;width: 40px;height: 25px;background-size: 40%;} .grid_slider .grid_item { padding: 0 0px;} .icons .gi_image img{ width:30px } .icons .grid_item{ padding: 30px 0 19px !important;} } /*FLEXSLIDER*/ .captionbg{width:100%;height:140px;position:absolute;bottom:0;background:rgba(0,0,0,.3);display:block}.headerbottomimg{width:100%;height:70px;background:url(../../img/header_bottomimg.png);z-index:1;position:absolute;bottom:0;left:0;display:none}.flex-container a:active,.flexslider a:active{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{width:100%;border-top:180px solid #000;height:100%;overflow:hidden;margin:0;padding:0;box-sizing:border-box;display:block;background:#fff;border:0;position:relative;zoom:1}.flexslider .slides>li{display:block;box-sizing:border-box;position:relative;width:100%;height:455px;background:#ddd}.flexslider .slides img{width:100%;display:block;box-sizing:border-box}.flex-pauseplay span{text-transform:capitalize;display:block;box-sizing:border-box}.slides:after{content: "";display:block;clear:both;visibility:hidden;line-height:0;height: 100%;}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider .slides{zoom:1;width:100%;height:100%}.flex-container{zoom:1;position:relative}.flex-caption{background:0 0;zoom:1;width:860px;position:relative;right:20%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:860px;position:relative;left:50%;margin-left:-430px;color:#fff;font-size:34px;line-height:34px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}.flex-direction-nav li a{width:52px;height:52px;margin:-13px 0 0;display:block;background:url(js/flexslider2/theme/bg_direction_nav.png) no-repeat;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;color: transparent;}.flex-direction-nav li .next{background-position:-52px 0;right:20px}.flex-direction-nav li .prev{left:0}.flex-direction-nav li .disabled{opacity:.3;cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}.flexslider-carousel .flex-control-nav{bottom:25px}.flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1}.flex-control-nav li:first-child{margin:0}.flex-control-nav li a{width:13px;height:13px;display:block;background:url(theme/bg_control_nav.png) no-repeat;cursor:pointer;text-indent:-9999px}.flex-control-nav li a:hover{background-position:0 -13px}.flex-control-nav li a.active{background-position:0 -26px;cursor:default}.flex-control-paging li a{width:11px;height:11px;display:block;background:rgba(255,255,255,.5);cursor:pointer;text-indent:-9999px;z-index:999;border-radius:50%;position:relative;box-shadow:0 0 10px 2px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#fff;cursor:default;border-radius:50%}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow: unset;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:''}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right;background-position:-56px 0;content:''}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:''}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:''}@media only screen and (max-width:960px){.flex-caption{width:70%;position:relative;right:10%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:70%;position:relative;left:50%;margin-left:-40%;color:#fff;font-size:24px;line-height:24px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}}@media only screen and (max-width:768px){.flexslider{border-top:0 solid #000;/* height:480px */}.flexslider .slides>li{position:relative;width:100%;height:480px;background:#ddd;}}@media only screen and (max-width:600px){.flexslider, .header_slider{border-top:0 solid #000;/* height:480px; */}} .flex-viewport{height:100%;} .flexslider *{ color:#FFF; } /*SLICK SLIDER*/ .slick-next{z-index:999;display:block;position:absolute;right:-50px;top:50%;width:50px;height:50px;background:transparent;border:0;text-indent: -9999em;text-transform: uppercase;overflow:hidden;cursor: pointer;transform: translateY(-50%);} .slick-next:after{content:"";-webkit-mask-image: url(img/mennuarrow.svg);mask-image: url(img/mennuarrow.svg);background: #FFF;display: block;width: 25px;height: 50px;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: 50%;mask-position: 50%;transform: rotate(90deg);position: absolute;top: 50%;left: 12px;transform: translate(-50%,-50%) rotate(-90deg);} .slick-next:before{content:"";width:50px;height:50px;position:absolute;display:block;background:var(--red);border-radius:50%;top: 0;right: 25px;} .slick-disabled:before{ background:var(--gray);} .slick-prev{z-index:999;display:block;position:absolute;left: -50px;top:50%;width:50px;height:50px;background: transparent;border:0;text-indent: -9999em;text-transform: uppercase;overflow:hidden;transform: translateY(-50%);} .slick-prev:after{content:"";-webkit-mask-image: url(img/mennuarrow.svg);mask-image: url(img/mennuarrow.svg);background: #FFF;display: block;width: 25px;height: 50px;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: 50%;mask-position: 50%;transform: rotate(90deg);position: absolute;top: 50%;left: 38px;transform: translate(-50%,-50%) rotate(90deg);cursor: pointer;} .slick-prev:before{content:"";width:50px;height:50px;position:absolute;display:block;background:var(--red);border-radius:50%;top: 0;left: 25px;} .slick-disabled:before{ background:var(--gray); } .slick-disabled{cursor: not-allowed !important;} .slick-slide .gi_wrapper{ margin: 0 10px; } /*COLOR OPTIONS*/ .color_options_grid{ display:grid; grid-template-columns:repeat(4,1fr); grid-gap:50px; margin-bottom:80px;} .bgcolor{width: 100%;aspect-ratio: 1/.6;background-size: cover !important;} .text_only .color_title{font-weight: 400;padding:5px 0;} @media only screen and (max-width:1024px){ .color_options_grid{ grid-template-columns:repeat(3,1fr); } } @media only screen and (max-width:767px){ .color_options_grid{ grid-template-columns:repeat(2,1fr); } } /*TEXT ONLY*/ .text_only h1{/* max-width:620px; */margin-bottom:70px;font-weight:400;} .text_only{ padding: 150px 0;} .text_only *{ font-weight:200; } .text_only .twocol{grid-gap: 160px;grid-template-columns: 1.2fr 1fr;} .text_only .cblock{ max-width:602px; font-size:1.35rem; } .onecol .cblock{ max-width:unset; } .cblock *{ font-size:inherit; font-weight:400;} .cblock img{ width:100%; height:auto; } .cblock h5, .cblock strong{ font-weight:bold; } .page-id-2024 .text_only .cblock, .page-id-81 .text_only .cblock{ font-size:1rem; } .page-id-2024 .text_only .cblock a{ color:var(--red); } @media only screen and (max-width:1680px){ .text_only{ padding:150px 40px; } } @media only screen and (max-width:820px){ .text_only{ padding:50px 20px; } .text_only h1{ margin-bottom:20px} } /*TICKERTAPE*/ .tickertape{background:linear-gradient(to bottom, #44EB44 1%,#00B44C 100%);overflow-x: hidden;width: 100%;display: flex;padding: 15px 0;} .tickertape .animation{ color:#003773; font-size: 1.8rem; font-weight:bold} .tickertape .animation { animation: scrollRight 20s linear infinite; justify-content: flex-start; display: flex; white-space: nowrap; padding: 20px 0; } @keyframes scrollRight { 0% { transform: translateX(0) } 100% { transform: translateX(-50%) } } .gallery_swiper_wrapper{background:#EBEAEA; padding:100px 0; overflow-x:hidden;} .gallerytitle{ text-transform:uppercase; font-size:1.15rem; color:var(--text); padding-bottom:20px; font-weight:bold; } .swiper-button-next, .swiper-button-prev{background:#FFF;border-radius:50%;width:77px;height:77px;color: #00D60D;} .product_swiper .swiper-button-next{background: url(img/swiperarrow-green.svg);color: transparent;background-size:cover;} .product_swiper .swiper-button-prev{background: url(img/swiperarrow-green.svg);color: transparent; transform:rotate(180deg); background-size:cover;} .swiper-button-next:after, .swiper-button-prev:after{ font-size:34px;} .gallery_swiper_wrapper img{ width:100%; height:auto; aspect-ratio:1/0.7; object-fit:cover; object-position:bottom} /*PROFILE OPTIONS*/ .profile_options{padding: 128px 0;} .profile_options{ position:relative; } .profile_options + .profile_options .content_block:before{content:"";display:block;top: -110px;border-top:1px solid gray;position:absolute;width: 100%;} .po_topgrid{ display:grid; grid-template-columns:1fr 1fr; grid-gap:160px; margin-bottom:95px;} .po_title{ font-size:2.5rem; line-height:1.1em; color:var(--text); } .po_intro{max-width: 620px;color:var(--text)} .po_profiles{ display: grid; grid-template-columns:repeat(4,1fr); text-align:center; grid-gap:56px; } .po_profiles .profile_subtitle{grid-column:span 4;text-align:left;padding-top:50px;color:var(--text);font-size:1.2rem;font-weight:bold;margin-bottom: -36px; /* now works */} .po_profiles.windowprofiles{ grid-template-columns:repeat(2,1fr); } .po_profiles img{ width:100%; height:auto; } .profile_option .po_title{ font-size:1rem; text-align:center; } .colorinfotitle { grid-column: span 6; text-align: left; font-size: 1.5rem; border-bottom: 1px solid var(--dark);} .colorinfocontent{ grid-column: span 6; color:var(--text); text-align:left;} .colorinfocontent a { text-decoration: underline; text-decoration-thickness: 1px; text-decoration-style: dotted; text-decoration-color: #64a0cc; text-underline-offset: 4px;} .po_profiles.coloroptions{ grid-template-columns:repeat(6,1fr)} .colorblock{ aspect-ratio:1/0.386; display:block; background:black} .threadbow-white{ background:#DDE1E0; } .black{ background:#000; } .white{ background:#FFF; border:1px solid #DDD} .silver{ background:#b1b1b1; } .titania{ background:#d4d2c5; } .gull-grey{ background:#b3b5b2; } .sandstone-grey{ background:#828382; } .grey-firars{ background:#4a4d50; } .new-denim-blue{ background:#4b5158; } .windsor-grey{ background:#36393c; } .slate{ background:#504f4d; } .desert-sand{ background:#c0ad95; } .lignite{ background:#544942; } .karaka{ background:#3e3f3a; } .ironsand{ background:#43413f; } .flaxpod{ background:#47484a; } .ebony{ background:#2f2f31; } .permanent-green, .permanent-greent{ background:#3a5245; } .scoria{ background:#673c37; } .cloud{ background:#dfe0d4; } .thunder-grey{ background:#535450; } .mist-green{ background:#77816b; } .lichen{ background:#8a816c; } .pioneer-red{ background:#853c31; } .ashwood{ background:url(img/ashwood.png) center / cover no-repeat; } .red-oak{ background:url(img/red-oak.jpg) center / cover no-repeat; } .african-blackwood{ background:url(img/african-blackwood.jpg) center / cover no-repeat; } .color_outro{ font-size:.8rem; margin-top:40px; color:var(--text)} .flatpaneloptions table{ width:100%; max-width:1270px; } .flatpaneloptions table td, .flatpaneloptions table th{border:1px solid grey;padding: 6px 20px; color:var(--text)} .flatpaneloptions table th{ font-weight:bold; text-transform:uppercase; text-align:center;} .flatpaneloptions table td:nth-of-type(n+2){ text-align:center;} .flatpaneloptions span.tick{color:transparent;background:url('img/tick.svg');background-size:contain;background-repeat:no-repeat;width:28px;height:28px;margin: 0 auto;display:block;background-position:center;} .flatpaneloptions span.cross{color:transparent;background:url('img/x.svg');background-size:contain;background-repeat:no-repeat;width:22px;height: 22px;margin: 0 auto;display:block;background-position:center;top: 4px;position: relative;} @media only screen and (max-width:1560px){ .profile_options{ padding:80px 40px; } } @media only screen and (max-width:820px){ .po_profiles, .po_topgrid, .po_profiles.windowprofiles{grid-template-columns:1fr;grid-gap:20px;} .po_profiles.coloroptions{ grid-template-columns:1fr 1fr; grid-gap:20px;} .profile_options{ padding:40px 20px; } .gallery_swiper_wrapper{ padding:40px 20px 0} .swiper-button-next, .swiper-button-prev{background:#FFF;border-radius:50%;width:47px;height:47px;color: #00D60D;} .swiper-button-next:after, .swiper-button-prev:after{ font-size:20px;} .colorinfotitle{ grid-column:span 2;} .po_profiles .profile_subtitle{grid-column:span 1; margin-bottom:0px;} } /*SERVICE AREAS*/ .service_areas_wrapper{ padding:100px 0;} .service_areas_grid{display:grid;grid-template-columns:1fr 1fr;grid-gap: 158px;} .service_areas_wrapper h3{ font-size:3rem; font-weight:normal; text-transform:none; } .service_areas_wrapper h4{ padding-bottom: 30px; } .sa_content, .sa_content *{ font-size:1.4rem; } .sa_right_content .sa_green{background:linear-gradient(to bottom, #44EB44 1%,#00B44C 100%);padding:54px 74px;color:#FFF;text-align:center;border-radius: 35px;max-width: 577px;width: 100%;margin: 0 auto;box-sizing: border-box;} .sa_right_content iframe{ border-radius:35px;} .sa_right_content *{ color:inherit; } .sa_green_title{font-size:1.5rem;text-transform:uppercase;line-height:1.1em;padding-bottom:40px;font-weight: bold;max-width: 390px;margin: 0 auto;} .sa_green_content a{font-size: 1.7rem;} .sa_green_content a span{ font-size:1.2rem;} .sa_green_content .gcc_location:before{width: 49px;height: 49px;background: url(img/phone-light.svg) no-repeat;background-size: contain;} .sa_green_content .gcc_location{margin-bottom: 35px;max-width:300px;padding-left: 70px;} @media only screen and (max-width:1560px){ .service_areas_wrapper{ padding:80px 40px; } .service_areas_grid{ grid-gap:100px; } } @media only screen and (max-width:960px){ .service_areas_grid{ grid-gap:50px; grid-template-columns:1fr; padding:0 0px;} .sa_right_content .sa_green{ max-width:unset; } } @media only screen and (max-width:767px){ .service_areas_wrapper{ padding:40px 20px} .service_areas_wrapper h3{font-size: 1.8rem;} .service_areas_wrapper h4{font-size: 1.5rem;} .sa_content, .sa_content *{ font-size:1.1rem; } .sa_right_content .sa_green{ padding:40px 20px } .sa_green_content .gcc_location:before { width: 39px; height: 39px;} } /*products swiper*/ .product_swiper{ overflow-x:hidden; padding-bottom:80px } .product_swiper_title{ color:var(--text); font-weight:bold; border-bottom:1px solid var(--text); padding:10px 0; margin-bottom:30px; text-transform:uppercase; font-size:1.5rem; letter-spacing:1.6px} .product_swiper_title.productnum1{ width:calc(50% - 20px);} .ps_image{ width:100%; aspect-ratio:1/0.65; display:block; overflow:hidden; } .ps_image img{ object-fit:cover; display:block; width:100%; height:100%; object-position:bottom; transform:scale(1.01)} .ps_title{ display:block; background:var(--blue); color:#FFF; padding:19px 30px; text-transform:uppercase; font-size:1.2rem; font-weight:bold; position:relative; padding-right:58px;} .ps_title:after{ content:""; display:block; width:30px; height:30px; background:url(img/corner-arrow.svg); background-size:contain; position:absolute; right:28px; top:25px} .product_swiper_wrapper .swiper-slide:hover .ps_title:after{ transform:rotate(45deg)} .product_swiper_wrapper .swiper-slide:hover img{ transform:scale(1.05)} .ps_intro{ padding-top:30px; display:block; color:var(--text)} @media only screen and (max-width:1600px){ .product_swiper{padding:0 40px 80px; } } @media only screen and (max-width:960px){ .product_swiper{padding:0 20px 60px; } .product_swiper_title{ font-size:1rem;} } /*TEXT PAGE*/ .header_image{height:325px;width:100%;display:block;margin-top: 180px;background-size: cover !important;background-position: 50% !important;} .centeraligned{ text-align:center; width:100%; display:block; } .map{width:100%;height: 800px; margin-bottom:85px; } /*IMAGE & TEXT BLOCK*/ .lightheader h3{ font-weight:200; padding-bottom:60px; text-transform:none; font-size:2.2rem; line-height:1.1em} .image_contain{padding: 80px 0;} .image_contain.nopadding{ padding:0} .warrantybox.waypoint.disappear img{-webkit-animation-name: unset;animation-name: unset;opacity: 0;} .warrantybox.waypoint img{animation-delay:0.5s;-webkit-animation-delay:0.5s;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-iteration-count:1; -webkit-animation-name: pulse; animation-name: pulse; opacity: 0; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } @-webkit-keyframes pulse{ 0%{ opacity: 0; } 10%{ opacity:.50; transform-origin: center; transform: rotate(0deg) scale(.8) translateY(-50%); transition: all .3s cubic-bezier(0.6, 0.04, 0.98, 0.335); } 100%{ opacity:1; transform: rotate(0deg) scale(1) translateY(-50%); } } .itb_wrapper{display: grid;grid-template-columns: 1fr 1fr;grid-gap:128px; overflow:hidden; } .imageright .itb_image{ grid-area: image; } .content_block .itb_image img{display:block;top:50%;position:relative;transform: rotate(0deg) scale(1) translateY(-50%);} .imageright .itb_content{grid-area: content;margin: 95px 0;} .imageright.productitb .itb_content{ margin:0; color:var(--text)} .imageright.fullwidth .itbc{ max-width:698px; margin:0 0 0 auto; } /*602px was the previous max width*/ .itb_content h1, .itb_content h2{font-weight: 200;} .itb_content h1 *, .itb_content h2 *{font-size:inherit;line-height: inherit;} .itb_content h2{ color: inherit; font-size: 3.5rem; line-height: 1.11em; margin-bottom: 35px; } .imageright .itb_wrapper{ grid-template-areas:"content image" } .itb_wrapper .button{margin-top: 50px;display:inline-block;clear:both;} .productintrocontent{ padding:80px 0; } .imageleft .itb_content{ max-width:602px; margin: 95px 0; } .imageleft .itb_content h1, .imageleft .itb_content h2{ font-size:2rem; font-weight:light;} .itb_content h4{ margin-bottom:20px;} .itb_image{ background-size:cover !important; background-position:50% !important; } .fullwidth .itb_image img{ object-fit:cover; width:100%; height:100%; } .fullwidth .itb_image{ display:block; width:100%; height:100%; } .boxedwidth .itb_wrapper{grid-template-areas:"text image";grid-template-columns: 1fr 1fr;} .boxedwidth .itb_wrapper .itb_image{ grid-area:image } .boxedwidth .itb_wrapper .itb_content{ grid-area:text} .boxedwidth img.image_contain{width:100%;height: auto;/* object-fit:cover; */} .boxedwidth .image_text_carousel .itbc{ max-width:unset; } .boxedwidth .slidetitle, .boxedwidth .slidetitle *{font-size:2rem;line-height: 1.2em;margin-bottom: 30px;} .boxedwidth .image_text_carousel .flex-control-nav{ right:0; bottom:70px;} .boxedwidth .image_text_carousel .flex-direction-nav .flex-prev{left: -60px;background:transparent;} .boxedwidth .image_text_carousel .flex-direction-nav a:before{background:#FFF;transform: scale(2) rotate(90deg);} .boxedwidth .image_text_carousel .flex-direction-nav .flex-prev:after, .boxedwidth .image_text_carousel .flex-direction-nav .flex-next:after{ background:transparent; } .boxedwidth .image_text_carousel .flex-direction-nav li a{ left:100%} .boxedwidth .image_text_carousel .flex-direction-nav a.flex-next:before{left: 16px;transform:scale(2) rotate(-90deg)} .customblue{ background:#003773; padding:90px 0; } .customblue.imageright .itb_content{ padding:150px 0} @media only screen and (min-width:1880px){ .imageleft .itb_content { margin: 155px 0; } .warrantybox.imageright .itb_content{ margin: 95px 0} } @media only screen and (max-width:1680px){ .itb_wrapper, .product_info_grid, .descgrid{ grid-gap:90px; } .imageleft .itb_content { max-width: unset; margin: 95px 0; padding: 0 20px 0 0 } .imageright .itb_content, .product_info_grid{padding: 0 0 0 40px;} .descgrid, .downloads_wrapper { padding:0 40px} .tabs{padding: 0 40px 30px;} .boxedwidth .image_text_carousel .flex-direction-nav .flex-prev{left: unset;right: calc(50% - 100px);top: unset;bottom: 50px;} .boxedwidth .image_text_carousel .flex-direction-nav .flex-next{left: calc(100% - 53px);top: unset;bottom: 50px;} .boxedwidth .image_text_carousel .flex-control-nav { width: calc(50% - 50px); position: absolute; bottom: 60px; text-align: center; margin: 0 auto; z-index: 105;} .customblue{ background:#003773; padding:0px 0; } .customblue.imageright .itb_content{ padding:0px 20px} } @media only screen and (max-width:1280px){ .itb_wrapper{ padding:0px 20px} .itb_content h2 { font-size: 2.5rem;} } @media only screen and (max-width:820px){ .itb_content h2 { font-size: 1.8rem;} .itb_wrapper, .imageright .itb_wrapper{grid-template-columns:1fr;grid-template-areas:unset;grid-gap: 40px;} .imageright .itb_image, .imageright .itb_content{ grid-area: unset;} .itb_image img{margin:0 auto;max-height: 400px;} .imageright .itb_content {margin: 0px 0;padding: 0 40px 90px;} .itb_image{ min-height:400px;} .imageleft .itb_content { max-width: unset; margin: 0px 0; padding:0 40px;} .itb_wrapper, .product_info_grid, .descgrid {grid-template-columns:1fr;padding: 40px;} .product_information { padding: 40px 0 0;} .boxedwidth .itb_wrapper{/* padding-left:0; */} .boxedwidth .itb_wrapper .itb_content, .boxedwidth .itb_wrapper .itb_image{ grid-area:unset; } .boxedwidth .itb_wrapper .itb_image{height:auto;min-height: unset;width: 100%;} .boxedwidth .itb_wrapper{grid-template-columns:1fr;grid-template-areas: unset;} .boxedwidth .content_block .itb_image img{height: auto;width: 100%;top: 0;transform: unset;} .boxedwidth .image_text_carousel{ padding-bottom:140px;} .boxedwidth .image_text_carousel .flex-control-nav{ width:100%; } .boxedwidth .image_text_carousel .flex-direction-nav .flex-prev{left: 20px;} .boxedwidth .image_text_carousel .flex-direction-nav .flex-next{ right:20px; left:unset; } } @media only screen and (max-width:768px){ .itb_wrapper, .imageright .itb_wrapper{grid-gap: 20px;padding: 20px;} .imageright .itb_content, .imageleft .itb_content{ margin: 0px 0; padding: 0 0px;} .itb_wrapper, .product_info_grid, .descgrid {grid-template-columns:1fr;padding:0 20px;} .itb_wrapper{ padding-top:20px !important; } .itb_wrapper .button{ margin:20px 0 20px 0 !important;} .descgrid{padding:0;grid-gap: 20px;} .itb_image{ min-height:300px;} .facts { margin: 45px 0 45px; } .tabs{padding: 0 0px 30px;margin-bottom: 20px;} .tab{font-size: .8rem;padding: 0 48px 0 0;} .downloads_wrapper { padding:0 0px} } /*image_text_carousel*/ .image_text_carousel{ position:relative; } .image_text_carousel .itb_image{ min-height:750px;} .image_text_carousel .itbc{ top:50%; position:relative; transform:translateY(-50%); max-width:560px} .image_text_carousel .flex-control-nav li {margin: 0 0 8px 5px !important;display: inline-block;clear: none;zoom: 1;float: unset;margin-bottom: 5px;} .image_text_carousel .flex-control-nav {width: 50%;position: absolute;bottom: 30px;text-align: center;margin: 0 auto;z-index: 105;} .image_text_carousel .flex-control-paging li a.flex-active { background: #fcfcfc; } .image_text_carousel .flex-control-paging li a{opacity:1;width: 11px;height: 11px;display:block;background: #58595B;content:'';color:#FFF;font-size: 1px;box-shadow: none;} .image_text_carousel .flex-direction-nav{} .image_text_carousel .flex-direction-nav a:before {-webkit-mask-image: url(img/mennuarrow.svg);mask-image: url(img/mennuarrow.svg);background: var(--blue);display: block;width: 40px;height: 40px;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: 50%;mask-position: 50%;transform: rotate(90deg);} .image_text_carousel .flex-direction-nav .flex-prev:after {font-family: unset;font-size: 40px;background: var(--gray);border-radius: 50%;width: 60px;height: 60px;position: absolute;top: 0;left: -30px;display: block;content:'';color: rgba(0,0,0,.8);z-index: -1;text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);} .image_text_carousel .flex-direction-nav .flex-next:after {font-family: unset;font-size: 40px;background: var(--gray);border-radius: 50%;width: 60px;height: 60px;position: absolute;top: 0;left: 0px;display: block;content: '';color: rgba(0,0,0,.8);z-index: -1;text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);} .image_text_carousel .flex-direction-nav a.flex-next:before{transform: rotate(-90deg);} .image_text_carousel .flex-direction-nav a.flex-next:before{left: -6px;position: absolute;top: 5px;width: 49px;height: 48px;-webkit-mask-size: 40%;mask-size: 40%;} .image_text_carousel .flex-direction-nav a.flex-prev:before{left: -13px;position: absolute;top: 5px;width: 49px;height: 48px;-webkit-mask-size: 40%;mask-size: 40%;} .image_text_carousel .flex-direction-nav li a{width: 52px;height: 60px;margin: -13px 0 0;display: block;background: transparent;position: absolute;top: calc(50% - 30px);cursor: pointer;text-indent: -9999px;color: transparent;left: calc(100% - 30px);opacity: 1;z-index: 999999999999999;} .image_text_carousel .flex-direction-nav .flex-prev{left: 0;} @media only screen and (max-height:820px){ .image_text_carousel{ overflow-x:hidden; width:100%; } .image_text_carousel .itb_image{ min-height:40vh;} } @media only screen and (max-width:768px){ .image_text_carousel{ padding:20px 0;} } /*CONTACT*/ #sending, #sent{display: none;} #sending img{ display:none;} #sending center{ width: 50px;height: 50px; margin: 0px auto 0; border:solid 10px #abb6bc; border-radius: 50%; border-right-color: transparent; border-bottom-color: transparent; -webkit-transition: all 0.5s ease-in; -webkit-animation-name: rotate; -webkit-animation-duration: 1.0s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; transition: all 0.5s ease-in; animation-name: rotate; animation-duration: 1.0s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } input:focus, textarea:focus{ outline: none; } #formdiv{ display:block; margin:0 auto; max-width:800px; } #formdiv input[type="submit"]{ border:0 !important} .contact_page{padding: 150px 0;} .contact_page iframe{ width:100%;} .contact_page h1 *{ font-size:inherit; line-height:inherit; color:inherit !important; margin:0 !important; } .contact_page h1:first-of-type{ margin-bottom:0; } .contact_page .form_wrapper{display:block;margin-top: 184px;} .contact_content{ margin:70px 0; } .contact_page .maintwocol{ display:grid; grid-template-columns:1fr 1fr; grid-gap:160px; } .formcontent{ max-width:500px; color:var(--blue)} .formcontent strong{ color:var(--red); } .formcontent hr{ max-width:50%; margin:40px 0; } .fieldgroup{position:relative;display:block;margin-bottom: 45px;} .fieldgroup input, .fieldgroup textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid;height: 2rem;position:relative;font-weight: 400;font-size: .8rem;} .fieldgroup textarea:focus, .fieldgroup textarea, .fieldgroup textarea.has-content{height: 115px;} .fieldgroup input[type="submit"]{border: 0;color: var(--blue);text-align: right;text-transform:uppercase;height: 2.2rem;line-height: 1em;cursor: pointer;font-size: 1.25rem;font-weight: bold;} .fieldgroup input[type="submit"]:hover{ color:var(--red) !important; } .g-recaptcha{ margin:20px 0; } .animatelabel{ position:relative; } .fieldgroup label{display:block;position:absolute;font-size:10px;top:0;left:0px;line-height: 16px;} .twocol{ display:grid; grid-template-columns:repeat(2,1fr); position:relative; grid-gap:20px; } .animatelabel label{font-size: 1rem;line-height: 1.5em;top: 0px;font-weight: 2;z-index: 0;} .animatelabel .has-content ~ label, .animatelabel input:focus ~ label, .animatelabel textarea:focus ~ label {top: -13px;color:#afafaf !important;font-size: 13px;} @media only screen and (max-width:1680px){ .contact_page{padding: 150px 40px;} } @media only screen and (max-width:767px){ .twocol{grid-template-columns:1fr !important;grid-gap: 0 !important;} .contact_page .maintwocol{grid-template-columns:1fr;grid-gap: 20px;} .contact_page{ padding:50px 20px} .contact_page .form_wrapper{ margin-top:20px;} } /*MENU*/ .site-header{z-index:99999;position:fixed;display:block;width: 100%;top: 0;background: transparent;height: 124px;box-shadow: 0 0 0 0;transform: scale(1);top: 0;} .main_navigation{position: relative;right: 0;top: 0;margin: 0 0 0 auto; text-align:right;} nav a, nav a:hover, nav a:link, nav a:visited{font-weight: 400;color:#FFF;text-transform: uppercase;font-size: 0.85rem;position: relative;} nav a:after{content:"";width:0px;opacity:0;height: 1px;background: white;display:block;position:absolute;left:50%;transform:translateX(-50%);bottom: 0px;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s} nav a:hover:after, nav li.current-menu-item a:after, nav li.current_page_parent a:after, nav li.current-menu-parent a:after , nav li.current-menu-ancestor a:after {width: calc(100%);height: 1px;opacity: 0;} nav .menu li:hover{bottom: 5px;} nav .menu li:hover .sub-menu li{bottom: 0px;} nav .menu li:hover .sub-menu li{left:0;padding: 10px 44px 10px 24px;} nav .menu li:hover .sub-menu li:hover{left: 5px;} nav li.current-menu-item li a:after, nav li.current_page_parent li a:after , nav li.current-menu-parent li a:after, nav li ul.sub-menu ul.sub-menu li a:after,nav li.current-menu-ancestor li a:after{width: 0;height: 1px;opacity:0} nav li.current-menu-item li:hover a:after, nav li.current_page_parent li.current-menu-item a:after, nav li.current-menu-parent li.current-menu-item a:after, nav li.current-menu-parent li:hover a:after, nav li ul.sub-menu ul.sub-menu li:hover a:after, nav li.menu-item-117.current-menu-item a:after{width: calc(100% - 17px);right: 0;left: unset;transform: unset;} nav .menu li.current-menu-item a, nav .menu li.current-menu-parent a , nav .menu li.current-menu-parent li.current-menu-item a{ font-weight:bold; } nav .menu li.current-menu-item .sub-menu a, nav .menu li.current-menu-parent .sub-menu a , nav .menu li.current-menu-parent .sub-menu .sub-menu a{ font-weight:normal; } nav ul{ list-style:none; } nav .menu li {display:inline-block;padding: 0px 17px;bottom: 0;} nav .menu li:last-of-type{ padding-right:0; } nav .menu .sub-menu li{display:block;float: unset;padding: 0px 24px;white-space: nowrap;clear: both;} .sub-menu li:before{content:"";display:block;position:absolute;bottom:0;width: calc(100% - 50px);height:.5px;background: #ffffff52;border:0;} .sub-menu li:last-of-type:before{ display:none; } nav .menu .sub-menu li a{font-weight:400;/* display:block; */} /* nav .menu .sub-menu a:before{ content:'\279C'; padding-right:10px; font-size:12px; position:relative; top:-2px; color:#f1f1f1; }*/ .menu-item-has-children ul{position:absolute;margin-left: -17px;padding-left: 0;height: 0;/* overflow: hidden; */opacity:0;text-align:left;} .menu-item-has-children:hover ul{ height:auto; opacity:1} nav a{ white-space:nowrap; } nav .menu li{ position:relative; } nav .menu li.menu-item-has-children{margin-right: 0;} nav .menu li.menu-item-has-children:after{content:"";position:absolute;right: 0px;top: 14px;transform:translateY(-50%);transform: rotate(-90deg);display:block;width:12px;height: 6px;background:url(img/mennuarrow.svg);background-size: contain;background-repeat: no-repeat;} nav .menu li.menu-item-has-children .sub-menu li:after{right:24px;top: 24px;} nav .menu li.menu-item-has-children:hover:after{ transform:rotate(0)} nav .menu .sub-menu, nav .menu .sub-menu .sub-menu{display:block;position:absolute;background: var(--blue);text-align: left;left: -10px;/* transform: translateX(-50%); */margin-left: 0;padding: 20px 0;height: 0 !important;/* overflow: hidden; */opacity: 0;z-index: -1;visibility: hidden;overflow: hidden;} nav .menu li:hover .sub-menu, nav .menu li.current-menu-ancestor:hover .sub-menu{visibility: visible;height: auto !important;opacity: 1;z-index: 22;} nav .menu .sub-menu .sub-menu{display:block;position:absolute;left: 100%;transform: translateX(2px);width: auto;top: -36px;margin-left: -15px;z-index: 9999;box-shadow: 0 0 13px 0 rgba(255,255,255,.05);} nav .menu .sub-menu:hover{overflow: unset;} nav .menu li:hover .sub-menu .sub-menu{width: 0 !important;padding: 0;background:#000;} nav .menu li:hover .sub-menu li .sub-menu{top: 0;left: 100%;padding:0px 0px;height: 0 !important;overflow: hidden;margin-bottom: 0;} nav .menu li:hover .sub-menu li:hover .sub-menu{height: auto !important;z-index: 999;top: 0;left: 96%;background: var(--blue);margin-left: 0px;padding: 20px 0px;width: auto !important;} nav .menu .sub-menu li:hover li a{ color:#FFF; } nav .menu .sub-menu li:hover li:hover a{ color:#f1f1f1; } nav .sub-menu li .sub-menu{overflow:auto;height: 0 !important;padding: 0;} nav.navigation .menu li:hover .sub-menu li:hover .sub-menu{overflow:auto;height: auto !important;padding: 20px 12px 0 0px;background: transparent;margin-bottom: 0px;} .menu_button{position:absolute;display:none;top: 50px;right:40px;height: 4px;margin-top:10px;margin-bottom:10px;width:50%;max-width:35px;z-index: 999999;cursor: pointer;background:#FFF;} /*FOOTER*/ .site-footer{background: var(--blue);display:block;padding:87px 0 45px 0;position:relative;} .site-footer, .site-footer *{color:#FFF !important;background: var(--blue);} .footer_facts{ max-width:300px; } .footer_facts *{ font-size:.8rem; } .footer_facts strong{ font-size:1.1rem;} .footer_facts hr{ margin:20px 0; border:0; border-top:2px solid #ffffff91;} .site-footer .content_block{/* max-width:1070px; */} .site-footer input, .site-footer select, .site-footer textarea{box-sizing: border-box; font-family: inherit; font-size:14px; } .email_block, .footer_block{ display:grid; grid-template-columns:repeat(2,1fr); } .footer_left .h3{ font-size:1.68rem; font-weight:600; } .email_block{ padding-bottom:30px; border-bottom:1px solid #FFF; margin-bottom:50px; } .footer_logo{ height: 188px; width: 200px; background: url(img/logo-kinetic.svg); background-size: contain; background-repeat: no-repeat; } footer .footer_right{margin-top: 10px;} .footer_right *{ font-size:.8rem; } footer.site-footer .fn_title{color: #ffffff !important;text-transform: uppercase;font-size: 1rem;font-weight: bold;margin-bottom: 0;} .footer_nav{ display:grid; grid-template-columns:repeat(2,1fr); } .footer_nav *{ text-transform:uppercase; } .footer_nav li{font-weight:bold;margin-top: 20px;} .footer_nav li:first-of-type{ margin-top:0; } .footer_nav li:first-of-type ul{ margin-top:10px; } .footer_nav ul ul li{ font-weight:normal; margin-top:0} .footer_nav ul ul{position:relative;display:block;height: auto;opacity: 1;font-weight: 400;} .fnav ul{ list-style:none; margin:0; padding:0; } .fncontact strong{margin-top:20px;display: b;} .fncontact, .fncontact *{ text-transform:none; } .bnc{background:var(--dark);color:#FFF;text-align:center;padding:15px 0;font-size: .75rem;} .bnc a{color:inherit;font-size: inherit;} /*DEFAULT*/ .site, .content-area{position:relative;display:block;z-index:1;min-height: 100%;height: auto;width: 100%; } .site{transform: scale(1);top: 0;} .header{top:0;position: fixed;top: 0;z-index: 999999999; width: 100%; } .logozindex{ position:absolute; z-index:9999; } .logo{position:fixed;width: 215px;height: 138px;left: 68px;} .logo:after{ content:""; margin-top: 8px; position:absolute; left: 50%; top: 50%; height: 113PX; width: 173px; background: url(img/logo-kinetic.svg); background-size: contain; background-repeat: no-repeat; transform: translate(-50%,-50%); } .nav-up, .nav-down {top: -52px;background: var(--blue);box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);} .nav-up .logo, .nav-down .logo{top: 58px;height: 60px;clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);} .nav-up .hotlinks, .nav-down .hotlinks{ margin-top:-10px } .nav-up .logo:after, .nav-down .logo:after{height:100%;top:0;left:0;transform:unset;margin-top: 0;} .nav-up .menu-item-has-children:hover ul, .nav-down .menu-item-has-children:hover ul{ background:var(--blue); padding:20px 0} .header_slider{height: 830px;} .header_slider{min-height: 100%;max-height: 930px;position: relative;display: block;height: 100vh;} .header_slider .slides li:after{content:"";display:block;width:100%;height:100%;position:absolute; z-index:99;top: 0; left:0; background: rgb(0,28,58); background: -moz-linear-gradient(top, #1b1b35 0%, #36367396); background: -webkit-linear-gradient(top, #1b1b35 0%,#36367396); background: linear-gradient(to bottom, #1b1b35 0%,#36367396); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b35', endColorstr='#36367396',GradientType=0 ); } .hs_image{height: 100%;background-size:cover !important;background-position:50% !important;display: block;position: relative;width: 100%;} .flexslider .slides > li {position: relative;width: 100%;height: 100%;background: #ddd;} .slider_title{position:absolute;top: 60%;transform: translate(-760px, -50%);left: 50%;margin-left: 0;text-align: left;max-width: 890px;z-index: 999;} .fs_subtitle{ margin-bottom:30px;} .slider_title h1 p, .slider_title h1 strong, .slider_title h2, .slider_title h2 strong{color:inherit;font-size: inherit;line-height: 1em;font-weight: 200;} .slider_title h2, .slider_title h2 p, .slider_title h2 p strong{color:#FFF;font-size: 3.5rem;line-height: 1em;padding-top: 15px; font-weight: 200;} .slider_title h2 p strong{ font-weight:400;} .slider_title h2 *{/* font-size: 1.1rem; *//* line-height: 1.3em; *//* padding-top: 15px; *//* font-family:'Gilroy', 'Arial', sans-serif; */} .header_fade{ position:absolute; bottom:0; width:100%; z-index:99 } .header_fade img{ display:block; width:100%; height: auto; } .flex-control-paging li a{opacity:1;width: 14px;height: 14px;display:block;background: #f1f0f0;content:'';color:#FFF;font-size: 1px;} .flex-control-nav li { margin: 0 0 8px 5px !important; display: inline; clear:both; zoom: 1; float: right; margin-bottom: 5px;} .flex-control-nav {width: 1300px;position: relative;bottom: 30px;text-align: right;margin: 0 auto;z-index: 105;} .flex-control-paging li a.flex-active { background: #ccc; } @media only screen and (max-width:1680px){ .slider_title{ left:40px;transform: translate(0px, -50%);} } @media only screen and (max-width:1280px){ .slider_title{ left:40px;transform: translate(0px, 0%); top:unset; bottom:40px; } } @media only screen and (max-width:768px){ .slider_title {left: 20px;max-width: calc(100% - 40px); } } @media only screen and (max-width:767px){ .slider_title h3{ font-size:.8rem; } .slider_title h1, .slider_title h2{font-size: 1.5rem;} .slider_title .button{ font-size:.8rem; padding:10px 20px; margin-top:10px; } } /*RESPONSIVE*/ .below1200{ display: none;} .main_navigation .hotbuttons{ display:block; margin-top:20px; } .main_navigation .hotbuttons a{display:block;clear:both;/* height: 20px; */clear:both;width: calc(100% - 80px);box-sizing: border-box;margin: 0 15px;margin-left: unset;left: 40px;line-height: 10px;padding: 16px 0;text-align: center;} .main_navigation a.button.callbutton{ display:none;} .main_navigation .tsearch input[type="submit"]{float:left;left: 20px;top: 12px;} .main_navigation .tsearch input[type="search"]{width: calc(100% - 60px);} @media only screen and (max-height:820px){ .fs_subtitle {font-size:1rem;margin-bottom: 15px;} .slider_title{top:unset;bottom:0;transform: translate(-760px, -10px);left: 50%;} .slider_title h1, .slider_title h2 { font-size: 2.5rem; } } @media only screen and (max-height:820px) and (max-width:1680px){ .slider_title{top:unset;bottom:0;transform: translate(40px, -10px);left:0%;} .slider_title h1, .slider_title h2, slider_title *, slider_title, .slider_title h2, .slider_title h2 p, .slider_title h2 p strong{font-size: 2.8rem;} } @media only screen and (max-width: 767px) and (max-height: 820px){ .slider_title h3{ font-size:.8rem; } .slider_title h1, .slider_title h2{font-size: 1.5rem;} .slider_title .button{ font-size:.8rem; padding:10px 20px; margin-top:10px; } .slider_title{top:unset;bottom:0;transform: translate(20px, -10px);left:0%;} } @media only screen and (max-width:1680px){ .site-header{padding:0 20px;width: calc(100% - 40px);} .logo{ left:40px; } .title_banner .content_block{padding:0 20px; width: calc(100% - 40px); } h4{ line-height:1.1em; } .footer_block{padding:0 40px;box-sizing:border-box;grid-template-columns: 550px 1fr;} .floatingbutton{ right:20px;} } @media only screen and (max-width:1450px){ nav .menu li{ padding: 0 12px; } nav .menu li.menu-item-has-children{ padding: 0 17px 0 12px;} nav .menu .sub-menu li { padding: 0px 24px; } .hotlinks{margin-top: 20px;} nav a, nav a:hover, nav a:link, nav a:visited{ font-size:.8rem;} } @media only screen and (max-width:1300px){ .osx nav a{ font-size:.7rem} h2, .itb_content h2{ font-size:2.8rem; } } @media only screen and (max-width:1200px){ html, body, div, p, span{font-size: 18px;} h1, h2{ font-size:3rem; } h4{ font-size:1.8rem;} body, html{max-width:100%;position:relative;/* background: red; */} .hotlinks{ display:none; } .hotbuttons h4{ color:white; text-align:left; padding:10px 0 10px 30px;} .hotbuttons a{ background:transparent !important; } .below1200{ display: block;} nav a, nav a:hover, nav a:link, nav a:visited { text-transform: uppercase; line-height:3rem; font-size: 1rem; } .mobilemenu_button{display: block;border-top: 4px solid var(--red);position:absolute;right:20px;top:30px;height:30px;width:60px;z-index: 999999999;} .mobilemenu_button{right: 0px;top: 49px;height:20px;width:40px;} .mobilemenu_button.mbopen:after{transform:rotate(-45deg);width:100%;bottom: 8px;} .mobilemenu_button:before{ content:""; display:block; height:4px; width:100%; top:50%; left:0; background:var(--red); position:absolute; margin-top:-2px; transform-origin:center; } .mobilemenu_button:after{ content:""; display:block; height:4px; width:70%; bottom:-4px; right:0; background:var(--red); position:absolute; margin-top:-2px; transform-origin:center;} .mobilemenu_button.mbopen{border-top: 0 !important;top: 20px;} .mobilemenu_button.mbopen:before{transform:rotate(45deg);} .mobilemenu_button.mbopen:after{transform:rotate(-45deg);width:100%;bottom: 8px;} .nav-up .mobilemenu_button, .nav-down .mobilemenu_button{top: 83px;} .nav-up .mobilemenu_button:before, .nav-up .mobilemenu_button:after, .nav-down .mobilemenu_button:before, .nav-down .mobilemenu_button:after{ background:var(--red); } .menu-main-navigation-container{padding: 10px 20px 40px;left: 100%;position: relative;transition:all .8s;-webkit-transition:all .8s;} .mobilmenushow .menu-main-navigation-container{ left:0} nav.mobilmenushow + a.callbutton{ top:5px;} .main_navigation{position:fixed;right: 0;top: 0;padding-top: 40px;display: block;width: 100%;max-width: 380px;height: 100vh;background: var(--blue);transform: translateX(100%);} .nav-down .main_navigation, .nav-up .main_navigation{ top:72px; } nav .menu li{display: inline-block;clear:both;text-align: left;border: 0;margin-bottom:2px;flex: 1;} nav .menu li ul.sub-menu li{display:block;clear:both;text-align: left;border:0;margin-bottom:2px;/* background:rgba(255,255,255,0.2); */} nav.main_navigation.mobilmenushow{opactiy:.97;transform: translateX(0);top: 0;overflow-y: auto;height: 100vh;padding-top: 40px;} .nav-down nav.main_navigation.mobilmenushow, .nav-up nav.main_navigation.mobilmenushow{top: 52px;height: 100vh;} .nav-up nav.main_navigation, .nav-down nav.main_navigation{top: 72px;height: calc(100% - 72px); width:100%;max-width: 400px;overflow: auto;} ul.menu {/* transform: rotate(180deg); */display: grid;position: relative;margin: 20px 0 0 0;padding: 0;flex-flow: row wrap;} nav .menu li:hover, nav .menu li:hover .sub-menu li:hover{ left:unset !important; } nav .menu .sub-menu, nav .menu .sub-menu .sub-menu {display: block;position: relative;/* background: rgba(255,255,255,0.5); */left: -0;padding: 0;} nav .menu li:hover .sub-menu li:hover .sub-menu{left:0;padding: 0;box-shadow: unset;} nav .menu li:hover .sub-menu, nav .menu li.current-menu-ancestor:hover .sub-menu{margin-bottom:20px;padding-top: 0;} nav .menu li.menu-item-has-children:after{top: 24px;} nav .sub-menu li a:after{ height:0; } nav a:hover:after, nav li.current-menu-item a:after {display:none;} nav a:hover, nav li.current-menu-item a {font-weight:bold; opacity:.5;} nav a:hover, nav a:hover .sub-menu a, nav li.current-menu-item .sub-menu a{ opacity:1; } nav .menu li:hover{ bottom:0} nav .menu li:hover .sub-menu, nav .menu li:hover .sub-menu .sub-menu, nav .menu li.subopen .sub-menu .sub-menu{ display:none} nav .menu li.subopen .sub-menu, nav .menu li.subopen .sub-menu li.subopen .sub-menu{display:block;opacity:1;height:auto !important;visibility: visible;} nav .menu li.subopen .sub-menu li.subopen .sub-menu{box-shadow: unset;top: 0;} .nav-up .logo, .nav-down .logo { top: 56px; height: 60px;} .mobileonly, a.button.mobileonly{display:inline-block !important;position:absolute;right: 94px;top: 47px;} a.button.callbutton{width: 50px;height: 50px;border-radius: 50%;padding: 0;border: 0 !important;background: transparent;top: 37px;right: 70px;} a.button.callbutton span{ display: none;} .callbutton:before{ width:30px; height:30px;} .nav-up a.button.callbutton, .nav-down a.button.callbutton {top: 66px;} .slick-dots{ display: none !important;} } @media only screen and (max-width:1024px){ a.button, .product_details a.button{padding:15px 35px;margin-right: 15px;} .product_details a.button:last-of-type{ margin-right:0; } .nav-up .hotlinks, .nav-down .hotlinks { top: -50px; } .slider_title h2, .slider_title h2 p, .slider_title h2 p strong{ font-size:2.5rem; } .popupwindow{width: calc(100% - 60px);height: calc(100% - 60px);padding: 30px;} .popupclose{right:0;width: 40px;height: 40px;} .popupclose:after{content:"";width:2px;background: #FFF;display:block;height:20px;position:absolute;left: 19px;top: 10px;transform:rotate(45deg)} .popupclose:before{content:"";width:2px;background: #FFF;display:block;height:20px;position:absolute;left: 20px;top: 10px;transform:rotate(-45deg)} } @media only screen and (max-width:820px){ .title_banner{height: 40vh;} h1.banner_title{ font-size:1.8rem;} h1.banner_title br{ display: none;} .title_banner .content_block{position: absolute;bottom:0;top: 0;width: 100% !important;transform: unset;left: 0;height: auto;padding: 150px 20px 0;} } @media only screen and (max-width:768px){ .slider_title h2, .slider_title h2 p, .slider_title h2 p strong{ font-size:2.1rem; } .logo {width: 250px;height: 208px;} .logo:after {height: 103PX;width: 233px;} .header_slider{max-height:80vh;overflow: hidden;} h1, h2{ font-size:2.2rem; } h4{ font-size:1.8rem;} .hotlinks{margin-top: 20px;max-width: calc(100% - 270px);left: auto;margin-left: auto;margin-right: 0;} .hotlinks .search{ display:none; } nav .menu li.menu-item-has-children{ position: relative;} nav .menu li.menu-item-has-children:after{ top:25px; right:40px; } .mobilemenu_button{right: 10px;top: 47px;height: 20px;width: 40px;} .nav-up .mobilemenu_button, .nav-down .mobilemenu_button{ top:77px } .site-header .content_block{z-index:999999;height: 100px;} } @media only screen and (max-width:767px){ /* Slick/Flexslider common fixes */ .slick-list,.flexslider,.flex-viewport { overflow: hidden !important; position: relative; /* contain absolutely positioned arrows */} .slick-prev,.flex-prev { position: absolute !important; top: 50%; left: 10px; /* adjust spacing inside the slider */ transform: translateY(-50%) scaleX(-1); z-index: 2;} .slick-prev:after{transform: translate(-50%, -50%) rotate( -90deg);left: 42px;} .slick-next,.flex-next { position: absolute !important; top: 50%; right: 10px; /* adjust spacing inside the slider */ transform: translateY(-50%); z-index: 2;} .slick-next{right: 10px;transform: translateY(-50%) scaleX(-1);} .slick-next:after{transform: translate(-50%, -50%) rotate( 90deg);left: 10px;} .popupwindow{width: calc(100% - 40px);height: calc(100% - 40px);padding: 20px;} .image_contain{ padding:20px 0;} h1, h2, .itb_content h2, .po_title, .itbc h3{ font-size:1.8rem; } .grid_content h3 {font-size: 1rem;margin-bottom: 30px;} .site-header {padding: 0 0;width: 100vw;} .nav-up, .nav-down{ top:-50px} .logo {width: 210px;height: 118px;left: 0px;} .nav-up .logo, .nav-down .logo{ top:60px; height:50px; left:20px;} .logo:after {height: 73PX;width: 173px;} .hotlinks{ display:none; } .email_block, .footer_block, .footer_nav{ grid-template-columns:1fr;} .footer_block{padding: 0 20px;} .footer_facts{ max-width:unset;} footer .footer_right { margin-top: 28px;} .footer_navigation{ display:none; } .bnc, .bnc *{ font-size:.8rem; } .nav-up nav.main_navigation, .nav-down nav.main_navigation{max-width: 95vw;} a.button, .product_details a.button { padding: 10px 20px; font-size:.7rem; margin-right: 5px;} .main_navigation .hotbuttons a{ margin-bottom:10px} .twocolgrid{grid-template-columns: 1fr;padding: 40px 0;} .tcg_column{ padding:0 20px; } } @media only screen and (max-width:414px){ } @media only screen and (max-width:360px){ html, body, div, p, span{font-size: 17px;} a.button, .product_details a.button { padding: 10px 20px; font-size:.65rem; margin-right: 5px;} .tab { font-size: .7rem; padding: 0 48px 0 0; } }