@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 **/ @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; --dark: #4c5463; --light: #F6F6F6; --gray: #DBD5CD; --red: #00D60D; } /* =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(--blue); font-size:3.5rem; font-weight: 600; line-height:1.11em; margin-bottom:35px; } h2{ color: var(--blue); font-size:3.5rem; font-weight: 200; } h3{ color: black; font-size:1.2rem; font-weight: 700; text-transform: uppercase; } h4{ color: var(--blue); 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); } .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; } /*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: #FFF;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: #909192;} .tab.active:after,.tab:hover:after{background:#909192; } .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:0vh;display:block;z-index: -11;background:rgba(255,255,255,0.95)} .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: #a53030;right: 0;top: 0;} 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; } /*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{ padding:95px 0;} .testimonial_slider h3{ color:#FFF; } .testimonials.lightbg h3, .testimonials.whitebg h3, .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 h3 *{ 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:inherit; } .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);background-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;} } @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:120px 0} .accordion{border-bottom: 2px solid #999999;padding-bottom:0px;position:relative;} .accordion_title{color:var(--blue);text-align:center;max-width:1000px;display:Block;margin: 0 auto 90px;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;} } @media only screen and (max-width:767px){ } /*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 ); } .title_banner *{ color:#FFF; } .title_banner .content_block{ top:55%;} .banner_subtitle{text-transform: uppercase;font-weight:bold;margin-bottom:20px;} h1.banner_title{font-weight: 200;} @media only screen and (max-width:1450px){ h1.banner_title{ font-size:3rem;} } @media only screen and (max-width:1280px){ h1.banner_title{ font-size:2.5rem;} } @media only screen and (max-width:820px){ .title_banner{height: 40vh;} h1.banner_title{ font-size:2rem;} } /*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 { 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; } } @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} } /*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*/ .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: 1.26fr 1fr;grid-gap:158px; 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.fullwidth .itbc{ max-width:602px; margin:0 0 0 auto; } .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;} .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)} @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;} } @media only screen and (max-width:820px){ .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%;} } @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; } } @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} } @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; } } @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;} .image_contain{ padding:20px 0;} h1, h2, .itb_content h2{ 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:-20px} .logo {width: 210px;height: 148px;left: 20px;} .nav-up .logo, .nav-down .logo{ top:60px; height:50px} .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;} .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; } }