/*/images*/ /* #wpadminbar { display: none !important; } html.win,*/ html.android { margin-top: 0 !important; } html.android #wpadminbar { display: none !important; } /* New Style start for Redesign on July 2025 */ a { color: inherit; } p a { color: var(--default-black); } .scroll-hidden { overflow: hidden; } .btn-box { position: relative; display: flex; column-gap: 24px; } .flex { display: flex; } .primary-btn { display: flex; min-width: 219px; min-height: 55px; padding: 0 24px;font-family: 'Montserrat-Medium'; font-size: 16px; color: var(--default-black); background: #DDCA92; border: solid 1px #D0B26F; border-radius: 4px; align-items: center; justify-content: center; } .primary-btn .icon { display: flex; width: 15px; height: 16px; margin-right: 10px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14.769' height='16' viewBox='0 0 14.769 16'%3e%3cpath id='calendar-icon' d='M45.538,17.231H43.692v-.615a.615.615,0,1,0-1.231,0v.615H36.308v-.615a.615.615,0,1,0-1.231,0v.615H33.231A1.231,1.231,0,0,0,32,18.462V30.769A1.231,1.231,0,0,0,33.231,32H45.538a1.231,1.231,0,0,0,1.231-1.231V18.462A1.231,1.231,0,0,0,45.538,17.231ZM35.077,18.462v.615a.615.615,0,1,0,1.231,0v-.615h6.154v.615a.615.615,0,1,0,1.231,0v-.615h1.846v2.462H33.231V18.462ZM45.538,30.769H33.231V22.154H45.538ZM42.589,24.18a.615.615,0,0,1,0,.871L38.9,28.743a.615.615,0,0,1-.871,0L36.18,26.9a.616.616,0,0,1,.871-.871l1.411,1.412,3.257-3.258a.615.615,0,0,1,.871,0Z' transform='translate(-32 -16)' fill='%232a2520'/%3e%3c/svg%3e"); transition: all ease-in-out 300ms; } .primary-btn span { display: inline-flex; } .primary-btn:hover { color: #795533; } .primary-btn:hover .icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14.769' height='16' viewBox='0 0 14.769 16'%3e%3cpath id='calendar-icon' d='M45.538,17.231H43.692v-.615a.615.615,0,1,0-1.231,0v.615H36.308v-.615a.615.615,0,1,0-1.231,0v.615H33.231A1.231,1.231,0,0,0,32,18.462V30.769A1.231,1.231,0,0,0,33.231,32H45.538a1.231,1.231,0,0,0,1.231-1.231V18.462A1.231,1.231,0,0,0,45.538,17.231ZM35.077,18.462v.615a.615.615,0,1,0,1.231,0v-.615h6.154v.615a.615.615,0,1,0,1.231,0v-.615h1.846v2.462H33.231V18.462ZM45.538,30.769H33.231V22.154H45.538ZM42.589,24.18a.615.615,0,0,1,0,.871L38.9,28.743a.615.615,0,0,1-.871,0L36.18,26.9a.616.616,0,0,1,.871-.871l1.411,1.412,3.257-3.258a.615.615,0,0,1,.871,0Z' transform='translate(-32 -16)' fill='%23795533'/%3e%3c/svg%3e"); } .glassy-btn { position: relative; display: flex; min-width: 132px; padding: 0 24px; min-height: 55px;font-family: 'Montserrat-Medium'; font-size: 16px;color: #fff; border: solid 1px #fff; border-radius: 4px; align-items: center; justify-content: center; background: rgba(255,255,255,0%); backdrop-filter: blur(30px) brightness(90%); transition: all ease-in-out 300ms; } .glassy-btn .icon { display: flex; margin-right: 8px; background-repeat: no-repeat; background-position: center center; } .glassy-btn:hover { color: #fff;backdrop-filter: blur(30px) brightness(60%); } .primary-btn.white { color: var(--default-black); background: #fff; border-color: var(--default-black); } .primary-btn.white:hover { background: rgba(255,255,255,80%);backdrop-filter: blur(30px) brightness(60%); box-shadow: 0 0 0 1px var(--default-black); } .primary-btn .icon.inline { background: none; width: auto; height: auto; } .header_main .header-ratting { position: absolute; display: flex; justify-content: center; align-items: center; } .header_main .header-ratting .header-btnbox { width: auto; } .header_main .header-ratting .header-btnbox .header-company-logo { display: flex; align-items: center; } .header_main .header-ratting .site-navbar { display: none; } .header_main .right_header { position: relative; display: flex; align-items: center; } .header-top-inner .location-btn { display: none; } .header-navbar .appointment_btn { position: relative; } .header_main .top_wrap { position: relative; width: 100%; display: flex; justify-content: flex-end; align-items: center; } .header_main .appointment_btn { position: relative; display: flex; margin-left: 20px; } .header_main .lang_box { position: relative; } .header_main .lang_box > a { position: relative; display: flex; } .header_main .lang_box ul { position: absolute; top: 100%; left: 0; display: none; } .header_main .work_link { position: relative;margin-left: 10px; } .header_main .work_link a { display: flex; padding: 12px 10px 13px; font-family: 'Montserrat-Medium';font-size: 12px; color: var(--default-black); align-items: center; border-radius: 4px; transition: all ease-in-out 300ms; } .header_main .work_link a:hover { background: #E9E8E0; } .header_main .work_link a .icon { display: flex; width: 15px; height: 14px; background: url('../images/user-circle-check.svg') no-repeat center center;background-size: contain; } .header_main .work_link a span { display: inline-flex; margin-left: 9px; } .header_main .contact_link { position: relative; } .header_main .contact_link a { display: flex; padding: 12px 10px 13px; font-family: 'Montserrat-Medium';font-size: 12px; color: var(--default-black); align-items: center; border-radius: 4px; transition: all ease-in-out 300ms; } .header_main .contact_link a .icon { display: flex; width: 15px; height: 14px; background: url('../images/headset-icon.svg') no-repeat center center;background-size: contain; } .header_main .contact_link a span { display: inline-flex; margin-left: 9px; } .header_main .contact_link a:hover { background: #E9E8E0; } .header_main .header-search { margin-left: 10px; } .header_main .header-search .search-icon { display: flex; min-width: 40px; min-height: 40px; align-items: center; justify-content: center;border-radius: 4px; transition: all ease-in-out 300ms; } .header_main .header-search .search-icon:hover { background: #E9E8E0; } div.asp_m.asp_m_1 .probox .proinput input.orig, div#ajaxsearchpro1_1 div.probox div.proinput input.orig, div#ajaxsearchpro1_2 div.probox div.proinput input.orig { width:100%;height:56px;border:0;padding:0 56px !important;margin:0 !important;font-size:16px;color:#2A2520 !important;border-radius:4px !important;font-family: 'Montserrat-Regular'; background-color: transparent !important;background-size: 18px 18px !important; background-position: 18px center !important; background-repeat: no-repeat !important; background-image: url('../images/magnifying-glass.svg') !important; } .header_main .mobile_links, .header_main .mobile_search_wrap { display: none; } @media (min-width: 1500px) { .header_main .appointment_btn { margin-left: 40px; } } .bradecrums-box { position: relative; width: 100%; margin-top: 30px; margin-bottom: 60px; } .bradecrums-box ul {display: flex; align-items: center; margin: 0; padding: 0; gap: 0; } .bradecrums-box ul li {display: flex; position: relative; margin: 0; padding: 0; align-items: center; } .bradecrums-box ul li::after { display: inline-flex; margin: 0 10px; background: url('../images/angle-right.svg') no-repeat center center; width: 6px; height: 10px; content: ''; } .bradecrums-box ul li.active::after { display: none; } .bradecrums-box ul li a {display: flex; font-size: 16px; color: #2A2520; font-family: 'Montserrat-Regular';} .bradecrums-box ul li.active {font-family: 'Montserrat-SemiBold';} .hexagon_shapes { position: absolute; bottom: 30px; left: 0; width: 100%; display: flex; } .hexagon_shapes .container { position: relative; display: flex; align-items: flex-end; justify-content: flex-end; } .hexagon_shapes .big { position: relative; display: flex; width: 330px; height: 285px; align-items: center; justify-content: center; } .hexagon_shapes .big::before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #BE1968; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); content: ''; pointer-events: none; } .hexagon_shapes .big::after { position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; background: url('../images/big-polygon-shad.svg') no-repeat center center; background-size: cover; content: ''; pointer-events: none; } .hexagon_shapes .big .text { position: relative; z-index: 2; width: 100%; max-width: 250px; text-align: center; } .hexagon_shapes .big .text span { display: block; font-family: "good-karma-wideupright";font-size: 40px; color: #fff; line-height: 1; } .hexagon_shapes .small { position: relative; z-index: 2; display: flex; width: 150px; height: 130px; margin: 0 -100px -45px 0; } .hexagon_shapes .small::before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #fff; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); content: ''; pointer-events: none; } .hexagon_shapes .small::after { position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; background: url('../images/small-polygon-shad.svg') no-repeat center center; background-size: cover; content: ''; pointer-events: none; } .kitchen_nav_main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; } .kitchen_nav_main .container { margin-top: -50px; } .kitchen-arrow { position: relative; display: flex; width: 100%; justify-content: space-between; align-items: center; } .kitchen_nav_main .kitchen-arrow .next-arrow, .kitchen_nav_main .kitchen-arrow .prev-arrow { position: relative; display: flex; min-width: 56px; height: 56px; align-items: center; justify-content: center; cursor: pointer;background: rgba(255,255,255,0%); -webkit-backdrop-filter: blur(30px) brightness(90%);backdrop-filter: blur(30px) brightness(90%); transition: all ease-in-out 300ms; border: solid 1px #fff; border-radius: 4px; box-shadow: 0 0 24px rgba(42,37,32,0.24); outline: none; } .kitchen_nav_main .kitchen-arrow .icon { display: inline-flex; width: 13px; height: 24px; background: url('../images/kitchen-arrow.svg') no-repeat center center; } .kitchen_nav_main .kitchen-arrow .next-arrow .icon { transform: rotate(180deg); } .kitchen_nav_main .kitchen-arrow a:hover { backdrop-filter: blur(30px) brightness(60%); } .img_text_sec { position: relative; width: 100%; } .img_text_sec .flexrow { width: 100%; margin: 100px 0; display: flex; justify-content: space-between; align-items: center; column-gap: 15px; } .img_text_sec .flexcol { position: relative; width: 50%; } .img_text_sec .image_wrap { position: relative;width: 100%; max-width: 690px; margin-right: auto; } .img_text_sec .image_wrap .imgbox { width: 100%; display: flex; } .img_text_sec .image_wrap .imgbox img, .img_text_sec .image_wrap .imgbox picture { display: inline-flex; width: 100%; border-radius: 4px; } .img_text_sec .image_wrap .round_box { position: absolute; right: 23px; bottom: 30px; z-index: 5; width: 229px; height: 229px;display: flex; border-radius: 100%; align-items: center; justify-content: center; } .img_text_sec .image_wrap .round_box .inner_box { position: relative; display: flex;transform: rotate(5deg); } .img_text_sec .image_wrap .round_box .inner_box img { display: inline-flex;border-radius: 100%; } .img_text_sec .brand_name { position: absolute; bottom: 40px; left: 38px; display: flex; } .img_text_sec .brand_name img { display: inline-flex; max-width: 100%; } .img_text_sec .textwrap { position: relative; width: 100%; } .img_text_sec .flexrow:not(.row-reverse) .textwrap { padding-left: 60px; } .img_text_sec .flexrow.row-reverse { flex-direction: row-reverse; } .img_text_sec .flexrow.row-reverse .textwrap { padding-right: 60px; } .img_text_sec .flexrow.row-reverse .image_wrap { margin-right: 0; margin-left: auto; } .img_text_sec .textwrap h6 { margin-bottom: 16px; font-family: "good-karma-wideupright";font-size: 28px; color: var(--default-black); line-height: 1.1428; } .img_text_sec .textwrap h3 { font-family: 'Montserrat-SemiBold'; font-size: 32px; color: var(--default-black); line-height: 1.2; } .img_text_sec .textwrap p { margin-top: 24px; font-size: 16px; color: #030303; line-height: 1.75; } .img_text_sec .textwrap .btn-box { width: 100%; margin-top: 40px; } .hexagone_inspire_sec { position: relative; width: 100%; padding: 160px 0 80px; } @media (min-width: 1920px) { .hexagone_inspire_sec .container { max-width: 1920px; } } .hexagone_inspire_sec .sec_heading { position: relative;width: 100%; margin-bottom: 80px; text-align: center; } .hexagone_inspire_sec .sec_heading h2 { font-family: 'Montserrat-SemiBold';font-size: 40px; color: var(--default-black-alt); } .hexagone_inspire_sec .sec_heading p { max-width: 930px; margin: 22px auto 0; color: var(--default-black-alt); } .hexagone_wrap { position: relative; width: 100%; margin-top: 80px; } .hexagone_wrap .flexrow { position: relative; display: flex; flex-wrap: nowrap; column-gap: 30px; justify-content: center; } .hexagone_wrap .flexrow + .flexrow { margin-top: -30px; } .hexagone_inspire_sec .hexabox { position: relative; display: flex; min-width: 210px;width: 210px; height: 255px; } .hexagone_inspire_sec .hexabox .blankbox { position: relative; width: 100%; background: #F4F4F0;aspect-ratio: 0.823;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } .hexagone_inspire_sec .hexabox .imgbox { display: flex; width: 100%; } .hexagone_inspire_sec .hexabox .imgbox::before { position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px;content: ""; background: #D0B26F; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } .hexagone_inspire_sec .hexabox .imgbox a { position: relative; display: flex; width: 100%; height: 100%; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } .hexagone_inspire_sec .hexabox .imgbox img { position: relative; z-index: 2; display: inline-flex; width: 100%; height: 100%; object-fit: cover;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } .hexagone_inspire_sec .hexabox .caption { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; background: var(--default-black-alt); display: flex; flex-direction: column; align-items: center; justify-content: center; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); opacity: 0; visibility: hidden; pointer-events: none; transition: all ease-in-out 300ms; } .hexagone_inspire_sec .hexabox a:hover .caption { opacity: 1; visibility: visible; } .hexagone_inspire_sec .hexabox .caption span { display: flex; width: 100%; font-family: "good-karma-wideupright";font-size: 32px; color: #DCCA92; line-height: 1.2187; justify-content: center; } .hexagone_inspire_sec .hexabox .caption .icon { display: flex; width: 26px; height: 20px; margin-top: 10px; background: url('../images/curve-arrow.svg') no-repeat center center; } .hexagone_inspire_sec .btn-box { width: 100%; margin-top: 80px; justify-content: center; } .hexagone_inspire_sec .hexagone_wrap_mobile { display: none; } .home .inspiration_magazine { margin-bottom: 344px; } .inspiration_magazine { position: relative; width: 100%; margin: 35px 0; background: var(--default-black-alt); } .inspiration_magazine .right_shade { position: absolute; top: 0; left: 88%; bottom: 0; width: 100vw; background: #FCFCFB; pointer-events: none; } .inspiration_magazine .right_shade::before { position: absolute; top: 0; right: calc(100% - 140px); z-index: 2; height: 100%;background: var(--default-black-alt);clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);aspect-ratio: 1/cos(30deg); content: ''; } .inspiration_magazine .content_wrap { position: relative; z-index: 5; width: 100%; display: flex; } .inspiration_magazine.reverse { -webkit-transform: scaleX(-1);transform: scaleX(-1); } .inspiration_magazine .text_block { position: relative; width: 50%; max-width: 500px; padding: 78px 0 73px; } .inspiration_magazine.reverse .text_block, .inspiration_magazine.reverse .images_wrap { -webkit-transform: scaleX(-1);transform: scaleX(-1); } .inspiration_magazine .text_block h3 { font-family: 'Montserrat-SemiBold';font-size: 32px; color: #fff; line-height: 1.25; } .inspiration_magazine .text_block p { margin-top: 24px; color: #fff; } .inspiration_magazine .btn-box { margin-top: 24px; } .inspiration_magazine .images_wrap { position: relative; width: 50%; margin-left: 30px; } .inspiration_magazine .images_wrap .imgbox { position: absolute; top: -55px; left: 0;z-index: 2; display: flex; min-width: 550px; transform: rotate(-2deg); } .inspiration_magazine .images_wrap .imgbox + .imgbox { z-index: 1;top: auto; bottom: -65px; left: 40px;min-width: 590px; transform: rotate(2deg); } .inspiration_magazine.reverse .images_wrap .imgbox + .imgbox { right: 40px; left: auto; } .inspiration_magazine .images_wrap .imgbox img { display: inline-flex; width: 100%; } .inspiration_magazine .bottom_shape { position: absolute; top: calc(100% - 196px); left: 0; z-index: -1; width: 100%; height: 540px; background: url('../images/bottom_hexagon.svg') no-repeat left top; background-size: cover; pointer-events: none; display: none; } .home .inspiration_magazine .bottom_shape { display: block; } .banner_carousel { position: relative; width: 100%; } .banner_carousel .imgbox { display: flex; width: 100%; min-height: 720px;max-height: 720px;-webkit-mask-image: url('../images/banner-shape.svg'); mask-image: url('../images/banner-shape.svg');mask-repeat: no-repeat;mask-position: left bottom;mask-size: cover; } .banner_carousel .imgbox img, .banner_carousel .imgbox picture { display: inline-flex; width: 100%; height: 100%; object-fit: cover; } .banner_carousel .owl-nav { position: absolute;top: 50%; left: 50%; display: flex; width: 100%;height: 56px; max-width: 1525px;justify-content: space-between;transform: translate(-50%, -50%); } .banner_carousel .owl-nav button.owl-next, .banner_carousel .owl-nav button.owl-prev { position: relative; display: flex; width: 56px; height: 56px; align-items: center; justify-content: center; cursor: pointer;background: rgba(255,255,255,0%); -webkit-backdrop-filter: blur(30px) brightness(90%);backdrop-filter: blur(30px) brightness(90%); transition: all ease-in-out 300ms; border: solid 1px #fff; border-radius: 4px; box-shadow: 0 0 24px rgba(42,37,32,0.24); outline: none; } .banner_carousel .owl-nav button svg { display: inline-flex; } .banner_carousel .owl-nav button.owl-next svg { transform: rotate(180deg); } .banner_carousel .owl-nav button:not(.disabled):hover { backdrop-filter: blur(30px) brightness(60%); } .banner_carousel .owl-nav button.disabled { opacity: 0.5; cursor: default; } .aanbieding_keuken_banner .hexagon_shapes .small::before { background: #E2E0D6; } .aanbieding_keuken_banner .btn-box { position: absolute; bottom: 105px; left: 0; z-index: 2; } .aanbieding_keuken_banner .glassy-btn .icon { width: 36px; height: 24px; background-image: url(../images/panorama-icon.svg); } .inner_banner { position: relative; width: 100%; } .small_banner { position: relative; width: 100%; height: 480px; display: flex;-webkit-mask-image: url('../images/small_banner_shape.svg'); mask-image: url('../images/small_banner_shape.svg');mask-repeat: no-repeat;mask-position: left bottom;mask-size: cover; } .small_banner.show-mobile { display: none; } .small_banner img, .small_banner picture { display: inline-flex; width: 100%; height: 100%; object-fit: cover; object-position: left top; } @media (max-width: 991px) { .small_banner.show-mobile { display: flex; } .small_banner.hide-mobile { display: none; } body .search-modal #ajaxsearchpro1_1 .probox .proinput, body .search-modal #ajaxsearchpro1_2 .probox .proinput, body .search-modal div.asp_m.asp_m_1 .probox .proinput { width: 100% !important; } div.asp_m.asp_m_1 .probox .proinput input.orig, div#ajaxsearchpro1_1 div.probox div.proinput input.orig, div#ajaxsearchpro1_2 div.probox div.proinput input.orig { width:calc(100% - 20px);height:56px;border:0;padding:0 0 0 18px !important;margin:0 !important;font-size:14px;color:#2A2520 !important;border-radius:4px !important;font-family: 'Montserrat-Regular'; background-color: #fff !important;background-size: 18px 18px !important; background-position: 18px center !important; background-repeat: no-repeat !important; background-image: none !important; border: solid 1px #E9E8E0; } .search-modal .tags_wrap .search_title h6 { font-size: 14px; } body .search-modal #ajaxsearchpro1_1 .probox .promagnifier .hiddend { display: none !important; } body .search-modal #ajaxsearchpro1_1 .probox .promagnifier { background: #fff !important; border: none; width: 38px; } body .search-modal #ajaxsearchpro1_1 .probox .promagnifier .innericon, body .search-modal #ajaxsearchpro1_2 .probox .promagnifier .innericon, body .search-modal div.asp_m.asp_m_1 .probox .promagnifier .innericon { display: flex !important; align-items: center; justify-content: center; } body .search-modal #ajaxsearchpro1_1 .probox .promagnifier svg { display: block !important; fill: #000 !important; } } /* .inspiration-shape { mask-image: url(../images/inspiration-shape.svg);mask-size: cover; mask-repeat: no-repeat; } */ .bora_promot_sec { position: relative; width: 100%; } .bora_promot_sec .content_wrap { position: relative; display: flex; width: 100%; background: var(--default-black); border-radius: 4px; } .bora_promot_sec .imagebox { position: relative; width: 50%; max-width: 690px; display: flex; } .bora_promot_sec .imagebox .imgbox { display: flex; width: 100%; border-radius: 4px 0 0 4px; } .bora_promot_sec .imagebox .imgbox img, .bora_promot_sec .imagebox .imgbox picture { display: inline-flex; width: 100%; } .bora_promot_sec .imagebox .imgbox img { border-radius: 4px 0 0 4px; } .bora_promot_sec .textwrap { position: relative; display: flex; padding-right: 30px; align-items: center; flex-grow: 1; justify-content: flex-end; } .bora_promot_sec .textwrap .textblock { width: 100%; max-width: 420px; } .bora_promot_sec .textwrap h6 { margin-bottom: 16px; font-family: "good-karma-wideupright";font-size: 24px; color: #E2E0D6; line-height: 1.1428; } .bora_promot_sec .textwrap h3 { font-family: 'Montserrat-SemiBold'; font-size: 30px; color: #fff; line-height: 1.2; } .bora_promot_sec .round_box { position: absolute; top: 50%; left: calc(50% - 20px); z-index: 5; width: 200px; height: 200px;display: flex; border-radius: 100%; align-items: center; justify-content: center; transform: translate(-50%, -50%); } .bora_promot_sec .round_box .inner_box { position: relative; transform: rotate(5deg); display: flex; } .bora_promot_sec .round_box .inner_box p { font-family: 'Montserrat-Bold';font-size: 20px; color: #fff;line-height: 1.4; } .bora_promot_sec .round_box .inner_box span { display: flex; } .bora_promot_sec .round_box .inner_box span img { display: inline-flex; } .sustainable_products { position: relative; width: 100%; padding: 137px 0 80px; margin-top: 236px; background: #F4F4F0; } .customer_reviews + .sustainable_products { margin-top: 76px; } .sustainable_products .title { display: flex; width: 100%; justify-content: center; } .sustainable_products .title h2 { font-family: "good-karma-wideupright";font-size: 54px; color: var(--default-black); line-height: 0.875; } .sustainable_products .products_wrap { position: relative; display: flex; width: 100%; column-gap: 30px; } .sustainable_products .sustain_block { position: relative; width: calc(25% - 15px); text-align: center; } .sustainable_products .sustain_block .iconbox { position: relative; display: flex; width: 242px; height: 217px; margin: 0 auto; align-items: center; justify-content: center; background: url('../images/pro-hexagon.svg') no-repeat center center; } .sustainable_products .sustain_block .iconbox .icon { display: flex; } .sustainable_products .sustain_block .iconbox .icon img, .sustainable_products .sustain_block .iconbox .icon picture { display: inline-flex; max-width: 100%; } .sustainable_products .pro-main-logo { position: absolute; top: -116px; left: 0; display: flex; width: 100%; justify-content: center; } .sustainable_products .pro-main-logo .hexagone { display: flex; width: 270px; height: 233px; background: #fff; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); align-items: center; justify-content: center; } .sustainable_products .pro-main-logo img{ display: inline-flex; min-width: 182px;max-width: 182px;height: auto; } .sustainable_products .textbox { position: relative; width: 100%; } .sustainable_products .textbox h3 { margin-bottom: 21px; font-family: 'Montserrat-SemiBold';font-size: 24px; line-height: 1.3333; } .customer_reviews { position: relative; width: 100%; padding: 100px 0; } .customer_reviews .title { display: flex; width: 100%; margin-bottom: 47px; justify-content: center; } .customer_reviews .title h2 { font-family: 'Montserrat-SemiBold';font-size: 40px; color: var(--default-black); line-height: 1.2; } .customer_reviews .content_wrap { position: relative; width: 100%; } .customer_reviews .content_wrap .row { row-gap: 37px; } .customer_block { position: relative; width: 100%; display: flex; } .customer_block a { position: relative; display: block; width: 100%; } .customer_block .imgbox { position: relative; display: flex; width: 100%; height: 400px; } .customer_block .imgbox::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%;border-radius: 4px; content: ''; mix-blend-mode: multiply; opacity: 0.7; background: linear-gradient(to bottom, rgba(42,37,32,1) 0%,rgba(42,37,32,0) 100%); display: none; } .customer_block .imgbox img, .customer_block .imgbox picture { display: inline-flex; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; } .customer_block .textblock { position: relative; width: 100%; padding: 19px 0 0; } .customer_block .textblock h6 { font-family: "good-karma-wideupright";font-size: 28px; color: #736654; line-height: 1.1428; } .customer_block .textblock h3 { margin-top: 8px; font-family: 'Montserrat-SemiBold';font-size: 24px; color: var(--default-black); line-height: 1.3333; } .btn-box .more-btn, .customer_block .more-btn { display: flex; margin-top: 24px; color: var(--default-black); font-size: 14px; text-decoration: underline; align-items: center;transition: all ease-in-out 300ms; } .btn-box .more-btn .icon, .customer_block .more-btn .icon { display: flex; width: 18px; height: 18px; margin-left: 8px; background-repeat: no-repeat; background-position: center center; transition: all ease-in-out 300ms;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3e%3cpath d='M33,24a9,9,0,1,0,9,9A9,9,0,0,0,33,24Zm0,16.615A7.615,7.615,0,1,1,40.615,33,7.615,7.615,0,0,1,33,40.615Zm3.951-8.105a.692.692,0,0,1,0,.98l-2.769,2.769a.693.693,0,1,1-.98-.98l1.588-1.587H29.538a.692.692,0,1,1,0-1.385h5.252L33.2,30.721a.693.693,0,0,1,.98-.98Z' transform='translate(-24 -24)' fill='%232A2520'/%3e%3c/svg%3e"); } .customer_block:hover .more-btn {color: #C47A5D; } .customer_block:hover .more-btn .icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3e%3cpath d='M33,24a9,9,0,1,0,9,9A9,9,0,0,0,33,24Zm0,16.615A7.615,7.615,0,1,1,40.615,33,7.615,7.615,0,0,1,33,40.615Zm3.951-8.105a.692.692,0,0,1,0,.98l-2.769,2.769a.693.693,0,1,1-.98-.98l1.588-1.587H29.538a.692.692,0,1,1,0-1.385h5.252L33.2,30.721a.693.693,0,0,1,.98-.98Z' transform='translate(-24 -24)' fill='%23C47A5D'/%3e%3c/svg%3e"); } .customer_reviews .btn-box { width: 100%; margin-top: 60px; justify-content: center; } .beoordelingen-section .customer_reviews { padding: 20px 0 120px; } .winkels_main { position: relative; width: 100%; } .winkels_main .sec_title { width: 100%; max-width: 1050px; margin-top: 60px; margin-bottom: 60px; } .winkels_main .sec_title h2 { font-family: 'Montserrat-Bold';font-size: 51px; color: var(--default-black); line-height: 1.1764; } .winkels_main .sec_title p { margin-top: 29px; font-size: 16px; line-height: 1.75; } .expert_advice { position: relative; width: 100%; padding: 80px 0; margin-top: 23px; background: #F4F4F0; } .expert_advice .flexrow { margin: 0 0; } .expert_advice .flexrow + .flexrow { margin-top: 80px; } .winkels_wrap { position: relative; width: 100%; } .winkels_wrap div[class*="col-"] { margin-bottom: 100px; } .winkels_wrap a:hover .winkel_desc .winkel_title h3 { color: #C47A5D; text-decoration: underline; } .winkels_wrap .winkel_banner .banner_img { overflow: hidden; } .winkels_wrap .winkel_banner a:hover .banner_img picture { transform: scale(1.1); } .page-template-winkels-new-tpl .expert_advice { background: #FAF8F6; } .insta_sec { position: relative; width: 100%; padding: 80px 0; background: #F4F4F0; overflow: hidden; } .insta_sec .title_main { position: relative; z-index: 2; width: 100%; display: flex; justify-content: center; } .insta_sec .title_main .block { position: relative; max-width: 40%; text-align: center; } .insta_sec .title_main .block .logobox { display: flex; width: 120px; height: 120px; background: #fff; margin: 0 auto; align-items: center; justify-content: center; box-shadow: 0 0 8px rgba(0,0,0,0.08); border-radius: 100%; } .insta_sec .title_main .block p { margin-top: 16px; font-size: 16px; line-height: 1.75; } .insta_sec .title_main .block p strong { display: block; margin-bottom: 16px; font-family: 'Montserrat-SemiBold'; } .insta_sec .title_main .btn-box { width: 100%; margin-top: 40px; justify-content: center; } .insta_wrap { position: relative; width: 100%; margin-top: 40px; } .insta_wrap::before { position: absolute; top: -192px; left: -190px; width: 592px; height: 592px; background: url('../images/instagram-logo.svg') no-repeat center center; content: ''; pointer-events: none; background-size: cover; } .insta_wrap ul { position: relative; display: flex; flex-wrap: nowrap; gap: 10px; } .insta_wrap ul li { position: relative; display: flex; flex-wrap: wrap; gap: 10px; } .insta_wrap .instabox { position: relative; display: flex; overflow: hidden; } .insta_wrap .instabox a { position: relative; display: flex !important; width: 100%;height: 100% !important; border-radius: 4px; } .insta_wrap .instabox .imgbox { position: relative; display: flex; width: 100%; } .insta_wrap .instabox img { display: inline-flex; width: 100%; height: 100% !important; object-fit: cover; border-radius: 4px; } .insta_wrap .instabox.big { min-width: 370px; width: 370px; height: 370px; } .insta_wrap .instabox.small { min-width: 180px; width: 180px; height: 180px; } .insta_wrap .instabox .comment-count { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: flex; opacity: 0; visibility: hidden; pointer-events: none; border-radius: 4px; align-items: center; justify-content: center; transition: all ease-in-out 300ms; } .insta_wrap .instabox .comment-count::before { position: absolute; top: 0; left: 0;width: 100%; height: 100%; content: '';background: rgba(42,37,32,0.65);mix-blend-mode: multiply;border-radius: 4px;transition: all ease-in-out 300ms; } .insta_wrap .instabox a:hover .comment-count { opacity: 1; visibility: visible; } .insta_wrap .instabox .comment-count .social_counts { display: flex; column-gap: 40px; } .insta_wrap .instabox .comment-count .social_counts .box { position: relative; display: flex; align-items: center; column-gap: 10px; } .insta_wrap .instabox .comment-count .social_counts .box i { display: inline-flex; background-position: center center; background-repeat: no-repeat; } .insta_wrap .instabox .comment-count .social_counts .box i.like-icon { width: 28px; height: 24px; background-image: url('../images/heart-fill.svg'); } .insta_wrap .instabox .comment-count .social_counts .box i.cmt-icon { width: 24px; height: 24px; background-image: url('../images/chat-fill.svg'); } .insta_wrap .instabox .comment-count .social_counts .box span { display: inline-flex; font-family: 'Montserrat-ExtraBold'; font-size: 24px; color: #fff; line-height: 1.2083; } .hier-vind-je-page .extra_content_wrap { position: relative; width: 100%; padding: 100px 0 140px; } .hier-vind-je-page .extra_content_wrap h2:first-child { margin-top: 0; } .hier-vind-je-page .extra_content_wrap h2 { margin-top: 64px; margin-bottom: 17px; font-family: 'Montserrat-SemiBold';font-size: 40px; color: var(--default-black); line-height: 1.1764; } .hier-vind-je-page .extra_content_wrap p { font-size: 16px; line-height: 1.75; } .hier-vind-je-page .extra_content_wrap p a { color: var(--default-black); text-decoration: underline; } .hier-vind-je-page .extra_content_wrap p a:hover { color: #C47A5D; } .review_banner .over-ons-hexa .container .over-ons-hexa-text span { max-width: 240px; line-height: 1; } /* page-template-templatesover_keukencoach-com-php */ .page-template-templatesover_keukencoach-com-php .inner-page .over_content h6 { font-size: 24px; color: #2A2520; line-height: 1.5; font-family: 'Montserrat-SemiBold';} .page-template-templatesover_keukencoach-com-php .inner-page .over_content p + h6 { margin-top: 29px; } .page-template-templatesover_keukencoach-com-php .request_block .button, .page-template-templatesover_keukencoach-com-php .request_block .button.new, .page-template-templatesover_keukencoach-com-php .request_block .btn-link, .page-template-templatesover_keukencoach-com-php .request_block h3 {display: none;} /* page-template-online_magazine */ .page-template-online_magazine .top_sec .bialty-container p {display: none;} .magazine-title {max-width: 1050px; margin-bottom: 19px;} .magazine-title h2 {font-family: 'Montserrat-Bold';font-size: 51px; color: #2A2520; line-height: 1.1764; margin-bottom: 29px;} .magazine-title p { margin-top: 16px; font-size: 16px; line-height: 1.75; color: #2A2520;} .page-template-online_magazine .dev_keukencoach .request_block h3 {font-size: 48px;} .request_magazine_inner .button {background-color: #DDCA92; border: 1px solid #D0B26F; color: #2C2621; font-family: 'Montserrat-Medium' !important;} .request_magazine_inner .button:hover{background-color: #DCCA92 !important; color: #795533;} .franchise-page .winkle_images {background-color: transparent; padding: 0; margin: 80px 0;} .franchisenemer_sec .franchisenemer_inner.text-wrap {width: 100%; max-width: 100%;} .franchise-page .text-wrap .franchisenemer_text h2 {font-size: 40px;} .franchisenemer_text .button {background-color: #DDCA92; border: 1px solid #D0B26F; color: #2C2621; font-family: 'Montserrat-Medium' !important;} .franchisenemer_text .button:hover{background-color: #DCCA92 !important; color: #795533;} .franchise-page .over_content {margin: 29px 0 0 0;} .products_top_content { position: relative; width: 100%; } .products_top_content .textblock { width: 100%; } .products_top_content .textblock h2 { font-family: 'Montserrat-Bold';font-size: 51px; color: #2A2520; line-height: 1.1764; margin-bottom: 29px; } .products_top_content .textblock p { max-width: 930px; font-size: 16px; line-height: 1.5; color: #2A2520; } .inner_banner_hexa { position: absolute; bottom: -60px; left: 0; width: 100%; display: flex; } .inner_banner_hexa .container { position: relative; display: flex; align-items: flex-end; justify-content: flex-end; } .inner_banner_hexa .hexablock {position: relative; width: 330px; height: 285px; display: flex; justify-content: center; align-items: center;} .inner_banner_hexa .hexablock::after {position: absolute; content: ''; background: #FFF; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); width: 340px; height: 295px;} .inner_banner_hexa .hexablock span { display: flex; max-width: 223px; width: 100%; z-index: 2; position: relative; } .inner_banner_hexa .hexablock span img { display: inline-flex; width: 100%; } .premium_products .sustainable_products { margin: 45px 0 0; padding: 0 0; background: none; } .premium_products .sustainable_products .title, .premium_products .sustainable_products .pro-main-logo { display: none; } .premium_products_wrap { position: relative; width: 100%; } .sustain_impact_sec { position: relative; width: 100%; margin-top: 160px; } .sustain_impact_sec .content_wrap { position: relative; width: 100%; min-height: 465px; display: flex; justify-content: space-between; } .sustain_impact_sec.reverse .content_wrap { flex-direction: row-reverse; } .sustain_impact_sec .content_wrap .text_content { position: relative; width: 80%; max-width: 480px; padding-bottom: 78px; } .sustain_impact_sec .content_wrap .text_content h3 { margin-bottom: 24px; font-size: 40px; color: #2A2520; line-height: 1.2; font-family: 'Montserrat-SemiBold';} .sustain_impact_sec .content_wrap .text_content p { font-size: 16px; line-height: 1.75; } .sustain_impact_sec .content_wrap .text_content p a { color: #2A2520;text-decoration: underline; } .sustain_impact_sec .content_wrap .text_content .logobox { position: relative; display: flex; } .sustain_impact_sec .content_wrap .text_content h4 { max-width: 445px; font-family: 'Good Karma Upright'; font-size: 32px; line-height: 1; } .sustain_impact_sec .content_wrap .text_content h6 { margin-top: 40px; font-family: 'Montserrat-SemiBold'; font-size: 24px; line-height: 1.3333; } .sustain_impact_sec .content_wrap .text_content ul { position: relative; display: block; width: 100%; margin-top: 17px; } .sustain_impact_sec .content_wrap .text_content ul li { position: relative; display: block; padding-left: 36px; font-size: 16px; color: var(--default-black); } .sustain_impact_sec .content_wrap .text_content ul li::before { position: absolute; left: 0; width: 26px; height: 22px; content: '';background: url(../images/green-leaves.svg) no-repeat center center; } .sustain_impact_sec .content_wrap .text_content ul li + li { margin-top: 12px; } .sustain_impact_sec .content_wrap .text_content p + h4 { margin-top: 60px; } .sustain_impact_sec .content_wrap .text_content p + .logobox { margin-top: 60px; } .sustain_impact_sec .content_wrap .text_content h4 + .logobox { margin-top: 24px; } .sustain_impact_sec .content_wrap .text_content .logobox img { display: inline-flex; } .sustain_impact_sec .content_wrap .images_wrap { position: absolute; right: -78px; bottom: 0; min-width: 472px; height: 465px; display: flex; flex-wrap: wrap; } .sustain_impact_sec.reverse .content_wrap .images_wrap { left: -78px; right: auto; } .sustain_impact_sec .content_wrap div[class*="imgbox"] { position: relative; display: flex; width: 269px; height: 232px; background: url(../images/premeium_hexa.svg) no-repeat center center; background-size: cover; align-items: center; justify-content: center; } .sustain_impact_sec .content_wrap div[class*="imgbox"] span { display: flex; width: 244px; height: 211px; } .sustain_impact_sec .content_wrap div[class*="imgbox"] img { position: relative; left: 1px; display: inline-flex; width: 100%; height: 100%; object-fit: cover;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); } .sustain_impact_sec .content_wrap .images_wrap .imgbox-1 { margin-top: 3px; } .sustain_impact_sec.reverse .content_wrap .images_wrap .imgbox-1 { margin-left: auto; } .sustain_impact_sec .content_wrap .images_wrap .imgbox-2 { position: absolute; top: 118px; right: 3px; } .sustain_impact_sec.reverse .content_wrap .images_wrap .imgbox-2 { right: auto; left: 3px; } .sustain_impact_sec .content_wrap .images_wrap .imgbox-3 { position: absolute; bottom: 0; left: 0; } .sustain_impact_sec.reverse .content_wrap .images_wrap .imgbox-3 { right: 0; left: auto; } .premium_products_wrap .blackbar { position: relative; display: flex; width: 100%; background: var(--default-black); } .premium_products_wrap .blackbar::before, .premium_products_wrap .blackbar::after { position: absolute; width: 50vw; height: 100%;background: var(--default-black); content: ''; pointer-events: none; } .premium_products_wrap .blackbar::before { left: 50%; } .premium_products_wrap .blackbar::after { right: 50%; } .premium_products_wrap .blackbar .blockwrap { position: relative; z-index: 1; display: flex; width: 100%; max-width: 785px; min-height: 281px; flex-direction: column; } .premium_products_wrap .blackbar .top_wrap { position: absolute; top: -50%; display: flex; width: 100%; align-items: center; justify-content: space-between; margin-top: 25px; } .premium_products_wrap .sustain_impact_sec.reverse .blackbar { justify-content: flex-end; } .premium_products_wrap .sustain_impact_sec.reverse .blackbar .top_wrap { flex-direction: row-reverse; justify-content: flex-end; column-gap: 30px; } .premium_products_wrap .blackbar .k-logo { position: relative; display: flex; width: 90px; } .premium_products_wrap .blackbar .k-logo img { display: inline-flex; width: 100%; } .premium_products_wrap .blackbar .pro_hexa { position: relative; display: flex; width: 269px; height: 232px; background: url(../images/premeium_hexa.svg) no-repeat center center; background-size: contain; align-items: center; justify-content: center; } .premium_products_wrap .blackbar .pro_hexa span { display: flex; } .premium_products_wrap .sustain_impact_sec .blackbar .pro_hexa span img { position: relative; display: inline-flex; max-width: 100%; } .premium_products_wrap .sustain_impact_sec:last-child .blackbar .pro_hexa span img { left: 1px; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); } .premium_products_wrap .blackbar .textwrap { position: relative; max-width: 540px; min-height: 47px; margin: 97px 0 100px; } .premium_products_wrap .sustain_impact_sec.reverse .blackbar .textwrap { margin-left: auto; padding-left: 30px; } .premium_products_wrap .blackbar .textwrap p { font-size: 16px; color: #fff; line-height: 1.75; } .inspire-section {margin-bottom: 156px;} .profile_top_content { position: relative; width: 100%; } .profile_top_content .content_wrap { position: relative; display: flex; width: 100%; justify-content: space-between; } .profile_top_content .textblock { width: 100%; max-width: 1050px; } .profile_top_content .textblock h2 { font-family: 'Montserrat-Bold';font-size: 51px; color: #2A2520; line-height: 1.1764; margin-bottom: 29px; } .profile_top_content .textblock p { max-width: 930px; font-size: 16px; line-height: 1.5; color: #2A2520; } .profile_top_content .review-top-box { position: relative; min-width:330px;width:330px; min-height: 190px; background:#fff; border: solid 1px #E0DED3; border-radius:4px;box-shadow: 0 2px 4px rgba(42,37,32,0.08); padding:32px 60px; } .profile_top_content .review-top-box p { font-size:16px; color:#2A2520; line-height:24px; margin:0px; text-align: center; } .profile_top_content .review-top-box .rev_rating { display: flex; margin-top: 32px; justify-content: center; } .profile_top_content .review-top-box .rev_rating span { font-family: 'Montserrat-SemiBold';font-size: 40px; line-height: 1.2; align-items: center; } .profile_top_content .blockquote { width: 100%;margin-top: 94px; padding: 50px 0; display: flex; background-color: #F4F4F0; border: 1px solid #E9E8E0; border-radius: 4px; align-items: center; justify-content: center; } .profile_top_content .blockquote .innerbox { position: relative; width: 100%; max-width: 80%; text-align: center; } .profile_top_content .blockquote p {font-family: 'Good Karma Upright'; font-size: 40px; color: var(--default-black); line-height: 1.4; } .profile_top_content .blockquote span { display: block; margin-top: 16px; font-size: 13px; color: var(--default-black); line-height: 1.5384; } .profile_review_wrap { position: relative; width: 100%; margin-top: 160px; } .profile_review_wrap .title { width: 100%; margin-bottom: 60px; } .profile_review_wrap .title h3 { font-family: 'Montserrat-SemiBold'; font-size: 32px; line-height: 1.25; } /* borapage */ .inner-page.bora_page .offer_text_sec {padding: 0; margin: 29px 0 120px;} .inner-page.bora_page .offer_text_sec .textwrap {max-width: 1050px;} .inner-page.bora_page .offer_text_sec .textwrap h3 {font-size: 51px; max-width: 100%; color: #2A2520;} .inner-page.bora_page .offer_text_sec .textwrap p {margin-top: 29px; color: #2A2520; line-height: 1.5;} .inner-page.bora_page .bora_pro_info .flexrow {padding-left: 120px;} .inner-page.bora_page .bora_pro_info .textwrap {width: 690px;} .inner-page.bora_page .bora_pro_info {background-color: #F4F4F0;} .inner-page.bora_page .bora_pro_info .flexrow:nth-child(even) {padding-left: 0;} .inner-page.bora_page .bora_pro_info .flexrow:nth-child(even) .media_wrap {width: 690px;} .inner-page.bora_page .bora_pro_info .flexrow:nth-child(even) .media_wrap .imgbox {height: 410px;} .inner-page.bora_page .bora_pro_info .flexrow:nth-child(even) .media_wrap .imgbox picture {display: flex; width: 100%;} .inner-page.bora_page .request_consultation_blk {background: transparent; margin: 118px 0 120px;} .inner-page.bora_page .request_consultation_blk .request_consultation {background-color: #F4F4F0; padding: 80px 120px;} .inner-page.bora_page .request_consultation_blk .request_consultation .row {flex-direction: column;} .inner-page.bora_page .request_consultation_blk .request_consultation .request_consultation_contant {max-width: 930px; padding: 0 0 68px;} .inner-page.bora_page .request_consultation_blk .request_consultation_contant h2 {font-size: 40px; font-family: 'Montserrat-SemiBold'; color: #2A2520; line-height: 1.2; } .inner-page.bora_page .request_consultation_blk .request_consultation_contant p {color: #2A2520;} .inner-page.bora_page .request_consultation_blk .request_consultation_contant p + p { margin-top: 20px; } .inner-page.bora_page .request_consultation_blk .request_consultation .button {background-color: #DDCA92; border: 1px solid #D0B26F; color: #2C2621; font-family: 'Montserrat-Medium' !important;} .inner-page.bora_page .request_consultation_blk .request_consultation .button:hover {background-color: #DCCA92 !important; color: #795533;} .inner-page.bora_page .bora_offer_sec .caption_wrap .logobox {display: none;} .brand_detail_banner .over-ons-hexa .container .over-ons-hexa-text::before {background-color: #009999;} .brand_detail_banner .over-ons-hexa .container .over-ons-hexa-text span { font-family: 'Montserrat-SemiBold'; color: #fff; text-transform: uppercase; } .product-gallary {position: relative; width: 100%; padding: 0 15px; margin-top: 160px;} .product-gallary .product-img-grp {display: flex; justify-content: center; width: 100%; gap: 30px;} .product-gallary .product-img-grp .product-img {width: 25%;} .product-gallary .product-img-grp .product-img picture {display: flex; width: 100%; height: 450px; border-radius: 4px; overflow: hidden;} .product-gallary .product-img-grp .product-img picture img {width: 100%; height: 100%; object-fit: cover;} .product-img-detail {background-color: #FCFCFB; padding: 69px 90px; max-width: 1170px; margin: 0 auto; margin-top: -121px; position: relative; border-radius: 4px;} .product-img-detail p {font-size: 16px; color: #030303; line-height: 1.75; font-family: 'Montserrat-SemiBold'; text-align: center;} .brand_detail_main .more_content .content_row .row:first-child:before, .brand_detail_main .more_content .content_row .row:first-child::after {display: none;} .brand_detail_main .more_content .content_row .text_block {padding: 0 0 0 120px;} .brand_detail_main .more_content .content_row .row:nth-child(even) {flex-direction: row;} .brand_detail_main .more_content .content_row .row:nth-child(even) .text_block {padding: 0 120px 0 0; } .inner_banner.pillar_page {position: relative;} .inner_banner.pillar_page .over-ons-hexa {bottom: -90px;} .content.piller-page-content .expert-top-sec {padding: 0; margin: 29px 0 120px;} .content.piller-page-content .expert-top-sec h1{font-size: 51px; font-family: 'Montserrat-Bold'; color: #2A2520; padding: 0; margin-bottom: 80px;} .content.piller-page-content .expert-top-sec h2 {font-size: 40px; font-family: 'Montserrat-SemiBold'; color: #2C2621; padding-bottom: 24px;} .content.piller-page-content .expert-top-sec p {font-size: 16px; color: #030303; line-height: 1.75; padding: 0;} .piller-top {max-width: 1050px; margin-bottom: 80px;} .content.piller-page-content .expert-top-sec h3 {font-size: 32px; font-family: 'Montserrat-SemiBold'; padding: 0; margin-bottom: 41px;} .content.piller-page-content .keuexpert-item-row {display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 24px; margin: 0;} .content.piller-page-content .keuexpert-item-row .keuexpert-item { display: flex; width: calc(51.613% - 30px); padding: 0 0; } .content.piller-page-content .keuexpert-item-row .keuexpert-item a { width: 100%; padding: 30px 52px 30px 32px;font-family: 'Montserrat-SemiBold'; color: #2A2520; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3e%3cpath d='M33,24a9,9,0,1,0,9,9A9,9,0,0,0,33,24Zm0,16.615A7.615,7.615,0,1,1,40.615,33,7.615,7.615,0,0,1,33,40.615Zm3.951-8.105a.692.692,0,0,1,0,.98l-2.769,2.769a.693.693,0,1,1-.98-.98l1.588-1.587H29.538a.692.692,0,1,1,0-1.385h5.252L33.2,30.721a.693.693,0,0,1,.98-.98Z' transform='translate(-24 -24)' fill='%232A2520'/%3e%3c/svg%3e"); background-position: center right 32px; background-repeat: no-repeat; border: 1px solid #E0DED3;box-shadow: 0 2px 4px rgba(42,37,32,0.08); border-radius: 4px; } .content.piller-page-content .keuexpert-item-row .keuexpert-item a:hover { border-color: #A2977C; } .content.piller-page-content .exper-grid-sec {padding: 0; margin: 0 0 120px 0;} .content.piller-page-content .expergrid-box .expergrid-image .text {display: none;} .content.piller-page-content .expergrid-box .expergrid-image .imgbox {width: 100%;} .content.piller-page-content .expergrid-box .expergrid-image .imgbox a {display: flex;} .content.piller-page-content .expergrid-box .expergrid-image .imgbox a picture {display: flex; width: 100%; height: 280px; border-radius: 4px; overflow: hidden;} .content.piller-page-content .expergrid-box .expergrid-image .imgbox a picture img {width: 100%; height: 100%; object-fit: cover;} .content.piller-page-content .expergrid-con h3 {font-size: 32px; font-family: 'Montserrat-SemiBold'; padding: 0; margin-bottom: 24px;} .content.piller-page-content .expergrid-con p {color: #030303; font-size: 16px; line-height: 1.75;} .content.piller-page-content .expergrid-con p a {color: #030303;} .content.piller-page-content .expergrid-con h6 {display: none;} .content.piller-page-content .expergrid-con .btnbox {display: flex;} .content.piller-page-content .expergrid-con .btnbox a {display: flex; min-height: 55px; padding: 0 24px; font-family: 'Montserrat-Medium'; font-size: 16px; color: #2C2621; background: #DDCA92; border: solid 1px #D0B26F; border-radius: 4px; align-items: center; min-width: auto; transition: all ease-in-out 0.3s;} .content.piller-page-content .expergrid-con .btnbox a:hover {color: #795533;} .content.piller-page-content .expergrid-con ol {padding: 0; margin-top: 41px;} .content.piller-page-content .expergrid-con ol li {line-height: 2; padding-left: 40px;} .content.piller-page-content .text-wrap ol li:before, .content.piller-page-content .expergrid-con ol li:before {background: url(../images/green-check-icon.svg) center center no-repeat; width: 28px; height: 28px; top: 4px;} .content.piller-page-content .expergrid-con {padding: 41px 0 0 0;} .content.piller-page-content .exper-grid-sec .row {row-gap: 80px;} .content.piller-page-content .expert-waarom-sec {background-color: #F4F4F0; padding: 80px 0 81px;} .content.piller-page-content .waarom-top {margin-bottom: 81px; padding: 0;} .content.piller-page-content .waarom-top .text-wrap h2 {font-size: 40px; font-family: 'Montserrat-SemiBold'; color: #2A2520; padding-bottom: 25px;} .content.piller-page-content .expergrid-con p {color: #030303; font-size: 16px; line-height: 1.75;} .content.piller-page-content .waarom-con ul li {font-size: 16px; color: #2A2520; line-height: 1.5;} .content.piller-page-content .waarom-con ul li:before {background: url(../images/green-check-icon.svg) center center no-repeat; width: 28px; height: 28px; top: -3px;} .content.piller-page-content .piller-page-content-img {width: 690px;} .content.piller-page-content .piller-page-content-img .image {width: 100%; display: flex; } .content.piller-page-content .piller-page-content-img .image picture {width: 100%; display: flex; border-radius: 4px; overflow: hidden; height: 465px;} .content.piller-page-content .piller-page-content-img .image img {width: 100%; display: inline-flex; object-fit: cover;} .piller-content-grp {display: flex; justify-content: space-between; width: 100%; align-items: center;} .piller-content-grp .lastjebox {width: 570px; padding: 0 0 0 ; text-align: left;} .piller-content-grp .lastjebox h2 {font-size: 28px; color: #2A2520; text-transform: uppercase; font-family: 'Good Karma Upright'; margin-bottom: 19px;} .piller-content-grp .lastjebox h1 {font-size: 40px; font-family: 'Montserrat-SemiBold'; color: #2A2520; padding-bottom: 40px;} .piller-content-grp .lastjebox .btnbox {display: flex;} .piller-content-grp .lastjebox .btnbox .primary-btn {display: flex; min-width: 219px; min-height: 55px; padding: 0 24px; font-family: 'Montserrat-Medium'; font-size: 16px; color: var(--default-black); background: #DDCA92; border: solid 1px #D0B26F; border-radius: 4px; align-items: center; min-width: auto;} .piller-content-grp .lastjebox .btnbox .primary-btn:hover {color: #795533;} .content.piller-page-content .expert-lastje-sec .row {row-gap: 120px;} .content.piller-page-content .expert-lastje-sec .row .col-md-12:nth-child(even) .piller-content-grp {flex-direction: row-reverse;} .content.piller-page-content .steps_section .heading { margin-top: 0; margin-bottom: 57px; } .franche-top {margin-bottom: 74px;} .franche-top h1 {font-size: 51px; color: #2A2520; margin-bottom: 80px;} .franche-top h2 {color: #2A2520; font-size: 40px; font-family: 'Montserrat-SemiBold';} .franche-top p {font-size: 16px; line-height: 1.7; color: #030303;} .franch-content .quote_sec {position: relative;} .franch-content .quote_sec .quote-img {position: absolute; right: -107px; top: -20px;} .franch-content .quote_sec .quote_text{background-color: #F4F4F0; border: 1px solid #E9E8E0; border-radius: 4px; padding: 50px 120px 50px 120px; text-align: center;} .franch-content .quote_sec .quote_text h4 {font-size: 40px; color: #000000; line-height: 1.2; margin-bottom: 78px; font-family: 'Good Karma Upright';} .franch-content .quote_sec .quote_text p {font-size: 14px !important; color: #030303;} .franche-bottom {margin-top: 80px;} .franche-bottom h2 {color: #2A2520; font-size: 40px; font-family: 'Montserrat-SemiBold';} .franche-bottom p {font-size: 16px; line-height: 1.7; color: #030303;} .franche-bottom .btnbox {display: flex; margin-top: 25px;} .franche-bottom .btnbox .primary-btn {display: flex; min-width: 219px; min-height: 55px; padding: 0 24px; font-family: 'Montserrat-Medium'; font-size: 16px; color: #2C2621; background: #DDCA92; border: solid 1px #D0B26F; border-radius: 4px; align-items: center; transition: all ease-in-out 0.3s;} .franche-bottom .btnbox .primary-btn:hover {color: #795533;} body .bialty-container, body .bialty-container p { font-size: 16px; color: var(--default-black); line-height: 1.75; } body .inner-page p a { color: var(--default-black); } body .inner-page p a:hover {color: #C47A5D;} .modal_360 { width: 100%; } .modal-backdrop { background: rgba(42,37,32,90%);mix-blend-mode: multiply; } .modal-backdrop.show { opacity: 1; } .modal_360 .modal-dialog { max-width: 1150px; margin: 40px auto; border-radius: 0; } .modal_360 .modal-content { border-radius: 0; } .modal_360 .modal-body { padding: 0 0; border-radius: 0; } .modal_360 .iframe_wrap { position: relative; display: flex; width: 100%; box-shadow: 0 0 60px #000; } .modal_360 .iframe_wrap iframe { width: 100%; height: calc(100% - 120px); min-height: calc(100vh - 120px); border: none; } .modal_360 .close { position: fixed; top: 0; right: 0; z-index: 10; display: flex; width: 56px; height: 56px; padding: 0; margin: 0; background: none; border: none; border-radius: 0; box-shadow: none; align-items: center; justify-content: center; outline: none; opacity: 1 !important; } .modal_360 .close .icon { display: flex; width: 18px; height: 18px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3e%3cpath id='x' d='M65.732,64.458a.9.9,0,0,1-1.273,1.273L57,58.268l-7.463,7.464a.9.9,0,0,1-1.273-1.273L55.723,57l-7.464-7.463a.9.9,0,0,1,1.273-1.273L57,55.723l7.463-7.464a.9.9,0,0,1,1.273,1.273L58.268,57Z' transform='translate(-47.996 -47.996)' fill='%23fff'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center center; transition: all ease-in-out 300ms; } .modal_360 .close:hover .icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3e%3cpath id='x' d='M65.732,64.458a.9.9,0,0,1-1.273,1.273L57,58.268l-7.463,7.464a.9.9,0,0,1-1.273-1.273L55.723,57l-7.464-7.463a.9.9,0,0,1,1.273-1.273L57,55.723l7.463-7.464a.9.9,0,0,1,1.273,1.273L58.268,57Z' transform='translate(-47.996 -47.996)' fill='%23D0B26F'/%3e%3c/svg%3e"); opacity: 1; } @media (min-width:1700px){ .modal_360 .modal-dialog { max-width: 1640px; margin: 80px auto; } .modal_360 .iframe_wrap iframe { height: calc(100% - 160px); min-height: calc(100vh - 160px); } } @media (min-width: 1500px) { .img_text_sec .textwrap h3 { font-size: 40px; } .img_text_sec .flexrow { margin: 160px 0; } .img_text_sec .flexrow.row-reverse .textwrap { padding-right: 128px; } .img_text_sec .flexrow:not(.row-reverse) .textwrap { padding-left: 128px; } .expert_advice .flexrow { margin: 0 0; } .home .inspiration_magazine { margin-bottom: 444px; } .inspiration_magazine .bottom_shape { height: 640px; } .inspiration_magazine .images_wrap { margin-left: 50px; } .inspiration_magazine .text_block { max-width: 570px; } .inspiration_magazine .images_wrap .imgbox { min-width: 683px; } .inspiration_magazine .images_wrap .imgbox + .imgbox { min-width: 709px; left: 160px; } .inspiration_magazine.reverse .images_wrap .imgbox + .imgbox { right: 160px; left: auto; } .bora_promot_sec .textwrap { padding-right: 90px; } .bora_promot_sec .textwrap .textblock { max-width: 480px; } .bora_promot_sec .textwrap h3 { font-size: 40px; } .bora_promot_sec .textwrap h6 { font-size: 28px; } .bora_promot_sec .round_box { width: 237px; height: 237px; } .bora_promot_sec .round_box .inner_box p { font-size: 25px; } .winkels_wrap div[class*="col-"] { margin-bottom: 144px; } .customer_reviews { padding: 160px 0; } .sustainable_products .title h2 { font-size: 64px; } .modal_360 .modal-dialog { max-width: 1200px; } .modal_360 .close { top: 30px; right: 30px; } .premium_products_wrap .blackbar .blockwrap { max-width: 1106px; } .premium_products_wrap .blackbar .textwrap { max-width: 810px; } .sustain_impact_sec .content_wrap .text_content { max-width: 810px; } .sustain_impact_sec .content_wrap .images_wrap { right: -98px; } .sustain_impact_sec.reverse .content_wrap .images_wrap { left: -98px; } /* .sustain_impact_sec .content_wrap div[class*="imgbox"] { min-width: 472px; height: 465px; } .sustain_impact_sec .content_wrap div[class*="imgbox"] span { width: 244px; height: 211px; } */ .insta_wrap ul { gap: 30px !important; } .insta_wrap ul li { gap: 30px; } .insta_wrap .instabox.big { min-width: 450px; width: 450px; height: 450px; } .insta_wrap .instabox.small { min-width: 210px; width: 210px; height: 210px; } } /*.post_not_show {display: none;}*/