@font-face { font-family: 'open_sans-light'; src: url('/Fonts/OpenSans/openSans-light-webfont.eot'); src: url('/Fonts/OpenSans/openSans-light-webfont.eot?#iefix') format('embedded-opentype'), url('/Fonts/OpenSans/openSans-light-webfont.woff') format('woff'), url('/Fonts/OpenSans/openSans-light-webfont.ttf') format('truetype'), url('/Fonts/OpenSans/openSans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans-bold'; src: url('/Fonts/OpenSans/OpenSans-bold-webfont.eot'); src: url('/Fonts/OpenSans/OpenSans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/Fonts/OpenSans/OpenSans-bold-webfont.woff') format('woff'), url('/Fonts/OpenSans/OpenSans-bold-webfont.ttf') format('truetype'), url('/Fonts/OpenSans/OpenSans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans'; src: url('/Fonts/OpenSans/OpenSans-regular-webfont.eot'); src: url('/Fonts/OpenSans/OpenSans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/Fonts/OpenSans/OpenSans-regular-webfont.woff') format('woff'), url('/Fonts/OpenSans/OpenSans-regular-webfont.ttf') format('truetype'), url('/Fonts/OpenSans/OpenSans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans-semibold'; src: url('/Fonts/OpenSans/OpenSans-semibold-webfont.eot'); src: url('/Fonts/OpenSans/OpenSans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/Fonts/OpenSans/OpenSans-semibold-webfont.woff') format('woff'), url('/Fonts/OpenSans/OpenSans-semibold-webfont.ttf') format('truetype'), url('/Fonts/OpenSans/OpenSans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'kh_icons'; src: url('/Fonts/kh_icons.eot'); src: url('/Fonts/kh_icons.eot#iefix') format('embedded-opentype'), url('/Fonts/kh_icons.woff') format('woff'), url('/Fonts/kh_icons.ttf') format('truetype'), url('/Fonts/kh_icons.svg#kh_icons') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'kievit-light'; src: url('KievitWebPro-Light.eot'); src: url('KievitWebPro-Light.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-Light.woff') format('woff'), url('KievitWebPro-Light.ttf') format('truetype'), url('KievitWebPro-Light.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @-webkit-keyframes pulse { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-ms-transform: translate3d(0, 10px, 0);-o-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0); } } @-moz-keyframes pulse { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-ms-transform: translate3d(0, 10px, 0);-o-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0); } } @-ms-keyframes pulse { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-ms-transform: translate3d(0, 10px, 0);-o-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0); } } @keyframes pulse { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-ms-transform: translate3d(0, 10px, 0);-o-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0); } } @-webkit-keyframes fade { 0% { opacity: 0; } 80%,100% { opacity: 1; } } @-moz-keyframes fade { 0% { opacity: 0; } 80%,100% { opacity: 1; } } @-ms-keyframes fade { 0% { opacity: 0; } 80%,100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 80%,100% { opacity: 1; } } @-webkit-keyframes height { 0% { height: 0; } 100% { height: 100%; } } @-moz-keyframes height { 0% { height: 0; } 100% { height: 100%; } } @-ms-keyframes height { 0% { height: 0; } 100% { height: 100%; } } @keyframes height { 0% { height: 0; } 100% { height: 100%; } } input::-ms-clear { display: none; } strong, b { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .phone, .tablet { display: none; } .boBtn { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 12px; color: white !important; position: relative; border-radius: 50px; line-height: 30px; padding: 0 21px 0 10px; background: #61bddf; display: inline-block; border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); } .boBtn:after { content: "\e805"; font-family: 'kh_icons'; font-weight: normal; position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .boBtn:hover { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0084b5; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)); background: -webkit-linear-gradient(left, #0084b5, #004f6b); background: -moz-linear-gradient(left, #0084b5, #004f6b); background: -ms-linear-gradient(left, #0084b5, #004f6b); background: -o-linear-gradient(left, #0084b5, #004f6b); color: white !important; text-decoration: none !important; } html, body { margin: 0; padding: 0; font-family: 'open_sans', Sans-Serif; font-weight: normal; background: white; overflow-x: hidden; font-size: 12px; } h2, h3, h4, h5, h6 { font-family: 'open_sans-light', Sans-Serif; font-weight: normal; } h1 { font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; } .imgWrap { max-width: 100%; max-height: 100%; margin: 0 10px 0 10px; } p a, .topText a { color: #0097ce; } p a:hover, .topText a:hover { text-decoration: underline; } .middlecontent, .middlecontentmid, .middlecontentcategorie { padding-right: 20px; box-sizing: border-box; } .middlecontent a, .middlecontentmid a, .middlecontentcategorie a { color: #0097ce; } .middlecontent a:hover, .middlecontentmid a:hover, .middlecontentcategorie a:hover { text-decoration: underline; } .customRightContentWidth .item h2 a { color: #5e5e5e; } .customRightContentWidth .item h2 a:hover { text-decoration: none; } .wrapper { max-width: 990px; width: 100%; margin: 0 auto; padding: 0 30px; box-sizing: border-box; } #wrap_all { width: 100%; padding: 0; box-sizing: border-box; } .nl .header .topBar .topNav > li.toShop { display: block; } body.active .overlay { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; } .nc_searchWrapper { min-height: 900px; } .addToWrapper { max-width: 990px; width: 100%; margin: 0 auto; padding: 0 30px; box-sizing: border-box; position: relative; font-size: 13px; line-height: 20px; } .addToWrapper .addedToCart { width: 270px; position: absolute; right: 20px; padding: 20px; z-index: 100; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3); background-color: white; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#efefef)); background: -webkit-linear-gradient(top, white, #efefef); background: -moz-linear-gradient(top, white, #efefef); background: -ms-linear-gradient(top, white, #efefef); background: -o-linear-gradient(top, white, #efefef); } .addToWrapper .addedToCart h2 { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; padding: 0 0 5px 30px; margin-bottom: 10px; border-bottom: 1px solid #aaabad; box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.5); position: relative; } .addToWrapper .addedToCart h2:before { content: "\E816"; font-family: 'kh_icons'; font-weight: normal; position: absolute; left: 0; font-size: 23px; } .addToWrapper .addedToCart .toCart { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; line-height: 29px; margin-top: 10px; padding: 0 30px 0 10px; position: relative; } .addToWrapper .addedToCart .toCart:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .addToWrapper .addedToCart .toCart:after { content: "\E805"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 10px; font-family: 'kh_icons'; font-weight: normal; } .errorText { color: red; } .pagerTop, .pagerBottom { margin: 20px 0; width: 100%; border-bottom: 1px dashed #9d9ea0; border-top: 1px dashed #9d9ea0; font-size: 14px; padding: 10px 0; text-align: right; clear: both; line-height: 30px; } .pagerTop .page, .pagerBottom .page { color: #5e5e5e; font-family: 'open_sans', Sans-Serif; font-weight: normal; background: white; width: 30px; height: 30px; border: 1px solid #aaabad; text-align: center; line-height: 30px; border-radius: 3px; display: inline-block; } .pagerTop .page.page_selected, .pagerBottom .page.page_selected, .pagerTop .page:hover, .pagerBottom .page:hover { background-color: #4290cb; background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087)); background: -webkit-linear-gradient(top, #4290cb, #026087); background: -moz-linear-gradient(top, #4290cb, #026087); background: -ms-linear-gradient(top, #4290cb, #026087); background: -o-linear-gradient(top, #4290cb, #026087); color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; border-color: #00749e; } .pagerTop .next, .pagerBottom .next { color: #5e5e5e; font-family: 'open_sans', Sans-Serif; font-weight: normal; background: white; width: 30px; height: 30px; border: 1px solid #aaabad; text-align: center; line-height: 30px; border-radius: 3px; display: inline-block; } .pagerTop .next:hover, .pagerBottom .next:hover { background-color: #4290cb; background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087)); background: -webkit-linear-gradient(top, #4290cb, #026087); background: -moz-linear-gradient(top, #4290cb, #026087); background: -ms-linear-gradient(top, #4290cb, #026087); background: -o-linear-gradient(top, #4290cb, #026087); color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; border-color: #00749e; } .pagerTop .next:after, .pagerBottom .next:after { content: "\E802"; font-family: 'kh_icons'; font-weight: normal; font-size: 12px; line-height: 33px; } .pagerTop .prev, .pagerBottom .prev { color: #5e5e5e; font-family: 'open_sans', Sans-Serif; font-weight: normal; background: white; width: 30px; height: 30px; border: 1px solid #aaabad; text-align: center; line-height: 30px; border-radius: 3px; display: inline-block; } .pagerTop .prev:hover, .pagerBottom .prev:hover { background-color: #4290cb; background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087)); background: -webkit-linear-gradient(top, #4290cb, #026087); background: -moz-linear-gradient(top, #4290cb, #026087); background: -ms-linear-gradient(top, #4290cb, #026087); background: -o-linear-gradient(top, #4290cb, #026087); color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; border-color: #00749e; } .pagerTop .prev:after, .pagerBottom .prev:after { content: "\E801"; font-family: 'kh_icons'; font-weight: normal; font-size: 12px; line-height: 33px; } .overlay { z-index: -1; transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); background: transparent; } .toTop { opacity: 0; position: fixed; right: 0; top: 80%; width: 60px; height: 60px; border-radius: 5px 0 0 5px; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5); background-color: white; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cccccc)); background: -webkit-linear-gradient(top, white, #cccccc); background: -moz-linear-gradient(top, white, #cccccc); background: -ms-linear-gradient(top, white, #cccccc); background: -o-linear-gradient(top, white, #cccccc); z-index: 9; transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; } .toTop.active { opacity: 1; } .toTop:after { content: "\E803"; display: block; line-height: 60px; width: 100%; font-size: 32px; text-align: center; font-family: 'kh_icons'; font-weight: normal; } .header { padding: 15px 0; } .header:after { content: ""; display: block; clear: both; } .header .searchbar-middle.wrapper { display: none; } .header .topBar { width: 100%; } .header .topBar:after { content: ""; display: block; clear: both; } .header .topBar .topBarBanners { display: none; } .header .topBar .topNav { float: right; list-style: none; padding: 0; margin: 10px 0 0; } .header .topBar .topNav > li { float: left; position: relative; } .header .topBar .topNav > li a { line-height: 20px; color: #5e5e5e; text-decoration: none; position: relative; z-index: 2; font-size: 15px; } .header .topBar .topNav > li + li { margin-left: 15px; } .header .topBar .topNav > li.toCorp { display: none; } .header .topBar .topNav > li.toShop { display: none; } .header .topBar .topNav > li.toShop a { font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; font-weight: bold; text-transform: uppercase; font-size: 12px; color: white; border-radius: 50px; padding: 5px 10px 3px 10px; background: #61bddf; top: -3px; display: block; background: -moz-linear-gradient(left, #61bddf 0%, #076b94 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #61bddf), color-stop(100%, #076b94)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #61bddf 0%, #076b94 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #61bddf 0%, #076b94 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #61bddf 0%, #076b94 100%); /* IE10+ */ background: linear-gradient(to right, #61bddf 0%, #076b94 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61bddf', endColorstr='#076b94', GradientType=1); /* IE6-9 */ } .header .topBar .topNav > li.toShop a .badge { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); left: -28px; font-size: 10px; box-sizing: border-box; text-align: center; background: #ff1111; border: 3px solid white; border-radius: 50px; line-height: 47px; width: 50px; height: 50px; display: block; box-shadow: 0 0 0 2px white; } .header .topBar .topNav > li.hasDropDown.language { height: 27px; } .header .topBar .topNav > li.hasDropDown a { top: -4px; } .header .topBar .topNav > li.hasDropDown:hover a { border-radius: 14px 14px 0 0; } .header .topBar .topNav > li.hasDropDown:hover > a:hover { background: #e3e3e3; } .header .topBar .topNav > li.hasDropDown:hover .dropDown { display: block; } .header .topBar .topNav > li.hasDropDown:hover .dropDown a { border-radius: 0; } .header .topBar .topNav > li.hasDropDown:hover .dropDown li:last-child a { border-radius: 0 0 14px 14px; } .header .topBar .topNav > li.hasDropDown > a { padding: 7px 15px 10px; background: #f0f0f0; border-radius: 14px; } .header .topBar .topNav > li.hasDropDown > a:after { content: "\E807"; margin-left: 7px; position: relative; bottom: -3px; font-size: 23px; font-family: 'kh_icons'; font-weight: normal; } .header .topBar .topNav > li .dropDown { display: none; position: absolute; left: 0; top: 29px; padding: 0; list-style: none; width: 100%; } .header .topBar .topNav > li .dropDown li a { width: 100%; display: block; background: #f0f0f0; padding: 5px 15px; box-sizing: border-box; } .header .topBar .topNav > li .dropDown li a:hover { background: #e3e3e3; } .header .topBar .topNav > li .dropDown li + li a { border-top: 1px solid #dfdfdf; } .header .logo { float: left; width: 50%; max-width: 222px; } .header .logo img { width: 100%; height: auto; } .header .headerItems { display: inline-block; float: right; text-align: right; position: relative; margin: 20px 0 0 3%; width: 47%; } .header .headerItems .searchBar { display: inline-block; position: absolute; width: 65%; right: 110px; } .header .headerItems .searchBar input[type='text'] { border: none; width: 100%; box-sizing: border-box; outline: 0; border: 1px solid #dfdfdf; border-radius: 50px; padding: 14px 20px; background: white; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15) inset; } .header .headerItems .searchBar input[type='text']:focus { border-color: #aaabad; } .header .headerItems .searchBar .searchButton { display: block; position: absolute; right: 20px; left: 50%; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); left: initial; } .header .headerItems .searchBar .searchButton:before { content: "\E808"; color: #0097ce; font-size: 16px; font-family: 'kh_icons'; font-weight: normal; } .header .headerItems .headerButtons { float: right; margin-left: 10px; } .header .headerItems .headerButtons .account, .header .headerItems .headerButtons .openMenu, .header .headerItems .headerButtons .cart { float: left; display: block; width: 42px; height: 42px; border: 1px solid #dfdfdf; border-radius: 50px; position: relative; } .header .headerItems .headerButtons .account:hover, .header .headerItems .headerButtons .openMenu:hover, .header .headerItems .headerButtons .cart:hover { border-color: #00749e; } .header .headerItems .headerButtons .account + a, .header .headerItems .headerButtons .openMenu + a, .header .headerItems .headerButtons .cart + a { margin-left: 10px; } .header .headerItems .headerButtons .accountWrap { float: left; position: relative; margin-right: 10px; } .header .headerItems .headerButtons .accountWrap .accountDropDown { display: none; } .header .headerItems .headerButtons .accountWrap .active.accountDropDown { display: block !important; position: absolute; z-index: 32; background: white; top: 100%; width: 200px; box-sizing: border-box; border: 1px solid #0097ce; border-radius: 5px; right: -7px; text-align: left; padding: 10px 20px; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); } .header .headerItems .headerButtons .accountWrap .active.accountDropDown:before { content: ""; width: 15px; height: 15px; border-right: 1px solid #0097ce; border-top: 1px solid #0097ce; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); display: block; background: white; position: absolute; top: -9px; right: 20px; } .header .headerItems .headerButtons .accountWrap .active.accountDropDown a { color: #0097ce; } .header .headerItems .headerButtons .accountWrap .active.accountDropDown a:hover { color: #6d6e70; } .header .headerItems .headerButtons .accountWrap .active.accountDropDown .title { text-align: left; color: #0097ce; font-size: 16px; margin: 5px 0; } .header .headerItems .headerButtons .accountWrap .active.accountDropDown input { width: 100%; height: 30px; border-radius: 5px; box-sizing: border-box; } .header .headerItems .headerButtons .accountWrap .active.accountDropDown .login { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; line-height: 27px; box-sizing: border-box; width: 100%; margin: 10px 0; position: relative; } .header .headerItems .headerButtons .accountWrap .active.accountDropDown .login:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .header .headerItems .headerButtons .accountWrap .active.accountDropDown .login:hover { color: white; } .header .headerItems .headerButtons .accountWrap .active.accountDropDown .login:after { content: '\E805'; font-family: 'kh_icons'; font-weight: normal; position: absolute; right: 13px; } .header .headerItems .headerButtons .accountWrap .active.accountDropDown .noPass, .header .headerItems .headerButtons .accountWrap .active.accountDropDown .noAccount { font-size: 11px; } .header .headerItems .headerButtons .accountWrap:hover .accountDropDown { display: block !important; position: absolute; z-index: 32; background: white; top: 100%; width: 200px; box-sizing: border-box; border: 1px solid #0097ce; border-radius: 5px; right: -7px; text-align: left; padding: 10px 20px; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); } .header .headerItems .headerButtons .accountWrap:hover .accountDropDown:before { content: ""; width: 15px; height: 15px; border-right: 1px solid #0097ce; border-top: 1px solid #0097ce; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); display: block; background: white; position: absolute; top: -9px; right: 20px; } .header .headerItems .headerButtons .accountWrap:hover .accountDropDown a { color: #0097ce; } .header .headerItems .headerButtons .accountWrap:hover .accountDropDown a:hover { color: #6d6e70; } .header .headerItems .headerButtons .accountWrap:hover .accountDropDown .title { text-align: left; color: #0097ce; font-size: 16px; margin: 5px 0; } .header .headerItems .headerButtons .accountWrap:hover .accountDropDown input { width: 100%; height: 30px; border-radius: 5px; box-sizing: border-box; } .header .headerItems .headerButtons .accountWrap:hover .accountDropDown .login { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; line-height: 27px; box-sizing: border-box; width: 100%; margin: 10px 0; position: relative; } .header .headerItems .headerButtons .accountWrap:hover .accountDropDown .login:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .header .headerItems .headerButtons .accountWrap:hover .accountDropDown .login:hover { color: white; } .header .headerItems .headerButtons .accountWrap:hover .accountDropDown .login:after { content: '\E805'; font-family: 'kh_icons'; font-weight: normal; position: absolute; right: 13px; } .header .headerItems .headerButtons .accountWrap:hover .accountDropDown .noPass, .header .headerItems .headerButtons .accountWrap:hover .accountDropDown .noAccount { font-size: 11px; } .header .headerItems .headerButtons .account:before { content: "\E814"; display: block; text-align: center; font-size: 20px; color: #0097ce; font-family: 'kh_icons'; font-weight: normal; text-indent: 0; overflow: visible; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: -webkit-linear-gradient(#4c96ce, #025f87); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #00749e; } .header .headerItems .headerButtons .cart:before { content: "\E816"; display: block; text-align: center; font-size: 20px; color: #0097ce; font-family: 'kh_icons'; font-weight: normal; text-indent: 0; overflow: visible; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: -webkit-linear-gradient(#4c96ce, #025f87); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #00749e; } .header .headerItems .headerButtons .cart .cartCount { display: block; position: absolute; border-radius: 50px; color: white; text-decoration: none; right: -2px; font-size: 13px; top: -5px; z-index: 1; } .header .headerItems .headerButtons .cart .cartCount:after { content: ""; display: block; position: absolute; top: -1px; right: -6px; z-index: -1; width: 21px; height: 21px; background-color: #4290cb; background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087)); background: -webkit-linear-gradient(top, #4290cb, #026087); background: -moz-linear-gradient(top, #4290cb, #026087); background: -ms-linear-gradient(top, #4290cb, #026087); background: -o-linear-gradient(top, #4290cb, #026087); border-radius: 50px; } .header .headerItems .headerButtons .openMenu { display: none; background: -webkit-linear-gradient(#4c96ce, #025f87); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #00749e; } .header .headerItems .headerButtons .openMenu:after { content: '\E812'; font-family: 'kh_icons'; font-weight: normal; background: -webkit-linear-gradient(#4c96ce, #025f87); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #00749e; font-size: 24px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } #navbar { width: auto; z-index: 13; } #navbar .mainMenu .menuHeader { display: none; } #navbar .mainMenu .itemContainer { height: 32px; min-height: 32px !important; float: left; margin: 0; border-bottom: none !important; position: relative; height: 62px; } #navbar .mainMenu .itemContainer:hover, #navbar .mainMenu .itemContainer:active { background: #0097ce; border-radius: 5px 5px 0 0; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); } #navbar .mainMenu .itemContainer:hover a.item, #navbar .mainMenu .itemContainer:active a.item { color: white !important; background: none; -webkit-background-clip: none; -webkit-text-fill-color: none; } #navbar .mainMenu .itemContainer.webshop, #navbar .mainMenu .itemContainer.corporate { display: none; } #navbar .mainMenu .itemContainer + .itemContainer:before { content: ""; position: absolute; top: 0; left: -21px; display: block; background: url("/images/front/shadowl.svg") no-repeat top; background-size: 100% 100%; width: 21px; height: 58px; opacity: 0.35; } #navbar .mainMenu .itemContainer.item_5 .dropdown, #navbar .mainMenu .itemContainer.item_6 .dropdown { right: 0; } #navbar .mainMenu .itemContainer .dropdown { white-space: nowrap; box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.5); } #navbar .mainMenu .itemContainer .dropdown .navBack { display: none; } #navbar .mainMenu .itemContainer .dropdown .column { display: inline-block; float: none; vertical-align: top; white-space: normal; } #navbar .mainMenu .itemContainer .dropdown .column .title { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } #navbar .mainMenu .itemContainer .dropdown .column .subCats li a { position: relative; } #navbar .mainMenu .itemContainer .dropdown .column .subCats li a:before { content: "\E805"; position: absolute; left: 6px; margin-top: 3px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-family: 'kh_icons'; font-weight: normal; } #navbar .mainMenu .itemContainer a.item { line-height: 16px; width: 119px; display: block; font-size: 12px; text-transform: uppercase; color: #0097ce; font-weight: bold; padding: 15px 10px; font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; } #navbar .mainMenu .itemContainer.homeButton { width: auto; position: relative; } #navbar .mainMenu .itemContainer.homeButton:hover { background: none; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: none; } #navbar .mainMenu .itemContainer.homeButton a { width: auto; line-height: 30px; padding: 15px 30px 15px 15px; } #navbar .mainMenu .itemContainer.homeButton a:before { content: "\E815"; background: -webkit-linear-gradient(#4c96ce, #025f87); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #00749e; font-size: 27px; font-family: 'kh_icons'; font-weight: normal; } @media all and (max-width: 1023px) { .header .headerItems .headerButtons .accountWrap .accountDropDown { display: none !important; } .header { height: 140px; } .header .topBar { display: none; } .header .logo { margin-top: 10px; max-width: 230px; } .header .logo:after { display: none; } .header .headerItems { position: static; width: auto; } .header .headerItems .searchBar { top: 80px; width: 550px; right: 0; left: 30px; box-sizing: border-box; } .header .headerItems .headerButtons .openMenu { display: block; } #navbar { position: absolute; top: 0; right: 0; transform: translate3D(100%, 0, 0); -webkit-transform: translate3D(100%, 0, 0); transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); width: 310px; background: #0097ce; border-left: 3px solid #00749e; height: 100%; z-index: 1001; overflow: hidden; } #navbar.active { transform: translate3D(0, 0, 0); -webkit-transform: translate3D(0, 0, 0); } #navbar .headermenu { padding: 0; left: 0; height: auto; position: static; } #navbar .headermenu .mainMenu .menuHeader { display: block; background: #00749e; } #navbar .headermenu .mainMenu .menuHeader .title { color: white; font-family: 'open_sans', Sans-Serif; font-weight: normal; display: block; width: 100%; font-size: 21px; padding-left: 15px; height: 60px; line-height: 60px; } #navbar .headermenu .mainMenu .menuHeader .close { position: absolute; right: 20px; top: 20px; } #navbar .headermenu .mainMenu .menuHeader .close:after { content: "\E80f"; font-family: 'kh_icons'; font-weight: normal; color: white; font-size: 20px; } #navbar .headermenu .mainMenu .itemContainer { float: none; border-bottom: 1px solid #00749e !important; height: 45px; min-height: none !important; line-height: 30px; position: static; } #navbar .headermenu .mainMenu .itemContainer:before { display: none; } #navbar .headermenu .mainMenu .itemContainer.webshop, #navbar .headermenu .mainMenu .itemContainer.corporate { display: block; } #navbar .headermenu .mainMenu .itemContainer.homeButton a:before { content: "Home"; color: white; font-size: 14px; line-height: normal; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; background: none; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; } #navbar .headermenu .mainMenu .itemContainer a.item { color: white !important; width: 100%; position: relative; box-sizing: border-box; margin: 0; } #navbar .headermenu .mainMenu .itemContainer a.item:after { content: "\E805"; position: absolute; right: 20px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); font-family: 'kh_icons'; font-weight: normal; left: inherit; } #navbar .headermenu .mainMenu .itemContainer a.item:only-child:after { display: none; } #navbar .headermenu .mainMenu .itemContainer .dropdown { transform: translate3D(100%, 0, 0); -webkit-transform: translate3D(100%, 0, 0); transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); right: 0; display: block; position: absolute; border-left: 3px solid #00749e; width: 100%; top: 60px; background: #0097ce; height: 100%; z-index: 1002; overflow: visible; padding: 0; } #navbar .headermenu .mainMenu .itemContainer .dropdown.active { transform: translate3D(0, 0, 0); -webkit-transform: translate3D(0, 0, 0); } #navbar .headermenu .mainMenu .itemContainer .dropdown .navBack { display: block; } #navbar .headermenu .mainMenu .itemContainer .dropdown .navBack .backButton { border-bottom: 1px solid #00749e; font-size: 14px; padding: 15px 15px 15px 30px; line-height: 15px; position: relative; width: 100%; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; display: block; } #navbar .headermenu .mainMenu .itemContainer .dropdown .navBack .backButton:before { content: "\e804"; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-family: 'kh_icons'; font-weight: normal; } #navbar .headermenu .mainMenu .itemContainer .dropdown .column { display: block; width: 100%; vertical-align: middle; border-left: none; box-shadow: none; padding: 0; } #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem { border-bottom: 1px solid #00749e; } #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem + .columnItem { border-top: none; box-shadow: none; padding: 0; } #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem a { font-size: 14px; padding: 15px; line-height: 15px; position: relative; } #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem a:after { content: "\E805"; position: absolute; right: 20px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); font-family: 'kh_icons'; font-weight: normal; left: inherit; } #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem a:only-child:after { display: none; } #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats { transform: translate3D(100%, 0, 0); -webkit-transform: translate3D(100%, 0, 0); transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); right: 0; position: absolute; border-left: 3px solid #00749e; width: 100%; top: 0; height: 100%; background: #0097ce; z-index: 1002; overflow: visible; padding: 0; } #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats li a:before { display: none; } #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats .navBack .backButton { border-bottom: none; font-size: 14px; padding: 15px 15px 15px 30px; line-height: 15px; position: relative; width: 100%; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; display: block; } #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats .navBack .backButton:before { display: block; content: "\e804"; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-family: 'kh_icons'; font-weight: normal; } #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active { transform: translate3D(0, 0, 0); -webkit-transform: translate3D(0, 0, 0); } #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active li { border-bottom: 1px solid #00749e; } #navbar .headermenu .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active li a { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } #navbar .headermenu .mainMenu .itemContainer .dropdown .parent { background: #00749e none repeat scroll 0 0; } #navbar .headermenu .mainMenu .itemContainer .dropdown .parent a { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 18px !important; } #navbar .headermenu .mainMenu .itemContainer .dropdown .columnParent.parent { padding: 5px 5px 5px 15px; } } .toptext h1 { padding: 20px 0 0; } .topImage { position: relative; height: 248px; } .topImage #slider { position: absolute; right: 0; height: 248px; overflow: hidden; width: 1064px; } .topImage #slider #top_img { position: absolute; right: 28px; } .topImage #slider #top_img .imgWrap { max-width: none; } #content { max-width: 1024px; box-sizing: border-box; width: 100%; margin: 0 auto; position: relative; padding-bottom: 20px; } #content:before { content: ""; position: absolute; top: -270px; left: -55px; display: block; background: url("/images/front/shadowl.svg") no-repeat top; background-size: 100% 100%; height: 760px; width: 40px; } #content:after { content: ""; position: absolute; top: -270px; right: -55px; display: block; background: url("/images/front/shadowr.svg") no-repeat top; background-size: 100% 100%; height: 760px; width: 40px; } #content .wrapper:after { content: ""; clear: both; display: block; } a.blue { display: block; color: #0097ce; } a.blue:hover { color: #5e5e5e; } .readMore { color: #0097ce; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; text-align: center; text-transform: uppercase; padding-right: 10px; } .readMore:after { content: '\E807'; display: inline-block; font-size: 16px; margin-left: 10px; font-family: 'kh_icons'; font-weight: normal; } .divbreadcrump { margin: 30px 0 25px 0; } .divbreadcrump .BackToOverview { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; margin-right: 10px; padding-left: 25px; font-size: 12px; position: relative; } .divbreadcrump .BackToOverview:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .divbreadcrump .BackToOverview:before { content: "\E804"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 10px; font-family: 'kh_icons'; font-weight: normal; } #container_middle, .middlecontent { margin: 0 20px 0 0 !important; width: 508px !important; } #container_middleFull { width: 690px; } .searchPage .searchResults .searchResult .title a { color: #0097ce; } :lang(NL) .topImage { display: none !important; } .homeTop { background: url("/images/topImageBg.png") #0084b5 no-repeat center 120%; width: 100%; color: white; position: relative; padding: 40px 0 80px; margin-bottom: 100px; min-height: 380px; box-sizing: border-box; border-radius: 5px; margin-top: 20px; } .homeTop .textBlock { max-width: 390px; margin-left: 60px; } .homeTop .textBlock h1 { color: white; font-size: 53px; font-family: "kievit-light"; margin-bottom: 10px; } .homeTop .textBlock .description { font-size: 17px; font-family: "kievit-light"; line-height: 23px; } .homeTop .btnDown { position: absolute; bottom: -58px; left: 60px; max-width: 116px; max-height: 116px; width: 100%; height: 100%; background: #0d6994; color: white; border-radius: 5px; padding: 10px; box-sizing: border-box; font-size: 18px; font-family: "kievit-light"; -webkit-animation: fade 0.5s 0.5s 1 ease-in-out both; -moz-animation: fade 0.5s 0.5s 1 ease-in-out both; -ms-animation: fade 0.5s 0.5s 1 ease-in-out both; animation: fade 0.5s 0.5s 1 ease-in-out both; } .homeTop .btnDown:after { content: ""; background: url("/Images/arrow_down.svg") no-repeat center/contain; display: block; position: absolute; right: 10px; bottom: 15px; width: 23px; height: 12px; -webkit-animation: pulse 2s 3 ease-in-out; -moz-animation: pulse 2s 3 ease-in-out; -ms-animation: pulse 2s 3 ease-in-out; animation: pulse 2s 3 ease-in-out; } .homeTop .btnDown:hover:after { -webkit-animation: pulse 2s 10 ease-in-out; -moz-animation: pulse 2s 10 ease-in-out; -ms-animation: pulse 2s 10 ease-in-out; animation: pulse 2s 10 ease-in-out; } .homeTop .videoBlock { position: absolute; right: 45px; top: 0; border-radius: 0 0 10px 10px; overflow: hidden; box-shadow: 0 5px 0 0 #ededed; width: 41.7204%; height: 450px; background: url("/Images/slide1.jpg") no-repeat center/cover; -webkit-animation: fade 1s 1s 1 ease-in-out both; -moz-animation: fade 1s 1s 1 ease-in-out both; -ms-animation: fade 1s 1s 1 ease-in-out both; animation: fade 1s 1s 1 ease-in-out both; transition: 0.2s ease-in-out; } .homeTop .videoBlock video { width: auto; height: 100%; } @media (max-width: 1023px) { .homeTop { margin-bottom: 70px; } .homeTop .textBlock { position: relative; } .homeTop .textBlock .btnDown { bottom: -128px; left: 0; } .homeTop .videoBlock { display: none !important; } } @media (max-width: 599px) { .homeTop { padding: 15px 15px 50px; min-height: 0; margin-top: 0; } .homeTop .textBlock { margin: 0; } .homeTop .textBlock h1 { font-size: 32px; } .homeTop .textBlock .description { font-size: 14px; line-height: 21px; } .homeTop .textBlock .btnDown { bottom: -88px; max-width: 96px; max-height: 76px; font-size: 14px; } } .highlight { margin-bottom: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; padding: 30px 35px; border: 1px solid #f0f0f0; border-radius: 10px; } @media (min-width: 1023px) { .highlight { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .highlight img { max-width: 283px; } } @media (max-width: 1023px) { .highlight a, .highlight .description { width: 100%; } } .highlight .description { font-size: 15px; margin: 30px 0 0 0; } @media (min-width: 1023px) { .highlight .description { margin: 0 0 0 30px; } } .highlight .description a { display: inline-block; position: relative; } .highlight .description a:after { content: "\E805"; font-family: 'kh_icons'; font-weight: normal; margin-left: 7px; font-size: 17px; position: relative; bottom: -1px; } .themeBanners { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .themeBanner { position: relative; border-radius: 5px; overflow: hidden !important; -webkit-flex: 0 1 32%; -moz-flex: 0 1 32%; -ms-flex: 0 1 32%; -o-flex: 0 1 32%; flex: 0 1 32%; box-shadow: 0 5px 0 0 #ededed; -webkit-mask-image: url("/images/mask.jpg"); margin: 20px; } .themeBanner:after { content: ""; display: block; padding-top: 153.4884%; } .themeBanner:hover .overlay { background: rgba(10, 68, 122, 0.9); } .themeBanner:hover .background img { -webkit-filter: brightness(80%); filter: brightness(80%); transition: 0.6s ease-in-out; } .themeBanner:hover .icon img { transform: scale(1.05); transition: 0.6s ease-in-out; } .themeBanner .overlay { border-radius: 0 0 5px 5px; z-index: 2; position: absolute; background: rgba(10, 68, 122, 0.8); pointer-events: none; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; text-align: center; font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; bottom: 0; height: 50%; width: 100%; } .themeBanner .overlay .title { color: white; margin: 15px 0 5px; font-size: 25px; position: relative; } .themeBanner .overlay .title:after { content: ""; position: absolute; left: 0; right: 0; margin: auto; bottom: -4px; height: 0; width: 40%; background: white; transition: 0.15s ease-in-out; } .themeBanner .overlay .sub { color: #02bbff; font-size: 21px; font-family: "kievit-light"; } .themeBanner .icon { margin: 0 auto; width: 60px; height: 60px; position: relative; } .themeBanner .icon img { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.3s ease-in-out; } .themeBanner .background img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto; z-index: 1; transition: 0.2s ease-in-out; } .themeBanner.fullWidth { position: relative; -webkit-flex: 0 1 66%; -moz-flex: 0 1 66%; -ms-flex: 0 1 66%; -o-flex: 0 1 66%; flex: 0 1 66%; } .themeBanner.fullWidth:after { padding-top: 42.6610%; } .themeBanner.fullWidth .icon { width: 92px; height: 109px; } .themeBanner.fullWidth .overlay { right: 0; width: 50%; height: 100%; border-radius: 0 5px 5px 0; } .themeBanner.fullWidth .overlay .title { font-size: 29px; } .themeBanner.fullWidth .titleWrap { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; } .landingPage .themeBanner { margin: 9%; } @media (max-width: 1023px) { .themeBanner .overlay .icon { height: 40px; } .themeBanner .overlay .title { font-size: 18px; } .themeBanner .overlay .sub { font-size: 15px; } .themeBanner.fullWidth .overlay .icon { width: 82px; height: 99px; } .themeBanner.fullWidth .overlay .title { font-size: 24px; } .themeBanner.fullWidth .overlay .sub { font-size: 18px; } } @media (max-width: 599px) { .themeBanners { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .themeBanner { display: block; } .themeBanner:not(.fullWidth) .background img { display: none; } .themeBanner + .themeBanner { margin-top: 3%; } .themeBanner .overlay { left: 0; width: 75%; height: 100%; } .themeBanner.fullWidth { margin-bottom: 0; height: 240px; display: block; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; flex: 0 0 auto; } .themeBanner.fullWidth .overlay { bottom: 0; left: 0; right: 0; top: inherit; width: 100%; height: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .themeBanner.fullWidth .overlay .icon { width: 60px; height: 70px; margin-left: 20px; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; -o-align-self: center; align-self: center; } .themeBanner.fullWidth .overlay .titleWrap { -webkit-flex: 0 1 69%; -moz-flex: 0 1 69%; -ms-flex: 0 1 69%; -o-flex: 0 1 69%; flex: 0 1 69%; } .themeBanner.fullWidth .overlay .title { font-size: 18px; } .themeBanner.fullWidth .overlay .sub { font-size: 17px; } .themeBanner.fullWidth .background img, .themeBanner.fullWidth .background .imgWrap { max-width: none; max-height: 100%; } .themeBanner.industrialSolutions { background: url("/images/m_industrialSolutions.png") no-repeat center/cover; } .themeBanner.telecom { background: url("/images/telecom_m.png") no-repeat center/cover; } .themeBanner.uptime { background: url("/images/uptime_m.png") no-repeat center/cover; } .themeBanner.dealing { background: url("/images/dealing_m.png") no-repeat center/cover; } .themeBanner.industry { background: url("/images/industry.png") no-repeat center/cover; } .themeBanner { height: 118px; display: block; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; flex: 1 1 auto; } .themeBanner:after { padding-top: 0; } .themeBanner .overlay { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .themeBanner .overlay .icon { margin: 5px auto 0; } .themeBanner .overlay .title { font-size: 17px; margin: 10px 0 0; } .themeBanner .overlay .sub { font-size: 14px; } } .bannerMenu { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; margin-top: 2%; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; flex: 0 0 auto; } .bannerMenu .bannerItem { margin-bottom: 10px; text-align: center; height: 170px; -webkit-flex: 0 1 49%; -moz-flex: 0 1 49%; -ms-flex: 0 1 49%; -o-flex: 0 1 49%; flex: 0 1 49%; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; border-radius: 5px; color: white; font-size: 25px; font-family: "kievit-light"; position: relative; } .bannerMenu .bannerItem .overlay { pointer-events: none; border-radius: 5px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(10, 68, 122, 0.8); z-index: 2; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; } .bannerMenu .bannerItem:hover .overlay { background: rgba(10, 68, 122, 0.9); } .bannerMenu .bannerItem .title:after { content: "\E805"; display: inline-block; font-family: 'kh_icons'; font-weight: normal; margin-left: 15px; } .bannerMenu .bannerItem span, .bannerMenu .bannerItem:after { margin: auto; } .bannerMenu .bannerItem.workAt { background: url("/images/werkbij.png") no-repeat center/contain; } .bannerMenu .bannerItem.news { background: url("/images/nieuws.png") no-repeat center/contain; } .bannerMenu .bannerItem.reference { background: url("/images/Referenties.png") no-repeat center/contain; } .bannerMenu .bannerItem.events { background: url("/images/Events.png") no-repeat center/contain; } @media (max-width: 1023px) { .bannerMenu .bannerItem { height: 95px; font-size: 22px; } } @media (max-width: 599px) { .bannerMenu { margin-bottom: 6%; } .bannerMenu .bannerItem { height: 85px; font-size: 14px; line-height: 14px; background-size: cover !important; } .bannerMenu .bannerItem:after { margin-left: 7px; } .bannerMenu .bannerItem .overlay { padding: 0 10px; box-sizing: border-box; } } #container_left, .left_content { margin: 0 18px 0 0 !important; } #container_left h2, .left_content h2 { color: #00749e; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } #container_left h2 a, .left_content h2 a { color: #00749e; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } #container_left ul li + li, .left_content ul li + li { border-top: 1px solid #eeeeee; } #container_left .submenu h2, .left_content .submenu h2 { float: none; display: block; margin-bottom: auto; padding-bottom: 10px; } #container_left .submenu li, .left_content .submenu li { line-height: normal; padding: 9px 0; position: relative; } #container_left .submenu li a, .left_content .submenu li a { color: #0097ce; } #container_left .leftmenuitem + .leftmenuitem, .left_content .leftmenuitem + .leftmenuitem { padding-top: 10px; margin-top: 10px; border-top: 1px solid #eeeeee; } #toptext_container { max-width: 100%; width: auto; } #toptext_container a { color: #0097ce; } #toptext_container a:hover { color: #5e5e5e; } #container_middle.middlecontent, .middlecontent { width: 690px !important; } #container_middle.middlecontent .vacatureWrap #toptext, .middlecontent .vacatureWrap #toptext { width: 510px !important; min-height: 360px; } #container_middle.middlecontent .vacatureSlider .homeProductSlider, .middlecontent .vacatureSlider .homeProductSlider { height: auto !important; } #container_middle.middlecontent .vacatureSlider a, .middlecontent .vacatureSlider a { color: #0097ce !important; } #container_middle.middlecontent .vacatureSlider a:hover, .middlecontent .vacatureSlider a:hover { color: #6d6e70; text-decoration: underline; } #container_middle.middlecontent #toptext, .middlecontent #toptext { width: 690px !important; position: relative; } #container_middle.middlecontent .item .text, .middlecontent .item .text { width: auto; } #container_middle.middlecontent .dropdown select, .middlecontent .dropdown select { border: 1px solid #aaabad; padding: 4px 20px 4px 1px; border-radius: 3px; color: #585865; background: white; } #container_middle.middlecontent .dropdown select + select, .middlecontent .dropdown select + select { margin-left: 10px; } #container_middle .caseList .item:after { content: ""; clear: both; display: block; } #container_middle .caseList .item + .item { margin-top: 50px; } #container_middle .caseList .item .text { width: 460px; padding: 0 20px 0 0; box-sizing: border-box; float: right; } #container_middle .caseList .item .text .new_case { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffbb29; background: -webkit-gradient(linear, left top, left bottom, from(#ffbb29), to(#f99901)); background: -webkit-linear-gradient(left, #ffbb29, #f99901); background: -moz-linear-gradient(left, #ffbb29, #f99901); background: -ms-linear-gradient(left, #ffbb29, #f99901); background: -o-linear-gradient(left, #ffbb29, #f99901); color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; border-radius: 5px; line-height: 24px; height: 24px; padding: 0 5px; font-size: 14px; display: block; text-transform: uppercase; margin-bottom: 10px; width: 50px; } #container_middle .caseList .item .item_controls2, #container_middle .caseList .item .item_controls { position: static; float: right; } #container_middle .caseList .item.odd .item_controls2, #container_middle .caseList .item.odd .item_controls { position: static; float: left; } .submenu { font-size: 12px; position: relative; padding-top: 5px; } .submenu:before { content: ""; transform: rotate(180deg); -webkit-transform: rotate(180deg); position: absolute; left: 0; top: -30px; opacity: 0.6; width: 100%; background: url("/images/front/shadowb.svg") no-repeat top; background-size: 100% 100%; height: 20px; } .submenu:after { content: ""; position: absolute; bottom: -25px; opacity: 0.6; width: 100%; background: url("/images/front/shadowb.svg") no-repeat top; background-size: 100% 100%; height: 20px; } .submenu h2 { font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; font-weight: bold; font-size: 16px; } .submenu .left_content:only-child ul li:last-child { border-bottom: none; } .submenu li { line-height: 31px; } .submenu li.active > a, .submenu li.subheader > a { color: #0097ce !important; font-family: 'open_sans-bold', Sans-Serif !important; font-weight: normal !important; position: relative; } .submenu li.active > a:only-child:after, .submenu li.subheader > a:only-child:after { content: " " !important; font-family: 'kh_icons'; font-weight: normal; } .submenu li.active > a:after, .submenu li.subheader > a:after { content: '\E807'; font-family: 'kh_icons'; font-weight: normal; position: absolute; right: -15px; } .submenu li .subCats li a { font-style: italic; font-family: 'open_sans', Sans-Serif; font-weight: normal; } .submenu li .subCats li.active { padding-left: 10px; border: none !important; } .submenu li .subCats li.active > a { color: #00749e !important; font-size: 11px !important; font-style: italic; } .submenu li .subCats li.active > a:before { content: "\E805"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; font-family: 'kh_icons'; font-weight: normal; } .submenu li .subCats li.active > a:after { display: none; } .submenu .left_content { float: none; } .submenu .sub.repeater { margin: 0; position: relative; border: none !important; } .submenu .sub.repeater a { color: #00749e; font-size: 11px; padding-left: 10px; } .submenu .sub.repeater a.blue, .submenu .sub.repeater a.active { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .submenu .sub.repeater a:before { content: "\E805"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; font-family: 'kh_icons'; font-weight: normal; } .submenu .sub.repeater a:after { display: none; } .submenu .subheader a { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; color: #0097ce; } #container_right { width: 184px; } #container_right .video_container { width: auto; height: auto; } #container_right .bloc { line-height: 24px; color: #60ad2c; } #container_right .bloc .tel_block { margin-bottom: 13px; line-height: 16px; } #container_right .bloc .tel_block .btn_telefoon { text-transform: uppercase; color: #60ad2c; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } #container_right .bloc .tel_block .btn_telefoon:before { content: "\e80e"; font-family: 'kh_icons'; font-weight: normal; color: white; background: #60ad2c; padding: 4px; margin-right: 5px; border-radius: 50px; } #container_right .bloc .tel_block .phone_number { padding-left: 27px; } #container_right .bloc .btn_mailons { text-transform: uppercase; color: #5e5e5e; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; margin-bottom: 20px; } #container_right .bloc .btn_mailons:before { content: "\e813"; font-family: 'kh_icons'; font-weight: normal; color: white; margin-right: 5px; background-color: #4290cb; background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087)); background: -webkit-linear-gradient(top, #4290cb, #026087); background: -moz-linear-gradient(top, #4290cb, #026087); background: -ms-linear-gradient(top, #4290cb, #026087); background: -o-linear-gradient(top, #4290cb, #026087); padding: 4px; border-radius: 50px; } #container_right .bloc .blueButton { font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; font-weight: bold; /*font-size: 15px;*/ color: white; position: relative; border-radius: 50px; padding: 5px 10px 6px 28px; background: #61bddf; top: 10px; margin-bottom: 15px; display: block; background: -moz-linear-gradient(left, #61bddf 0%, #076b94 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #61bddf), color-stop(100%, #076b94)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #61bddf 0%, #076b94 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #61bddf 0%, #076b94 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #61bddf 0%, #076b94 100%); /* IE10+ */ background: linear-gradient(to right, #61bddf 0%, #076b94 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61bddf', endColorstr='#076b94', GradientType=1); /* IE6-9 */ } #container_right .bloc .blueButton:before { content: "\e816"; font-family: 'kh_icons'; font-weight: normal; position: absolute; left: 7px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } #container_right .bloc .blueButton:after { content: "\e805"; font-family: 'kh_icons'; font-weight: normal; position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .vacatureWrap { position: static; } .vacatureWrap #toptext { width: 510px !important; } .vacatureWrap .vacatureSlider { right: 30px; } .VerzendenBtn { border-radius: 100px; -webkit-border-radius: 100px; background-color: #a3a6a8; background: -webkit-gradient(linear, left top, left bottom, from(#a3a6a8), to(#cacbcc)); background: -webkit-linear-gradient(left, #a3a6a8, #cacbcc); background: -moz-linear-gradient(left, #a3a6a8, #cacbcc); background: -ms-linear-gradient(left, #a3a6a8, #cacbcc); background: -o-linear-gradient(left, #a3a6a8, #cacbcc); display: inline-block; width: auto; padding: 0 10px; line-height: 21px; color: white !important; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; } .VerzendenBtn:hover { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); color: white; } .footer { height: 302px; left: 0; padding-bottom: 30px; } .footer .wrapper { height: 100%; } .footer .wrapper .footer_bottom { left: 30px; bottom: -15px; } .footer .footer_kh, .footer .footer_item { width: 24%; } .footer .footer_item { margin-left: 1%; } .register { width: 100% !important; } .register tr td input { width: 160px; border-radius: 5px; padding: 2px 5px; } .register tr td input[type=radio] { width: auto; margin: 0 5px 0 0; } .register tr td label { margin-right: 10px; } .register tr td select { width: 173px !important; border: 1px solid #aaabad; border-radius: 5px; padding: 2px 5px; background: white; } .register tr td textarea { max-width: 264px !important; border-radius: 5px; font-family: 'open_sans', Sans-Serif; font-weight: normal; color: black; padding: 5px; font-size: 12px; } .register input.VerzendenBtn { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0097ce !important; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)) !important; background: -webkit-linear-gradient(left, #0097ce, #00749e) !important; background: -moz-linear-gradient(left, #0097ce, #00749e) !important; background: -ms-linear-gradient(left, #0097ce, #00749e) !important; background: -o-linear-gradient(left, #0097ce, #00749e) !important; display: inline-block !important; padding: 0 10px !important; line-height: 21px !important; color: white !important; font-family: 'open_sans-bold', Sans-Serif !important; font-weight: normal !important; font-size: 14px !important; } .register input.VerzendenBtn:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .contactForm { width: 100% !important; } .contactForm tr td input { width: 160px; border-radius: 5px; padding: 2px 5px; } .contactForm tr td input[type=radio] { width: auto; margin: 0 5px 0 0; } .contactForm tr td label { margin-right: 10px; } .contactForm tr td select { width: 173px !important; border: 1px solid #aaabad; border-radius: 5px; padding: 2px 5px; margin: 5px 0 5px 0 !important; } .contactForm tr td textarea { border-radius: 5px; font-family: 'open_sans', Sans-Serif; font-weight: normal; color: black; padding: 5px; font-size: 12px; } .searchPage #toptext_container { position: relative; } .searchPage #toptext_container .topBar { height: 40px; border-bottom: 1px dashed #aaabad; } .searchPage h1.title { font-size: 31px; max-width: 460px; } .searchPage #toptext { position: relative; } .searchPage #toptext .toShop { color: #f99902; font-size: 15px; display: block; width: 200px; position: absolute; padding-left: 100px; right: 0; top: 0; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .searchPage #toptext .toShop:after { content: "\E816"; font-size: 51px; position: absolute; left: 33px; top: 0; font-family: 'kh_icons'; font-weight: normal; } .searchPage #toptext .toShop:before { content: ""; position: absolute; top: -5px; left: 0; opacity: 0.6; width: 20px; background: url("/images/front/shadowl.svg") no-repeat top; background-size: 100% 100%; height: 100%; } .searchPage #toptext .toShop span { display: inline-block; color: #5e5e5e; font-size: 13px; position: relative; padding-right: 10px; font-family: 'open_sans', Sans-Serif; font-weight: normal; } .searchPage #toptext .toShop span:after { content: "\E805"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 0; font-family: 'kh_icons'; font-weight: normal; } .overviewList, .overviewlist { clear: both; } .overviewList .pagerTop, .overviewlist .pagerTop { margin-bottom: 20px; line-height: 32px; } .overviewList.image .item, .overviewlist.image .item { margin-bottom: 50px; } .overviewList.image .item.odd .img_container, .overviewlist.image .item.odd .img_container { float: left; } .overviewList.image .item .img_container, .overviewlist.image .item .img_container { float: left; max-width: 200px; } .overviewList.image .item .img_container img, .overviewlist.image .item .img_container img { max-width: 100%; } .overviewList.image .item .text, .overviewlist.image .item .text { width: 450px !important; float: right; } .overviewList .item, .overviewlist .item { clear: both; } .overviewList .item h2, .overviewlist .item h2 { color: #0097ce; } .overviewList .item h2 a, .overviewlist .item h2 a { color: #0097ce; } .overviewList .item .date, .overviewlist .item .date { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .overviewList .item + .item, .overviewlist .item + .item { margin-top: 20px; } .overviewList .item:after, .overviewlist .item:after { content: ""; display: block; clear: both; } .brochureForm table tr td label { width: 400px; } .brochureForm .row:after { content: ""; display: block; clear: both; } .brochureForm .row + .row { margin-top: 10px; } .brochureForm .row .item { float: left; line-height: 30px; } .brochureForm .row .item .label { width: 160px; } .brochureForm .row .item .input { width: 390px; } .brochureForm .row .item .input input[type="text"], .brochureForm .row .item .input select { box-sizing: border-box; height: 30px; padding: 0 10px; border: 1px solid #dfdfdf; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset; border-radius: 5px; } .brochureForm .row .item .input .checkRow .label { line-height: 15px; } .brochureForm .row .item .input .checkRow input[type="checkbox"] { width: 15px; height: 15px; margin-right: 15px; position: relative; bottom: -3px; } .brochureForm .row .VerzendenBtn { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; } .brochureForm .row .VerzendenBtn:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } #ctl00_phContent_pnlCart .blue { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; margin-right: 10px; padding-left: 25px; font-size: 12px; position: relative; } #ctl00_phContent_pnlCart .blue:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } #ctl00_phContent_pnlCart .blue:before { content: "\E804"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 10px; font-family: 'kh_icons'; font-weight: normal; } .consultants .column { width: 50%; height: 250px; } .consultants .column .photo { width: 90px; } .consultants .column .text { width: 240px; } .consultant .photo { margin-bottom: 20px; } .consultant .text { width: auto; } .footer { height: 462px; } .footer ul li { padding: 7px 0; } ul.footer_general { float: left; line-height: 50px; } @media all and (min-width: 600px) and (max-width: 1023px) { ul.footer_general { margin-bottom: -30px; line-height: initial; } .divbreadcrump { display: none; } .tablet { display: block; } .tablet.phone { display: block; } .phone { display: none; } #container_middle.middlecontent, .middlecontent { width: 508px !important; } #container_middle.middlecontent #toptext, .middlecontent #toptext { width: 520px !important; } .middlecontent .item { width: auto; margin-bottom: 10px; } .middlecontent .item:after { content: ""; display: block; clear: both; } .middlecontent .item .text { width: auto; } .wrapper, .addToWrapper { max-width: 610px; position: relative; } .middlecontent #toptext { width: 520px !important; } #content { width: 580px; padding-bottom: 20px; } #content .topImage { margin-bottom: 20px; } #content .topImage #slider { width: 595px; } #content .topImage #top_img { right: 15px; } #content .homeMenu { position: relative; margin: 30px 0 30px; } #content .homeMenu:before { content: ""; position: absolute; top: -5px; opacity: 0.6; width: 100%; background: url("/images/front/shadowb.svg") no-repeat top; background-size: 100% 100%; height: 20px; } #content .homeMenu li { border-bottom: 1px solid #dfdfdf; } #content .homeMenu a { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; text-transform: uppercase; color: #0097ce; font-size: 16px; line-height: 46px; position: relative; width: 100%; display: block; } #content .homeMenu a:after { content: "\E805"; font-family: 'kh_icons'; font-weight: normal; font-size: 16px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } #content .homeContent { margin-top: auto; } #content .homeContent #left { width: 100%; } #content .homeContent #left #news_events { display: none; } #content .homeContent #right { width: 100%; padding-left: 0; } #content .homeContent #right:before { display: none; } #content .homeContent #right #item_left, #content .homeContent #right .item_right { width: 100%; } #content .homeContent #right h2 { width: 100%; text-align: left; } #content .homeContent #right .item_right { height: auto; margin: 20px 0; } #content .homeContent #right .item_right img { margin: 10px 0 20px; } #content .homeContent #right .nav { padding: 15px 0 20px; } #content .homeContent #right #content-slider { width: 100%; } #content .homeContent #right #content-slider #slider { height: 105px !important; } #content .homeContent #right #content-slider #slider .homeProductSlider { position: absolute; left: 0; height: 107px !important; } #content .homeContent #right #content-slider #slider .homeProductSlider img { width: 160px; } #content .homeContent #right #content-slider #slider .homeProductSlider .content { position: absolute; left: 180px; top: 0; width: 330px !important; } #content .homeContent .homeText { margin-bottom: 20px; } #content .homeContent .homeText p { max-height: 154px; display: block; overflow: hidden; margin-bottom: 10px; transition: 0.5s cubic-bezier(0.3, 0.48, 0.83, 0.67); } #content .homeContent .homeText p.active { max-height: 1000px; transition: 1s cubic-bezier(0.3, 0.48, 0.83, 0.67); } #content .homeContent .homeText p.active + .readMore:before { transform: rotate(180deg); transition: 0.2s cubic-bezier(0.3, 0.48, 0.83, 0.67); } #content .homeContent .homeText .readMore { display: block; } #content .homeContent .homeText .readMore:before { transition: 0.2s cubic-bezier(0.3, 0.48, 0.83, 0.67); } #content .homeContent .homeText .readMore .meer { display: none; } #content .homeContent .homeText .readMore .meer.active { display: inline-block; } .divbreadcrump { display: none; } #container_left, #container_middle, #container_right, .middlecontent, #container_middleFull { width: 100%; } .overviewcat { position: relative; margin: 27px 0 33px; } .overviewcat h2 { display: none; } .overviewcat.active .catButton:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .overviewcat:before { content: ""; transform: rotate(180deg); -webkit-transform: rotate(180deg); position: absolute; top: -20px; left: 0; opacity: 0.6; width: 100%; background: url("/images/front/shadowb.svg") no-repeat top; background-size: 100% 100%; height: 20px; } .overviewcat:after { content: ""; position: absolute; left: 0; bottom: -25px; opacity: 0.6; width: 100%; background: url("/images/front/shadowb.svg") no-repeat top; background-size: 100% 100%; height: 20px; } .overviewcat .catButton { position: relative; text-align: center; color: #00749e; font-family: 'open_sans-light', Sans-Serif; font-weight: normal; font-size: 16px; width: 100%; display: block; padding: 20px 0; transition: 0.2s ease-in-out; } .overviewcat .catButton:after { content: "\E807"; display: inline-block; font-family: 'kh_icons'; font-weight: normal; font-size: 14px; transition: 0.2s ease-in-out; margin-left: 10px; } .overviewcat .submenu { display: none; -webkit-transform: translate(0); } .overviewcat .submenu > ul li:last-child { border-bottom: none; } .overviewcat .submenu.active { height: 100%; } .overviewcat .submenu:before { display: none; } .overviewcat .submenu:after { display: none; } .overviewcat .submenu h2 { display: none; } .overviewcat .submenu ul { list-style: none; } .overviewcat .submenu ul li { line-height: 41px; border-bottom: 1px solid #dfdfdf; position: relative; } .overviewcat .submenu ul li + li { border-top: none; } .overviewcat .submenu ul li a:after { right: 0; } .overviewcat .submenu ul li.active { padding-left: 0; } .overviewcat .submenu ul li.active a:after { content: "\E805" !important; position: absolute; right: 0; font-family: 'kh_icons'; font-weight: normal; } .overviewcat .submenu ul li.active ul li a { padding-left: 10px; } .overviewcat .submenu ul a { color: #5e5e5e; width: 100%; display: block; } .overviewcat .submenu ul a:only-child:after { content: "\E805"; position: absolute; right: 20px; font-family: 'kh_icons'; font-weight: normal; } #container_left .submenu, .left_content .submenu { display: none; } .pagerTop, .pagerBottom { width: 520px; } .overviewlist.image .item .img_container { float: none !important; margin-bottom: 10px; } .overviewlist.image .item .text { float: none; width: 100% !important; margin: 0; } #container_middle .vacatureSlider { display: none !important; } #container_middle .caseList .item { width: 520px; height: auto; } #container_middle .caseList .item .img_border_3 { display: none; } #container_middle .caseList .item .date { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } #container_middle .caseList .item.odd .text { padding: 0; } #container_middle .caseList .item.odd .item_controls2, #container_middle .caseList .item.odd .item_controls, #container_middle .caseList .item.odd .text { position: static; float: none; } #container_middle .caseList .item .item_controls2, #container_middle .caseList .item .item_controls { position: static; float: none; width: 100%; display: block; } #container_middle .caseList .item .text { float: none; width: 100%; display: block; } #container_middle #toptext_container { width: 520px ; } .register { width: 100% !important; } .register tr td { display: block; } .register tr td input { width: 160px; border-radius: 5px; padding: 2px 5px; } .register tr td input[type=radio] { width: auto; margin: 0 5px 0 0; } .register tr td label { margin-right: 10px; } .register tr td select { width: 173px !important; border: 1px solid #aaabad; border-radius: 5px; padding: 2px 5px; background: white; } .register tr td textarea { max-width: 264px !important; border-radius: 5px; font-family: 'open_sans', Sans-Serif; font-weight: normal; color: black; padding: 5px; font-size: 12px; } .register input.VerzendenBtn { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0097ce !important; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)) !important; background: -webkit-linear-gradient(left, #0097ce, #00749e) !important; background: -moz-linear-gradient(left, #0097ce, #00749e) !important; background: -ms-linear-gradient(left, #0097ce, #00749e) !important; background: -o-linear-gradient(left, #0097ce, #00749e) !important; display: inline-block !important; padding: 0 10px !important; line-height: 21px !important; color: white !important; font-family: 'open_sans-bold', Sans-Serif !important; font-weight: normal !important; font-size: 14px !important; } .register input.VerzendenBtn:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .consultants { width: 100%; } .consultants .column { width: 50%; height: 370px; } .consultants .column .photo { display: block; float: none; height: 120px; } .consultants .column .text { width: 230px; float: none; min-height: 0; } .searchPage h1.title { font-size: 31px; max-width: 460px ; } .searchPage #toptext { position: relative; } .searchPage #toptext .toShop { color: #f99902; font-size: 15px; display: block; width: 290px; position: relative; padding-left: 50px; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; top: -12px; } .searchPage #toptext .toShop:after { content: "\E816"; font-size: 35px; position: absolute; left: 0; top: 0; font-family: 'kh_icons'; font-weight: normal; } .searchPage #toptext .toShop:before { content: ""; display: none; } .searchPage #toptext .toShop span { display: inline-block; color: #5e5e5e; font-size: 13px; position: relative; padding-right: 10px; font-family: 'open_sans', Sans-Serif; font-weight: normal; } .searchPage #toptext .toShop span:after { content: "\E805"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 0; font-family: 'kh_icons'; font-weight: normal; } .footer { height: 520px; } .footer ul li { padding: 7px 0; } } @media all and (min-width: 300px) and (max-width: 599px) { #wrap_all { padding: 0 10px; } .phone { display: block; } .phone.tablet { display: block; } .divbreadcrump { display: none; } h1 { width: auto; font-size: 21px; } .middlecontent #toptext { width: 100% !important; } #container_middle.middlecontent, .middlecontent { width: 270px !important; } #container_middle.middlecontent .vacatureWrap #toptext, .middlecontent .vacatureWrap #toptext { width: 270px !important; } #container_middle.middlecontent #toptext, .middlecontent #toptext { width: 100% !important; } #container_right { width: 100%; } .wrapper, .addToWrapper { max-width: 310px; position: relative; padding: 0 12px; } .header { padding: 0 0 15px; } .header .logo { max-width: 131px; margin-top: 26px; } .header .headerItems { margin-left: 0; } .header .headerItems .searchBar { left: 12px; width: 275px; } .header .headerItems .headerButtons { margin-left: 0; } .header .headerItems .headerButtons a { margin-left: 0; } .header .headerItems .headerButtons a + a { margin-left: 5px; } #content { width: 300px; padding-bottom: 20px; } #content .topImage { margin-bottom: 20px; border-bottom: none; } #content .topImage #slider { width: 315px; } #content .topImage #top_img { right: 12px; } .homeMenu { position: relative; margin: 30px 0 30px; } .homeMenu:before { content: ""; position: absolute; top: -5px; opacity: 0.6; width: 100%; background: url("/images/front/shadowb.svg") no-repeat top; background-size: 100% 100%; height: 20px; } .homeMenu li { border-bottom: 1px solid #dfdfdf; } .homeMenu a { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; text-transform: uppercase; color: #0097ce; font-size: 16px; line-height: 46px; position: relative; width: 100%; display: block; } .homeMenu a:after { content: "\E805"; font-family: 'kh_icons'; font-weight: normal; font-size: 16px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .homeContent { margin-top: auto; } .homeContent .topText .text h1 { text-align: center; } .homeContent #left { width: 100%; } .homeContent #left #news_events { display: none; } .homeContent #right { width: 100%; padding-left: 0; } .homeContent #right:before { display: none; } .homeContent #right #item_left, .homeContent #right .item_right { width: 100%; } .homeContent #right h2 { width: 100%; text-align: left; } .homeContent #right .item_right { height: auto; margin: 20px 0; } .homeContent #right .item_right img { margin: 10px 0 20px; } .homeContent #right .vacancy, .homeContent #right #middle.item, .homeContent #right .videoBlok { display: none; } .homeContent #right .nav { padding: 15px 0 20px; } .homeContent #right #content-slider { width: 100%; } .homeContent #right #content-slider #slider { height: 155px !important; } .homeContent #right #content-slider #slider .homeProductSlider { position: absolute; left: 0; height: 127px !important; } .homeContent #right #content-slider #slider .homeProductSlider img { width: 110px; } .homeContent #right #content-slider #slider .content { position: absolute; left: 120px; top: 0; width: 160px !important; } .homeContent .homeText { margin-bottom: 20px; } .homeContent .homeText p { max-height: 100px; display: block; overflow: hidden; margin-bottom: 10px; transition: 0.2s ease-in-out; transition: 0.5s cubic-bezier(0.3, 0.48, 0.83, 0.67); } .homeContent .homeText p.active { max-height: 1000px; transition: 1s cubic-bezier(0.3, 0.48, 0.83, 0.67); } .homeContent .homeText p.active + .readMore:after { transform: rotate(180deg); transition: 0.2s cubic-bezier(0.3, 0.48, 0.83, 0.67); } .homeContent .homeText .readMore { display: block; } .homeContent .homeText .readMore:after { transition: 0.2s cubic-bezier(0.3, 0.48, 0.83, 0.67); } .homeContent .homeText .readMore .meer, .homeContent .homeText .readMore .minder { display: none; } .homeContent .homeText .readMore .meer.active, .homeContent .homeText .readMore .minder.active { display: inline-block; } #container_middle, .middlecontent, #container_middleFull { width: 100% !important; } #container_middle #toptext, .middlecontent #toptext, #container_middleFull #toptext { width: 100%; } .overviewlist .pagerTop, .overviewlist .pagerBottom { text-align: center; } .overviewlist .floatLeft { display: none; } .overviewlist.image .item { margin-bottom: 30px; } .overviewlist.image .item .img_container { float: none !important; margin-bottom: 10px; } .overviewlist.image .item .text { float: none; width: 100% !important; margin: 0; } .overviewcat { position: relative; margin: 27px 0 33px; } .overviewcat h2 { display: none; } .overviewcat.active .catButton:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .overviewcat:before { content: ""; transform: rotate(180deg); -webkit-transform: rotate(180deg); position: absolute; top: -20px; left: 0; opacity: 0.6; width: 100%; background: url("/images/front/shadowb.svg") no-repeat top; background-size: 100% 100%; height: 20px; } .overviewcat:after { content: ""; position: absolute; left: 0; bottom: -25px; opacity: 0.6; width: 100%; background: url("/images/front/shadowb.svg") no-repeat top; background-size: 100% 100%; height: 20px; } .overviewcat .catButton { position: relative; text-align: center; color: #00749e; font-family: 'open_sans-light', Sans-Serif; font-weight: normal; font-size: 16px; width: 100%; text-decoration: none; display: block; padding: 20px 0; transition: 0.2s ease-in-out; } .overviewcat .catButton:hover { text-decoration: none; } .overviewcat .catButton:after { content: "\E807"; display: inline-block; font-family: 'kh_icons'; font-weight: normal; font-size: 14px; transition: 0.2s ease-in-out; margin-left: 10px; } .overviewcat .submenu { display: none; -webkit-transform: translate(0); } .overviewcat .submenu.active { height: 100%; } .overviewcat .submenu:before { display: none; } .overviewcat .submenu:after { display: none; } .overviewcat .submenu h2 { display: none; } .overviewcat .submenu > ul li:last-child { border-bottom: none; } .overviewcat .submenu ul { list-style: none; } .overviewcat .submenu ul > li { line-height: 41px; border-bottom: 1px solid #dfdfdf; } .overviewcat .submenu ul a { color: #5e5e5e; width: 100%; display: block; } .overviewcat .submenu ul a:after { content: "\E805"; position: absolute; right: 20px; font-family: 'kh_icons'; font-weight: normal; } #container_left .submenu, .left_content .submenu { display: none; } #toptext { width: 100%; } .pagerTop, .pagerBottom { width: 100%; } #container_middle { width: 100%; } #container_middle .vacatureSlider { display: none !important; } #container_middle .customRightContentWidth { width: 100%; } #container_middle .caseList .item { width: auto; height: auto; } #container_middle .caseList .item .img_border_3 { display: none; } #container_middle .caseList .item .date { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } #container_middle .caseList .item.odd .text { padding: 0; margin: 0; } #container_middle .caseList .item.odd .item_controls2, #container_middle .caseList .item.odd .item_controls, #container_middle .caseList .item.odd .text { position: static; float: none; } #container_middle .caseList .item .item_controls2, #container_middle .caseList .item .item_controls { position: static; float: none; width: 100%; display: block; } #container_middle .caseList .item .text { float: none; width: 100%; display: block; margin: 0; } #container_middle #toptext_container { width: 100%; } #container_middle #toptext_container .underline { display: block; } .footer { height: auto; padding: 30px 0; } .footer a { padding: 0 5px; } .footer .wrapper .footer_kh, .footer .wrapper .footer_item { display: none; } .footer .wrapper .footer_bottom { position: static; text-align: center; line-height: 30px; } .footer .wrapper .footerPhone { text-align: center; line-height: 30px; } .footer .wrapper .footerPhone .social-media { text-align: center; } .footer .wrapper .footerPhone .social-media li { display: inline-block; } .contactForm { width: 100% !important; } .contactForm tr td { display: block; } .contactForm tr td input { width: 160px; border-radius: 5px; padding: 2px 5px; } .contactForm tr td input[type=radio] { width: auto; margin: 0 5px 0 0; } .contactForm tr td label { margin-right: 10px; } .contactForm tr td select { margin: 5px 0 5px 0 !important; width: 173px !important; border: 1px solid #aaabad; border-radius: 5px; padding: 2px 5px; background: white; } .contactForm tr td textarea { max-width: 264px !important; border-radius: 5px; font-family: 'open_sans', Sans-Serif; font-weight: normal; color: black; padding: 5px; font-size: 12px; } .consultants { width: 100%; } .consultants .column { width: 100%; height: auto; } .consultants .column + .column { border-top: 1px solid #ebebec; padding-top: 35px; } .consultants .column .photo { display: block; float: none; height: auto; } .consultants .column .text { width: 280px; float: none; min-height: 0; } .searchPage h1.title { font-size: 19px; } .searchPage #toptext_container .topBar { height: 120px; } .searchPage .topBar, .searchPage .bottomBar { height: auto; } .searchPage .topBar .paging, .searchPage .bottomBar .paging { padding: 20px 0 10px; text-align: center; float: none !important; } .searchPage .topBar .paging li.page, .searchPage .bottomBar .paging li.page { display: inline-block; float: none !important; } .searchPage .topBar .title, .searchPage .bottomBar .title { position: static; margin-bottom: 10px; } .searchPage .topBar .pagingBlock, .searchPage .bottomBar .pagingBlock { position: static; } .searchPage .topBar .pagingBlock .sort, .searchPage .bottomBar .pagingBlock .sort { float: none; margin-right: 0; } .searchPage .topBar .pagingBlock .sort select, .searchPage .bottomBar .pagingBlock .sort select { margin-left: 0; } .searchPage #toptext { position: relative; } .searchPage #toptext .toShop { color: #f99902; font-size: 13px; display: block; width: 290px; position: relative; padding-left: 50px; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; top: -12px; } .searchPage #toptext .toShop:after { content: "\E816"; font-size: 35px; position: absolute; left: 0; top: 0; font-family: 'kh_icons'; font-weight: normal; } .searchPage #toptext .toShop:before { content: ""; display: none; } .searchPage #toptext .toShop span { display: inline-block; color: #5e5e5e; font-size: 13px; position: relative; padding-right: 10px; font-family: 'open_sans', Sans-Serif; font-weight: normal; } .searchPage #toptext .toShop span:after { content: "\E805"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 0; font-family: 'kh_icons'; font-weight: normal; } .middlecontent .item { width: auto; margin-bottom: 10px; } .middlecontent .item:after { content: ""; display: block; clear: both; } .middlecontent .item .text { width: auto; } .register { width: 100% !important; } .register tr td { display: block; } .register tr td input { width: 160px; border-radius: 5px; padding: 2px 5px; } .register tr td input[type=radio] { width: auto; margin: 0 5px 0 0; } .register tr td label { margin-right: 10px; } .register tr td select { width: 173px !important; border: 1px solid #aaabad; border-radius: 5px; padding: 2px 5px; background: white; } .register tr td textarea { max-width: 264px !important; border-radius: 5px; font-family: 'open_sans', Sans-Serif; font-weight: normal; color: black; padding: 5px; font-size: 12px; } .addToWrapper .addedToCart { width: 230px; } .middlecontentcategorie { width: auto !important; max-width: 100%; } .video_container { max-width: 100%; height: auto; } #wrap_all { padding: 0; } } .webshop { float: none; } .webshop .footer:not(.footerWebshop) { display: none; } .webshop .homeContent .topText .text { float: left; margin-left: 0; } .webshop .header .headerItems .searchBar { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; border: 1px solid #aaabad; border-radius: 50px; } .webshop .header .headerItems .searchBar input[type='text'] { background: none; border: none; border-radius: 0; width: auto; box-shadow: none; -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; -o-flex: 1 0 auto; flex: 1 0 auto; padding: 14px 15px 13px; font-size: 12px; } .webshop .header .headerItems .searchBar select { border-left: 1px solid #aaabad; color: #5e5e5e; height: 42px; padding: 0 5px; margin-right: 5px; font-size: 12px; } .webshop .header .headerItems .searchBar a { width: 30px; border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; line-height: 42px; border-radius: 0 50px 50px 0; text-indent: -9999em; overflow: hidden; } .webshop .header .headerItems .searchBar a:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .webshop .header .headerItems .searchBar a:hover { border-radius: 0 50px 50px 0 !important; } .webshop .header .headerItems .searchBar a:before { content: "\E808"; display: block; text-indent: 0; font-family: 'kh_icons'; font-weight: normal; font-size: 18px; color: white; text-align: center; } .webshop .header { padding: 0 0 25px; } .webshop .header .logo:before { content: "Webshop"; position: absolute; left: 50%; margin-left: -230px; font-family: 'open_sans-light', Sans-Serif; font-weight: normal; font-size: 21px; top: 87px; color: #0097ce; } .webshop .header .topBar { height: 40px; margin-bottom: 20px; text-align: right; position: relative; } .webshop .header .topBar:before { content: ""; background: url("/images/front/shadowb.svg") no-repeat top; background-size: 100% 100%; width: 100%; height: 20px; opacity: 0.7; position: absolute; bottom: -20px; left: 0; } .webshop .header .topBar .topNav { margin-top: 7px; } .webshop .header .topBar .topNav > li a { line-height: 25px; font-size: 13px; } .webshop .header .topBar .topNav > li.toShop { display: none; } .webshop .header .topBar .topNav > li.toCorp { display: block; } .webshop .header .topBar .topNav > li.toCorp a { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; line-height: 25px; padding-right: 20px; font-size: 12px; text-transform: uppercase; } .webshop .header .topBar .topNav > li.toCorp a:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .webshop .header .topBar .topNav > li.toCorp a:after { content: "\E805"; font-family: 'kh_icons'; font-weight: normal; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 8px; font-size: 15px; line-height: normal; } .webshop .header .topBar .topBarBanners { display: inline-block; text-align: left; margin-right: 30px; } .webshop .header .topBar .promotion { background-color: #ffbb29; background: -webkit-gradient(linear, left top, left bottom, from(#ffbb29), to(#f99901)); background: -webkit-linear-gradient(top, #ffbb29, #f99901); background: -moz-linear-gradient(top, #ffbb29, #f99901); background: -ms-linear-gradient(top, #ffbb29, #f99901); background: -o-linear-gradient(top, #ffbb29, #f99901); padding: 6px 30px 0 10px; box-sizing: border-box; height: 40px; width: 200px; float: left; position: relative; font-size: 12px; margin-left: 20px; } .webshop .header .topBar .promotion:after { content: ""; height: 56px; width: 61px; background: url("/images/front/delivery.png") no-repeat top right; background-size: contain; display: block; position: absolute; right: -31px; top: -4px; } .webshop .header .topBar .promotion span { color: white; font-size: 12px; line-height: 12px; } .webshop .header .topBar .promotion span span { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .webshop .header .topBar a.service { font-size: 12px; display: block; position: relative; float: left; padding-left: 35px; color: #0097ce; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; line-height: 12px; margin-top: 8px; } .webshop .header .topBar a.service span { font-family: 'open_sans', Sans-Serif; font-weight: normal; color: #5e5e5e; display: block; } .webshop .header .topBar a.service:before { content: ""; background: url("/images/front/telLady.png") no-repeat; background-size: contain; width: 47px; height: 36px; display: block; position: absolute; left: 0; bottom: -8px; } .webshop .header .searchBar { width: 80%; } .webshop .header .searchBar input { border-color: silver !important; padding: 14px 20px 13px !important; } .webshop .header .searchBar .searchButton:before { position: relative; top: -2px; font-size: 22px; } .webshop .header .headerItems { width: 100%; max-width: 550px; margin-top: 10px; } .webshop .searchbar-middle.wrapper { box-sizing: border-box; position: relative; display: none; max-width: 376px; padding: 0; left: 120px; } .webshop .searchbar-middle.wrapper .searchbar-info { line-height: 46px; color: white; font-size: 13px; font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; } .webshop .searchbar-middle.wrapper .searchbar-input { height: 36px; margin: 4px; position: relative; } .webshop .searchbar-middle.wrapper .searchbar-input:before { content: "\E808"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 9px; font-size: 16px; color: #0097ce; font-family: 'kh_icons'; font-weight: normal; z-index: 1; } .webshop .searchbar-middle.wrapper .searchbar-input input { border-radius: 50px; position: absolute; height: 36px; margin: 0; font-size: 13px; border-color: #dfdfdf; padding: 0 10px 0 30px; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1) inset; width: 100%; box-sizing: border-box; font-family: 'open_sans', Sans-Serif; font-weight: normal; } .webshop .searchbar-middle.wrapper .searchbar-button a { line-height: 46px; color: white; font-size: 18px; font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; font-weight: bold; margin-left: 24px; text-transform: uppercase; cursor: pointer; } .webshop .searchbar-middle.wrapper .searchbar-button a:after { content: "\E805"; display: inline-block; font-size: 21px; margin-left: 10px; position: relative; top: 1px; font-family: 'kh_icons'; font-weight: normal; } .webshop #navbarShop .wrapper { position: relative; height: 55px; margin-bottom: 12px; max-width: 1054px; background-color: #0090c5; background: -webkit-gradient(linear, left top, left bottom, from(#0090c5), to(#0080af)); background: -webkit-linear-gradient(top, #0090c5, #0080af); background: -moz-linear-gradient(top, #0090c5, #0080af); background: -ms-linear-gradient(top, #0090c5, #0080af); background: -o-linear-gradient(top, #0090c5, #0080af); } .webshop #navbarShop .wrapper ul.mainMenu { width: 100%; display: block; position: relative; } .webshop #navbarShop .wrapper ul.mainMenu .menuHeader { display: none; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer { display: inline-block; box-sizing: border-box; height: 55px; line-height: 55px; cursor: pointer; vertical-align: top; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer:hover { background: #0097ce; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer:hover .item { color: white; background: none; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer:hover .dropdown { display: block; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.corporate { display: none; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.actie:hover a { color: #ffcc00; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.actie a { color: #ffcc00; position: relative; padding: 0 42px 0 26px; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.actie a:after { content: ""; display: block; position: absolute; right: 10px; top: calc(50% - 10px); width: 19px; height: 19px; background: url("/images/front/actiesIcon.svg") no-repeat; background-size: contain; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .item { padding: 0 26px; color: white; font-size: 13px; text-transform: uppercase; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; display: inline-block; width: auto; margin: 0; position: relative; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .item:hover { color: white; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.home { position: relative; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.home a { position: relative; padding: 0 26px; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer.home a:before { content: "\E815"; font-size: 24px; font-family: 'kh_icons'; font-weight: normal; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer + .itemContainer .item:before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; display: block; box-shadow: -7px 0px 10px -7px rgba(0, 0, 0, 0.4); width: 16px; height: 42px; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown { display: none; position: absolute; z-index: 1999; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#006892)); background: -webkit-linear-gradient(top, #0097ce, #006892); background: -moz-linear-gradient(top, #0097ce, #006892); background: -ms-linear-gradient(top, #0097ce, #006892); background: -o-linear-gradient(top, #0097ce, #006892); border-radius: 0 0 5px 5px; padding: 20px; top: 54px; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .navBack { display: none; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column { width: 154px; display: inline-block; vertical-align: top; padding: 0 20px 0 0; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column + .column { border-left: #006791 1px solid; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; padding: 0 20px; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column .columnItem + .columnItem { border-top: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column .columnItem .title { padding: 10px 0; line-height: 16px; width: 127px; display: block; font-size: 14px; text-transform: uppercase; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column .columnItem .title:hover { text-decoration: underline; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column .columnItem .subCats li a { color: white; position: relative; line-height: normal; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column .columnItem .subCats li a:hover { text-decoration: underline; } .webshop #navbarShop .wrapper ul.mainMenu > .itemContainer .dropdown .column .columnItem .subCats li a:before { content: "\E805"; color: white; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 6px; font-family: 'kh_icons'; font-weight: normal; } .webshop .webshopMiddleContent { width: 100% !important; } .webshop .webshopMiddleContent.homeContent { margin-top: -32px !important; } .webshop .webshopMiddleContent.homeContent .logo_pannel { margin-top: 20px; } .webshop .webshopMiddleContent.homeContent .productList h2 { text-align: left; font-size: 28px; padding: 20px 0; color: #0097ce; } .webshop .webshopMiddleContent.homeContent .prodHighlight:after { content: ""; display: block; clear: both; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok { width: 24%; float: left; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok a { padding: 15px; text-decoration: none; display: block; border: 1px solid #dfdfdf; box-sizing: border-box; height: 315px; overflow: hidden; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok a:hover { color: #5e5e5e; border-color: #c6c6c6; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok span { display: block; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok + .prodBlok { margin-left: 1.33%; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .image { max-width: 100%; height: auto; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .title { font-family: 'open_sans-light', Sans-Serif; font-weight: normal; color: #0097ce; font-size: 17px; margin: 10px 0; min-height: 46px; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .description { font-size: 12px; } .webshop .webshopMiddleContent .topText { position: relative; padding-bottom: 20px; margin-bottom: 20px; } .webshop .webshopMiddleContent .topText:after { content: ""; display: block; clear: both; } .webshop .webshopMiddleContent .topText .text { width: 690px; padding-right: 54px; } .webshop .webshopMiddleContent .topText .text p { line-height: 29px; font-size: 14px; } .webshop .webshopMiddleContent .topText .text p a { display: block; text-transform: uppercase; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .webshop .webshopMiddleContent .topText .text p a:after { content: '\E805'; display: inline-block; font-size: 16px; margin-left: 10px; font-family: 'kh_icons'; font-weight: normal; } .webshop .webshopMiddleContent .topText .text h1 { margin-bottom: 20px; } .webshop .webshopMiddleContent .topText .webshopRightMenu .nav a.activeSlide { background: #0097ce !important; } .webshop .webshopMiddleContent .topText .webshopRightMenu .right_content { height: 340px !important; } .webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item { border-top: none; position: relative; height: 320px !important; opacity: 0; width: 200px !important; } .webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item:first-child { padding: 15px 0 0 0; } .webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item h2 a { margin: 0 0 7px !important; } .webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item .right_moreinfo { position: absolute; bottom: 0; left: 0; border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffbf36; background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05)); background: -webkit-linear-gradient(left, #ffbf36, #f99b05); background: -moz-linear-gradient(left, #ffbf36, #f99b05); background: -ms-linear-gradient(left, #ffbf36, #f99b05); background: -o-linear-gradient(left, #ffbf36, #f99b05); display: inline-block; padding: 0 10px; line-height: 29px; color: white !important; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; width: auto; } .webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item .right_moreinfo:hover { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffb71c; background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04)); background: -webkit-linear-gradient(left, #ffb71c, #c77c04); background: -moz-linear-gradient(left, #ffb71c, #c77c04); background: -ms-linear-gradient(left, #ffb71c, #c77c04); background: -o-linear-gradient(left, #ffb71c, #c77c04); } .webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item .right_moreinfo:hover { text-decoration: none; } .webshop .webshopMiddleContent .topText .webshopRightMenu .right_content .right_item .right_moreinfo:after { content: "\E805"; display: inline-block; margin-left: 10px; font-size: 16px; font-family: 'kh_icons'; font-weight: normal; } .webshop #shopSlider .right_item_info { list-style: none; } .webshop #shopSlider .right_item_img img { width: 100%; } .webshop #shopSlider .nav a { text-indent: -9999px; overflow: hidden; background: #dbdbdb; width: 10px; height: 10px; display: inline-block; border-radius: 50px; -o-border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; } .webshop #shopSlider .nav a + a { margin-left: 5px; } .webshop #shopSlider .nav a.cycle-pager-active { background: #0097ce; } .webshop .productList { border-bottom: 1px dashed #aaabad; } .webshop .productList:after { content: ""; display: block; clear: both; } .webshop .productList .product_row { margin-bottom: 50px; } .webshop .productList .product_row + .product_row { margin-top: 35px; } .webshop .productList .product_row .product { height: 460px; width: 299px; display: inline-block; vertical-align: top; margin-left: 13px; position: relative; } .webshop .productList .product_row .product:nth-child(3n - 2) { margin-left: 0; } .webshop .productList .product_row .product .product_img { width: 299px; height: 170px; box-sizing: border-box; border: 1px solid #dfdfdf; overflow: hidden; } .webshop .productList .product_row .product .product_img img { width: 100%; height: auto; max-height: 100%; } .webshop .productList .product_row .product .info { padding-right: 20px; margin-top: 10px; } .webshop .productList .product_row .product .info h1 { width: auto; font-size: 22px; font-family: 'open_sans-light', Sans-Serif; font-weight: normal; margin-bottom: 10px; } .webshop .productList .product_row .product .info .price { position: absolute; bottom: 50px; text-align: left; } .webshop .productList .product_row .product .info .price .van { line-height: 23px; margin-right: 20px; } .webshop .productList .product_row .product .info .price div { display: inline-block; } .webshop .productList .product_row .product .info .button { position: absolute; bottom: 20px; } .webshop .productList .product_row .product .info .button .details_link { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffbf36; background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05)); background: -webkit-linear-gradient(left, #ffbf36, #f99b05); background: -moz-linear-gradient(left, #ffbf36, #f99b05); background: -ms-linear-gradient(left, #ffbf36, #f99b05); background: -o-linear-gradient(left, #ffbf36, #f99b05); display: inline-block; padding: 0 10px; line-height: 29px; color: white !important; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; width: auto; font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; font-size: 16px; } .webshop .productList .product_row .product .info .button .details_link:hover { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffb71c; background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04)); background: -webkit-linear-gradient(left, #ffb71c, #c77c04); background: -moz-linear-gradient(left, #ffb71c, #c77c04); background: -ms-linear-gradient(left, #ffb71c, #c77c04); background: -o-linear-gradient(left, #ffb71c, #c77c04); } .webshop .productList .product_row .product .info .button .details_link:after { content: "\E805"; display: inline-block; margin-left: 10px; font-size: 21px; font-family: 'kh_icons'; font-weight: normal; } .webshop .logo_pannel { width: 100%; border-bottom: 1px dashed #9b9c9e; } .webshop .logo_pannel .pannel_content { width: 100%; margin-top: 20px; } .webshop .logo_pannel .pannel_content .flexslider { margin: 0 0 30px; } .webshop .logo_pannel .pannel_content .flexslider .slides li { position: relative; height: 100px; } .webshop .logo_pannel .pannel_content .flexslider .slides li a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .webshop .logo_pannel .pannel_content .flexslider .slides li a img { position: absolute; top: 0; bottom: 0; margin: auto; } .webshop .logo_pannel .pannel_content .infiniteCarousel { width: 100%; height: 98px; } .webshop .logo_pannel .pannel_content .infiniteCarousel .arrow { width: 50px; height: 50px; display: block; border-radius: 50px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3); background: white; position: absolute; overflow: hidden; text-indent: -9999px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .webshop .logo_pannel .pannel_content .infiniteCarousel .arrow:after { content: ""; text-indent: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 35px; width: 16px; font-size: 31px; font-family: 'kh_icons'; font-weight: normal; background: -webkit-linear-gradient(#4c96ce, #025f87); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #00749e; } .webshop .logo_pannel .pannel_content .infiniteCarousel .arrow.forward { right: 0; } .webshop .logo_pannel .pannel_content .infiniteCarousel .arrow.forward:after { content: "\E805"; text-align: right; } .webshop .logo_pannel .pannel_content .infiniteCarousel .arrow.back { left: 0; } .webshop .logo_pannel .pannel_content .infiniteCarousel .arrow.back:after { content: "\E804"; text-align: left; } .webshop .logo_pannel .pannel_content .infiniteCarousel .wrapper { width: 100%; position: relative; margin: auto; } .webshop .logo_pannel .pannel_content .infiniteCarousel .wrapper ul li { position: relative; height: 80px; } .webshop .logo_pannel .pannel_content .infiniteCarousel .wrapper ul li a { width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .webshop .logo_pannel .pannel_content .infiniteCarousel .wrapper ul li a img { max-width: 80%; max-height: 80px; width: 100%; height: auto; margin: auto; } .webshop .overlay.active { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; } .webshop .overlayWrap { display: none; } .webshop .overlayWrap.active { display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: fixed; width: 830px; z-index: 99999; } .webshop .overlayWrap.active .popUp { width: 100%; min-height: 200px; background: white; padding: 30px; margin: auto; box-sizing: border-box; position: relative; } .webshop .overlayWrap.active .popUp .close { position: absolute; right: 20px; top: 30px; } .webshop .overlayWrap.active .popUp .close:before { content: "\e80f"; font-size: 20px; color: #5e5e5e; padding: 10px; font-family: 'kh_icons'; font-weight: normal; } .webshop .overlayWrap.active .popUp .title { display: block; font-size: 30px; color: #0097ce; padding-right: 30px; font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; } .webshop .overlayWrap.active .popUp img { margin: 30px auto 30px; display: block; max-height: 100%; max-width: 100%; } .webshop .webshopMiddleFullContent { width: 100%; } .webshop .topBlock { margin-bottom: 20px; position: relative; padding-bottom: 25px; } .webshop .topBlock:after { content: ""; display: block; clear: both; } .webshop .topBlock:before { content: ""; background: url("/images/front/shadowb.svg") no-repeat top; background-size: 100% 100%; width: 100%; height: 20px; opacity: 0.7; position: absolute; bottom: 0; left: 0; } .webshop .topBlock .imgBlock { float: left; width: 428px; text-align: center; } .webshop .topBlock .imgBlock .imgWrap { max-height: 243px; position: relative; } .webshop .topBlock .imgBlock .prodImg { max-width: 100%; max-height: 240px; display: inline-block; } .webshop .topBlock .imgBlock .prodActie { position: absolute; right: 10px; bottom: 10px; } .webshop .topBlock .imgBlock .topside_enlarge_img { text-align: center; float: none; } .webshop .topBlock .imgBlock .topside_enlarge_img a { color: #42a7d5; font-size: 17px; font-family: 'open_sans-light', Sans-Serif; font-weight: normal; position: relative; padding-left: 25px; } .webshop .topBlock .imgBlock .topside_enlarge_img a:before { content: "\e808"; font-family: 'kh_icons'; font-weight: normal; color: #42a7d5; font-size: 15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; } .webshop .topBlock .infoBlock { float: left; width: 450px; margin: 0 0 30px 50px; } .webshop .topBlock .infoBlock h1 { margin-bottom: 10px; } .webshop .topBlock .infoBlock .korteOmschrijving p { margin: 0 0 15px; } .webshop .topBlock .infoBlock .topside_manufacturer { margin-bottom: 10px; } .webshop .topBlock .infoBlock .topside_manufacturer a { width: 120px; max-height: 100px; display: block; } .webshop .topBlock .infoBlock .topside_manufacturer a img { height: auto; max-width: 80px; } .webshop .topBlock .infoBlock .topside_price .van { font-size: 18px; font-weight: lighter; margin-bottom: 5px; color: #42a7d5; } .webshop .topBlock .infoBlock .topside_price .voor { font-size: 31px; font-weight: normal; color: #42a7d5; } .webshop .topBlock .infoBlock .staffel { border: 1px solid #fddba4; border-radius: 5px; position: relative; color: #f99b03; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; margin: 0 0 20px; width: 80%; clear: both; } .webshop .topBlock .infoBlock .staffel .prodActie { position: absolute; right: -32px; top: -32px; } .webshop .topBlock .infoBlock .staffel span { color: black; font-family: 'open_sans', Sans-Serif; font-weight: normal; } .webshop .topBlock .infoBlock .staffel .row { background: #fff3d9; padding: 5px 10px; box-sizing: border-box; } .webshop .topBlock .infoBlock .staffel .row + .row { border-top: 1px solid #feeac3; } .webshop .topBlock .infoBlock .addToCart { margin-bottom: 20px; } .webshop .topBlock .infoBlock .addToCart .textbox { font-family: 'open_sans', Sans-Serif; font-weight: normal; text-align: center; line-height: 34px; border-radius: 50px; width: 60px; height: auto; font-size: 18px; border: 1px solid #dfdfdf; box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.1) inset; margin-right: 10px; position: relative; bottom: -1px; } .webshop .topBlock .infoBlock .addToCart .btn_addtocart { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffbf36; background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05)); background: -webkit-linear-gradient(left, #ffbf36, #f99b05); background: -moz-linear-gradient(left, #ffbf36, #f99b05); background: -ms-linear-gradient(left, #ffbf36, #f99b05); background: -o-linear-gradient(left, #ffbf36, #f99b05); display: inline-block; padding: 0 10px; line-height: 29px; color: white !important; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; width: auto; font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; font-weight: bold; font-size: 18px; line-height: 36px; padding: 0 50px 0 15px; position: relative; } .webshop .topBlock .infoBlock .addToCart .btn_addtocart:hover { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffb71c; background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04)); background: -webkit-linear-gradient(left, #ffb71c, #c77c04); background: -moz-linear-gradient(left, #ffb71c, #c77c04); background: -ms-linear-gradient(left, #ffb71c, #c77c04); background: -o-linear-gradient(left, #ffb71c, #c77c04); } .webshop .topBlock .infoBlock .addToCart .btn_addtocart:after { content: "\E805"; font-family: 'kh_icons'; font-weight: normal; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 15px; } .webshop #product-panel .left, .webshop #product-panel .right { width: 43%; } .webshop #product-panel .left { float: left; } .webshop #product-panel .right { float: right; } .webshop .tab-content + .tab-content { margin-top: 30px; } .webshop .tab-content .title { font-size: 27px; color: #0097ce; margin-bottom: 15px; } .webshop .tab-content .description.active .content, .webshop .tab-content .relatedArticlescontainer.active .content { max-height: 100%; } .webshop .tab-content .description.active .more:after, .webshop .tab-content .relatedArticlescontainer.active .more:after { content: " minder"; } .webshop .tab-content .description.active .more:before, .webshop .tab-content .relatedArticlescontainer.active .more:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .webshop .tab-content .description a, .webshop .tab-content .relatedArticlescontainer a { color: #0097ce; } .webshop .tab-content .description a:hover, .webshop .tab-content .relatedArticlescontainer a:hover { color: #5e5e5e; } .webshop .tab-content .description .content, .webshop .tab-content .relatedArticlescontainer .content { max-height: 226px; height: 100%; overflow: hidden; } .webshop .tab-content .description .more, .webshop .tab-content .relatedArticlescontainer .more { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; padding-right: 30px; position: relative; line-height: 28px; margin: 20px auto 0; } .webshop .tab-content .description .more:hover, .webshop .tab-content .relatedArticlescontainer .more:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .webshop .tab-content .description .more:before, .webshop .tab-content .relatedArticlescontainer .more:before { content: "\E800"; position: absolute; right: 10px; font-size: 12px; font-family: 'kh_icons'; font-weight: normal; } .webshop .tab-content .description .more:after, .webshop .tab-content .relatedArticlescontainer .more:after { content: " meer"; } .webshop .tab-content .description .more, .webshop .tab-content .relatedArticlescontainer .more { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; padding-right: 30px; position: relative; line-height: 28px; margin: 20px auto 0; } .webshop .tab-content .description .more:hover, .webshop .tab-content .relatedArticlescontainer .more:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .webshop .tab-content .description .more:before, .webshop .tab-content .relatedArticlescontainer .more:before { content: "\E800"; position: absolute; right: 10px; font-size: 12px; font-family: 'kh_icons'; font-weight: normal; } .webshop .tab-content .description .more:after, .webshop .tab-content .relatedArticlescontainer .more:after { content: " meer"; } .webshop .tab-content.topside .serviceBtn + .serviceBtn { margin-top: 10px; } .webshop .tab-content.topside .serviceBtn a { display: block; padding: 7px 0 7px 35px; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 12px; text-transform: uppercase; position: relative; } .webshop .tab-content.topside .serviceBtn a:before { content: ""; font-family: 'kh_icons'; font-weight: normal; color: white; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; margin-right: 5px; border-radius: 50px; } .webshop .tab-content.topside .serviceBtn a.btn_telefoon { color: #60ad2c; } .webshop .tab-content.topside .serviceBtn a.btn_telefoon:before { content: "\e80e"; background: #60ad2c; } .webshop .tab-content.topside .serviceBtn a.btn_dl_brochure:before, .webshop .tab-content.topside .serviceBtn a.btn_dl_datasheet:before { content: "\e80d"; border-radius: 100px; -webkit-border-radius: 100px; background-color: #a2a5a7; background: -webkit-gradient(linear, left top, left bottom, from(#a2a5a7), to(#ddddde)); background: -webkit-linear-gradient(left, #a2a5a7, #ddddde); background: -moz-linear-gradient(left, #a2a5a7, #ddddde); background: -ms-linear-gradient(left, #a2a5a7, #ddddde); background: -o-linear-gradient(left, #a2a5a7, #ddddde); font-size: 16px; line-height: 25px; } .webshop .tab-content.topside .serviceBtn a.btn_questionOfferte:before { content: "\E819"; border-radius: 100px; -webkit-border-radius: 100px; background-color: #a2a5a7; background: -webkit-gradient(linear, left top, left bottom, from(#a2a5a7), to(#ddddde)); background: -webkit-linear-gradient(left, #a2a5a7, #ddddde); background: -moz-linear-gradient(left, #a2a5a7, #ddddde); background: -ms-linear-gradient(left, #a2a5a7, #ddddde); background: -o-linear-gradient(left, #a2a5a7, #ddddde); font-size: 14px; line-height: 25px; } .webshop .tab-content.topside .serviceBtn a.btn_questionWebshop:before { content: "\E817"; border-radius: 100px; -webkit-border-radius: 100px; background-color: #a2a5a7; background: -webkit-gradient(linear, left top, left bottom, from(#a2a5a7), to(#ddddde)); background: -webkit-linear-gradient(left, #a2a5a7, #ddddde); background: -moz-linear-gradient(left, #a2a5a7, #ddddde); background: -ms-linear-gradient(left, #a2a5a7, #ddddde); background: -o-linear-gradient(left, #a2a5a7, #ddddde); font-size: 15px; } .webshop .tab-content.topside .serviceBtn a.btn_faq:before { content: "?"; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; border-radius: 100px; -webkit-border-radius: 100px; background-color: #a2a5a7; background: -webkit-gradient(linear, left top, left bottom, from(#a2a5a7), to(#ddddde)); background: -webkit-linear-gradient(left, #a2a5a7, #ddddde); background: -moz-linear-gradient(left, #a2a5a7, #ddddde); background: -ms-linear-gradient(left, #a2a5a7, #ddddde); background: -o-linear-gradient(left, #a2a5a7, #ddddde); font-size: 16px; } .webshop .tab-content#gerelateerde .bottom_item { position: relative; padding-left: 20px; } .webshop .tab-content#gerelateerde .bottom_item .bottom_item_check { position: absolute; top: 10px; left: 0; } .webshop .tab-content#gerelateerde .bottom_item .bottom_item_content p { margin: 0; } .webshop .tab-content#gerelateerde .bottom_item .bottom_item_price div { display: inline-block; } .webshop .tab-content#gerelateerde .bottom_item .bottom_item_price div + div { margin-left: 10px; } .webshop .tab-content#gerelateerde .bottom_item .bottom_item_price .voor { font-size: 14px; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .webshop .tab-content#gerelateerde .btn_addtocart { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffbf36; background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05)); background: -webkit-linear-gradient(left, #ffbf36, #f99b05); background: -moz-linear-gradient(left, #ffbf36, #f99b05); background: -ms-linear-gradient(left, #ffbf36, #f99b05); background: -o-linear-gradient(left, #ffbf36, #f99b05); display: inline-block; padding: 0 10px; line-height: 29px; color: white !important; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; width: auto; font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; font-weight: bold; font-size: 16px; margin-top: 20px; line-height: 26px; padding: 3px 40px 0 15px; position: relative; } .webshop .tab-content#gerelateerde .btn_addtocart:hover { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffb71c; background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04)); background: -webkit-linear-gradient(left, #ffb71c, #c77c04); background: -moz-linear-gradient(left, #ffb71c, #c77c04); background: -ms-linear-gradient(left, #ffb71c, #c77c04); background: -o-linear-gradient(left, #ffb71c, #c77c04); } .webshop .tab-content#gerelateerde .btn_addtocart:after { content: "\E805"; font-family: 'kh_icons'; font-weight: normal; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 15px; } .webshop .review.small td { padding: 5px 10px 5px 0; } .webshop .review.small td label { margin-left: 5px; } .webshop .filters { position: relative; } .webshop .filter_menu { position: absolute; display: block; top: 0; left: -240px; opacity: 0; width: 240px; z-index: 999; background: white; box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.3); transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; } .webshop .filter_menu.active { opacity: 1; left: 0; transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; } .webshop .filter_menu .filter_menu_header a.hideFiltersButton { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffbf36; background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05)); background: -webkit-linear-gradient(left, #ffbf36, #f99b05); background: -moz-linear-gradient(left, #ffbf36, #f99b05); background: -ms-linear-gradient(left, #ffbf36, #f99b05); background: -o-linear-gradient(left, #ffbf36, #f99b05); display: inline-block; padding: 0 10px; line-height: 29px; color: white !important; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; width: auto; } .webshop .filter_menu .filter_menu_header a.hideFiltersButton:hover { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffb71c; background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04)); background: -webkit-linear-gradient(left, #ffb71c, #c77c04); background: -moz-linear-gradient(left, #ffb71c, #c77c04); background: -ms-linear-gradient(left, #ffb71c, #c77c04); background: -o-linear-gradient(left, #ffb71c, #c77c04); } .webshop .filter_menu .filter_menu_header a.hideFiltersButton:before { content: "\E801"; font-family: 'kh_icons'; font-weight: normal; font-size: 11px; margin-right: 7px; } .webshop .filter_menu .filter_header { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .webshop .filter_menu { bottom: 0 !important; } .webshop .filterWrap { background: white; } .webshop .filterWrap .filter_section { padding: 10px 10px 10px 0; } .webshop .filterWrap .filter_header { font-family: 'open_sans', Sans-Serif; font-weight: normal; } .webshop .filterWrap .filter_content { max-height: 250px; overflow-y: scroll; margin-top: 10px; } .webshop .filterWrap .filter_content .filter_list { padding: 0 10px !important; } .webshop .filterWrap .filter_content li { margin-top: 0; } .webshop .filterWrap .filter_content li .checkBox { top: 50%; margin-top: -7px; } .webshop .filterWrap .filter_content li label { line-height: 30px; } .webshop .overviewPage { float: left; width: 712px; } .webshop .overviewPage .topText .text { position: relative; } .webshop .overviewPage .topText .description.active .content { height: 100%; overflow: auto; } .webshop .overviewPage .topText .description.active .more:after { content: " minder"; } .webshop .overviewPage .topText .description.active .more:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .webshop .overviewPage .topText .description .content { height: 50px; overflow: hidden; } .webshop .overviewPage .topText .description .more { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; padding-right: 30px; position: relative; line-height: 24px; margin: 10px 0 10px; font-size: 13px; display: block; width: 90px; } .webshop .overviewPage .topText .description .more:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .webshop .overviewPage .topText .description .more:before { content: "\E800"; position: absolute; right: 10px; font-size: 12px; font-family: 'kh_icons'; font-weight: normal; } .webshop .overviewPage .topText .description .more:after { content: " meer"; } .webshop .overviewPage .imgSupplier { position: absolute; top: -20px; right: 0; max-width: 100px; } .webshop .overviewPage .filter select { padding: 4px 20px 4px 1px; border-radius: 3px; color: #585865; } .webshop .overviewPage .filter .filter_show .label { font-family: 'open_sans', Sans-Serif; font-weight: normal; } .webshop .overviewPage .filter .filter_show .value { float: none; display: inline-block; } .webshop .overviewPage .filter .filter_show .value a { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffbf36; background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05)); background: -webkit-linear-gradient(left, #ffbf36, #f99b05); background: -moz-linear-gradient(left, #ffbf36, #f99b05); background: -ms-linear-gradient(left, #ffbf36, #f99b05); background: -o-linear-gradient(left, #ffbf36, #f99b05); display: inline-block; padding: 0 10px; line-height: 29px; color: white !important; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; width: auto; color: white; padding-right: 30px; position: relative; } .webshop .overviewPage .filter .filter_show .value a:hover { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffb71c; background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04)); background: -webkit-linear-gradient(left, #ffb71c, #c77c04); background: -moz-linear-gradient(left, #ffb71c, #c77c04); background: -ms-linear-gradient(left, #ffb71c, #c77c04); background: -o-linear-gradient(left, #ffb71c, #c77c04); } .webshop .overviewPage .filter .filter_show .value a:after { content: "+"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 10px; font-size: 23px; } .webshop .overviewPage .filter .filter_sort h2 { display: none; } .webshop .overviewPage .filter .filter_sort .fiter { float: left; } .webshop .overviewPage .pagerTop { margin-top: 20px; } .webshop .overviewPage .pagerTop, .webshop .overviewPage .pagerBottom { width: 100%; border-bottom: 1px dashed #9d9ea0; border-top: 1px dashed #9d9ea0; font-size: 14px; padding: 10px 0; text-align: right; } .webshop .overviewPage .pagerTop .page, .webshop .overviewPage .pagerBottom .page { color: #5e5e5e; font-family: 'open_sans', Sans-Serif; font-weight: normal; background: white; width: 30px; height: 30px; border: 1px solid #aaabad; text-align: center; line-height: 30px; border-radius: 3px; display: inline-block; } .webshop .overviewPage .pagerTop .page.page_selected, .webshop .overviewPage .pagerBottom .page.page_selected, .webshop .overviewPage .pagerTop .page:hover, .webshop .overviewPage .pagerBottom .page:hover { background-color: #4290cb; background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087)); background: -webkit-linear-gradient(top, #4290cb, #026087); background: -moz-linear-gradient(top, #4290cb, #026087); background: -ms-linear-gradient(top, #4290cb, #026087); background: -o-linear-gradient(top, #4290cb, #026087); color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; border-color: #00749e; } .webshop .overviewPage .pagerTop .next, .webshop .overviewPage .pagerBottom .next { color: #5e5e5e; font-family: 'open_sans', Sans-Serif; font-weight: normal; background: white; width: 30px; height: 30px; border: 1px solid #aaabad; text-align: center; line-height: 30px; border-radius: 3px; display: inline-block; } .webshop .overviewPage .pagerTop .next:hover, .webshop .overviewPage .pagerBottom .next:hover { background-color: #4290cb; background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087)); background: -webkit-linear-gradient(top, #4290cb, #026087); background: -moz-linear-gradient(top, #4290cb, #026087); background: -ms-linear-gradient(top, #4290cb, #026087); background: -o-linear-gradient(top, #4290cb, #026087); color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; border-color: #00749e; } .webshop .overviewPage .pagerTop .next:after, .webshop .overviewPage .pagerBottom .next:after { content: "\E802"; font-family: 'kh_icons'; font-weight: normal; font-size: 12px; line-height: 33px; } .webshop .overviewPage .pagerTop .prev, .webshop .overviewPage .pagerBottom .prev { color: #5e5e5e; font-family: 'open_sans', Sans-Serif; font-weight: normal; background: white; width: 30px; height: 30px; border: 1px solid #aaabad; text-align: center; line-height: 30px; border-radius: 3px; display: inline-block; } .webshop .overviewPage .pagerTop .prev:hover, .webshop .overviewPage .pagerBottom .prev:hover { background-color: #4290cb; background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087)); background: -webkit-linear-gradient(top, #4290cb, #026087); background: -moz-linear-gradient(top, #4290cb, #026087); background: -ms-linear-gradient(top, #4290cb, #026087); background: -o-linear-gradient(top, #4290cb, #026087); color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; border-color: #00749e; } .webshop .overviewPage .pagerTop .prev:after, .webshop .overviewPage .pagerBottom .prev:after { content: "\E801"; font-family: 'kh_icons'; font-weight: normal; font-size: 12px; line-height: 33px; } .webshop .overviewPage .itemWrap { margin: 20px 0; overflow: hidden; } .webshop .overviewPage .itemWrap .prodItem { width: 230px; float: left; padding-left: 11px; margin-bottom: 20px; height: 440px; position: relative; border-top: 1px dashed #aaabad; padding-top: 20px; } .webshop .overviewPage .itemWrap .prodItem .item_description a { color: #0097ce; } .webshop .overviewPage .itemWrap .prodItem .item_description .item_descriptioninfo2 a { color: #0097ce; margin-left: 5px; } @media all and (min-width: 1024px) { .webshop .overviewPage .itemWrap .prodItem:nth-child(3n -2) { padding-left: 0; } .webshop .overviewPage .itemWrap .prodItem:nth-child(3n -2) .btn_directaddtocart { left: 0; } .webshop .overviewPage .itemWrap .prodItem:nth-child(-n + 3) { border-top: none; } } .webshop .overviewPage .itemWrap .prodItem .item_description h2 { margin-top: 10px; } .webshop .overviewPage .itemWrap .prodItem .item_description h2 a { color: #0097ce; font-size: 21px; } .webshop .overviewPage .itemWrap .prodItem .item_description div { margin-top: 10px; } .webshop .overviewPage .itemWrap .prodItem .inStock { position: absolute; right: 0; bottom: 43px; color: #009900; font-size: 12px; } .webshop .overviewPage .itemWrap .prodItem .inStock:before { content: "\E818"; display: inline-block; font-family: 'kh_icons'; font-weight: normal; font-size: 17px; position: relative; bottom: -2px; } .webshop .overviewPage .itemWrap .prodItem .btn_directaddtocart { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffbf36; background: -webkit-gradient(linear, left top, left bottom, from(#ffbf36), to(#f99b05)); background: -webkit-linear-gradient(left, #ffbf36, #f99b05); background: -moz-linear-gradient(left, #ffbf36, #f99b05); background: -ms-linear-gradient(left, #ffbf36, #f99b05); background: -o-linear-gradient(left, #ffbf36, #f99b05); display: inline-block; padding: 0 10px; line-height: 29px; color: white !important; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; width: auto; position: absolute; bottom: 0; left: 10px; } .webshop .overviewPage .itemWrap .prodItem .btn_directaddtocart:hover { border-radius: 100px; -webkit-border-radius: 100px; background-color: #ffb71c; background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#c77c04)); background: -webkit-linear-gradient(left, #ffb71c, #c77c04); background: -moz-linear-gradient(left, #ffb71c, #c77c04); background: -ms-linear-gradient(left, #ffb71c, #c77c04); background: -o-linear-gradient(left, #ffb71c, #c77c04); } .webshop .overviewPage .itemWrap .prodItem .btn_directaddtocart:after { content: "\E802"; font-family: 'kh_icons'; font-weight: normal; margin-left: 10px; font-size: 12px; } .webshop .overviewPage .itemWrap .prodItem .item_price { font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; color: #0097ce; font-size: 19px; position: absolute; bottom: 40px; } .webshop .overviewPage .itemWrap .prodItem .item_price .van { font-size: 14px; margin-bottom: 5px; } .webshop .overviewPage .itemWrap .prodItem .item_img { position: relative; max-width: 454px; height: 150px; border: 1px solid #f6f6f6 !important; } .webshop .overviewPage .itemWrap .prodItem .item_img .prodImg { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .webshop .overviewPage .itemWrap .prodItem .item_img .actie { position: absolute; right: 0; top: 108px; width: 45px; } .webshop .pagerTop .count, .webshop .pagerBottom .count { float: left; line-height: 30px; } .webshop #container_middleFull.register { width: 100% !important; } .webshop #container_middleFull.register #toptext_container { width: 100% !important; border-bottom: none; } .webshop .registerForm h2 { position: relative; padding-bottom: 40px; font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; font-size: 18px !important; font-weight: normal !important; margin-bottom: 0 !important; } .webshop .registerForm h2:before { content: ""; position: absolute; bottom: 0; opacity: 0.6; width: 100%; background: url("/images/front/shadowb.svg") no-repeat top; background-size: 100% 100%; height: 20px; } .webshop .registerForm .title { font-size: 18px; margin: 0 0 17px; line-height: 25px; font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; color: #0097ce; } .webshop .registerForm .formItem { border-bottom: 1px solid #dfdfdf; margin-bottom: 20px; padding-bottom: 20px; } .webshop .registerForm .formItem .row { display: table; position: relative; } .webshop .registerForm .formItem .row + .row { margin-top: 10px; } .webshop .registerForm .formItem .row.buttons a { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; font-size: 18px; font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; font-weight: 600; line-height: 34px; } .webshop .registerForm .formItem .row.buttons a:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .webshop .registerForm .formItem .row.buttons .btn_terug { padding: 0 15px 0 30px; } .webshop .registerForm .formItem .row.buttons .btn_terug:before { content: "\E801"; font-family: 'kh_icons'; font-weight: normal; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-size: 12px; left: 10px; } .webshop .registerForm .formItem .row.buttons .registerBtn { padding: 0 30px 0 15px; } .webshop .registerForm .formItem .row.buttons .registerBtn:after { content: "\E802"; font-family: 'kh_icons'; font-weight: normal; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-size: 12px; right: 10px; } .webshop .registerForm .formItem .row.valid input, .webshop .registerForm .formItem .row.valid select { border-color: #74a416 !important; } .webshop .registerForm .formItem .row.valid:before { content: "\E818"; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: -30px; font-family: 'kh_icons'; font-weight: normal; background-color: #9cd233; background: -webkit-gradient(linear, left top, left bottom, from(#9cd233), to(#75a517)); background: -webkit-linear-gradient(top, #9cd233, #75a517); background: -moz-linear-gradient(top, #9cd233, #75a517); background: -ms-linear-gradient(top, #9cd233, #75a517); background: -o-linear-gradient(top, #9cd233, #75a517); color: white; display: inline-block; width: 20px; height: 20px; border-radius: 50px; text-align: center; line-height: 20px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .webshop .registerForm .formItem .row .invalidText { display: none; } .webshop .registerForm .formItem .row.invalid input, .webshop .registerForm .formItem .row.invalid select { border-color: red !important; } .webshop .registerForm .formItem .row.invalid .invalidText { display: inline-block; background: red; color: white; white-space: nowrap; border-radius: 5px; padding: 0 10px; line-height: 28px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); margin-left: 20px; } .webshop .registerForm .formItem .row.invalid .invalidText:before { content: ""; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: -7px; width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid red; border-bottom: 7px solid transparent; } .webshop .registerForm .formItem .row:after { content: ""; display: block; clear: both; } .webshop .registerForm .formItem .row .label { float: left; width: 160px; line-height: 38px; font-size: 13px; } .webshop .registerForm .formItem .row .input { float: left; } .webshop .registerForm .formItem .row .input input, .webshop .registerForm .formItem .row .input select { box-sizing: border-box; height: 38px; padding: 0 10px; border: 1px solid #dfdfdf; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset; border-radius: 5px; } .webshop .registerForm .formItem .row .input.name input { width: 163px; } .webshop .registerForm .formItem .row .input.name input:nth-child(2) { width: 90px; margin: 0 12px; } .webshop .registerForm .formItem .row .input.streetname input { width: 275px; } .webshop .registerForm .formItem .row .input.postal input { width: 100px; } .webshop .registerForm .formItem .row .input.full input { width: 445px; } .webshop .registerForm .formItem .row .input.postbus input { width: 190px; } .webshop .registerForm .formItem .row .item { float: left; } .webshop .registerForm .formItem .row .item + .item { margin-left: 10px; } .webshop .registerForm .formItem .row .item + .item .label { text-align: right; margin-right: 10px; } .webshop .registerForm .formItem .row .item.number .label { width: 60px; } .webshop .registerForm .formItem .row .item.number input { width: 90px; } .webshop .registerForm .formItem .row .item.zip .label { width: 120px; } .webshop .registerForm .formItem .row .item.zip input { width: 115px; } .webshop .registerForm .formItem .row .item.area .label { width: 90px; } .webshop .registerForm .formItem .row .item.area input { width: 235px; } .webshop #product-panel #review .review.small td { padding: 0 10px 6px 0; } .webshop #product-panel #review .review.small td input[type="text"], .webshop #product-panel #review .review.small td textarea { width: 100%; box-sizing: border-box; height: 30px; padding: 0 10px; border: 1px solid #dfdfdf; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset; border-radius: 5px; } .webshop #product-panel #review .review.small td input[type="text"] .aanhef td, .webshop #product-panel #review .review.small td textarea .aanhef td { padding-right: 10px; } .webshop #product-panel #review .review.small td .RadCaptcha input { margin-top: 10px; } .webshop .printWrapper { line-height: 27px; } .webshop .printWrapper .print_icon { background-color: #4290cb; background: -webkit-gradient(linear, left top, left bottom, from(#4290cb), to(#026087)); background: -webkit-linear-gradient(top, #4290cb, #026087); background: -moz-linear-gradient(top, #4290cb, #026087); background: -ms-linear-gradient(top, #4290cb, #026087); background: -o-linear-gradient(top, #4290cb, #026087); width: 26px; height: 27px; display: block; position: absolute; left: 0; border-radius: 50px; } .webshop .printWrapper .print_icon:after { content: ""; background: url(/images/front/print.svg) no-repeat center center; display: block; width: 26px; height: 26px; } .webshop .cartwrapper { width: 100%; border-top: 1px solid #0097ce; padding-top: 15px; } .webshop .cartwrapper a { color: #0097ce; } .webshop .cartwrapper .cart { width: 100%; } .webshop .cartwrapper .cart td { padding: 20px 20px 20px 0; } .webshop .cartwrapper .cart td:last-child { padding: 20px 0; } .webshop .cartwrapper .btn_order { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; font-size: 15px; line-height: 27px; } .webshop .cartwrapper .btn_order:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .webshop .cartwrapper .btn_order:after { content: "\E805"; display: inline-block; margin-left: 70px; font-family: 'kh_icons'; font-weight: normal; } .webshop .cartwrapper .btn_request_quotation { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; font-size: 15px; line-height: 27px; } .webshop .cartwrapper .btn_request_quotation:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .webshop .cartwrapper .btn_request_quotation:after { content: "\E805"; display: inline-block; margin-left: 70px; font-family: 'kh_icons'; font-weight: normal; } .webshop .cartwrapper .total { text-align: right; color: #0097ce; font-size: 15px; line-height: 25px; margin-top: 10px; } .webshop .cartwrapper .btn_remove { border-radius: 100px; -webkit-border-radius: 100px; background-color: #a3a6a8; background: -webkit-gradient(linear, left top, left bottom, from(#a3a6a8), to(#cacbcc)); background: -webkit-linear-gradient(left, #a3a6a8, #cacbcc); background: -moz-linear-gradient(left, #a3a6a8, #cacbcc); background: -ms-linear-gradient(left, #a3a6a8, #cacbcc); background: -o-linear-gradient(left, #a3a6a8, #cacbcc); display: inline-block; width: auto; padding: 0 10px; line-height: 21px; color: white !important; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; height: 26px; width: 26px; line-height: 26px; text-align: center; padding: 0; font-size: 11px; } .webshop .cartwrapper .btn_remove:hover { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); color: white; } .webshop .cartwrapper .btn_remove:after { content: "\E80F"; color: white; font-family: 'kh_icons'; font-weight: normal; } .webshop .loginBlok { float: none !important; margin: auto !important; border-bottom: none !important; } .webshop .loginBlok .loginBtn { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; } .webshop .loginBlok .loginBtn:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .webshop .loginBlok .registerBtn { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; } .webshop .loginBlok .registerBtn:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } @media all and (min-width: 600px) and (max-width: 1023px) { .webshop .header { height: auto; margin-bottom: 10px; } .webshop .header .logo { float: none; display: inline-block; } .webshop .header .logo:before { margin-left: -15px; top: 97px; } .webshop .header .topBar { display: block !important; } .webshop .header .topBar .topNav { display: none; } .webshop .header .topBar .promotion { display: block; } .webshop .promotion { display: none; } .webshop #navbarShop { position: absolute; top: 0; right: 0; transform: translate3D(100%, 0, 0); -webkit-transform: translate3D(100%, 0, 0); transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); width: 310px; background: #0097ce; border-left: 3px solid #00749e; height: 100%; z-index: 1001; overflow: hidden; } .webshop #navbarShop.active { transform: translate3D(0, 0, 0); -webkit-transform: translate3D(0, 0, 0); } .webshop #navbarShop .webshopMenu.wrapper { padding: 0; left: 0; height: auto; position: static; background: none; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu { top: 0 !important; position: static; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader { display: block !important; background: #00749e; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader .title { color: white; font-family: 'open_sans', Sans-Serif; font-weight: normal; display: block; width: 100%; font-size: 21px; padding-left: 15px; height: 60px; line-height: 60px; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader .close { position: absolute; right: 20px; top: 20px; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader .close:after { content: "\E80f"; font-family: 'kh_icons'; font-weight: normal; color: white; font-size: 20px; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer { display: block; float: none; border-bottom: 1px solid #00749e !important; padding: 0; min-height: 0 !important; line-height: 30px; position: static; margin: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer:before { display: none; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.corporate { display: block; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home { padding: 0; top: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home:hover { text-shadow: none; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home a { padding: 0 15px; display: block; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home a:before { content: "Home"; color: white; font-size: 14px; padding: 0; line-height: 30px; display: block; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; background: none; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item { color: white !important; width: 100%; position: relative; box-sizing: border-box; margin: 0; font-size: 14px; display: block; padding: 12px 15px; text-transform: uppercase; background: none; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item:hover { color: white; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item:after { content: "\E805"; position: absolute; right: 20px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); font-family: 'kh_icons'; font-weight: normal; left: inherit; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item:only-child:after { display: none; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown { transform: translate3D(100%, 0, 0); -webkit-transform: translate3D(100%, 0, 0); transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); right: 0; display: block; position: absolute; border-left: 3px solid #00749e; width: 100%; top: 60px; background: #0097ce; height: 100%; z-index: 1002; overflow: visible; padding: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown.active { transform: translate3D(0, 0, 0); -webkit-transform: translate3D(0, 0, 0); } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .navBack { display: block; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .navBack .backButton { border-bottom: 1px solid #00749e; font-size: 14px; padding: 15px 15px 15px 30px; line-height: 15px; position: relative; width: 100%; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; display: block; color: white; text-transform: uppercase; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .navBack .backButton:before { content: "\e804"; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-family: 'kh_icons'; font-weight: normal; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column { display: block; width: 100%; vertical-align: middle; border-left: none; box-shadow: none; padding: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column + .column { border-left: none; box-shadow: none; padding: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem { border-bottom: 1px solid #00749e; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem + .columnItem { border-top: none; box-shadow: none; padding: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem a { color: white !important; width: 100%; position: relative; box-sizing: border-box; margin: 0; font-size: 14px; display: block; padding: 12px 15px; text-transform: uppercase; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem a:after { content: "\E805"; position: absolute; right: 20px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); font-family: 'kh_icons'; font-weight: normal; left: inherit; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem a:only-child:after { display: none; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats { transform: translate3D(100%, 0, 0); -webkit-transform: translate3D(100%, 0, 0); transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); right: 0; position: absolute; border-left: 3px solid #00749e; width: 100%; top: 0; height: 100%; background: #0097ce; z-index: 1002; overflow: visible; padding: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats li a:before { display: none; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats .navBack .backButton { border-bottom: none; font-size: 14px; padding: 15px 15px 15px 30px; line-height: 15px; position: relative; width: 100%; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; display: block; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats .navBack .backButton:before { display: block; content: "\e804"; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-family: 'kh_icons'; font-weight: normal; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active { transform: translate3D(0, 0, 0); -webkit-transform: translate3D(0, 0, 0); } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active li { border-bottom: 1px solid #00749e; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active li a { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .webshop .header .headerItems { width: auto; margin-top: 20px; } .webshop .header .headerItems .searchBar { display: none; } .webshop .header .searchbar-middle.wrapper { display: block; } .webshop .header .searchbar-middle.wrapper:before { display: none; } .webshop .searchbar-middle { display: block; } .webshop .searchbar-middle .searchbar-info, .webshop .searchbar-middle .searchbar-button { display: none; } .webshop .searchbar-middle.wrapper { max-width: 550px; height: 48px; left: 0; background-color: #0090c5; background: -webkit-gradient(linear, left top, left bottom, from(#0090c5), to(#0080af)); background: -webkit-linear-gradient(top, #0090c5, #0080af); background: -moz-linear-gradient(top, #0090c5, #0080af); background: -ms-linear-gradient(top, #0090c5, #0080af); background: -o-linear-gradient(top, #0090c5, #0080af); border-radius: 5px; padding: 0 20px; margin-top: 20px; } .webshop .searchbar-middle.wrapper:before { content: ""; clear: both; display: block; } .webshop .searchbar-middle.wrapper span { display: none; } .webshop .searchbar-middle.wrapper .searchbar-input { margin: 0; top: 6px; } .webshop .searchbar-middle.wrapper .searchbar-input input.textbox { width: 100%; top: 0; } .webshop .searchbar-middle.wrapper:after { display: none; } .webshop .webshopMiddleContent .topText { margin-top: 30px; } .webshop .webshopMiddleContent .topText .text { width: 50%; } .webshop .webshopMiddleContent .topText .text h1 { width: auto; font-size: 29px; } .webshop .webshopMiddleContent .right_item { width: 186px !important; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok { width: 49%; margin-bottom: 2%; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok + .prodBlok { margin-left: 0; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok:nth-child(even) { margin-left: 2%; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .image { text-align: center; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .title, .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .description { max-width: 204px; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .title { margin: 10px auto 5px; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .description { margin: 0 auto; } .webshop .filter_menu .filterWrap { background: white; box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.3); } .webshop .productList:after { content: ""; display: block; clear: both; } .webshop .productList .product_row { margin-left: -26px; border: none; } .webshop .productList .product_row .product { width: 247px; float: left; margin-left: 26px; height: 500px; } .webshop .productList .product_row .product:nth-child(3n - 2) { margin-left: 26px; } .webshop .productList .product_row .product .product_img { width: 100%; } .webshop .productList .product_row .product .product_img img { max-height: 100%; } .webshop .productList .logo_pannel { clear: both; } .webshop .topBlock .productTitle { display: none; } .webshop .topBlock .productTitle.phone { display: block; margin: 20px 0; } .webshop .topBlock .imgBlock { width: 100%; float: none; } .webshop .topBlock .imgBlock .imgWrap { max-height: 100%; } .webshop .topBlock .infoBlock { float: none; width: 100%; margin: 0 0 30px; } .webshop .topBlock .infoBlock .topside_manufacturer { display: none; } .webshop #product-panel .left #omschrijving { text-align: center; } .webshop #product-panel .left #omschrijving h2 { text-align: left; } .webshop #product-panel .left #omschrijving .description { text-align: left; } .webshop #product-panel .left #omschrijving .description.active { max-height: 1500px; } .webshop #product-panel .left #omschrijving .description.active + .more:after { content: " minder"; } .webshop #product-panel .left #omschrijving .description.active + .more:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .webshop #product-panel .left #omschrijving .more { border-radius: 100px; -webkit-border-radius: 100px; background-color: #0097ce; background: -webkit-gradient(linear, left top, left bottom, from(#0097ce), to(#00749e)); background: -webkit-linear-gradient(left, #0097ce, #00749e); background: -moz-linear-gradient(left, #0097ce, #00749e); background: -ms-linear-gradient(left, #0097ce, #00749e); background: -o-linear-gradient(left, #0097ce, #00749e); display: inline-block; padding: 0 10px; line-height: 21px; color: white; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; font-size: 14px; color: white !important; padding-right: 30px; position: relative; line-height: 28px; margin: 20px auto 0; } .webshop #product-panel .left #omschrijving .more:hover { border-radius: 100px !important; -webkit-border-radius: 100px !important; background-color: #0084b5 !important; background: -webkit-gradient(linear, left top, left bottom, from(#0084b5), to(#004f6b)) !important; background: -webkit-linear-gradient(left, #0084b5, #004f6b) !important; background: -moz-linear-gradient(left, #0084b5, #004f6b) !important; background: -ms-linear-gradient(left, #0084b5, #004f6b) !important; background: -o-linear-gradient(left, #0084b5, #004f6b) !important; } .webshop #product-panel .left #omschrijving .more:before { content: "\E800"; position: absolute; right: 10px; font-size: 12px; font-family: 'kh_icons'; font-weight: normal; } .webshop #product-panel .left #omschrijving .more:after { content: " meer"; } .webshop #product-panel #review .review.small tr { margin-bottom: 10px; } .webshop #product-panel #review .review.small td { display: block; padding: 0; } .webshop #product-panel #review .review.small td input[type="radio"], .webshop #product-panel #review .review.small td label { display: inline-block; width: auto; margin: 5px 0; } .webshop #product-panel #review .review.small td label { margin: 5px 0 5px 5px; } .webshop #product-panel #review .review.small td input[type="text"], .webshop #product-panel #review .review.small td textarea { width: 100%; box-sizing: border-box; height: 30px; padding: 0 10px; border: 1px solid #dfdfdf; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset; border-radius: 5px; } .webshop #product-panel #review .review.small td .aanhef td { padding-right: 20px; } .webshop #product-panel #review .review.small td textarea { width: 100%; } .webshop #product-panel #review .review.small td .aanhef td { display: inline-block; } .webshop #product-panel #review .review.small td .RadCaptcha { display: block; margin: 10px 0; } .webshop #product-panel #review .review.small td .RadCaptcha input { margin-top: 10px; } .webshop .overlayWrap.active { width: 580px; } .webshop .overlayWrap.active { width: 100%; padding: 10px; box-sizing: border-box; } .webshop .overlayWrap.active .popUp { width: 100%; } .webshop .overlayWrap.active .popUp img { margin: 5px auto 0; } .webshop .overlayWrap.active .popUp .close { right: 0; top: 17px; } .webshop .overviewPage { width: auto; float: none; } .webshop .overviewPage .topText { margin-top: 20px; } .webshop .overviewPage .topText .imgSupplier { display: none; position: absolute; right: 15px; top: 0; max-width: 130px; } .webshop .overviewPage .filter .filter_sort { position: static; display: inline-block; margin: 10px 0 0 0; } .webshop .overviewPage .filter .filter_sort h2 { display: none; } .webshop .overviewPage .itemWrap .prodItem { width: 254px; height: 410px; border-top: 1px dashed #aaabad; } .webshop .overviewPage .itemWrap .prodItem:nth-child(odd) { padding-left: 0; } .webshop .overviewPage .itemWrap .prodItem:nth-child(odd) .btn_directaddtocart { left: 0; } .webshop .overviewPage .itemWrap .prodItem:nth-child(-n + 2) { border-top: none; } .webshop .overviewPage .itemWrap .prodItem .item_img .actie { top: 120px; } .webshop .filter_menu.active { left: -30px; } .webshop .registerForm .row + .row { margin-top: 15px; } .webshop .registerForm .row .item { width: 240px !important; } .webshop .registerForm .row .item .label, .webshop .registerForm .row .item .input { display: block; } .webshop .registerForm .row .item .label { margin-bottom: 5px; } .webshop .registerForm .row .item .input input, .webshop .registerForm .row .item .input select { width: 200px; } .webshop .cartwrapper .cartPrice { display: none; } .webshop .registerForm .formItem .row.invalid .invalidText { top: 56px; transform: translateY(0); -webkittransform: translateY(0); -moz-transform: translateY(0); margin-left: 10px; } .webshop .registerForm .formItem .row.valid:before { top: 56px; transform: translateY(0); -webkittransform: translateY(0); -moz-transform: translateY(0); } .webshop .registerForm .formItem .row .label { float: none; display: block; width: auto; margin-bottom: 0; } .webshop .registerForm .formItem .row .item { width: auto !important; } .webshop .flexslider:hover .flex-direction-nav .flex-next, .webshop .flexslider:hover .flex-direction-nav .flex-prev { padding: 0 !important; } } @media all and (min-width: 300px) and (max-width: 599px) { .webshop .header .headerItems { margin-top: 20px; } .webshop .header .headerItems .searchBar { display: none; } .webshop .header .searchbar-middle.wrapper { display: block; } .webshop .header .searchbar-middle.wrapper:before { display: none; } .webshop .topBlock .infoBlock .staffel { width: 100%; } .webshop .topBlock .infoBlock .staffel .row { padding: 5px 50px 5px 10px; } .webshop .topBlock .infoBlock .staffel .prodActie { width: 50px; height: 50px; right: -10px; top: -25px; } .webshop #content { padding-bottom: 160px; } .webshop .header { height: auto; margin-bottom: 10px; } .webshop .header .logo { float: none; display: inline-block; } .webshop .header .logo:before { left: 70px; top: 55px; font-size: 15px; margin-left: 0; } .webshop .header .headerItems .headerButtons .accountWrap { margin-right: 5px; } .webshop .header .headerButtons a + a { margin-left: 5px; } .webshop .promotion { display: none; } .webshop .divbreadcrump { display: none; } .webshop #navbarShop { position: absolute; top: 0; right: 0; transform: translate3D(100%, 0, 0); -webkit-transform: translate3D(100%, 0, 0); transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); width: 310px; background: #0097ce; border-left: 3px solid #00749e; height: 100%; z-index: 1001; overflow: hidden; } .webshop #navbarShop.active { transform: translate3D(0, 0, 0); -webkit-transform: translate3D(0, 0, 0); } .webshop #navbarShop .webshopMenu.wrapper { padding: 0; left: 0; height: auto; position: static; background: none; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu { top: 0 !important; position: static; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader { display: block !important; background: #00749e; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader .title { color: white; font-family: 'open_sans', Sans-Serif; font-weight: normal; display: block; width: 100%; font-size: 21px; padding-left: 15px; height: 60px; line-height: 60px; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader .close { position: absolute; right: 20px; top: 20px; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .menuHeader .close:after { content: "\E80f"; font-family: 'kh_icons'; font-weight: normal; color: white; font-size: 20px; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer { display: block; float: none; border-bottom: 1px solid #00749e !important; padding: 12px 0; min-height: 0 !important; line-height: 30px; position: static; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.corporate { display: block; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer:before { display: none; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home { padding: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home:hover { text-shadow: none; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home a { padding: 0 15px; display: block; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer.home a:before { content: "Home"; color: white; font-size: 14px; padding: 12px 0; line-height: 30px; display: block; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; background: none; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item { color: white !important; width: 100%; position: relative; box-sizing: border-box; margin: 0; font-size: 14px; display: block; padding: 0 15px; text-transform: uppercase; background: none; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item:after { content: "\E805"; position: absolute; right: 20px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); font-family: 'kh_icons'; font-weight: normal; left: inherit; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer a.item:only-child:after { display: none; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown { transform: translate3D(100%, 0, 0); -webkit-transform: translate3D(100%, 0, 0); transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); right: 0; display: block; position: absolute; border-left: 3px solid #00749e; width: 100%; top: 60px; background: #0097ce; height: 100%; z-index: 1002; overflow: visible; padding: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown.active { transform: translate3D(0, 0, 0); -webkit-transform: translate3D(0, 0, 0); } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .navBack { display: block; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .navBack .backButton { border-bottom: 1px solid #00749e; font-size: 14px; padding: 15px 15px 15px 30px; line-height: 15px; position: relative; width: 100%; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; display: block; color: white; text-transform: uppercase; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .navBack .backButton:before { content: "\e804"; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-family: 'kh_icons'; font-weight: normal; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column { display: block; width: 100%; vertical-align: middle; border-left: none; box-shadow: none; padding: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column + .column { border-left: none; box-shadow: none; padding: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem { border-bottom: 1px solid #00749e; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem + .columnItem { border-top: none; box-shadow: none; padding: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .title { margin-bottom: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem a { color: white; width: 100%; position: relative; box-sizing: border-box; margin: 0; font-size: 14px; line-height: normal !important; display: block; padding: 12px 15px; text-transform: uppercase; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem a:after { content: "\E805"; position: absolute; right: 20px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); font-family: 'kh_icons'; font-weight: normal; left: inherit; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem a:only-child:after { display: none; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats { transform: translate3D(100%, 0, 0); -webkit-transform: translate3D(100%, 0, 0); transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); -webkit-transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); right: 0; position: absolute; border-left: 3px solid #00749e; width: 100%; top: 0; height: 100%; background: #0097ce; z-index: 1002; overflow: visible; padding: 0; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats li a:before { display: none; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats .navBack .backButton { border-bottom: none; font-size: 14px; padding: 15px 15px 15px 30px; line-height: 15px; position: relative; width: 100%; font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; display: block; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats .navBack .backButton:before { display: block; content: "\e804"; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-family: 'kh_icons'; font-weight: normal; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active { transform: translate3D(0, 0, 0); -webkit-transform: translate3D(0, 0, 0); } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active li { border-bottom: 1px solid #00749e; } .webshop #navbarShop .webshopMenu.wrapper .mainMenu .itemContainer .dropdown .column .columnItem .subCats.active li a { font-family: 'open_sans-bold', Sans-Serif; font-weight: normal; } .webshop .header .headerItems { width: auto; } .webshop .searchbar-middle { display: block; } .webshop .searchbar-middle .searchbar-info, .webshop .searchbar-middle .searchbar-button { display: none; } .webshop .searchbar-middle.wrapper { max-width: 550px; height: 52px; left: 0; background-color: #0090c5; background: -webkit-gradient(linear, left top, left bottom, from(#0090c5), to(#0080af)); background: -webkit-linear-gradient(top, #0090c5, #0080af); background: -moz-linear-gradient(top, #0090c5, #0080af); background: -ms-linear-gradient(top, #0090c5, #0080af); background: -o-linear-gradient(top, #0090c5, #0080af); border-radius: 5px; padding: 0 20px; margin-top: 30px; } .webshop .searchbar-middle.wrapper:before { content: ""; clear: both; display: block; } .webshop .searchbar-middle.wrapper span { display: none; } .webshop .searchbar-middle.wrapper .searchbar-input { margin: 0; top: 8px; } .webshop .searchbar-middle.wrapper .searchbar-input input.textbox { width: 100%; top: 0; } .webshop .searchbar-middle.wrapper:after { display: none; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok { width: 100%; margin-bottom: 2%; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok + .prodBlok { margin-left: 0; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok:nth-child(even) { margin-left: 0; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .image { text-align: center; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .title, .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .description { max-width: 204px; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .title { margin: 10px auto 5px; } .webshop .webshopMiddleContent.homeContent .prodHighlight .prodBlok .description { margin: 0 auto; } .webshop .webshopMiddleContent .topText { margin-top: 30px; } .webshop .webshopMiddleContent .topText .text { width: 100%; } .webshop .webshopMiddleContent .topText .text h1 { width: auto; font-size: 21px; margin-bottom: 20px; } .webshop .webshopMiddleContent .topText .text:after { content: ""; display: block; clear: both; } .webshop .webshopMiddleContent .topText .text .homeMenu { margin-top: 0; } .webshop .webshopMiddleContent .topText .text .homeMenu:before { display: none; } .webshop .webshopMiddleContent .topText .text .homeMenu li { list-style: none; max-height: 2000px; } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer.actie a { color: red !important; } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .item:not(:only-child):after { content: "\E807"; transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer.active .item:not(:only-child):after { transform: rotate(180deg) translateY(50%); -webkit-transform: rotate(180deg) translateY(50%); } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown { max-height: 0; overflow: hidden; float: none; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown.active { max-height: 3000px; } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .title { font-size: 14px; color: #5e5e5e !important; text-transform: none; line-height: 35px; font-family: 'open_sans', Sans-Serif; font-weight: normal; margin-bottom: 0; } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .title:not(:only-child):after { content: "\E807"; transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem.active .title:not(:only-child):after { transform: rotate(180deg) translateY(50%); -webkit-transform: rotate(180deg) translateY(50%); } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .subCats { max-height: 0; overflow: hidden; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .subCats a { padding-left: 15px; text-transform: none; display: inline-block; } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .subCats a:after { left: 0; } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .subCats.active { max-height: 1000px; overflow: visible; } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .subCats li { border: none; } .webshop .webshopMiddleContent .topText .text .homeMenu .itemContainer .dropdown .column .columnItem .subCats li a { font-size: 12px; font-family: 'open_sans', Sans-Serif; font-weight: normal; } .webshop .webshopMiddleContent .topText .text p { display: none; } .webshop .webshopMiddleContent .topText .webshopRightMenu .right_content { height: 380px !important; } .webshop .webshopMiddleContent .topText .webshopRightMenu .nav { text-align: center; } .webshop .webshopMiddleContent .topText .webshopRightMenu .nav .right_bottom { float: none; } .webshop .webshopMiddleContent .topText #shopSlider { width: 100%; } .webshop .webshopMiddleContent .topText #shopSlider .right_item { width: 100% !important; height: 360px !important; } .webshop .webshopMiddleContent .topText #shopSlider .right_item .right_item_img { width: 100%; height: auto; } .webshop .webshopMiddleContent .topText #shopSlider .right_item .right_item_img img { width: 100%; height: auto; } .webshop .flex-direction-nav { display: none; } .webshop #container_middle .overviewcat .submenu .middlecontentcategorie { float: none !important; } .webshop .overlayWrap.active { width: 100%; padding: 10px; box-sizing: border-box; } .webshop .overlayWrap.active .popUp { width: 100%; max-height: 320px; padding: 17px 5px 5px; } .webshop .overlayWrap.active .popUp .title { width: 80%; font-size: 24px; } .webshop .overlayWrap.active .popUp img { margin: 5px auto 20px; max-height: 230px; } .webshop .overlayWrap.active .popUp .close { right: 0; top: 17px; } .webshop .productList:after { content: ""; display: block; clear: both; } .webshop .productList .product_row { margin-left: -10px; border: none; } .webshop .productList .product_row .product { width: 133px; float: left; margin-left: 10px; padding-bottom: 65px; height: 270px; } .webshop .productList .product_row .product:nth-child(3n - 2) { margin-left: 10px; } .webshop .productList .product_row .product .product_img { width: 100%; height: 90px; } .webshop .productList .product_row .product .info { padding-right: 10px; } .webshop .productList .product_row .product .info h1 { font-size: 14px; } .webshop .productList .product_row .product .info p { height: 58px; overflow: hidden; position: relative; } .webshop .productList .product_row .product .info .price { bottom: 40px; font-size: 18px; } .webshop #review.tab-content .review.small td { display: block; } .webshop #review.tab-content .review.small td .aanhef td { display: inline-block; padding-right: 20px; } .webshop #review.tab-content .review.small td .error-text { display: none; } .webshop .logo_pannel { clear: both; } .webshop .logo_pannel .pannel_content .infiniteCarousel .arrow { width: 30px ; height: 30px ; } .webshop .footer { display: none; } .webshop .footer.footerWebshop { display: block; } .webshop .footer.footerWebshop .footer_bottom { margin: 0; } .webshop .topBlock .productTitle { display: none; } .webshop .topBlock .productTitle.phone { display: block; margin: 20px 0; } .webshop .topBlock .imgBlock { width: 100%; float: none; } .webshop .topBlock .imgBlock .imgWrap { max-height: 100%; } .webshop .topBlock .infoBlock { float: none; width: 100%; margin: 0 0 30px; } .webshop .topBlock .infoBlock .topside_manufacturer { display: none; } .webshop #product-panel .left, .webshop #product-panel .right { float: none; width: 100%; } .webshop .overviewPage { width: auto; float: none; } .webshop .overviewPage .topText { margin-top: 20px; } .webshop .overviewPage .topText .imgSupplier { display: none; } .webshop .overviewPage .filter_show .value { float: none; display: inline-block; margin-left: 0; } .webshop .overviewPage .filter_show .value .filterActivateButton { margin: 15px 0 5px; } .webshop .overviewPage .filter select { width: 100%; background: white; } .webshop .overviewPage .filter .filter_sort { position: static; display: inline-block; margin-left: 0; margin-top: 15px; width: 100%; } .webshop .overviewPage .filter .filter_sort select { width: 100%; } .webshop .overviewPage .filter .filter_sort h2 { display: none; } .webshop .overviewPage .itemWrap .prodItem { width: 132px; height: 470px; } .webshop .overviewPage .itemWrap .prodItem:nth-child(odd) { padding-left: 0; } .webshop .overviewPage .itemWrap .prodItem:nth-child(odd) .btn_directaddtocart { left: 0; } .webshop .overviewPage .itemWrap .prodItem:nth-child(-n + 2) { border-top: none; } .webshop .overviewPage .itemWrap .prodItem .item_description div { margin-top: 4px; } .webshop .overviewPage .itemWrap .prodItem .item_description h2 a { font-size: 16px; } .webshop .overviewPage .itemWrap .prodItem .item_img .actie { top: 40px; width: 40px; } .webshop .overviewPage .itemWrap .prodItem .btn_directaddtocart { padding: 0 7px; font-size: 12px; } .webshop .overviewPage .itemWrap .prodItem .btn_directaddtocart:after { font-size: 9px; } .webshop .filter_content { max-height: 200px; overflow-y: scroll; } .webshop .filter_menu .filterWrap { background: white; box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.3); } .webshop .filterMenu { position: fixed; top: 0; height: 100%; width: 240px; z-index: 1; display: block; } .webshop .filterMenu.active { left: -12px !important; } .webshop .item_container .count { display: none; } .webshop .item_container .pagerTop, .webshop .item_container .pagerBottom { text-align: center; } .webshop .registerForm .formItem .row { display: block; width: 250px; } .webshop .registerForm .formItem .row.invalid .invalidText { top: 0; transform: translateY(0); -webkittransform: translateY(0); -moz-transform: translateY(0); left: 50%; } .webshop .registerForm .formItem .row.invalid .invalidText:before { top: initial; bottom: -14px; left: 10px; transform: translateY(0); -webkittransform: translateY(0); -moz-transform: translateY(0); border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid red; } .webshop .registerForm .formItem .row.buttons .item { float: left; width: 50%; } .webshop .registerForm .formItem .row.buttons .item a { padding: 0 15px !important; } .webshop .registerForm .formItem .row.buttons .item a:before, .webshop .registerForm .formItem .row.buttons .item a:after { display: none; } .webshop .registerForm .formItem .row.buttons .item + .item { float: right; } .webshop .registerForm .formItem .row.valid:before { top: 49px; right: 0; transform: translateY(0); -webkittransform: translateY(0); -moz-transform: translateY(0); } .webshop .registerForm .formItem .row .item { width: auto !important; } .webshop .registerForm .formItem .row .item + .item { margin-left: 0; } .webshop .registerForm .formItem .row .item + .item .label { text-align: left; } .webshop .registerForm .formItem .row .label { float: none; display: block; width: auto; } .webshop .registerForm .formItem .row .input { float: none; } .webshop .registerForm .formItem .row .input input { width: 220px !important; } .webshop .registerForm .formItem .row .input.name input:nth-child(2) { margin: 10px 0; } .webshop .cartwrapper .cart .header { display: none; } .webshop .cartwrapper .cart td { position: relative; padding: 40px 4px 20px 0; } .webshop .cartwrapper .cart td:last-child { padding: 30px 0 20px 0; } .webshop .cartwrapper .cart .underline { display: block; margin-top: 5px; } .webshop .cartwrapper .infodetails { width: 226px; position: absolute; top: 10px; } .webshop .cartwrapper .infodetails .prodCode { display: none; } .webshop .cartwrapper .cartPrice { display: none; } .webshop .cartwrapper .btn_remove { font-size: 9px; width: 18px; height: 18px; line-height: 18px; } .webshop .forgotPassword { position: relative; left: -157px; bottom: -24px; } } :lang(EN) .homeContent, :lang(FR) .homeContent { margin-top: 45px; } :lang(EN) .slider .nav, :lang(FR) .slider .nav { text-align: center; padding: 15px 0 0px; } :lang(EN) .slider .nav a, :lang(FR) .slider .nav a { text-indent: -9999px; overflow: hidden; background: #dbdbdb; width: 10px; height: 10px; display: inline-block; border-radius: 50px; -o-border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; } :lang(EN) .slider .nav a + a, :lang(FR) .slider .nav a + a { margin-left: 5px; } :lang(EN) .slider .nav a.activeSlide, :lang(FR) .slider .nav a.activeSlide { background: #0097ce; } :lang(EN) .homeText .readMore, :lang(FR) .homeText .readMore { display: none; } :lang(EN) #left, :lang(FR) #left { width: 53%; float: left; position: relative; } :lang(EN) #left .news_event, :lang(FR) #left .news_event { border-bottom: 1px dashed #aaabad; padding-bottom: 30px; margin-bottom: 15px; position: relative; } :lang(EN) #left .news_event h3 a, :lang(FR) #left .news_event h3 a { color: #0097ce; font-size: 13px; font-family: 'open_sans', Sans-Serif; font-weight: normal; } :lang(EN) #left .news_event p, :lang(FR) #left .news_event p { margin: auto; } :lang(EN) #left .news_event a.blue, :lang(FR) #left .news_event a.blue { font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; font-weight: bold; text-transform: uppercase; font-size: 12px; position: absolute; bottom: 10px; } :lang(EN) #left .news_event a.blue:after, :lang(FR) #left .news_event a.blue:after { content: "\E805"; display: inline-block; font-size: 16px; font-family: 'kh_icons'; font-weight: normal; margin-left: 10px; } :lang(EN) #right, :lang(FR) #right { width: 47%; position: relative; float: left; padding-left: 50px; box-sizing: border-box; } :lang(EN) #right:before, :lang(FR) #right:before { content: ""; position: absolute; top: -20px; opacity: 0.6; width: 100%; background: url("/images/front/shadowb.svg") no-repeat top; background-size: 100% 100%; height: 20px; } :lang(EN) #right h2, :lang(FR) #right h2 { font-size: 25px; } :lang(EN) #right a, :lang(FR) #right a { color: #0097ce; } :lang(EN) #right #content-slider, :lang(FR) #right #content-slider { position: relative; width: 160px; z-index: 1; } :lang(EN) #right #content-slider.slider .nav, :lang(FR) #right #content-slider.slider .nav { padding: 0; } :lang(EN) #right #content-slider .homeProductSlider, :lang(FR) #right #content-slider .homeProductSlider { height: 270px !important; } :lang(EN) #right #content-slider .homeProductSlider .content, :lang(FR) #right #content-slider .homeProductSlider .content { height: 100% !important; padding-top: 10px; } :lang(EN) #right #content-slider #sliderShop, :lang(FR) #right #content-slider #sliderShop { height: 266px !important; } :lang(EN) #right #content-slider #sliderShop .homeProductSlider, :lang(FR) #right #content-slider #sliderShop .homeProductSlider { height: 270px !important; } :lang(EN) #right #content-slider #sliderShop .homeProductSlider .content, :lang(FR) #right #content-slider #sliderShop .homeProductSlider .content { height: 100% !important; } :lang(EN) #right #content-slider #sliderShop img, :lang(FR) #right #content-slider #sliderShop img { width: 100%; margin-bottom: 20px; } :lang(EN) #right #content-slider #sliderShop a.blue, :lang(FR) #right #content-slider #sliderShop a.blue { font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; font-weight: bold; text-transform: uppercase; font-size: 12px; position: absolute; bottom: 0; } :lang(EN) #right #content-slider #sliderShop a.blue:after, :lang(FR) #right #content-slider #sliderShop a.blue:after { content: "\E805"; display: inline-block; font-size: 16px; font-family: 'kh_icons'; font-weight: normal; margin-left: 10px; } :lang(EN) #right #item_left, :lang(FR) #right #item_left, :lang(EN) #right .item_right, :lang(FR) #right .item_right { width: 50%; float: left; position: relative; } :lang(EN) #right #item_left:only-child, :lang(FR) #right #item_left:only-child, :lang(EN) #right .item_right:only-child, :lang(FR) #right .item_right:only-child { float: none; width: 100%; height: auto; } :lang(EN) #right #item_left h2, :lang(FR) #right #item_left h2, :lang(EN) #right .item_right h2, :lang(FR) #right .item_right h2 { margin-bottom: 30px; } :lang(EN) #right .videoBlok, :lang(FR) #right .videoBlok { margin-top: 20px; } :lang(EN) #right .videoBlok h2, :lang(FR) #right .videoBlok h2 { color: #0097ce; } :lang(EN) #right .vacancy h2, :lang(FR) #right .vacancy h2 { border-top: 1px solid #dfdfdf; padding-top: 20px; margin-top: 10px; } :lang(EN) #right .vacancy img, :lang(FR) #right .vacancy img { max-width: 120px; float: right; } :lang(EN) #right .vacancy #content-slider-bottom, :lang(FR) #right .vacancy #content-slider-bottom { margin-top: 20px; position: relative; } :lang(EN) #right .vacancy #content-slider-bottom .item a, :lang(FR) #right .vacancy #content-slider-bottom .item a { color: #5e5e5e; } :lang(EN) #right .vacancy #content-slider-bottom .item a.blue, :lang(FR) #right .vacancy #content-slider-bottom .item a.blue { color: #0097ce; font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; font-weight: bold; text-transform: uppercase; font-size: 12px; display: inline-block; } :lang(EN) #right .vacancy #content-slider-bottom .item a.blue:after, :lang(FR) #right .vacancy #content-slider-bottom .item a.blue:after { content: "\E805"; display: inline-block; font-size: 16px; font-family: 'kh_icons'; font-weight: normal; margin-left: 10px; } :lang(EN) #right .item_right, :lang(FR) #right .item_right { height: 365px; } :lang(EN) #right .item_right p, :lang(FR) #right .item_right p { padding-top: 10px; } :lang(EN) #right .item_right a.blue, :lang(FR) #right .item_right a.blue { font-family: "ff-kievit-web-pro-1", "ff-kievit-web-pro-2", 'open_sans', Sans-Serif; font-weight: bold; text-transform: uppercase; font-size: 12px; position: absolute; bottom: 0; } :lang(EN) #right .item_right a.blue:after, :lang(FR) #right .item_right a.blue:after { content: "\E805"; display: inline-block; font-size: 16px; font-family: 'kh_icons'; font-weight: normal; margin-left: 10px; } .footer { position: static; } .bannerPage { float: left; width: 712px; } @media (max-width: 1023px) { .bannerPage { width: 520px; } } @media (max-width: 600px) { .bannerPage { width: 275px; } } .bannerContent { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; max-width: 100%; margin: auto; } .bannerContent h1 { width: 100%; } .bannerRow { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } @media (max-width: 599px) { .bannerRow { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; display: block; } } .doubleBanner { -webkit-flex: 0 1 49%; -moz-flex: 0 1 49%; -ms-flex: 0 1 49%; -o-flex: 0 1 49%; flex: 0 1 49%; } .bannerContent .themeBanner { position: relative; } .bannerContent .themeBanner .background img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } @media (max-width: 599px) { .bannerContent .themeBanner { height: 100%; } .bannerContent .themeBanner .background img { display: block; } .bannerContent .themeBanner .overlay { left: inherit; } } .bannerContent .themeBanner.full { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; -webkit-flex: 0 1 100%; -moz-flex: 0 1 100%; -ms-flex: 0 1 100%; -o-flex: 0 1 100%; flex: 0 1 100%; } .bannerContent .themeBanner.full:after { padding-top: 66.713%; } .bannerContent .themeBanner.full .icon { height: 103px; width: 91px; } .bannerContent .themeBanner.full .title { font-size: 29px; } .bannerContent .themeBanner.full .sub { font-size: 22px; } .bannerContent .themeBanner.full .overlay { width: 45%; height: 100%; right: 0; } @media (max-width: 599px) { .bannerContent .themeBanner.full { display: block; } .bannerContent .themeBanner.full .icon { height: 63px; width: 91px; } .bannerContent .themeBanner.full .title { font-size: 23px; } .bannerContent .themeBanner.full .sub { font-size: 16px; } .bannerContent .themeBanner.full .overlay { width: 60%; } } .bannerContent .themeBanner.high { -webkit-flex: 0 1 49%; -moz-flex: 0 1 49%; -ms-flex: 0 1 49%; -o-flex: 0 1 49%; flex: 0 1 49%; } .bannerContent .themeBanner.high:after { padding-top: 129.488%; } .bannerContent .themeBanner.high .title { font-size: 25px; } .bannerContent .themeBanner.high .sub { font-size: 20px; } @media (max-width: 599px) { .bannerContent .themeBanner.high { -webkit-flex: 0 1 100%; -moz-flex: 0 1 100%; -ms-flex: 0 1 100%; -o-flex: 0 1 100%; flex: 0 1 100%; } .bannerContent .themeBanner.high:after { padding-top: 130%; } .bannerContent .themeBanner.high .icon { height: 63px; width: 91px; } .bannerContent .themeBanner.high .title { font-size: 23px; } .bannerContent .themeBanner.high .sub { font-size: 16px; } .bannerContent .themeBanner.high .overlay { left: 0; width: 100%; height: 50%; } } .bannerContent .themeBanner.double { -webkit-flex: 0 1 100%; -moz-flex: 0 1 100%; -ms-flex: 0 1 100%; -o-flex: 0 1 100%; flex: 0 1 100%; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; height: 46.7%; } .bannerContent .themeBanner.double:after { padding-top: 62%; } .bannerContent .themeBanner.double .title { font-size: 20px; } .bannerContent .themeBanner.double .sub { font-size: 16px; } .bannerContent .themeBanner.double .overlay { width: 50%; height: 100%; right: 0; } @media (max-width: 1023px) { .bannerContent .themeBanner.double { height: 44.4%; } .bannerContent .themeBanner.double .title { font-size: 15px; } .bannerContent .themeBanner.double .sub { margin-top: 10px; font-size: 14px; } } @media (max-width: 599px) { .bannerContent .themeBanner.double { display: block; height: 100%; } } .downloadcenter li { width: 33%; height: 280px; float: left; text-align: center; line-height: 22px; } .downloadcenter li input { width: 100%; margin: 5px 0px 0px 0px; }