.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 23-mrt-2015, 16:19:21 Author : ramon */ @font-face { font-family: 'CenturyGothic'; src:url('../fonts/CenturyGothic.eot'); src:url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic.ttf') format('truetype'), url('../fonts/CenturyGothic.woff') format('woff'), url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'CenturyGothic'; src:url('../fonts/CenturyGothicBold.eot'); src:url('../fonts/CenturyGothicBold.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothicBold.ttf') format('truetype'), url('../fonts/CenturyGothicBold.woff') format('woff'), url('../fonts/CenturyGothicBold.svg#CenturyGothicBold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot?-58p66g'); src:url('../fonts/icomoon.eot?#iefix-58p66g') format('embedded-opentype'), url('../fonts/icomoon.ttf?-58p66g') format('truetype'), url('../fonts/icomoon.woff?-58p66g') format('woff'), url('../fonts/icomoon.svg?-58p66g#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="iconfont-"], [class*=" iconfont-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-treesafe_logo:before { content: "\e917"; } .icon-treesafe_play:before { content: "\e918"; } .icon-google:before { content: "\e90b"; } .icon-boom:before { content: "\e901"; } .icon-diamant:before { content: "\e902"; } .icon-filmrol:before { content: "\e903"; } .icon-forklift:before { content: "\e904"; } .icon-veiligbetalen:before { content: "\e905"; } .icon-phone:before { content: "\e916"; } .icon-envelope:before { content: "\e912"; } .icon-map-marker:before { content: "\e913"; } .icon-briefcase:before { content: "\e914"; } .icon-user:before { content: "\e915"; } .icon-check:before { content: "\e911"; } .icon-chevron-right:before { content: "\e90d"; } .icon-chevron-left:before { content: "\e90e"; } .icon-chevron-down:before { content: "\e90f"; } .icon-chevron-up:before { content: "\e910"; } .icon-left:before { content: "\e90c"; } .icon-up:before { content: "\e90a"; } .icon-globe:before { content: "\e900"; } .icon-search:before { content: "\e909"; } .icon-cart:before { content: "\e906"; } .icon-twitter:before { content: "\e907"; } .icon-facebook:before { content: "\e908"; } .icon-instagram:before { content: "\ea92"; } .iconfont-pencil:before { content: "\e90d"; } .icon-verzenden_prijs:before { content: "\e918"; } .icon-verzenden_tijd:before { content: "\e917"; } .icon-google:before { content: "\e90b"; } .icon-boom:before { content: "\e901"; color: #fff; } .icon-diamant:before { content: "\e902"; color: #fff; } .icon-filmrol:before { content: "\e903"; color: #fff; } .icon-forklift:before { content: "\e904"; color: #fff; } .icon-veiligbetalen:before { content: "\e905"; color: #fff; } .icon-phone:before { content: "\e916"; } .icon-envelope:before { content: "\e912"; } .icon-map-marker:before { content: "\e913"; } .icon-briefcase:before { content: "\e914"; } .icon-user:before { content: "\e915"; } .icon-check:before { content: "\e911"; } .icon-chevron-right:before { content: "\e90d"; } .icon-chevron-left:before { content: "\e90e"; } .icon-chevron-down:before { content: "\e90f"; } .icon-chevron-up:before { content: "\e910"; } .icon-left:before { content: "\e90c"; } .icon-up:before { content: "\e90a"; } .icon-globe:before { content: "\e900"; } .icon-search:before { content: "\e909"; } .icon-cart:before { content: "\e906"; } .icon-twitter:before { content: "\e907"; } .icon-facebook:before { content: "\e908"; } .icon-instagram:before { content: "\ea92"; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 30-nov-2015, 12:00:19 Author : ramon */ /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ .hw { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 15-dec-2015, 14:37:44 Author : ramon */ #loadinganimation { display: none; top: 0px; left: 0px; width: 100%; height: 100%; position: fixed; z-index: 100; } #loadinganimation .background { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); width: 100%; height: 100%; background-color: #fff; } #loadinganimation img { display: block; top: 50vh; left: 50vw; margin-left: -30px; margin-top: -30px; position: absolute; } .labelsfixedwidth label { width: 130px; clear: both; line-height: 1.4; } .smaller { font-size: 75%; } .tablecell { display: table-cell; vertical-align: top; } .strikethrough { text-decoration: line-through; } .inherit { color: inherit; } .inherit a { color: inherit; } .dimmed { color: #bdbdbd; } .whitebg #content-wrapper { background: #f9f9f9; } .upsidedown { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; } .half { font-size: 50%; } .tableleft { float: left; width: 60%; } .tableright { float: left; width: 40%; } .lightText { color: #a8b1a8; } .extraColor { color: #4aa847; } .extraColor.red { color: #fb0d04; } .w12 { width: 12.66%; } .w15 { width: 15%; } .w25 { width: 25%; } .w30 { width: 30%; } .w33 { width: 33.33%; } .w40 { width: 40%; } .w50 { width: 50%; } .w55 { width: 55%; } .w60 { width: 60%; } .w66 { width: 66.66%; } .w70 { width: 70%; } .w75 { width: 75%; } .w100 { width: 100%; } .w44 { width: 44.444%; } .bold { font-weight: 700; } .html { color: #a8b1a8; } .padding-left { padding-left: 20px; box-sizing: border-box; } .padding-right { padding-right: 20px; box-sizing: border-box; } .padding-right:last-child { padding-right: 10px; } .padding-right-large { padding-right: 40px; box-sizing: border-box; } .padding-bottom { padding-bottom: 40px; box-sizing: border-box; } .margin-left { margin-left: 20px; } .margin-right { margin-right: 20px; } .negative-margin-bottom { margin-bottom: -8px; overflow: hidden; } .toggle-target { display: none; } .triangle { border-bottom: 10px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; height: 0; margin-left: 30px; margin-top: -10px; position: absolute; width: 0; } .li-container ul { margin: 0px; padding: 0px; list-style: none; } .li-container ul li { float: none; } .cursor { cursor: hand; cursor: pointer; } .customselect { background-color: transparent; border: 0 solid black; outline: none; } .actionbutton { font-weight: 700; font-size: 14px; padding: 0 14px; border: 2px solid #d9d9d9; color: #777; background: transparent; box-sizing: border-box; line-height: 45px; min-width: 120px; text-align: center; cursor: pointer; white-space: nowrap; display: inline-block; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .actionbutton:hover { background: #d9d9d9; color: #fff; } .moreinfoslash { color: #fff; display: inline-block; margin: 0 5px; opacity: 0.3; } form table td { vertical-align: top; } .kiyoh_ratings_organic { display: none; } .showmobile { display: none; } .shownotmobile { display: inherit; } @media screen and (max-width: 1060px) { .padding-right-large, .w50 { padding: 0 20px; } .tableleft, .tableabout { float: left; width: 100%; margin-bottom: 20px; } .tableleft tr td:first-child, .tableabout tr td:first-child { width: 40%; } .tableright { float: left; width: 100%; } .tableright tr td:first-child { width: 40%; } } @media screen and (max-width: 800px) { .showmobile { display: inherit; } .shownotmobile { display: none; } #livechat-compact-container { display: none; } } @media screen and (max-width: 767px) { .w33 { width: 100%; } .w66 { width: 100%; } .w50 { width: 100%; } .splitblock.w33, .splitblock.w66, .splitblock.w50 { padding-right: 20px; padding-left: 20px; } .modal-body a { display: block; margin-bottom: 20px; } .modal-body a span > span { display: inline-block; margin-top: 0 !important; } .modal-body span { margin-top: 20px !important; display: block; } } @media screen and (max-width: 400px) { .tablecell { display: inherit; } } /* OVER OLIJFBOMEN */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 30-nov-2015, 12:00:19 Author : ramon */ /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ .hw { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .over { width: 100%; min-height: 100px; overflow: auto; padding-top: 50px; padding-bottom: 50px; background-color: #fff; } .over h2 { font-size: 18px; } .over #overContainer { max-width: 1060px; overflow: auto; margin-left: auto; margin-right: auto; padding: 0 10px; } .contentBox { width: 33.33%; padding: 0px 10px; box-sizing: border-box; float: left; min-height: 100px; overflow: auto; } .contentBox:first-child { padding-left: 0; } .contentBox-expand { width: 100%; display: none; text-align: center; } .contentBox-expand .contentBox { width: 49.8%; float: none; display: inline-block; vertical-align: top; margin-bottom: 30px; text-align: left; } .contentBox-expand .contentBox .overTitle:not(:first-child) { margin-top: 20px; } .overTitle { width: 100%; font-size: 17px; color: #3f3f3f; } .overText { width: 100%; font-size: 14px; color: #a8b1a8; font-family: Arial; line-height: 20px; } #logosContainer { width: 100%; min-height: 10px; overflow: auto; float: left; } #logosContainer a { padding-bottom: 10px; display: inline-block; } .cijferOuter { width: 70px; height: 70px; border-radius: 70px; border: 5px solid #000; float: left; margin-right: 5px; } .cijferInner { width: 65px; height: 65px; border-radius: 65px; margin-top: 2.5px; background-color: #4bb147; margin-left: auto; margin-right: auto; color: #fff; text-align: center; font-size: 30px; line-height: 65px; font-family: Arial; } @media screen and (max-width: 1060px) { .contentBox { padding: 0px 20px; } .contentBox:first-child { padding-left: 20px; } } @media screen and (max-width: 768px) { .contentBox { width: 100%; } .contentBox .klantwaardering { text-align: center; } } @media screen and (max-width: 768px) { .over { padding-top: 10px; } } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 27-nov-2015, 10:43:29 Author : ramon */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 30-nov-2015, 12:00:19 Author : ramon */ /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ .hw { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 2-jan-2016, 12:56:57 Author : ramon */ .formulier #datetimepicker { border: 1px solid black; background-color: white; padding: 5px 15px; width: 130px; } .formulier .form_line input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset; } .formulier input[type=text] { color: #3f3f3f; border: 2px solid #a8b1a8; width: 100%; height: 47px; line-height: 1; background-color: transparent; margin-bottom: 8px; padding: 0px 10px; } .formulier textarea { color: #3f3f3f; border: 2px solid #a8b1a8; width: 100%; background-color: transparent; margin-bottom: 4px; padding: 10px; } .formulier input + label > span { border: 2px solid #a8b1a8; cursor: pointer; display: inline-block; height: 18px; width: 18px; overflow: hidden; -webkit-transform: translate(0px, 3px); -moz-transform: translate(0px, 3px); -o-transform: translate(0px, 3px); -ms-transform: translate(0px, 3px); transform: translate(0px, 3px); } .formulier input + label > span.custom_radiobox { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .formulier input + label > span span.icon { display: none; color: #f65608; font-size: 12px; height: 100%; text-align: center; width: 100%; } .formulier input:checked + label > span span.icon { display: inline-block; margin-top: 2px; margin-left: 1px; } .formulier input + label { font-weight: normal !important; } #offerteformulier select { color: #3f3f3f; border: 2px solid #a8b1a8; width: 100%; height: 47px; line-height: 1; background-color: transparent; margin-bottom: 8px; padding: 0px 10px; } .verzendkosten.formulier input + label { margin-left: 20px; } .verzendkosten.formulier input + label > span.custom_radiobox { margin-left: -20px; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #bdbdbd; margin: 1em 0; padding: 0; } body { font-size: 14px; background-color: #ebebeb; font-family: Arial; color: #3f3f3f; } body.home .main-content { margin-bottom: 0px; } body.home #lightgallery { display: none; } body .page_contact .sizedWidth.w100 b, body .page_contact .sizedWidth.w100 strong, body .page_contact .sizedWidth.w100 a { color: #3f3f3f; font-weight: 700; text-decoration: none; } body blockquote { font-size: inherit; margin: inherit; border: inherit; background-color: #4aa847; padding: 20px; color: #9bf498; margin-bottom: 20px; } body blockquote p:first-child { margin-top: 0px; } body blockquote b, body blockquote strong { color: inherit !important; } body #products-header > hr { display: none; } a { color: #3f3f3f; } a:hover { color: #3f3f3f; } .siteFont { font-family: "Century Gothic", "CenturyGothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif; } h1 { font-family: "Century Gothic", "CenturyGothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif; color: #3f3f3f; } h2 { font-size: 34px; font-weight: 700; font-family: "Century Gothic", "CenturyGothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif; } h3 { font-size: 14px; font-weight: 700; text-transform: uppercase; font-family: "Century Gothic", "CenturyGothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif; color: #3f3f3f; } h3.kop, h3 span.kop { text-transform: none; font-size: 18px; } h3.kop:first-of-type, h3 span.kop:first-of-type { margin-top: 0px; } .left { float: left; } .right { float: right; } .page { background-color: #ebebeb; } .breadcrumbs-heading { line-height: 70px; height: 70px; color: #222121; } .breadcrumbs-heading a { color: inherit !important; } .breadcrumbs-heading .dimmed.slash { margin: 0 10px; } .breadcrumbs-heading.back { display: inline-block; padding-right: 50px; color: #bdbdbd; } .breadcrumbs-heading.breadcrumbs { display: inline-block; } .breadcrumbs-heading.trustmark { float: right; width: 60px; display: block; margin-top: 15px; margin-left: 20px; margin-right: 10px; } .breadcrumbs-heading.trustmark img { max-width: 100%; } .breadcrumbs-heading.thuiswinkel { float: right; } .breadcrumbs-heading.thuiswinkel a { display: inline-block; vertical-align: middle; } .breadcrumbs-heading.thuiswinkel a:hover { text-decoration: none; } .breadcrumbs-heading.thuiswinkel a.text { margin-left: 10px; margin-top: 10px; } .breadcrumbs-heading.thuiswinkel a.text p { margin: 0; text-transform: initial; font-size: 12px; line-height: 12px; } .breadcrumbs-heading.thuiswinkel a.score { margin-left: 5px; } .breadcrumbs-heading.thuiswinkel a.score .green.round { background: #4aa847; padding: 6px 5px 5px 5px; margin-top: 5px; border-radius: 50%; font-size: 12px; font-weight: bold; color: #fff; min-width: 28px; text-align: center; display: block; line-height: 17px; } a[data-readmore-toggle], a[data-readmore] { color: #4aa847; font-weight: 700; } #content-wrapper { overflow: hidden; padding-top: 130px; } body.home #content-wrapper { padding-top: 0px; } .light-bg { background-color: #fff; } .grey-bg { background-color: #f0f0f0; padding-top: 10px; } .home_assortiment { text-align: center; text-transform: uppercase; margin-top: 40px; max-width: 1060px; padding: 0 10px; margin: 40px auto 50px auto; text-align: left; width: 100%; } .home_assortiment > h2 { margin-bottom: 0; color: #222121; display: inline-block; vertical-align: top; } .home_assortiment .trustmark { float: right; width: 60px; display: block; margin-top: 22px; margin-left: 20px; } .home_assortiment .trustmark img { max-width: 100%; } .home_assortiment .thuiswinkel { float: right; margin-top: 25px; } .home_assortiment .thuiswinkel a { display: inline-block; vertical-align: middle; } .home_assortiment .thuiswinkel a:hover { text-decoration: none; } .home_assortiment .thuiswinkel a.text { margin-left: 10px; margin-top: 10px; } .home_assortiment .thuiswinkel a.text p { margin: 0; text-transform: initial; font-size: 12px; } .home_assortiment .thuiswinkel a.score { margin-left: 5px; } .home_assortiment .thuiswinkel a.score .green.round { background: #4aa847; padding: 6px 5px 5px 5px; margin-top: 5px; border-radius: 50%; font-size: 12px; font-weight: bold; color: #fff; min-width: 28px; text-align: center; display: block; } .home_assortiment nav { font-size: 12px; margin-bottom: 25px; display: inline-block; margin-top: 38px; margin-left: 40px; } .home_assortiment nav ul { margin: 0; padding-left: 0; } .home_assortiment nav ul li { cursor: pointer; display: inline-block; font-weight: 700; color: #bdbdbd; border-bottom: 4px solid transparent; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .home_assortiment nav ul li.active, .home_assortiment nav ul li:hover { color: #4aa847; } .home_assortiment nav ul li.active { border-color: #4aa847; } .home_assortiment nav ul .divider { height: 12px; width: 2px; background: #bdbdbd; margin: 0 10px; display: inline-block; position: relative; top: 2px; } .home_assortiment .intro { text-transform: none; font-size: 12px; color: #a8b1a8; } .backtotop { color: #3f3f3f; } .backtotop .icon-up { display: inline-block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .backtotop:hover .icon-up { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .sizedWidth { max-width: 1060px; margin-left: auto; margin-right: auto; clear: both; padding: 0 10px; } .html.sizedWidth { padding: 0; } .impression.sizedWidth { padding: 0; } .shop.sizedWidth { padding-right: 20px; } .shop.sizedWidth .padding-right:last-child { padding-right: 0; } .splitblock { display: inline-block; vertical-align: top; } .splitblock h3 { text-transform: none; font-size: 18px; } .splitblock p { clear: both; } .screentable { display: table; width: 100%; padding-bottom: 40px; } .screentable div.tablecell { display: table-cell; vertical-align: top; } .modal-dialog .button.cta { font-size: 14px; } .button, .btn { cursor: hand; cursor: pointer; padding: 13px 60px; font-size: 16px; font-weight: 700; display: inline-block; color: #fff; border-radius: 0; box-sizing: border-box; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .button a, .btn a { text-decoration: none; } .button.cta, .btn.cta { background-color: #f65608; border: 2px solid #f65608; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .button.cta:hover, .btn.cta:hover { background: #a73601; border-color: #a73601; color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .button.grey, .btn.grey { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #777777; border: 2px solid #d9d9d9; width: 180px; background: transparent; margin: 0 auto; margin-top: 20px; display: block; text-align: center; } .button.grey:hover, .btn.grey:hover { background: #d9d9d9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .button.transparent, .btn.transparent { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border: 2px solid #fff; background: transparent; } .button.transparent:hover, .btn.transparent:hover { color: #000; background: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .button.bw, .btn.bw, .button.btn-default, .btn.btn-default { background-color: #fff; color: #000; border: 2px solid #000; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .button.bw:hover, .btn.bw:hover, .button.btn-default:hover, .btn.btn-default:hover { background: #000; color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .meer { color: #4bb147; font-weight: 700; } .meer:hover { text-decoration: underline; cursor: pointer; } #addproductform .productinfo { color: #9f9f9f; } #addproductform .button, #addproductform .btn { padding: 13px 30px; } .subcategorie_block { height: 580px; display: table; font-size: 0; } .subcategorie_block h1, .subcategorie_block h2, .subcategorie_block h3 { color: #fff; } .subcategorie_block .bigblock { display: table-cell; height: 100%; width: 100%; box-sizing: border-box; vertical-align: top; text-decoration: none; overflow: hidden; } .subcategorie_block .bigblock .background { -webkit-transition: all 5s ease-out; -moz-transition: all 5s ease-out; -o-transition: all 5s ease-out; transition: all 5s ease-out; height: 100%; width: 100%; background-size: cover; background-position: center; } .subcategorie_block .bigblock:hover .background { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ } .subcategorie_block .bigblock .gradientOverlay { position: relative; width: 100%; height: 50%; bottom: 50%; background: -moz-linear-gradient(0deg, rgba(4, 44, 92, 0.6) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, 0deg, color-stop(0%, rgba(4, 44, 92, 0.6)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(0deg, rgba(4, 44, 92, 0.6) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(0deg, rgba(4, 44, 92, 0.6) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(0deg, rgba(4, 44, 92, 0.6) 0%, rgba(0, 0, 0, 0) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(4,44,92,0.6)', endColorstr='rgba(0,0,0,0)', GradientType='1'); /* for IE */ background: linear-gradient(0deg, rgba(4, 44, 92, 0.6) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */ } .subcategorie_block .bigblock .description { position: absolute; padding: 30px; bottom: 0; left: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .subcategorie_block .bigblock .button { background: transparent !important; color: #fff !important; border: 2px solid #fff; padding: 0 30px; line-height: 46px; box-sizing: border-box; font-weight: normal; position: absolute; margin: 30px; max-height: 50px; overflow: hidden; bottom: -100px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; font-size: 13px; } .subcategorie_block .bigblock .button:hover { background: #fff !important; color: #222121 !important; } .subcategorie_block .bigblock:hover .description { bottom: 70px; } .subcategorie_block .bigblock:hover .button { bottom: 0px; } .subcategorie_block .smallblocks { width: 580px; display: inline-block; height: 100%; } .subcategorie_block .smallblocks .block { display: inline-block; vertical-align: top; width: 50%; height: 50%; overflow: hidden; } .subcategorie_block .smallblocks .block .background { -webkit-transition: all 5s ease-out; -moz-transition: all 5s ease-out; -o-transition: all 5s ease-out; transition: all 5s ease-out; height: 100%; width: 100%; background-size: cover; background-position: center; position: absolute; -webkit-backface-visibility: hidden; } .subcategorie_block .smallblocks .block:hover .background { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ -webkit-backface-visibility: hidden; } .subcategorie_block .smallblocks .block .gradientOverlay { position: relative; width: 100%; height: 50%; top: 50%; background: -moz-linear-gradient(0deg, rgba(4, 44, 92, 0.6) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, 0deg, color-stop(0%, rgba(4, 44, 92, 0.6)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(0deg, rgba(4, 44, 92, 0.6) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(0deg, rgba(4, 44, 92, 0.6) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(0deg, rgba(4, 44, 92, 0.6) 0%, rgba(0, 0, 0, 0) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(4,44,92,0.6)', endColorstr='rgba(0,0,0,0)', GradientType='1'); /* for IE */ background: linear-gradient(0deg, rgba(4, 44, 92, 0.6) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */ } .subcategorie_block .smallblocks .block .button { background: transparent !important; color: #fff !important; border: 2px solid #fff; padding: 0 30px; line-height: 46px; box-sizing: border-box; font-weight: normal; position: absolute; margin: 30px; max-height: 50px; overflow: hidden; bottom: -100px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; font-size: 13px; } .subcategorie_block .smallblocks .block .button:hover { background: #fff !important; color: #222121 !important; } .subcategorie_block .smallblocks .block .description { position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px; box-sizing: border-box; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .subcategorie_block .smallblocks .block:hover .description { bottom: 70px; } .subcategorie_block .smallblocks .block:hover .button { bottom: 0px; } .subcategorie_block .bigblock, .subcategorie_block .smallblocks .block { color: #fff; position: relative; background-size: cover; background-position: center; } .subcategorie_block .bigblock h3, .subcategorie_block .smallblocks .block h3 { font-size: 24px; text-transform: none; margin-top: 0; margin-bottom: 5px; } .subcategorie_block .bigblock p, .subcategorie_block .smallblocks .block p { font-size: 15px; line-height: 15px; margin: 0; } @media screen and (max-width: 1100px) { .home_assortiment { padding: 0 30px; } .home-assortimentlist-container { padding: 0 20px; } .uspContainer { padding: 0 20px; box-sizing: border-box !important; } } @media screen and (max-width: 1060px) { .screentable div.tablecell { padding: 0px 20px 0px 20px; } .screentable div.tablecell.w55 { padding: 20px; } .screentable div.tablecell.w44 { padding: 20px; } #content-wrapper { padding-top: 150px !important; } .impression.sizedWidth { padding: 0 20px; } .shop.sizedWidth { padding: 0 30px; } .html.sizedWidth > p, .html.sizedWidth > h3 { padding: 0px 10px; } .subcategorie_block { height: auto; display: block; width: 100%; } .subcategorie_block .bigblock { display: block; height: 500px; } .subcategorie_block .bigblock .button { padding: 0 15px; } .subcategorie_block .smallblocks { width: auto; display: block; height: auto; } .subcategorie_block .smallblocks .block { display: inline-block; width: 25%; height: auto; padding-bottom: 25%; } .breadcrumbs-heading { padding: 0 20px; color: #222121; overflow: hidden; } .breadcrumbs-heading:last-child { padding: 0 20px; } .breadcrumbs-heading .dimmed.slash { margin: 0 10px; } .breadcrumbs-heading.trustmark { padding: 0; margin-left: 0; margin-right: 20px; } } @media screen and (max-width: 900px) { .home_assortiment { margin: 40px auto 20px auto; text-align: center; padding: 0; } .home_assortiment > h2 { margin-top: 0; } .home_assortiment nav { display: block; margin-left: 0; margin-top: 25px; } .home_assortiment .trustmark { float: none; display: inline-block; margin-right: 20px; margin-left: 0; } .home_assortiment .thuiswinkel { float: none; display: inline-block; } .home_assortiment .intro { padding: 0 20px; } } @media screen and (max-width: 800px) { .subcategorie_block .bigblock { height: 340px; } .subcategorie_block .smallblocks .block { width: 50%; padding-bottom: 50%; } } @media screen and (max-width: 768px) { body .shop #shop-tabs { padding: 0px 4px; } body .shop #shop-tabs li { font-size: 13px !important; } body .shop #shop-tabs li.separator { padding: 0px !important; } .thuiswinkel.breadcrumbs-heading, .trustmark.breadcrumbs-heading { display: none; } .shop .screentable { font-size: 11px; } .shop .screentable .price { font-size: 12px; } .shop .screentable .numberinput { width: 68px; } .shop .screentable div.tablecell { padding: 20px 10px 0; display: table-cell; width: 100%; } .shop .screentable div.tablecell .price { min-width: 80px; } .shop .screentable div.tablecell img { width: 100%; max-width: 100px; } .shop .screentable .shoppingbag-line div.w15 { width: 15%; } .home_assortiment .thuiswinkel, .home_assortiment .trustmark { display: none; } .tablecell.w25.padding-right.filter { width: 100%; padding: 0 20px; float: left; max-height: 48px; overflow: hidden; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tablecell.w25.padding-right.filter:before { content: "\e90f"; font-family: 'icomoon' !important; position: absolute; right: 20px; top: 13px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; pointer-events: none; } .tablecell.w25.padding-right.filter.open { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; max-height: 300px; } .tablecell.w25.padding-right.filter.open .product-filter { padding-bottom: 20px; } .tablecell.w25.padding-right.filter.open .product-filter .filtertitle { color: #4aa847; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tablecell.w25.padding-right.filter.open:before { color: #4aa847; transform: rotate(180deg); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tablecell.w75.padding-right.content { width: 100%; padding: 0 20px; } .tablecell.w75.padding-right.content #products-header .assortiment-nav-1 .left { display: none; } .tablecell.w75.padding-right.content #products-header > hr { display: none; } .tablecell.w75.padding-right.content #products-header .assortiment-nav-2 { display: none; } .tablecell.w75.padding-right.content #products-header .assortiment-nav-2 .left { line-height: 50px; } .tablecell.w75.padding-right.content #products-header .assortiment-nav-2 .right { display: none; } .screentable { display: block; margin: 0 auto; } .screentable div.tablecell { display: block; width: 100%; padding: 0; } .screentable div.tablecell img { width: 100%; } .html.sizedWidth > p > span > img, .html.sizedWidth > p > img { max-width: calc(100% - 40px); margin: 0px 20px; } } @media screen and (max-width: 540px) { body .shop #shop-tabs { padding: 0px 4px; } body .shop #shop-tabs li { font-size: 8px !important; } body .shop #shop-tabs li.separator { padding: 0px !important; } .paralax-heading .paralax-header-text { font-size: 50px !important; line-height: 46px !important; margin-left: -115px !important; width: 400px !important; } body .shop .screentable { display: block; margin: 0 auto; } body .shop .screentable > div.tablecell { display: block; width: 100%; } body .shop .screentable .shoppingbag-line div.w15 { width: 30%; } body .shop .screentable .shoppingbag-line div.w55 { width: 33% ; } body .shop .screentable .formulier div.tablecell { display: block; width: 100%; } } @media screen and (max-width: 550px) { .breadcrumbs-heading.breadcrumbs { display: none; line-height: 12px; height: 12px; margin-bottom: 20px; } } @media screen and (max-width: 400px) { .paralax-heading .paralax-header-text { font-size: 38px !important; line-height: 36px !important; width: 300px !important; } .subcategorie_block .smallblocks .block { width: 100%; padding-bottom: 100%; } } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 1-dec-2015, 14:34:23 Author : ramon */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 30-nov-2015, 12:00:19 Author : ramon */ /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ .hw { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #menu .rootLink { background-color: #3a3a3a; } #menu img.logo { padding: 13px; } /*body.home .topheader { // background-color:inherit; .topheader-quotes h1 { display: inline; font-size: 12px; } }*/ body .topheader .topheader-quotes h1 { display: inline; font-size: 12px; line-height: 30px; } html.touch .topheader .sizedWidth .topheader-quotes li { position: absolute; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; opacity: 0; } html.touch .topheader .sizedWidth .topheader-quotes li.active { opacity: 1; } @media screen and (max-width: 768px) { html .topheader .sizedWidth .topheader-quotes ul { padding-left: 20px; } html .topheader .sizedWidth .topheader-quotes ul li { padding-left: 20px; } html .topheader .sizedWidth .topheader-quotes .country_title { display: none; } html.touch .topheader .sizedWidth .content .desktop { display: none; } html.touch .topheader .sizedWidth .content .mobile { display: inherit; } html.touch .topheader .sizedWidth .content .mobile img { height: 19px; padding-bottom: 2px; } html.no-touch .topheader .sizedWidth .content .desktop { display: inherit; } html.no-touch .topheader .sizedWidth .content .mobile { display: none; } } .topheader { height: 30px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: #fff; line-height: 30px; overflow: hidden; color: #222121; font-size: 12px; } .topheader.height0 { height: 0px; } .topheader .sizedWidth { background-color: #fff; padding: 0; } .topheader .sizedWidth .h1link { margin-left: 40px; float: left; } .topheader .sizedWidth .h1link h1 { font-size: 12px; } .topheader .sizedWidth .topheader-quotes { float: left; } .topheader .sizedWidth .topheader-quotes ul { margin: 0px; font-size: 10px; font-family: "Century Gothic", "CenturyGothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif; } .topheader .sizedWidth .topheader-quotes ul li { display: inline; padding-left: 10px; } .topheader .sizedWidth > div { margin-left: -20px; overflow: hidden; background-color: #fff; } .topheader .sizedWidth .content { float: right; padding-right: 20px !important; } .topheader .sizedWidth .content .green { background-color: #4aa847; } .topheader .sizedWidth .content .mobile { display: none; } .topheader .sizedWidth .content .mobile .round { -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; line-height: 18px; height: 18px; width: 18px; font-size: 9px; } .topheader .sizedWidth .content .round { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; line-height: 25px; height: 25px; width: 25px; text-align: center; display: inline-block; color: #fff; } body.home .menu_container { width: 1100px; margin-left: auto; margin-right: auto; left: 0; right: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } body.home .menu_container.scrolled { width: 100%; } body.home .menu_container #menu .menu-wrapper { padding-right: 10px; } body.home .menu_container #menu .menu-wrapper .menu-bottom li { margin-left: 15px; margin-right: 15px; } body.home .menu_container #menu .menu-wrapper .menu-bottom li ul li { margin-left: 15px; margin-right: 15px; } body.home .menu_container .topheader .sizedWidth { max-width: 1100px; } body.home .menu_container .topheader .sizedWidth .content { padding-right: 30px; } .menu_container { width: 100%; position: fixed; z-index: 10; background-color: #222; } .menu_container #region-selection { max-height: 0px; overflow: hidden; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .menu_container #region-selection.open { max-height: 750px; max-width: 1100px; margin: 0 auto; } .menu_container #region-selection #clickclose { position: absolute; height: 27px; top: 50px; right: 12px; z-index: 99; width: 30px; cursor: pointer; z-index: 50; } .menu_container #region-selection .close-map { position: absolute; height: 2px; top: 62px; right: 12px; z-index: 40; width: 30px; background: transparent; } .menu_container #region-selection .close-map:before { content: " "; transform: rotate(-135deg); top: 0px; color: #fff; height: 2px; width: 30px; background: #fff; position: absolute; } .menu_container #region-selection .close-map:after { content: " "; transform: rotate(135deg); top: 0px; color: #fff; height: 2px; width: 30px; background: #fff; position: absolute; } .menu_container #region-selection #region-wrapper { background-color: #222222; max-width: 1060px; width: 100%; margin: 0 auto; min-height: 500px; } .menu_container #region-selection #region-wrapper > div { display: table; background-color: #222222; width: 100%; position: relative; } .menu_container #region-selection #region-wrapper a { color: inherit; text-decoration: none; } .menu_container #region-selection #region-wrapper .left-box { display: table-cell; width: 319px; box-sizing: border-box; padding: 38px 40px 0px 8px; } .menu_container #region-selection #region-wrapper .left-box h2, .menu_container #region-selection #region-wrapper .left-box h3, .menu_container #region-selection #region-wrapper .left-box p { margin: 0; } .menu_container #region-selection #region-wrapper .left-box > h2 { font-family: "Century Gothic", "CenturyGothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif; padding-bottom: 20px; color: #fff; font-size: 17px; line-height: 17px; font-weight: 700; border-bottom: 1px solid #2b2b2b; text-transform: uppercase; letter-spacing: 1px; } .menu_container #region-selection #region-wrapper .left-box .group { border-bottom: 1px solid #2b2b2b; padding: 14px 30px 14px 0; } .menu_container #region-selection #region-wrapper .left-box .group > h3 { font-family: Arial; font-size: 12px; line-height: 10px; color: #888; text-transform: none; font-weight: normal; } .menu_container #region-selection #region-wrapper .left-box .group .option { font-family: "Century Gothic", "CenturyGothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif; text-transform: uppercase; color: #fff; font-size: 9px; line-height: 4px; padding-top: 9px; cursor: pointer; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .menu_container #region-selection #region-wrapper .left-box .group .option .name { position: relative; } .menu_container #region-selection #region-wrapper .left-box .group .option img { float: right; height: 11px; margin-left: 3px; } .menu_container #region-selection #region-wrapper .left-box .group .option .icon { float: right; font-size: 14px; margin-top: -2px; } .menu_container #region-selection #region-wrapper .left-box .group .option.active { color: #4aa847; } .menu_container #region-selection #region-wrapper .left-box .group .option.active .name::before { content: ""; position: absolute; height: 4px; width: 4px; border-radius: 50%; left: -9px; top: 6px; } .menu_container #region-selection #region-wrapper .left-box .group .option:hover { color: #4aa847; } .menu_container #region-selection #region-wrapper .right-box { display: table-cell; background-image: url(../img/worldmap.png); background-color: #1d1d1d; background-position: -1390px -405px; background-repeat: no-repeat; box-sizing: border-box; border: 10px solid #1d1d1d; cursor: -webkit-grab; cursor: -moz-grab; position: absolute; width: 802px; right: -20px; height: 532px; overflow: hidden; } .menu_container #region-selection #region-wrapper .right-box:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; } .menu_container #region-selection #region-wrapper .right-box .locations { top: 0px; left: 0px; position: absolute; } .menu_container #region-selection #region-wrapper .right-box .locations .location-netherlands { left: 360px; top: 220px; } .menu_container #region-selection #region-wrapper .right-box .locations .location-belgium { left: 355px; top: 245px; } .menu_container #region-selection #region-wrapper .right-box .locations .location-france { left: 340px; top: 285px; } .menu_container #region-selection #region-wrapper .right-box .locations .location-germany { left: 400px; top: 240px; } .menu_container #region-selection #region-wrapper .right-box .locations .location-uk { left: 295px; top: 220px; } .menu_container #region-selection #region-wrapper .right-box .locations .location-ireland { left: 230px; top: 205px; } .menu_container #region-selection #region-wrapper .right-box .locations .location-swiss { left: 400px; top: 295px; } .menu_container #region-selection #region-wrapper .right-box .locations .location-austria { left: 450px; top: 275px; } .menu_container #region-selection #region-wrapper .right-box .locations .location-brazil { left: -120px; top: 965px; } .menu_container #region-selection #region-wrapper .right-box .locations .location-africa { left: 370px; top: 445px; } .menu_container #region-selection #region-wrapper .right-box .locations .location-india { left: 640px; top: 410px; } .menu_container #region-selection #region-wrapper .right-box .locations .location-mid-point { height: 14px; width: 14px; position: absolute; border-radius: 50%; transform: translate(-50%, -50%); background: #ffffff; display: block; } .menu_container #region-selection #region-wrapper .right-box .locations .location-mid-point .location-small-point { position: absolute; height: 8px; width: 8px; border-radius: 50%; border: 2px solid; color: #4b4b4b; left: 3px; top: 3px; background: #4aa847; } .menu_container #region-selection #region-wrapper .right-box .locations .location-mid-point .location-small-point .location-pulse { position: absolute; height: 14px; width: 14px; color: #ffffff; top: -5px; left: -5px; border-radius: 50%; border: 0.5px solid transparent; } .menu_container #region-selection #region-wrapper .right-box .locations .location-mid-point.active { background: #4aa847; } .menu_container #region-selection #region-wrapper .right-box .locations .location-mid-point.active #pulse-animation1 { animation: pulse 1s infinite; -webkit-animation: pulse 1s infinite; -moz-animation: pulse 1s infinite; -ms-transition: pulse 1s infinite; } .menu_container #region-selection #region-wrapper .right-box .locations .location-mid-point.active #pulse-animation2 { animation: pulse 1s 0.5s infinite; -webkit-animation: pulse 1s 0.5s infinite; -moz-animation: pulse 1s 0.5s infinite; -ms-transition: pulse 1s 0.5s infinite; } .menu_container #region-selection #region-wrapper .right-box .locations .location-mid-point.active > .location-small-point { background: white; } .menu_container #menu { background-color: #222222; max-width: 1060px; width: 100%; margin-left: auto; margin-right: auto; max-height: 100px; vertical-align: top; font-family: "Century Gothic", "CenturyGothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu > div { width: 1060px; position: relative; margin: 0 auto; background: -moz-linear-gradient(0deg, #3a3a3a 320px, #222222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, 0deg, color-stop(320px, #3a3a3a), color-stop(100%, #222222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(0deg, #3a3a3a 320px, #222222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(0deg, #3a3a3a 320px, #222222 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(0deg, #3a3a3a 320px, #222222 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3a3a', endColorstr='#222222', GradientType='1'); /* for IE */ background: linear-gradient(90deg, #3a3a3a 320px, #222222 100%); /* W3C */ } .menu_container #menu > div > a { display: table-cell; vertical-align: top; position: relative; left: -20px; } .menu_container #menu > div .menu-wrapper { display: table-cell; vertical-align: top; } .menu_container #menu .logo { display: inline-block; vertical-align: top; width: 299px; } .menu_container #menu .mobilemenu-wrapper { display: none; } .menu_container #menu .menu-wrapper { height: 100%; line-height: 100px; padding-left: 5px; padding-right: 20px; width: 100%; } .menu_container #menu .menu-wrapper .menu-top { height: 36px; line-height: 36px; color: #888888; font-size: 12px; border-bottom: 1px solid #555555; } .menu_container #menu .menu-wrapper .menu-top #country_select { cursor: pointer; color: #d2cdcd; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .menu_container #menu .menu-wrapper .menu-top #country_select .icon-globe { font-size: 114%; } .menu_container #menu .menu-wrapper .menu-top #country_select .upsidedown { color: #d2cdcd; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .menu_container #menu .menu-wrapper .menu-top #country_select.active .upsidedown { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .menu_container #menu .menu-wrapper .menu-top #country_select:hover, .menu_container #menu .menu-wrapper .menu-top #country_select:hover .upsidedown { color: #4aa847; } .menu_container #menu .menu-wrapper .menu-top #topNavContainer { float: right; margin-left: 12px; } .menu_container #menu .menu-wrapper .menu-top li { margin-left: 10px; margin-right: 10px; } .menu_container #menu .menu-wrapper .menu-top li.active a { color: #4aa847; } .menu_container #menu .menu-wrapper .menu-top li a { color: #888888; text-transform: none; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-top li:hover a { color: #4aa847; } .menu_container #menu .menu-wrapper .menu-top .shoppingcart-button { margin-left: 40px; } .menu_container #menu .menu-wrapper .menu-top .shoppingcart-button .icon-cart { font-size: 125%; margin-right: 18px; } .menu_container #menu .menu-wrapper .menu-top .shoppingcart-button .count { background-color: #000; height: 18px; position: absolute; width: 18px; font-size: 10px; display: inline-block; line-height: 18px; text-align: center; margin-left: -23px; margin-top: 2px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; margin-right: 18px; } .menu_container #menu .menu-wrapper .menu-bottom { height: 63px; line-height: 63px; font-size: 12px; } .menu_container #menu .menu-wrapper .menu-bottom li { margin-left: 16px; margin-right: 16px; } .menu_container #menu .menu-wrapper .menu-bottom li a { color: #fff; text-transform: uppercase; font-weight: 700; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding-bottom: 5px; border-bottom: 2px solid transparant; } .menu_container #menu .menu-wrapper .menu-bottom li:hover > a { color: #4aa847; padding-bottom: 10px; border-bottom: 2px solid #4aa847; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom li.active > a { color: #4aa847; padding-bottom: 10px; border-bottom: 2px solid #4aa847; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #4aa847; } .menu_container #menu .menu-wrapper .menu-bottom .search_button .overlay { position: absolute; height: 64px; width: 113px; z-index: 9999; } .menu_container #menu .menu-wrapper .menu-bottom .search_button .searchinput { padding: 10px 20px 10px 10px; width: 82px; background-color: inherit; border: 0px; color: #4aa847; -webkit-appearance: none; margin-right: -4px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button .searchinput::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #4aa847; text-align: left; font-weight: bold; font-size: 14px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button .searchinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #4aa847; opacity: 1; text-align: left; font-weight: bold; font-size: 14px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button .searchinput::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #4aa847; opacity: 1; text-align: left; font-weight: bold; font-size: 14px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button .searchinput:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #4aa847; text-align: left; font-weight: bold; font-size: 14px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button .searchinput:focus { outline: 0; } .menu_container #menu .menu-wrapper .menu-bottom .search_button .searchsubmit { position: relative; background: none; padding: 10px 0; border: none; -webkit-appearance: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button .searchsubmit i { color: #4aa847; font-weight: bold; font-size: 14px; position: absolute; top: -2px; left: -15px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button .searchsubmit:focus { outline: 0; } .menu_container #menu .menu-wrapper .menu-bottom .search_button.active .searchinput { width: 165px; background: #3c3939; padding: 10px 35px 10px 10px; color: #fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button.active .searchinput::-webkit-input-placeholder { /* WebKit, Blink, Edge */ text-align: left; color: #888888; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button.active .searchinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ text-align: left; color: #888888; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button.active .searchinput::-moz-placeholder { /* Mozilla Firefox 19+ */ text-align: left; color: #888888; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button.active .searchinput:-ms-input-placeholder { /* Internet Explorer 10-11 */ text-align: left; color: #888888; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button.active .searchsubmit i { left: -25px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-bottom .search_button:focus { outline: 0; } .menu_container #menu .menu-wrapper .menu-top > ul, .menu_container #menu .menu-wrapper .menu-bottom > ul { margin: 0px; padding: 0px; } .menu_container #menu .menu-wrapper .menu-top > ul > li, .menu_container #menu .menu-wrapper .menu-bottom > ul > li { position: relative; display: inline-block; float: left; } .menu_container #menu .menu-wrapper .menu-top > ul > li:first-child, .menu_container #menu .menu-wrapper .menu-bottom > ul > li:first-child { margin-left: 0px; } .menu_container #menu .menu-wrapper .menu-top > ul > li:last-child, .menu_container #menu .menu-wrapper .menu-bottom > ul > li:last-child { margin-right: 0px; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul { margin: 0px; margin-top: 1px; margin-left: -26px; padding: 0px; position: absolute; background-color: #fff; display: block; width: 255px; max-height: 0px; overflow: hidden; box-sizing: border-box; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul.open, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul.open { max-height: 440px; padding-bottom: 80px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul a, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul a { color: #3f3f3f !important; padding-left: 10px; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li { padding-left: 0px; padding-right: 0px; line-height: 42px; border-bottom: 2px solid #f0f0f0; margin-left: 15px; margin-right: 15px; margin-top: -2px; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li .show-next, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li .show-next, .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li .show-prev, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li .show-prev { padding-top: 10px; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li .show-next .icon-up, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li .show-next .icon-up, .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li .show-prev .icon-up, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li .show-prev .icon-up { font-size: 16px; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li .show-next.disabled, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li .show-next.disabled, .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li .show-prev.disabled, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li .show-prev.disabled { color: #bdbdbd; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li a, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li a { width: 100%; display: block; position: relative; box-sizing: content-box; left: -15px; padding-bottom: 0; padding-left: 25px; padding-right: 5px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li.nohover, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li.nohover, .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li.nohover:hover, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li.nohover:hover { list-style: inherit !important; background-color: inherit; margin-left: 0px; margin-right: inherit; margin-top: inherit; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li:before, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li:before { content: "\f111"; font-family: FontAwesome; position: absolute; font-size: 5px; left: -15px; z-index: 10; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li:hover, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li:hover { color: #4aa847 !important; list-style: outside none disc; width: 100%; margin-left: 0px; padding-left: 15px; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li:hover:before, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li:hover:before { left: 15px; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li:hover a, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li:hover a { color: #4aa847 !important; text-decoration: none; background-color: #f0f0f0; padding-bottom: 0; border-bottom: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li:first-child, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li:first-child { border: none; margin: 40px 0; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li:first-child:hover, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li:first-child:hover { background: none; margin-left: 40px 0; padding-left: 0; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li:first-child:before, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li:first-child:before { display: none; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li:last-child, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li:last-child { border: none; margin: 20px 0; background: none; margin-left: 40px 0; padding-left: 0; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li:last-child:hover, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li:last-child:hover { background: none; margin-left: 40px 0; padding-left: 0; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul li:last-child:before, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul li:last-child:before { display: none; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul div.show-next, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul div.show-next, .menu_container #menu .menu-wrapper .menu-top > ul > li > ul div.show-prev, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul div.show-prev { width: 100%; height: 40px; background-color: #f7f7f7; position: absolute; bottom: 0px; line-height: 40px; text-align: center; z-index: 11; } .menu_container #menu .menu-wrapper .menu-top > ul > li > ul div.show-prev, .menu_container #menu .menu-wrapper .menu-bottom > ul > li > ul div.show-prev { top: 0px; } .navmenu_container .menu-wrapper { max-width: 1060px; display: block; padding-left: 20px; padding-right: 20px; line-height: 58px; margin-left: auto; margin-right: auto; width: 100%; font-size: 12px; } .navmenu_container .menu-wrapper a { color: #9f9f9f; text-transform: none; } .navmenu_container .menu-wrapper ul { margin: 0px; padding: 0px; text-align: center; } .navmenu_container .menu-wrapper ul li { display: inline-block; margin-left: 4px; margin-right: 4px; } .navmenu_container .menu-wrapper ul li:first-child { margin-left: 0px; } .navmenu_container .menu-wrapper ul li:last-child { margin-right: 0px; } .navmenu_container .menu-wrapper ul li.sep { color: #e2e2e2; } /* @media screen and (max-width: 1023px) { .menu_container { #region-selection #region-wrapper { .left-box { display:block; width:50%; } .right-box { display:none; } } #menu { .menu-wrapper { width:100%; max-width:none; min-width:0; } } } }*/ .mobile-menu { display: none; } @keyframes pulse { 0% { transform: scale(1); opactiy: 1; border: 0.5px solid; } 70% { transform: scale(2.3); opacity: 1; } 100% { transform: scale(3); opacity: 0.1; border: 0.5px solid; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); opactiy: 1; border: 0.5px solid; } 70% { -webkit-transform: scale(2.3); transform: scale(2.3); opacity: 1; } 100% { -webkit-transform: scale(3); transform: scale(3); opacity: 0.1; border: 0.5px solid; } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); opactiy: 1; border: 0.5px solid; } 70% { -moz-transform: scale(2.3); opacity: 1; } 100% { -moz-transform: scale(3); opacity: 0.1; border: 0.5px solid; } } @media screen and (max-width: 1100px) { .menu_container #menu .logo { display: inline-block; vertical-align: top; z-index: 2; position: relative; left: 0; max-height: 70px; } .search_button ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ text-align: left; } .search_button :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ text-align: left; } .search_button ::-moz-placeholder { /* Mozilla Firefox 19+ */ text-align: left; } .search_button :-ms-input-placeholder { /* Internet Explorer 10-11 */ text-align: left; } } @media screen and (max-width: 1100px) { body.home .menu_container { width: 100%; } .menu_container { padding-right: 15px; width: 100%; height: 150px; overflow: hidden; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .menu_container.scrolled { height: 120px; } .menu_container #region-selection #region-wrapper .left-box { width: 100%; } .menu_container #menu .logo { display: inline-block; vertical-align: top; width: 210px; height: auto; z-index: 2; position: relative; left: 0; } .menu_container #menu > div { max-height: none; display: inherit; background: #212121; margin-left: inherit; position: static; } .menu_container #menu > div > a { left: 0; } .menu_container #menu .menu-wrapper { display: none !important; } .menu_container #menu .mobilemenu-wrapper { display: block; position: absolute; top: 0; height: 100%; width: 100%; } .menu_container #menu .mobilemenu-wrapper .top-part { height: 70px; text-align: right; } .menu_container #menu .mobilemenu-wrapper .top-part .shoppingcart-button { font-size: 0; position: relative; z-index: 1; top: 25px; right: 20px; } .menu_container #menu .mobilemenu-wrapper .top-part .shoppingcart-button .icon-cart { font-size: 20px; } .menu_container #menu .mobilemenu-wrapper .top-part .shoppingcart-button .count { background-color: #4aa847; font-size: 12px; height: 16px; position: absolute; width: 16px; display: inline-block; line-height: 18px; text-align: center; margin-left: -5px; margin-top: -5px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .menu_container #menu .mobilemenu-wrapper .bottom-part { width: 100%; height: 100%; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row { position: absolute; width: 100%; z-index: 1; background: -moz-linear-gradient(0deg, #3a3a3a 0%, #222222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, 0deg, color-stop(0%, #3a3a3a), color-stop(100%, #222222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(0deg, #3a3a3a 0%, #222222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(0deg, #3a3a3a 0%, #222222 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(0deg, #3a3a3a 0%, #222222 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3a3a', endColorstr='#222222', GradientType='1'); /* for IE */ background: linear-gradient(90deg, #3a3a3a 0%, #222222 100%); /* W3C */ } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row #menu-button { display: inline-block; width: 100px; line-height: 50px; font-size: 12px; text-align: center; background: #4aa847; text-transform: uppercase; font-weight: 700; color: #fff; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row #menu-button .close-text { display: none; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button { float: right; height: 50px; width: 20%; color: #4aa847; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button .overlay { width: 100%; height: 100%; position: absolute; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button .searchinput { padding: 10px 30px 10px 10px; width: 100px; height: 50px; background-color: inherit; border: 0px; color: #4aa847; float: right; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button .searchinput:focus { outline: 0; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button .searchsubmit { position: absolute; background: none; padding: 0; border: none; right: 15px; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button .searchsubmit i { line-height: 50px; color: #4aa847; font-weight: bold; font-size: 14px; position: static; top: -2px; right: 0; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button .searchsubmit:focus { outline: 0; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button.active { width: 65%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button.active .searchinput { width: 100%; background: #3c3939; padding: 10px 35px 10px 10px; color: #fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button.active .searchinput::-webkit-input-placeholder { /* WebKit, Blink, Edge */ text-align: left; color: #888888; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button.active .searchinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ text-align: left; color: #888888; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button.active .searchinput::-moz-placeholder { /* Mozilla Firefox 19+ */ text-align: left; color: #888888; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button.active .searchinput:-ms-input-placeholder { /* Internet Explorer 10-11 */ text-align: left; color: #888888; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menu_container #menu .mobilemenu-wrapper .bottom-part .menu-row .search_button.active .searchsubmit { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; right: 20px; } .mobile-menu { display: block; background: transparant; position: fixed; width: 100%; height: 100%; z-index: 99; top: 150px; left: -100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mobile-menu.open { background: rgba(0, 0, 0, 0.6); left: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mobile-menu .expand-menu { height: 100%; position: fixed; width: 70%; box-sizing: border-box; background: #222; } .mobile-menu .expand-menu .menu-items { padding: 20px; box-sizing: border-box; margin: 0; height: 100%; max-height: 100%; overflow: auto; } .mobile-menu .expand-menu .menu-items > li:first-child > a { border-top: 1px solid #444; } .mobile-menu .expand-menu .menu-items li { width: 100%; text-transform: uppercase; font-weight: 700; font-size: 12px; } .mobile-menu .expand-menu .menu-items li > a { width: 100%; color: #9f9f9f; text-decoration: none; border-bottom: 1px solid #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding: 10px 0; } .mobile-menu .expand-menu .menu-items li.expandable { font-size: 16px; } .mobile-menu .expand-menu .menu-items li.expandable ul { padding: 0 0 0 20px; } .mobile-menu .expand-menu .menu-items li.expandable > a { color: #fff; } .mobile-menu .expand-menu .menu-items li.expandable > a > .icon { float: right; position: relative; top: 2px; transform: rotate(0deg); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mobile-menu .expand-menu .menu-items li.expandable .sub { display: none; margin: 0; } .mobile-menu .expand-menu .menu-items li.expandable .sub > li:last-child > a { border-bottom: none; } .mobile-menu .expand-menu .menu-items li.expandable.expanded + li { border-top: 1px solid #444; } .mobile-menu .expand-menu .menu-items li.expandable.expanded > a { color: #4aa847; } .mobile-menu .expand-menu .menu-items li.expandable.expanded .sub { display: block; } .mobile-menu .expand-menu .menu-items li.expandable.expanded .icon { transform: rotate(180deg); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mobile-menu .expand-menu .mobile-close-button { position: absolute; top: 5px; right: 5px; } .mobile-menu .expand-menu .mobile-close-button svg { fill: #fff; } } .menu_country_button { display: none; } @media screen and (max-width: 1100px) { .menu_container { padding-right: 0px !important; } .mobilemenu-wrapper .search_button { position: relative; right: 40px; } .menu_country_button { display: block; position: absolute; right: 0px; top: 0px; width: 40px; height: 50px; } .menu_country_button .contents { position: absolute; top: 50%; transform: translateY(-50%); } .menu_country_button .contents img { vertical-align: baseline; } #region-wrapper .right-box { display: none !important; } #region-wrapper .left-box { padding: 30px 30px 0px 30px !important; } #region-wrapper .left-box h2 { padding-right: 20px; } #region-wrapper .left-box .group { padding-right: 0px !important; } #region-wrapper .close-map { top: 40px !important; } #region-wrapper .close-map:after, #region-wrapper .close-map:before { width: 20px !important; } #region-wrapper #clickclose { top: 30px !important; } } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 4-jan-2016, 10:34:13 Author : ramon */ #keywords { bottom: -10px; height: 10px; position: fixed; width: 100%; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 21-dec-2015, 16:53:37 Author : ramon */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 30-nov-2015, 12:00:19 Author : ramon */ /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ .hw { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .paralax-heading { position: relative; background: #000; } .paralax-heading .paralax-header-image { background-size: cover; width: 100%; height: 300px; overflow: hidden; opacity: 0.9; } .paralax-heading .paralax-header-image.left-aligned { height: 220px; } .paralax-heading .paralax-header-text { position: absolute; line-height: 1; font-size: 40px; font-weight: 700; color: #fff; left: 50%; margin-left: -253px; bottom: 30px; width: 630px; } .paralax-heading .paralax-header-text.left-aligned { left: calc(((100% - 1060px) / 2 ) + 10px ); margin: 0px auto; } .paralax-heading .paralax-header-text.left-aligned .impression_button { left: calc(1060px /2); top: -12px; } .paralax-heading .paralax-header-text .impression_button { position: absolute; left: 0px; top: -68px; z-index: 5; width: 330px; height: 61px; color: #fff; text-transform: uppercase; background-image: url(/assets/img/play_video_button.png); padding-left: 50px; background-repeat: no-repeat; vertical-align: middle; padding-top: 20px; font-weight: 700; cursor: pointer; cursor: hand; font-size: 14px; line-height: 24px; -webkit-transition: padding-left, 0.5s; -moz-transition: padding-left, 0.5s; -ms-transition: padding-left, 0.5s; -o-transition: padding-left, 0.5s; transition: padding-left, 0.5s; } .paralax-heading .paralax-header-text .impression_button.withoutCircle { background-image: url(/assets/img/play_video_button_without_circle.png); padding-left: 60px; margin-left: -12px; } .paralax-heading .paralax-header-text .impression_button.withoutCircle:hover { padding-left: 70px; } .paralax-heading .paralax-header-text .impression_button:before { content: " "; position: absolute; top: 22px; left: 22px; width: 17px; height: 17px; border: 17px solid #4AA847; border-radius: 17px; z-index: -1; transform: translate(-8.5px, -8.5px); mix-blend-mode: color; -webkit-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s, border 0.5s, border-radius 0.5s, transform 0.5s; -moz-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s, border 0.5s, border-radius 0.5s, transform 0.5s; -ms-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s, border 0.5s, border-radius 0.5s, transform 0.5s; -o-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s, border 0.5s, border-radius 0.5s, transform 0.5s; transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s, border 0.5s, border-radius 0.5s, transform 0.5s; } .paralax-heading .paralax-header-text .impression_button:hover { padding-left: 58px; } .paralax-heading .paralax-header-text .impression_button:hover:before { top: 20px; left: 20px; width: 22px; height: 22px; border: 22px solid #4AA847; border-radius: 22px; transform: translate(-11px, -11px); } .paralax-heading .paralax-header-text .half { line-height: 90%; } .paralax-heading .paralax-header-text .usp-wrapper { clear: both; margin-top: 20px; } .paralax-heading .paralax-header-text .usp-wrapper .usp { font-family: Arial; font-size: 14px; font-weight: 400; vertical-align: top; width: 190px; display: inline-block; } .paralax-heading .paralax-header-text .usp-wrapper .usp .uspIcon { font-size: 30px; } .paralax-heading .paralax-header-text .usp-wrapper .usp .contents hr { margin: 4px 0px; border-top: 1px solid #fff; } .paralax-heading .paralax-header-text .usp-wrapper .usp .contents p { margin-top: 5px; margin-bottom: 0px; } @media screen and (max-width: 1060px) { .paralax-heading .paralax-header-image.left-aligned { height: 300px; } .paralax-heading .paralax-header-text { left: 25%; margin-left: 30px; } .paralax-heading .paralax-header-text.left-aligned { left: 30px; margin: 0px auto; } .paralax-heading .paralax-header-text.left-aligned .impression_button { left: 0px; top: -68px; } } @media screen and (max-width: 768px) { .paralax-heading { background: #000; } .paralax-heading .sizedWidth { height: 100%; width: 100%; position: absolute; top: 0; } .paralax-heading .sizedWidth .paralax-header-text { width: 100% !important; margin-left: 0 !important; left: 0; text-align: center; padding: 0 30px; } .paralax-heading .sizedWidth .paralax-header-text .impression_button { left: 50%; transform: translateX(-50%); width: 220px; } .paralax-heading .sizedWidth .usp-wrapper .usp { text-align: left; } .paralax-heading .sizedWidth .usp-wrapper .usp .uspIcon { font-size: 22px; } .paralax-heading .sizedWidth .usp-wrapper .usp p { line-height: 1.2; } } @media screen and (max-width: 540px) { .paralax-heading .sizedWidth .paralax-header-text .impression_button { display: none; } } @media screen and (max-width: 400px) { .paralax-heading .paralax-header-image { height: 160px !important; } .paralax-heading .sizedWidth .paralax-header-text { font-size: 25px !important; padding: 0 !important; bottom: 20px; } .paralax-heading .sizedWidth .paralax-header-text .impression_button { display: none; } } /* FOOTER */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 30-nov-2015, 12:00:19 Author : ramon */ /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ .hw { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .whatsapp_widget { position: fixed; bottom: 20px; right: 20px; transform: scale(1); } .whatsapp_widget img { width: 50px; } .whatsapp_widget a img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; transform-origin: bottom left; } .whatsapp_widget a:hover img { transform: scale(1.1); } @media screen and (max-width: 450px) { .whatsapp_widget { position: fixed; bottom: 4px; right: 4px; } .whatsapp_widget img { width: 34px; } } /* FOOTER */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 30-nov-2015, 12:00:19 Author : ramon */ /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ .hw { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } footer { width: 100%; min-height: 100px; background-color: #f0f0f0; } footer h2, footer h4 { font-size: 18px; font-family: "Century Gothic", "CenturyGothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif; font-weight: 700; margin: 0.83em 0; } footer label { display: inline-block; font-weight: normal; margin: 0px; width: 80px; } footer .lightText b { color: #3f3f3f; } footer #copyrightWrapper { color: #9f9f9f; } footer #copyrightWrapper .createdBy { font-size: 12px; } footer #copyrightWrapper .createdBy a { color: #9f9f9f; } footer #copyrightWrapper a img { max-height: 80px; } footer #footerContainer { max-width: 1060px; position: relative; margin-left: auto; margin-right: auto; min-height: 100px; /*overflow: auto;*/ margin-bottom: 50px; padding: 40px 10px 0 10px; } footer #footerContainer #footerLeft { width: 66.6667%; overflow: hidden; display: inline-block; padding-right: 20px; box-sizing: border-box; } footer #footerContainer #footerLeft #footerLeftTop { overflow: hidden; border-bottom: 2px solid #e5e5e5; padding-bottom: 40px; width: 100%; } footer #footerContainer #footerLeft #footerLeftTop .links { display: inline-block; vertical-align: top; width: 50%; } footer #footerContainer #footerLeft #footerLeftTop .links .table { display: table; } footer #footerContainer #footerLeft #footerLeftTop .links .table .li-container { display: table-cell; width: 50%; padding-right: 20px; } footer #footerContainer #footerRight { overflow: hidden; display: inline-block; width: 33.3333%; box-sizing: border-box; vertical-align: top; } footer #footerContainer #footerRight .contents { line-height: 18px; overflow: hidden; } .links_block a.black { font-weight: 700; } .more-links .hidden-links { display: none; } .col { height: 100%; float: left; } .social { width: 100%; padding-top: 15px; line-height: 50px; font-weight: 700; color: #3f3f3f; } .socialText { line-height: 50px; height: 100%; float: left; display: inline-block; padding-top: 10px; } .socialText h2 { display: inline-block; margin: 0; } .socialContainer { width: auto; height: 100%; } .socialContainer a { vertical-align: top; } .socialIcon { padding-top: 10px; width: 45px; height: 45px; border-radius: 45px; background-color: #fff; margin-left: 5px; margin-right: 5px; float: left; font-size: 20px; text-align: center; line-height: 45px; color: #3f3f3f; transition: background 0.25s ease-in-out; } .socialIcon .icon-facebook { font-size: 24px; margin-left: -12px; position: absolute; font-size: 20px; } .socialIcon .icon-twitter { position: absolute; margin-left: -7px; margin-top: 5px; font-size: 15px; } .socialIcon:hover { color: #f0f0f0; background-color: #3f3f3f; } #footerLeftBottom { width: 100%; } #copyrightWrapper { padding: 0 20px; width: 100%; height: 80px; background-color: #e5e5e5; } #copyrightContainer { max-width: 1060px; margin-left: auto; margin-right: auto; padding: 0 10px; } #logoDark { width: 160px; height: 45px; background-image: url(../assets/img/logo_dark.png); background-size: 100%; } #voorwaardenWrapper { width: 100%; height: 50px; background-color: #fff; } #voorwaardenContainer { width: 1060px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 1060px) { footer #footerContainer #footerLeft { padding: 0px 20px; } } @media screen and (max-width: 800px) { footer #footerContainer #footerLeft, footer #footerContainer #footerRight { display: block; padding: 0px 20px; width: 100%; } #copyrightContainer td { display: none; } #copyrightContainer td:last-child { display: block; line-height: 80px; text-align: center !important; } .navmenu_container .menu-wrapper ul li.sep { display: none; } } @media screen and (max-width: 600px) { .socialText { display: block; width: 100%; text-align: center; } .socialContainer { text-align: center; } .socialContainer .socialIcon { margin-top: 20px; float: none; display: inline-block; } footer #footerContainer { padding: 20px 10px 20px 10px; margin-bottom: 0; } footer #footerContainer #footerLeft #footerLeftTop { display: none; } footer #footerContainer #footerRight { display: none; } }