/* ################################################## # Reference : Eilanddewild Keukens # Latest update : January 11, 2016 ################################################## */ /* #Site Styles ================================================== */ /* ### general ### */ * { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000; } input, select, textarea { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #000; } body { background: #fff; } img { border: 0px; display: block; } ul, li { list-style: none; } :focus { outline: none; } a{ transition: all 0.3s; } /* ### global classes ### */ .clear { clear: both; visibility: hidden; line-height: 0; height: 0; } .center { margin: 0 auto; max-width: 1240px; position: relative; } /* ### wrapper ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow-x: hidden; } /* ### main container ### */ #mainCntr { width: 100%; padding-top: 90px; } #bannerImgCntr{ background: #fff; padding: 40px 0;} #bannerImgCntr img{ margin: 0 auto; max-width: 100%; height: auto;} /* ### List style content ### */ .content li { list-style: initial; font-size: 14px; line-height: 1.5; } .content ul { margin-left: 18px; margin-bottom: 15px; } .content ol li { margin-bottom: 10px; } /* ### 404 pagina ### */ .error-pagina { text-align: center; } .error-pagina h1 { font-size: 28px; margin: 15px 0; } .error-pagina p { font-size: 14px; margin-bottom: 15px; font-weight: 600;} .error-pagina li { font-size: 14px; margin-bottom: 5px;} .error-pagina ul { margin-bottom: 15px;} .error-pagina section.contentCenter { min-height: 300px; } .error-pagina section.contentCenter .contentWrapper { height: 300px; } /* ### header container ### */ #headerCntr { position: fixed; z-index:99999; background: #fff; width: 100%; height: 94px; margin-top: -90px; box-shadow: 0 1px 1px rgba(0,0,0,0.20);} #headerCntr .logo { position: absolute; top: 0; left: 0; } #headerCntr .logo .one { height: 94px; max-width: 100%; } #headerCntr .logo .two { display: none; height: 74px; } #headerCntr a.make { position: absolute; top: 0; right: 0; background: url(../images/make_bg.svg) no-repeat right; padding-right: 103px; text-decoration: none; color: #2a2a2a; font-size: 18px; font-family: 'digital-serialbold'; border-left: 1px solid #efefef; padding-left: 36px; line-height: 94px; } #headerCntr a.make .svgicon { display: inline; vertical-align: middle; margin-right: 18px; height: 30px; } #headerCntr a.make:hover{ background: #2f2703 url(../images/make_bg.svg) no-repeat right; color: #fff;} #headerCntr .phone { display: none; } /* ### menu box ### */ #headerCntr .menuBox { position: absolute; top: 0; left: 176px; } #headerCntr .menuBox li { float: left; margin-right: 48px; font-size: 18px; font-family: 'digital-serialbold'; } #headerCntr .menuBox li a { color: #2a2a2a; line-height: 100px; text-decoration: none; } #headerCntr .menuBox li.current-menu-item a, #headerCntr .menuBox li.current-page-ancestor a, #headerCntr .menuBox li.current_page_parent a, #headerCntr .menuBox li a:hover { color: #bdcc01; } #headerCntr .mobileMenu { display: none; } #headerCntr .mobileMenu .svgicon{ height: 57px; } #headerCntr .sub-menu{ display: none; } /* ### banner container ### */ #bannerCntr { width: 100%; height: 900px; background-repeat: no-repeat!important; background-position: center center!important; background-size: cover!important; overflow: hidden; position: relative;} .home #bannerCntr{ height: 75vh!important;} #bannerCntr.blog{ height: 500px;} #bannerCntr .center{ position: absolute; bottom: 100px; text-align: center; width: 100%; max-width: 100%; z-index: 9999;} #bannerCntr .overlay{ background: #2C2A1D; height: 100%; width: 100%; opacity: 0.5; position: absolute; z-index: 2; } #bannerCntr iframe{ z-index: 3; } #bannerCntr .text { text-align: center; } #bannerCntr.blog .text{ padding-top: 209px; } #bannerCntr h1 { color: #fff; font-size: 49px; font-weight: normal; font-family: 'digital-serialbold'; line-height: 48px; margin-bottom: 5px; } #bannerCntr p { color: #fff; font-size: 34px; line-height: 48px; margin-bottom: 25px; font-family: 'digital-serial_dbregular'; } #bannerCntr .melding{ background: #bdcc01; padding: 0 20px; line-height: 30px; margin-bottom: 25px; font-size: 14px; border-radius: 5px; display:inline-block;} #bannerCntr.blog p{ font-size: 28px;} #bannerCntr .btns { width: 100%; text-align: center; } #bannerCntr .btns a.btn1 { display: inline-block; margin: 0 9px; border: 2px solid #fff; text-decoration: none; padding: 0 34px; color: #fff; font-size: 25px; font-family: 'digital-serialbold'; height: 54px; line-height: 54px; } #bannerCntr .btns a.btn1:hover { text-decoration: underline; } #bannerCntr .btns a.btn2 { display: inline-block; margin: 0 9px; border: 2px solid #bdcc01; font-size: 25px; text-decoration: none; padding: 0 32px; color: #bdcc01; font-family: 'digital-serialbold'; height: 54px; line-height: 54px; } #bannerCntr .btns a.btn2:hover { text-decoration: underline; } #clickBlocks{ background: #dedbcd; padding: 40px 0;} #clickBlocks .blocks{ width: 100%; max-width: 1400px; margin: 0 auto; overflow: hidden; } #clickBlocks .blocks li{ position: relative; float: left; width: 32%; margin-right: 2%; height: 300px; margin-bottom: 30px; background-size: cover!important;} #clickBlocks .blocks li:hover a{ background: rgba(4, 3, 8, 0.4);} #clickBlocks .blocks li:hover h3{ bottom: 50px;} #clickBlocks .blocks li:hover p{ bottom: 30px; opacity: 1.0;} #clickBlocks .blocks li:nth-child(3n+3){ margin-right: 0;} #clickBlocks .blocks li a{ display: block; height: 100%; width: 100%; transition: all .3s;} #clickBlocks .blocks li h3{ font-family: 'digital-serialbold'; position: absolute; bottom: 30px; left: 30px; color: #fff; font-size: 26px; text-shadow: 0 1px 1px rgba(0, 0, 0, 1.00); transition: all .3s;} #clickBlocks .blocks li p{ opacity: 0; position: absolute; bottom: 20px; left: 30px; color: #fff; font-size: 14px; text-shadow: 0 1px 1px rgba(0, 0, 0, 1.00); transition: all .3s;} section.contentCenter{ width: 100%; margin: 0 auto; background-size: cover; position: relative; min-height: 800px; background-size: 100% auto!important; background-position: top center!important;} section.contentCenter .fadeOut{ z-index: 90; position: absolute; bottom: 0; height: 300px;width: 100%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } section.contentCenter .contentWrapper{ z-index: 100; position: relative; max-width: 1240px; margin: 0 auto; height: 800px; } section.contentCenter .contentWrapper .contentArea .sideBar{ width: 30%; float: left; background: rgba(47,39,3,0.80); } section.contentCenter .contentWrapper .contentArea .sideBar ul{ width: 100%; float: left; } section.contentCenter .contentWrapper .contentArea .sideBar ul li a{ background: url('../images/arrow3.png') right 42px center no-repeat; border-bottom: 1px solid rgba(255,255,255,0.08); padding: 20px 40px; padding-right: 80px; line-height: 20px; display: block; color: #fff; font-family: 'digital-serialbold'; font-size: 16px; text-decoration: none;} section.contentCenter .contentWrapper .contentArea .sideBar ul li.current_page_item a, section.contentCenter .contentWrapper .contentArea .sideBar ul li a:hover { background: #bdcc01 url('../images/arrow3.png') right 42px center no-repeat; } section.contentCenter .contentWrapper.full .contentArea .content{ width: 100%; } section.contentCenter .contentWrapper .contentArea .content { width: 70%; float: right; background: #fff; margin-bottom: 160px; border-right: 1px solid #efefef; box-sizing: border-box; } section.contentCenter .contentWrapper .contentArea .content .row{ float: left; width: 100%; background: #fff; padding: 20px 30px; margin-bottom: 0; border-bottom: 1px solid #e0e4ed; } section.contentCenter .contentWrapper .contentArea .content .row.introductie{ background: #e0e4ed; } section.contentCenter .contentWrapper .contentArea .content .row.cta{ background-size: cover!important; padding: 0; background-position: center center!important; padding-bottom: 0!important;} section.contentCenter .contentWrapper .contentArea .content .row.cta .ctacontent{ float: left; width: 100%; text-align: center; padding: 70px 20%; background: rgba(89, 82, 53, 0.44); } section.contentCenter .contentWrapper .contentArea .content .row.cta .ctacontent h3, section.contentCenter .contentWrapper .contentArea .content .row.cta .ctacontent h2, section.contentCenter .contentWrapper .contentArea .content .row.cta .ctacontent p{ color: #fff; } section.contentCenter .contentWrapper .contentArea .content .row.cta .ctacontent a.button{ transition: 0.3s all; cursor: pointer; display: inline-block; margin: 0 9px; border: 2px solid #fff; text-decoration: none; padding: 0 24px; color: #fff; font-size: 20px; font-family: 'digital-serialbold'; height: 50px; line-height: 50px;} section.contentCenter .contentWrapper .contentArea .content .row.cta .ctacontent a.button:hover{ background: #fff; color: #2f2703;} section.contentCenter .contentWrapper .contentArea .content .row:nth-child(1){ padding-top: 30px; } section.contentCenter .contentWrapper .contentArea .content .row h2:nth-child(1){ margin: 0; } section.contentCenter .contentWrapper .contentArea .content .row:nth-child(1){ padding-top: 30px; } section.contentCenter .contentWrapper .contentArea .content .row:nth-last-child(1){ padding-bottom: 30px; border-bottom: none; } section.contentCenter .contentWrapper .contentArea .content h2 { font-family: 'digital-serialbold'; color: #2f2703; font-size: 32px; margin-bottom: 30px; } section.contentCenter .contentWrapper .contentArea .content h3 { font-family: 'digital-serialbold'; color: #2f2703; font-size: 26px; margin-bottom: 20px; } section.contentCenter .contentWrapper .contentArea .content p { margin-bottom: 30px; line-height: 24px; font-size: 14px; clear: both; } section.contentCenter .contentWrapper .contentArea .content p a{ color: #413000; } section.contentCenter .contentWrapper .contentArea .content .row p:nth-last-child(1) { margin-bottom: 0;} section.contentCenter .contentWrapper .contentArea .content img { max-width: 100%; } section.contentCenter .contentWrapper .contentArea .content blockquote { margin-bottom: 30px; padding-left: 27px; position: relative; font-style: italic;} section.contentCenter .contentWrapper .contentArea .content blockquote::before{ content:"\201C"; position: absolute; top: -3px; left: -5px; font-size: 52px; font-family: Arial!important; } section.contentCenter .contentWrapper .contentArea .content .row blockquote:nth-last-child(1) { margin-bottom: 0;} section.contentCenter .contentWrapper .contentArea .content .alignright { float: right; margin: 0 0 20px 20px; } section.contentCenter .contentWrapper .contentArea .content .alignleft { float: left; margin: 0 20px 20px 0; } section.contentCenter .contentWrapper .contentArea .content .left{ float: left; width: 49%; margin-right: 2%; } section.contentCenter .contentWrapper .contentArea .content .right{ float: left; width: 49%; } section.contentCenter .contentWrapper .contentArea .content .foto_rechts .left{ float: right; margin-right: 0;} section.contentCenter .contentWrapper .contentArea .content .foto_rechts .right{ float: left; margin-right: 2%;} section.contentCenter .contentWrapper .contentArea .content .merken .merk{ width: 49%; margin-right: 0.5%; float: left; height: 280px; margin-bottom: 5px; background-size: cover!important;} section.contentCenter .contentWrapper .contentArea .content .merken .merk .inner{ position: relative; float: left; background: rgba(0, 0, 0, 0.25); width: 100%; height: 100%; text-align: center;} section.contentCenter .contentWrapper .contentArea .content .merken .merk .inner img{ max-width: 170px; margin: 70px auto 0;} section.contentCenter .contentWrapper .contentArea .content .merken .merk .inner .button{ position: absolute; bottom: 30px; width: 100%;} section.contentCenter .contentWrapper .contentArea .content .merken .merk .inner .button span{ transition: 0.3s all; cursor: pointer; display: inline-block; margin: 0 9px; border: 2px solid #fff; text-decoration: none; padding: 0 24px; color: #fff; font-size: 20px; font-family: 'digital-serialbold'; height: 50px; line-height: 50px;} section.contentCenter .contentWrapper .contentArea .content .merken .merk:hover .inner .button span{ background: #fff; color: #2f2703;} section.contentCenter .contentWrapper .contentArea .content .project .left { padding: 3.5em; width: 49%; float: left; } section.contentCenter .contentWrapper .contentArea .content .project .divide { margin-bottom: 3em; display: inline-block; vertical-align: middle; width: 100%; clear: both; } section.contentCenter .contentWrapper .contentArea .content .project .divide .title { float: left; width: 35%; margin-right: 5%; display: block; color: #2f2703; font-family: 'digital-serialbold'; font-size: 20px; line-height: 20px; } section.contentCenter .contentWrapper .contentArea .content .project .divide .border { float: right; width: 55%; display: block; height: 1px; background-color: #ccc; margin-top: 10px; } section.contentCenter .contentWrapper .contentArea .content .project .betrokken li { display: block; width: 50%; float: left; height: 100px; background-repeat: no-repeat; background-size: 100%; background-position: center; } section.contentCenter .contentWrapper .contentArea .content .project .betrokken li a { display: block; position: relative; height: 100%; width: 100%; } section.contentCenter .contentWrapper .contentArea .content .project .betrokken li a:hover span { opacity: 100; transition: opacity 0.25s ease; } section.contentCenter .contentWrapper .contentArea .content .project .betrokken li a span { opacity: 0; position: absolute; text-align: center; line-height: 100px; height: 100%; width: 100%; background-color: rgba(0,0,0,0.25); color: #fff; text-shadow: 0 1px 2px #000; font-family: 'digital-serialbold'; font-size: 20px; } section.contentCenter .contentWrapper .contentArea .content .project .right { width: 49%; float: right; } section.contentCenter .contentWrapper .contentArea .content .project .right #carousel { height: 500px; position: relative; margin-bottom: 0; } section.contentCenter .contentWrapper .contentArea .content .project .right #carousel .slick-arrow { height: 50px; width: 50px; background: #413000; z-index: 1; background-size: 50%; } section.contentCenter .contentWrapper .contentArea .content .project .right #carousel .slick-arrow:hover { background-color: #BBCC32 !important; cursor: pointer; } section.contentCenter .contentWrapper .contentArea .content .project .right #carousel .slick-arrow:before, section.contentCenter .contentWrapper .contentArea .content .project .right #carousel .slick-arrow:after { display: none; } section.contentCenter .contentWrapper .contentArea .content .project .right #carousel .slick-arrow.slick-next { right: 0; background: #413000 url(../images/arrow3-l.png) center no-repeat; transform: scaleX(-1); margin-top: -25px; } section.contentCenter .contentWrapper .contentArea .content .project .right #carousel .slick-arrow.slick-prev { left: 0; background: #413000 url(../images/arrow3-l.png) center no-repeat; } section.contentCenter .titleArea{ width: 100%; float: left; text-align: center; padding: 15% 0 60px;} section.contentCenter .titleArea h1{ text-shadow: 0 1px 2px #000; color: #fff; font-size: 37px; font-weight: normal; font-family: 'digital-serialbold'; } section.contentCenter .titleArea p{ text-shadow: 0 1px 2px #000; color: #fff; font-size: 18px; margin-top: 10px; font-weight: normal; font-family: 'digital-serialbold'; } section.contentCenter .titleArea a { color: #fff; } /* ### mission container ### */ .contactCntr, #missionCntr { position: relative; width: 100%; min-height: 350px; } .contactCntr .left, #missionCntr .left { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #fff; background-size: cover!important; background-position: center center!important;} .contactCntr .right, #missionCntr .right { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: #dedbcd; } .contactCntr .photo, #missionCntr .photo { padding: 64px 0 62px 75px; width: 50%; float: left; } .contactCntr .photo img, #missionCntr .photo img { display: none;} .contactCntr .photo .one, #missionCntr .photo .one { display: inline; } .contactCntr .photo .two, #missionCntr .photo .two { display: none; } .contactCntr .text, #missionCntr .text { padding: 50px 0 50px 50px; width: 50%; float: left; } .contactCntr h2, #missionCntr h2 { color: #433c1b; font-size: 37px; font-weight: normal; margin-bottom: 30px; font-family: 'digital-serialbold'; } .contactCntr p, #missionCntr p { color: #433c1b; font-size: 15px; line-height: 28px; margin-bottom: 30px; } .contactCntr a.btn, #missionCntr a.btn { display: inline-block; line-height: 66px; height: 61px; padding: 0 32px 0 30px; text-decoration: none; background: #fff; color: #433c1b; font-size: 19px; font-family: 'digital-serialbold'; } .contactCntr a.btn .one, #missionCntr a.btn .one { height: 20px ; display: inline; vertical-align: middle; margin-right: 22px; } .contactCntr a.btn .two, #missionCntr a.btn .two { height: 20px; display: none; } .contactCntr a.btn:hover, #missionCntr a.btn:hover { text-decoration: underline; } #missionCntr ul { margin-bottom: 32px; list-style-type: disc; padding-left: 18px; } #missionCntr ul li { font-size: 15px; line-height: 28px; list-style-type: disc; color: #433c1b;} #contactWrapper .contactCntr:nth-child(1) .left{ position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #bdcd09; } #contactWrapper .contactCntr:nth-child(1) .right{ background-image: none!important; position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 0;} #contactWrapper .contactCntr:nth-child(2) .left{ position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #bdcc01; background-image:none!important; } #contactWrapper .contactCntr:nth-child(2) .right{ position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 0;background-size: 100% auto!important; background-position: center center!important; } #contactWrapper .contactCntr:nth-child(2) .center { z-index: 1; } #contactWrapper .contactCntr:nth-child(2) .text { padding: 50px 50px 50px 0; width: 50%; float: left; background: #bdcc01; overflow: hidden; } #contactWrapper .contactCntr:nth-child(2) .photo { display: none; } #contactWrapper .contactCntr:nth-child(2) ul { border: 1px solid #ADBB00; } #contactWrapper .contactCntr:nth-child(2) ul li{ border-bottom: 1px solid #ADBB00;background: #CBDA12; } #contactWrapper .contactCntr:nth-child(2) ul.buttons li a{ background: #433c1b; } #contactWrapper .contactCntr{ font-weight: normal; color: #433c1b;} #contactWrapper .contactCntr h2{ font-size: 28px; margin-bottom: 20px;} #contactWrapper .contactCntr table{ font-size: 14px; line-height: 21px; vertical-align: top; margin-bottom: 30px; } #contactWrapper .contactCntr table tr{ padding-bottom: 20px;} #contactWrapper .contactCntr table tr td{ vertical-align: top;} #contactWrapper .contactCntr table tr td.label{ text-transform: uppercase; width: 200px; font-size: 13px; font-weight: bold; } #contactWrapper .contactCntr p strong{ display: block; width: 150px; float: left;} #contactWrapper .contactCntr ul { border: 1px solid #C9C7BE; box-sizing: border-box; margin-bottom: 15px;} #contactWrapper .contactCntr ul li{ font-size: 14px; padding: 10px 15px; border-bottom: 1px solid #C9C7BE; background: #EFEDE5;} #contactWrapper .contactCntr ul li:nth-last-child(1){ border-bottom: none;} #contactWrapper .contactCntr ul li strong{ display: block; width: 190px; float: left; font-size: 13px; text-transform: uppercase;} #contactWrapper .contactCntr ul.buttons{ border: none; padding: 0; background: none;} #contactWrapper .contactCntr ul.buttons li{ border: none; padding:0; background: none;} #contactWrapper .contactCntr ul.buttons li a{ display: inline-block; line-height: 41px; padding: 0 15px 0 15px; text-decoration: none; background: #bdcc01; color: #fff; font-size: 16px; font-family: 'digital-serialbold'; } /* ### kitchens container ### */ #kitchensCntr { width: 100%; position: relative; overflow: hidden; } #kitchensCntr .left { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #bdcd09; } #kitchensCntr .right { position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 0; background-size: cover!important; background-position: center center!important;} #kitchensCntr .center { z-index: 1; } #kitchensCntr .text { padding: 50px 50px 50px 0; width: 50%; float: left; background: #bdcd09; overflow: hidden; } #kitchensCntr h2, #kitchensCntr h3 { color: #fff; font-size: 37px; font-weight: normal; margin-bottom: 30px; font-family: 'digital-serialbold'; } #kitchensCntr p { color: #fff; font-size: 15px; line-height: 28px; margin-bottom: 32px; } #kitchensCntr a.btn { display: inline-block; line-height: 66px; height: 62px; padding: 0 27px 0 30px; text-decoration: none; background: #fff; color: #302904; font-size: 19px; font-family: 'digital-serialbold'; } #kitchensCntr a.btn .one { height: 20px; display: inline; vertical-align: middle; margin-right: 22px; } #kitchensCntr a.btn .two { height: 20px; display: none; } #kitchensCntr a.btn:hover { text-decoration: underline; } #kitchensCntr .photo { display: none; } /* ### styles container ### */ #stylesCntr { width: 100%; background: #f8f8f8; padding: 60px 0 0 0; } #stylesCntr h4 { color: #2a2a2a; font-size: 37px; font-weight: normal; font-family: 'digital-serialbold'; text-align: center; background: url(../images/bg1.png) no-repeat center 0; padding: 28px 0 48px 0; } #stylesCntr .holder { overflow: hidden; width: 100%; } #stylesCntr .block { float: left; width: 25%; background: #000; } #stylesCntr img { width: 100%; } #stylesCntr a { width: 100%; position: relative; text-decoration: none; display: block; } #stylesCntr span { position: absolute; bottom: 23px; display: block; left: 33px; color: #fff; font-size: 27px; font-family: 'digital-serialbold'; } #stylesCntr a:hover img{ opacity: 0.8;} /* ### affiliates container ### */ #affiliatesCntr { width: 100%; background: #302904; padding: 60px 0 46px 0; } #affiliatesCntr h5 { color: #fff; font-size: 37px; font-weight: normal; font-family: 'digital-serialbold'; text-align: center; background: url(../images/bg1.png) no-repeat center 0; padding: 28px 0 48px 0; } #affiliatesCntr .holder { overflow: hidden; margin-right: -44px; } #affiliatesCntr .block { float: left; padding-right: 44px; width: 50%; margin-bottom: 16px; } #affiliatesCntr .block a { text-decoration: none; } #affiliatesCntr .inner { width: 100%; } #affiliatesCntr .photo { width: 100%; position: relative; } #affiliatesCntr .photo img { width: 100%; } #affiliatesCntr .photo span { position: absolute; display: inline-block; top: 38px; left: 0; padding: 0 27px 0 23px; line-height: 51px; color: #fff; font-size: 23px; font-family: 'digital-serialbold'; background: #bdcc01; } #affiliatesCntr .photo span.closed { background: #cc0101; } #affiliatesCntr .text { background: #fff url(../images/bg2.png) no-repeat right; } #affiliatesCntr .text p { color: #302904; font-size: 21px; line-height: 31px; padding: 26px 0 24px 32px; font-family: 'digital-serial_dbregular'; } #affiliatesCntr .text p span { font-size: 24px; display: block; font-family: 'digital-serialbold'; } /* ### download container ### */ #downloadCntr { width: 100%; padding: 60px 0 66px 0; background: #dedbcd; } #downloadCntr .left{ width: 50%; float: left; } #downloadCntr .right{ width: 50%; float: left; } #downloadCntr h6 { color: #302904; font-size: 37px; font-weight: normal; font-family: 'digital-serialbold'; text-align: center; background: url(../images/bg1.png) no-repeat center 0; padding: 28px 0 34px 0; } #downloadCntr .photo { width: 50%; float: left; } #downloadCntr .photo img { display: inline; max-width: 90%; height: auto;} #downloadCntr .right .photo img { margin-left: 10%;} #downloadCntr .text { float: left; width: 50%; padding-top: 30px; } #downloadCntr .text span.head { color: #302904; font-size: 24px; display: block; margin-bottom: 12px; font-family: 'digital-serialbold'; } #downloadCntr .text p { color: #433c1b; font-size: 15px; line-height: 28px; margin-bottom: 20px; } #downloadCntr .text a.btn { border: 2px solid #bdcc01; height: 61px; display: inline-block; text-decoration: none; color: #433c1b; font-size: 19px; font-family: 'digital-serialbold'; padding: 0 20px; line-height: 61px; transition: 0.3s all; } #downloadCntr .text a.btn .svgicon { display: inline-block; vertical-align: top; padding-top: 16px; margin-right: 20px; height: 40px; } #downloadCntr .text a.btn:hover { background: #bdcc01; transition: 0.3s all; } /* ### homepagina double ### */ #homeDouble{ width: 100%; } #homeDouble #stylesCntr, #homeDouble #mapCntr{ width: 50%; float: left;} #homeDouble #mapCntr{ background: #f8f8f8; padding: 60px 0 0 0;} #homeDouble #mapCntr .maps{ width: 100%; height: 100%; background: #C3C1C1;} #homeDouble #mapCntr h4 { color: #2a2a2a; font-size: 37px; font-weight: normal; font-family: 'digital-serialbold'; text-align: center; background: url(../images/bg1.png) no-repeat center 0; padding: 28px 0 48px 0; } #homeDouble #stylesCntr .block{ width: 50%; height: 320px;} #homeDouble #stylesCntr .block a .bg{ background-size: cover; position: absolute; left: 0; top: 0; bottom: 0; right: 0; } #homeDouble #stylesCntr .block a .bg:hover{ opacity: 0.8; } /* ### values container ### */ #valuesCntr { width: 100%; padding: 48px 0; background: #bdcc01; } #valuesCntr.sub { padding: 40px 0 30px 0; } #valuesCntr h1 { color: #2f2702; font-size: 37px; font-weight: normal; font-family: 'digital-serialbold'; padding-left: 40px; } #valuesCntr p { color: #fff; font-size: 18px; margin-top: 10px; font-weight: normal; font-family: 'digital-serialbold'; padding-left: 40px; } #valuesCntr a.backLink{ float: right; padding-right: 40px; font-size: 18px; color: #2a2a2a;} #valuesCntr.sub h1 { float: left; } #valuesCntr h1 span { font-size: 20px; display: block; } #valuesCntr .btns { float: right; overflow: hidden; margin: 0 40px 0 0; } #valuesCntr .btns a{ margin-left: 10px; } #valuesCntr a.btn1 { float: left; line-height: 51px; padding: 0 20px; text-decoration: none; background: #2f2703; font-size: 19px; color: #fff; font-family: 'digital-serialbold'; display: inline-block; } #valuesCntr a.btn1:hover { text-decoration: underline; } #valuesCntr a.btn2 { float: left; line-height: 51px; padding: 0 20px; text-decoration: none; background: #fff; font-size: 19px; color: #2f2703; font-family: 'digital-serialbold'; display: inline-block; } #valuesCntr a.btn2:hover { text-decoration: underline; } #valuesCntr a.back { float: right; margin: 7px 40px 0 0; color: #2a2a2a; font-size: 18px; text-decoration: none; font-family: 'digital-serialbold'; } #valuesCntr a.back img { display: inline; vertical-align: middle; margin-right: 20px; } #valuesCntr a.back:hover { text-decoration: underline; } #valuesCntr .btns a.active{ background: #2f2703 !important; color: #fff !important; } #valuesCntr .btns a:not(.active){ background: #fff !important; color: #2f2703 !important; } /* ### craftsmanship container ### */ #craftsmanshipCntr { } #craftsmanshipCntr .block { float: left; width: 100%; margin-bottom: 20px; } #craftsmanshipCntr .inner { width: 100%; } #craftsmanshipCntr .photo { float: left; width: 23%; position: relative; margin-bottom: 30px; margin-right: 2%; } #craftsmanshipCntr .photo img { width: 100%; } #craftsmanshipCntr .photo span { width: 57px; height: 57px; text-align: center; line-height: 57px; color: #fff; font-size: 27px; font-family: 'digital-serialbold'; display: block; position: absolute; bottom: -13px; left: -16px; background: #2f2703; } #craftsmanshipCntr .text { float: left; width: 75%; padding: 0 15px; } /* ### method container ### */ #methodCntr { width: 100%; overflow: hidden; position: relative; min-height: 400px;} #methodCntr .left { position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: 0; background-size: cover!important; background-position: center center; } #methodCntr .left img { z-index: 0; min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto;} #methodCntr .right { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: #dedbcd; } #methodCntr .center { z-index: 1; } #methodCntr .text { padding: 50px 0 50px 50px; width: 50%; float: right; background: #dedbcd; overflow: hidden; } #methodCntr h2 { color: #433c1b; font-size: 37px; font-weight: normal; margin-bottom: 52px; font-family: 'digital-serialbold'; } #methodCntr p { color: #433c1b; font-size: 15px; line-height: 28px; margin-bottom: 32px; } #methodCntr a.btn { display: inline-block; line-height: 62px; padding: 0 27px 0 30px; text-decoration: none; background: #fff; color: #433c1b; font-size: 19px; font-family: 'digital-serialbold'; } #methodCntr a.btn .one { height: 20px; display: inline; vertical-align: middle; margin-right: 22px; } #methodCntr a.btn .two { height: 20px; display: none; } #methodCntr a.btn:hover { text-decoration: underline; } #methodCntr .photo { display: none; } /* ### view container ### */ #viewCntr { width: 100%; background: url(../images/view_bg.jpg) no-repeat center center; background-size: cover; } #viewCntr .text { width: 38%; padding: 124px 0 116px 0; } #viewCntr h3 { color: #fff; font-size: 37px; font-weight: normal; margin-bottom: 52px; font-family: 'digital-serialbold'; text-shadow: 1px 1px 2px rgba(0,0,0,.3); } #viewCntr p { color: #fff; font-size: 15px; line-height: 28px; margin-bottom: 52px; } #viewCntr a.btn { display: inline-block; line-height: 61px; padding: 0 25px 0 30px; text-decoration: none; background: #bdcc01; color: #fff; font-size: 19px; font-family: 'digital-serialbold'; } #viewCntr a.btn .one { height: 20px; display: inline; vertical-align: middle; margin-right: 22px; } #viewCntr a.btn .two { height: 20px; display: none; } #viewCntr a.btn:hover { text-decoration: underline; } #viewCntr img.man { position: absolute; bottom: 0; right: 464px; } /* ### advice container ### */ #adviceCntr { width: 100%; } #adviceCntr .advice { width: 100%; padding-left: 11px; background: #2f2703; } #adviceCntr .block { position: relative; width: 100%; height: calc(100vh - 90px); background: url(../images/advice_bg1.jpg) no-repeat center center; background-size: cover; box-sizing: border-box; } #adviceCntr .block:nth-child(1){ height: calc(100vh - 220px);} #adviceCntr span.label { position: absolute; top: 41px; left: 0; width: 136px; text-align: right; padding-right: 10px; line-height: 43px; background: #2f2703; color: #fff; font-size: 20px; font-family: 'digital-serialbold'; } #adviceCntr .bot { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 86px 68px 80px; overflow: hidden; } #adviceCntr .text { float: left; width: 65%; } #adviceCntr h2.head { color: #fff; font-size: 37px; margin-bottom: 6px; font-family: 'digital-serialbold'; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } #adviceCntr p { color: #fff; font-size: 15px; line-height: 28px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } #adviceCntr a.btn { float: right; margin-top: 24px; border: 3px solid #fff; padding: 0 28px; line-height: 57px; height: 61px; text-decoration: none; color: #fff; font-size: 19px; font-family: 'digital-serialbold'; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); display: none; } #adviceCntr a.btn .svgicon { height: 15px; display: inline-block; vertical-align: top; margin-top: 21px; margin-right: 20px; } #adviceCntr a.btn:hover { text-decoration: underline; } #adviceCntr .paging { position: fixed; top: 50%; margin-top: -57px; width: 15px; right: 15px; z-index: 100; } #adviceCntr .paging a { display: inline-block; margin: 9px 0; text-decoration: none; background: url(../images/paging_bg1.png) no-repeat; width: 15px; height: 15px; } #adviceCntr .paging a.active { background: url(../images/paging_bg1_hover.png) no-repeat; } /* ### project container ### */ #projectCntr { width: 100%; position: relative; overflow: hidden; } #projectCntr .left { float: left; width: 65%; height: 100%; overflow: hidden; z-index: 100; position: relative; } #projectCntr .left .project { width: 100%; height: 777px; } #projectCntr .left .project.scroll { overflow-y: scroll; } #projectCntr .left .holder { overflow-y: visible; } #projectCntr .left .block { float: left; width: 33.33%; height: 250px!important; background-position: center center!important; background-size: cover!important; } #projectCntr .left a { width: 100%; position: relative; text-decoration: none; display: block; height: 250px!important; } #projectCntr .left img { width: 100%; min-height: 200px;} #projectCntr .left span.top { position: absolute; top: 38px; left: 38px; display: inline-block; padding: 0 10px; line-height: 32px; color: #fff; font-size: 19px; font-family: 'digital-serialbold'; background: #2f2703; z-index: 100; } #projectCntr .left span.bot { position: absolute; bottom: 30px; left: 36px; color: #fff; font-size: 27px; font-family: 'digital-serialbold'; z-index: 100; text-shadow: 0 1px 8px rgba(0,0,0,1); } #projectCntr .left span.over { position: absolute; top: 0; left: 0; width: 100%; display: block; height: 100%; background: url(../images/bg4.png) repeat; } #projectCntr .left .block.active a span.top, #projectCntr .left a:hover span.top { background: #bdcc01; } #projectCntr .left .block.active a span.over, #projectCntr .left a:hover span.over { display: none; } #projectCntr .right { float: right; width: 35%; position: absolute; top: 0; right: 0; height: 100%; } #projectCntr .right > img { z-index: 0; min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto;} #projectCntr .map { display: none; } /* ### suites container ### */ #suitesCntr { width: 100%; overflow: hidden; position: relative; min-height: 700px; } #suitesCntr .left { position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: 0; } #suitesCntr.project .left{ min-height: 500px;} #suitesCntr .left img { z-index: 0; min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto;} #suitesCntr .right { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: #fff; } #suitesCntr .center { z-index: 1; } #suitesCntr .text { padding: 76px 0 80px 68px; width: 50%; float: right; background: #fff; overflow: hidden; } .page-id-1048 #suitesCntr .text{ width: 70%;} #suitesCntr h2 { color: #433c1b; font-size: 37px; line-height: 48px; font-weight: normal; margin-bottom: 28px; font-family: 'digital-serialbold'; } #suitesCntr h3 { color: #433c1b; font-size: 20px; line-height: 24px; font-weight: normal; margin-bottom: 6px; font-family: 'digital-serialbold'; } #suitesCntr p { color: #433c1b; font-size: 15px; line-height: 28px; margin-bottom: 30px; } #suitesCntr a{ color: #433c1b; font-weight: bold;} #suitesCntr ul, #suitesCntr ol{ padding-left: 20px; margin-bottom: 30px; } #suitesCntr ul li{ list-style: disc; font-size: 15px;line-height: 28px; } #suitesCntr ol li{ list-style: decimal; font-size: 15px; line-height: 28px;} p .alignleft { float: left; margin: 0 20px 20px 0; max-width: 40%; height: auto;} p .alignright { float: right; margin: 0 0 20px 20px;} #suitesCntr ul.betrokken{ margin: 0; padding: 0;} #suitesCntr ul.betrokken li{ display: inline-block; width: 250px; text-align: center; height: auto; overflow: hidden; border: 1px solid #C7C7C7; padding: 10px; box-sizing: border-box;} #suitesCntr ul.betrokken li a, #suitesCntr ul.betrokken li span{ font-size: 13px; text-decoration: none;} #suitesCntr ul.betrokken li img{ max-width: 100%; height: auto; max-height: 70px; margin: 0 auto; width: auto;} #suitesCntr .bot { overflow: hidden; border-top: 1px solid #c4c4c4; padding-top: 44px; } #suitesCntr .bot .col1 { float: left; } #suitesCntr .bot .col2 { float: right; } #suitesCntr .bot span.head { color: #433c1b; font-size: 15px; line-height: 28px; font-weight: bold; } #suitesCntr .bot span.head a { color: #433c1b; text-decoration: none; margin-left: 6px; font-weight: normal; } #suitesCntr .bot span.head a:hover { text-decoration: underline; } #suitesCntr .bot span.head img { display: inline; vertical-align: middle; margin-left: 18px; } #suitesCntr .photo { display: none; } #suitesCntr.beleefEDW .right, #suitesCntr.beleefEDW .left{ width: 100%; position: inherit;} /* ### news container ### */ #newsCntr { width: 100%; background: #f8f8f8; } #newsCntr .center { background: url(../images/news_bg1.png) repeat-y; padding: 80px 160px 88px 238px; } #newsCntr h3 { color: #2a2a2a; font-size: 37px; margin-bottom: 22px; font-weight: normal; font-family: 'digital-serialbold'; } #newsCntr .block { background: #fff; padding: 28px 32px 30px 40px; position: relative; margin-bottom: 40px; } #newsCntr img.bullet { position: absolute; top: 0; left: -78px; } #newsCntr h2 { font-size: 27px; font-weight: normal; line-height: 26px; margin-bottom: 6px; font-family: 'digital-serialbold'; } #newsCntr h2 a{ color: #2a2a2a; text-decoration: none; font-size: 27px;} #newsCntr p.date { display: block; font-size: 16px; color: #bdcc01; } #newsCntr .thumbnail{ float: right; margin-left: 20px; } #newsCntr .thumbnail img{ max-width: 100%; height: auto;} #newsCntr p { color: #433c1b; font-size: 15px; line-height: 28px; margin-bottom: 12px; } #newsCntr a { color: #2a2a2a; font-size: 15px; } #newsCntr a:hover { text-decoration: none; } #newsCntr .bot { padding-top: 12px; width: 100%; text-align: center; } #newsCntr .bot a { color: #2a2a2a; font-size: 18px; text-decoration: none; border: 1px solid #d5d5d5; line-height: 50px; height: 50px; padding: 0 22px; display: inline-block; font-family: 'digital-serialbold'; } #newsCntr .bot a:hover { text-decoration: underline; } /* ### related posts ### */ #relatedPosts { width: 100%; background: #f8f8f8; } #relatedPosts .center { background: url(../images/news_bg1.png) repeat-y; padding: 80px 160px 88px 238px; } #relatedPosts h3 { color: #2a2a2a; font-size: 37px; margin-bottom: 22px; font-weight: normal; font-family: 'digital-serialbold'; } #relatedPosts .block { background: #fff; padding: 28px 32px 30px 40px; position: relative; margin-bottom: 40px; } #relatedPosts img.bullet { position: absolute; top: 0; left: -78px; } #relatedPosts h2 { font-size: 27px; font-weight: normal; line-height: 26px; margin-bottom: 6px; font-family: 'digital-serialbold'; } #relatedPosts h2 a{ color: #2a2a2a; text-decoration: none;} #relatedPosts p.date { display: block; font-size: 16px; color: #bdcc01; } #relatedPosts .thumbnail{ float: right; margin-left: 20px; } #relatedPosts .thumbnail img{ max-width: 100%; height: auto;} #relatedPosts p { color: #433c1b; font-size: 15px; line-height: 28px; margin-bottom: 12px; } #relatedPosts a { color: #2a2a2a; font-size: 15px; } #relatedPosts a:hover { text-decoration: none; } #relatedPosts .bot { padding-top: 12px; width: 100%; text-align: center; } #relatedPosts .bot a { color: #2a2a2a; font-size: 18px; text-decoration: none; border: 1px solid #d5d5d5; line-height: 50px; height: 50px; padding: 0 22px; display: inline-block; font-family: 'digital-serialbold'; } #relatedPosts .bot a:hover { text-decoration: underline; } /* ### selected container ### */ #selectedCntr { width: 100%; padding: 62px 0 0 0; } #selectedCntr h5 { color: #2a2a2a; font-size: 37px; font-weight: normal; font-family: 'digital-serialbold'; text-align: center; background: url(../images/bg1.png) no-repeat center 0; padding: 28px 0 66px 0; } #selectedCntr .holder { overflow: hidden; } #selectedCntr .block { float: left; width: 33.33%; } #selectedCntr a { display: block; width: 100%; text-decoration: none; position: relative; } #selectedCntr img { width: 100%; } #selectedCntr span { position: absolute; bottom: 32px; left: 40px; color: #fff; font-size: 36px; font-family: 'digital-serialbold'; } /* ### make container ### */ #makeCntr { width: 100%; position: relative; overflow: hidden; } #makeCntr .left { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #fff; } #makeCntr .right { position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 0; } #makeCntr .right img { z-index: 0; min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; } #makeCntr .center { z-index: 1; } #makeCntr .make { padding: 74px 0 92px 0; width: 50%; position: relative; z-index: 100; background: #fff; overflow: hidden; } #makeCntr h6 { color: #2a2a2a; font-size: 37px; margin-bottom: 22px; font-weight: normal; padding-left: 40px; font-family: 'digital-serialbold'; } #makeCntr .tab { background: url(../images/bg5.png) repeat-x 0 bottom; width: 100%; margin-bottom: 40px; padding: 0 40px; } #makeCntr .tab ul { overflow: hidden; } #makeCntr .tab li { float: left; margin-right: 9px; font-size: 20px; font-family: 'digital-serialbold'; } #makeCntr .tab li a { display: block; background: #fff; padding: 0 36px; line-height: 66px; height: 66px; text-decoration: none; color: #2a2a2a; border: 1px solid #cdcbcb; } #makeCntr .tab li.active a { border-bottom: 0; color: #bdcc01; } #makeCntr .tab li:last-child { margin-right: 0; } #makeCntr fieldset { border: 0; width: 100%; padding: 0 38px 0 40px; } #makeCntr .holder { overflow: hidden; margin-right: -23px; } #makeCntr .block { float: left; width: 50%; padding-right: 23px; margin-bottom: 22px; } #makeCntr .inner { width: 100%; } #makeCntr .inner .text { width: 100%; border: 1px solid #c4c4c4; height: 55px; position: relative; } #makeCntr .inner label { display: block; margin-bottom: 7px; color: #433c1b; font-size: 15px; font-weight: bold; width: 100%; } #makeCntr .inner input[type="text"] { border: 0; background: none; width: 100%; height: 55px; line-height: 55px; padding: 0 20px; color: #433c1b; font-size: 15px; } #makeCntr .inner img.icon { position: absolute; top: 16px; right: 16px; } #makeCntr input[type="submit"] { border: 0; background: #bdcc01; margin-top: 18px; width: 208px; cursor: pointer; height: 55px; color: #fff; font-size: 18px; font-family: 'digital-serialbold'; } #makeCntr .photo { display: none; } /* ### contact container ### */ #contactCntr { width: 100%; padding: 465px 0 60px 0; background: url(../images/contact_bg.jpg) no-repeat center center; background-size: cover; } #contactCntr .holder { overflow: hidden; margin-right: -44px; } #contactCntr .block { float: left; width: 50%; padding-right: 44px; } #contactCntr .inner { width: 100%; background: #fff; overflow: hidden; } #contactCntr .top { background: #fff url(../images/bg6.png) no-repeat right; padding: 18px 0 18px 32px; } #contactCntr .top h2 { color: #302904; font-size: 27px; line-height: 48px; font-weight: normal; font-family: 'digital-serialbold'; } #contactCntr .top h2 span { font-size: 25px; line-height: 31px; font-family: 'digital-serial_dbregular'; display: block; } #contactCntr .left { float: left; width: 55%; height: 100%; } #contactCntr .left .details { border-top: 1px solid #e8e8e8; padding: 20px 0 20px 32px; } #contactCntr .left .details li { line-height: 28px; font-size: 15px; color: #433c1b; } #contactCntr .left .details li span { float: left; font-weight: bold; width: 163px; } #contactCntr .left .open { border-top: 1px solid #e8e8e8; padding: 22px 0 25px 32px; } #contactCntr .left .open h3 { color: #302904; font-size: 27px; font-weight: normal; margin-bottom: 12px; font-family: 'digital-serialbold'; } #contactCntr .left .open li { line-height: 24px; font-size: 15px; color: #433c1b; } #contactCntr .left .open li span { float: left; font-weight: bold; width: 163px; } #contactCntr .right { float: right; width: 45%; height: 100%; } #contactCntr .right .photo { width: 100%; position: relative; overflow: hidden; height: 100%; } #contactCntr .right .photo img { z-index: 0; min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; } #contactCntr .right .photo span { display: block; width: 121px; line-height: 35px; background: #bdcc01; color: #fff; font-size: 15px; font-family: 'digital-serialbold'; position: absolute; top: 50%; left: 0; margin-top: -17px; text-align: center; } #contactCntr .right .photo span.red { background: #cc0101; } #contactCntr .right a.btn { background: #2f2703; line-height: 61px; display: block; text-decoration: none; height: 61px; color: #fff; font-size: 23px; font-family: 'digital-serialbold'; padding-left: 30px;} #contactCntr .right a.btn img { display: inline; vertical-align: middle; margin-right: 23px; } #contactCntr .right a.btn:hover { text-decoration: underline; } /* ### footer container ### */ #footerCntr { overflow: hidden; width: 100%; background: #dedbcd; padding: 86px 0 82px 0; } #footerCntr .col1 { float: left; width: 20%; padding-left: 40px; background: url(../images/footer_sep.png) no-repeat right; } #footerCntr .col2 { float: left; width: 50%; padding: 0 30px 0 42px; background: url(../images/footer_sep.png) no-repeat right; overflow: hidden; } #footerCntr .col3 { float: left; width: 30%; padding: 0 20px 0 70px; position: relative; } #footerCntr h3 { color: #302804; font-size: 18px; display: block; margin-bottom: 10px; font-family: 'digital-serialbold'; } #footerCntr .col2 ul { float: left; width: 33.33%; } #footerCntr ul{ margin-left: 18px;} #footerCntr li { list-style: disc; font-size: 14px; line-height: 21px; padding-left: 0; } #footerCntr li a { color: #756f54; text-decoration: none; } #footerCntr li a:hover { text-decoration: underline; } #footerCntr address { color: #433c1b; font-size: 15px; font-style: normal; line-height: 28px; } #footerCntr address a { color: #433c1b; text-decoration: none; } #footerCntr address a:hover { text-decoration: underline; } #footerCntr .logo { position: absolute; top: 45px; right: 10px; } #footerCntr .col3.tab { display: none; } #footerCntr .mobile { display: none; } /* ### impressie keukens ### */ #impressieCntr{ width: 100%; } #impressieCntr .box{ background-size: cover !important; background-position: center center !important;} #impressieCntr .box span{ position: relative; top: calc(100% - 30px); float: right; padding-right: 20px; color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.32); font-size: 12px; } #impressieCntr .photoBlock{ float: left;width: 500px; height: 500px; background-size: cover !important; } #impressieCntr .impressieBreadcrumbs{ background: #bdcd09; text-align: center; padding:30px 0;} #impressieCntr .impressieBreadcrumbs li{ display: inline-block;} #impressieCntr .impressieBreadcrumbs li a{ display: inline-block; line-height: 66px; height: 62px; padding: 0 27px 0 30px; text-decoration: none; background: #fff; color: #302904; font-size: 19px; font-family: 'digital-serialbold';} #impressieCntr .impressieBreadcrumbs li a.btn-brown{ background: #433C1B; color: #fff;} /* ### catalogus ### */ #blocksCntr{ width: 100%; box-sizing: border-box;} #blocksCntr .block{ width: 33.3%; float: left; background-size: cover!important; position: relative; height: 400px;} #blocksCntr .block .overlay{ position: absolute; z-index: 9; background: rgba(0,0,0,0.25); width: 100%; height: 100%; } #blocksCntr .block:hover .overlay{ background: rgba(0,0,0,0.40); } #blocksCntr .block a{ position: absolute; z-index: 10; display: block; width: 100%; height: 100%; } #blocksCntr .block a h3{ position: absolute; bottom: 50px; left: 30px; color: #fff; font-size: 24px; font-family: 'digital-serialbold'; text-shadow: 0 1px 2px rgba(0,0,0,0.32);} #blocksCntr .block a p{ position: absolute; bottom: 30px; left: 30px; color: #bdcc01; font-size: 16px; font-family: 'digital-serialbold';} #blocksCntr .blockTitle{ width: 100%; padding: 30px 0; text-align: center; border-top: 1px solid #dedbcd; border-bottom: 1px solid #dedbcd; } #blocksCntr .blockTitle h2{ color: #2a2a2a; font-size: 37px; font-weight: normal; font-family: 'digital-serialbold'; text-align: center; background: url(../images/bg1.png) no-repeat center 0; padding: 28px 0 20px 0;} #formCntr{ width: 100%; padding: 40px 0;} /* ### Google Maps ### */ #googleMaps{ width: 100%; height: 500px; } /* ### popup container ### */ #popupCntr { display: none;} #popupCntr.active { display: block;} #popupCntr .overlay { min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background: rgba(22,20,11,0.85); } #popupCntr .popup { position: absolute; top: 10vh; left: 50%; margin-left: -397px; width: 795px; z-index: 999999; } #popupCntr .popup .pop { position: relative; background: #fff; } #popupCntr .popup .pop a.close { position: absolute; top: 29px; right: 31px; cursor: pointer;} #popupCntr .top { padding: 50px 38px 15px 40px; width: 100%; } #popupCntr h2 { color: #2a2a2a; font-size: 37px; margin-bottom: 12px; font-weight: normal; font-family: 'digital-serialbold'; } #popupCntr p { color: #433c1b; font-size: 15px; line-height: 28px; margin-bottom: 25px; } #popupCntr .tab { background: url(../images/bg5.png) repeat-x 0 bottom; width: 100%; margin-bottom: 40px; padding: 0 38px; } #popupCntr .tab ul { overflow: hidden; } #popupCntr .tab li { float: left; margin-right: 9px; font-size: 20px; font-family: 'digital-serialbold'; } #popupCntr .tab li a { display: block; background: #fff; padding: 0 36px; line-height: 66px; height: 66px; text-decoration: none; color: #2a2a2a; border: 1px solid #c4c4c4; } #popupCntr .tab li.active a { border-bottom: 0; color: #bdcc01; } #popupCntr .tab li:last-child { margin-right: 0; } #popupCntr .tabContent { border: 0; width: 100%; padding: 0 38px 46px 40px; } #popupCntr .holder { overflow: hidden; margin-right: -23px; } #popupCntr .block { float: left; width: 50%; padding-right: 23px; margin-bottom: 22px; } #popupCntr .block.wide{ width: 100%;} #popupCntr .tabContent { width: 100%; } #popupCntr .tabContent .text { width: 100%; border: 1px solid #c4c4c4; height: 55px; position: relative; } #popupCntr .tabContent label { display: block; margin-bottom: 7px; color: #433c1b; font-size: 15px; font-weight: bold; width: 100%; } #popupCntr .tabContent input { border: 0; background: none; width: 100%; height: 55px; line-height: 55px; padding: 0 20px; color: #433c1b; font-size: 15px; box-sizing: border-box; } #popupCntr .tabContent textarea { border: 1px solid #c4c4c4; background: none; width: 100%; height: 85px; line-height: 55px; padding: 0 20px; color: #433c1b; font-size: 15px; box-sizing: border-box; } #popupCntr .tabContent input.wpcf7-not-valid{ background: #FFF3F3; border-bottom: 1px solid #C4C4C4;} #popupCntr .tabContent select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; width: 100%; height: 55px; padding: 0 20px; font-size: 15px; cursor: pointer; border: 1px solid #c4c4c4; background: #fff url(../images/arrow_select.svg) no-repeat right; background-size: 50px} #popupCntr .tabContent select.wpcf7-not-valid{ background: #FFF3F3 url(../images/arrow_select.svg) no-repeat right; background-size: 50px} #popupCntr .tabContent img.icon { position: absolute; top: 16px; right: 16px; height: 23px; } #popupCntr .tabContent [type="submit"] { border: 0; background: #bdcc01; margin-top: 18px; width: 208px; cursor: pointer; height: 55px; color: #fff; font-size: 18px; font-family: 'digital-serialbold'; -webkit-appearance: none;} span.wpcf7-not-valid-tip{ float: left;} /* ### afspraak pagina ### */ .afspraak-maken label { display: block; margin-bottom: 7px; color: #433c1b; font-size: 15px; font-weight: bold; width: 100%; margin-top: 15px; } .afspraak-maken .inner { width: 50%; float: left; } .afspraak-maken input { width: 95%; border: 1px solid #ccc; background: none; height: 55px; line-height: 55px; padding: 0 20px; color: #433c1b; font-size: 15px; box-sizing: border-box; } .afspraak-maken select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; width: 95%; height: 55px; padding: 0 20px; font-size: 15px; cursor: pointer; border: 1px solid #c4c4c4; background: #fff url(../images/arrow_select.svg) no-repeat right; background-size: 50px} .afspraak-maken textarea { width: 195%; border: 1px solid #ccc; } .afspraak-maken [type="submit"] { border: 0; background: #bdcc01; margin-top: 18px; width: 208px; cursor: pointer; height: 55px; color: #fff; font-size: 18px; font-family: 'digital-serialbold'; -webkit-appearance: none;} .afspraak-maken .tab { background: url(../images/bg5.png) repeat-x 0 bottom; width: 100%; margin-bottom: 40px; padding: 0 38px; } .afspraak-maken .tab ul { overflow: hidden; } .afspraak-maken .tab li { float: left; margin-right: 9px; font-size: 20px; font-family: 'digital-serialbold'; } .afspraak-maken .tab li a { display: block; background: #fff; padding: 0 36px; line-height: 66px; height: 66px; text-decoration: none; color: #2a2a2a; border: 1px solid #c4c4c4; } .afspraak-maken .tab li:last-child { margin-right: 0; } .afspraak-maken .tab li.active a { border-bottom: 0; color: #bdcc01; } #contentCntr { padding: 50px 0; } #contentCntr .center{ max-width: 900px; } #contentCntr .intro{ padding: 30px; width: 100%; background: #2a2a2a; color: #ffffff; font-size: 19px; margin: -100px 0 30px;} #contentCntr .intro p:nth-last-child(1){ padding-bottom: 0; margin-bottom: 0;} #contentCntr .contentBox{ border-left: 5px solid #e2e2e2; padding-left: 30px; box-sizing: border-box; color: #433c1b;} #contentCntr h2 { font-size: 32px; font-weight: normal; margin-bottom: 20px; font-family: 'digital-serialbold'; } #contentCntr h3 { font-size: 26px; font-weight: normal; margin-bottom: 20px; font-family: 'digital-serialbold'; } #contentCntr h4 { font-size: 21px; font-weight: normal; margin-bottom: 20px; font-family: 'digital-serialbold'; } #contentCntr p { font-size: 15px; line-height: 28px; margin-bottom: 30px; } #contentCntr p a{ color: #BDCC01; font-weight: bold; text-decoration: none; } #contentCntr p a:hover{ text-decoration: underline; } #contentCntr .alignright { float: right; margin-left: 20px; } #contentCntr .alignleft { float: left; margin-right: 20px; } #contentCntr ul, #contentCntr ol{ padding-left: 20px; margin-bottom: 30px; } #contentCntr ul li{ list-style: disc; font-size: 15px;line-height: 28px; } #contentCntr ol li{ list-style: decimal; font-size: 15px; line-height: 28px;} .page-template-default #contentCntr{ padding: 0;} .vc_row { padding: 50px 0; margin-bottom: 0!important;} .vc_row .vc_row, .wpb_content_element, .vc_tta-container{ max-width: 1200px; margin: 0 auto; padding: 0;} .vc_row.white{ color: #fff!important;} #contentCntr .vc_tta-tabs-list{ margin-bottom: 0; padding: 0;} #contentCntr .vc_tta-tab{ line-height: 24px; margin: 0; display: inline-block; border: 1px solid #ddd; border-bottom:none; border-right: none; } #contentCntr .vc_tta-tab a{ border-radius: 0; font-size: 18px; font-weight: normal; font-family: 'digital-serialbold'; border-color: #3E3719; background-color: #2F2703; color: #fff;} #contentCntr .vc_tta-tab.vc_active a{ border-radius: 0; font-size: 18px; font-weight: normal; font-family: 'digital-serialbold'; border-color: #ddd; background-color: #fff; color: #3e3719; border-bottom:none;} #contentCntr .vc_tta-tabs .vc_tta-panels{ border-radius: 0; background: #fff; padding: 40px;border-color: #ddd; } #contentCntr .vc_tta-accordion .vc_tta-panel{ margin-bottom: 20px;} #contentCntr .vc-tta-accordion .vc_tta-panel-heading{ border-radius: 0;} #contentCntr .vc_tta-panel .vc_tta-panel-heading{ border-radius: 0; border-color: #3E3719; background-color: #2F2703; color: #fff; cursor: pointer;} #contentCntr .vc_tta-panel .vc_tta-panel-heading a{ color: #fff;} #contentCntr .vc_tta-panel.vc_active .vc_tta-panel-heading{ border-color: #ddd; background-color: #fff; color: #3e3719; } #contentCntr .vc_tta-panel.vc_active .vc_tta-panel-heading a{ color: #2F2703;} #contentCntr .vc_tta-accordion .vc_tta-panel-title{ margin: 0; border-radius: 0;} /* ### fases container ### */ #fasewrapper .faseCntr { position: relative; width: 100%; } #fasewrapper .faseCntr .left { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #fff; background-size: cover!important; background-position: center center!important;} #fasewrapper .faseCntr .right { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: #dedbcd; } #fasewrapper .faseCntr .photo { padding: 64px 0 62px 75px; width: 50%; float: left; } #fasewrapper .faseCntr .photo .one { display: inline; } #fasewrapper .faseCntr .photo .two { display: none; } #fasewrapper .faseCntr .text { padding: 50px 0 50px 50px; width: 50%; float: left; } #fasewrapper .faseCntr .text ol, #fasewrapper .faseCntr .text ul{ margin: 0 0 15px 15px;} #fasewrapper .faseCntr .text ol li{ list-style: decimal; color: #433c1b; font-size: 15px; line-height: 28px;} #fasewrapper .faseCntr .text ul li{ list-style: disc; color: #433c1b; font-size: 15px; line-height: 28px;} #fasewrapper .faseCntr h2 { color: #433c1b; font-size: 37px; font-weight: normal; margin-bottom: 30px; font-family: 'digital-serialbold'; } #fasewrapper .faseCntr h2 { color: #433c1b; font-size: 28px; font-weight: normal; margin-bottom: 30px; font-family: 'digital-serialbold'; } #fasewrapper .faseCntr p { color: #433c1b; font-size: 15px; line-height: 28px; margin-bottom: 30px; } #fasewrapper .faseCntr a.btn { display: inline-block; line-height: 66px; height: 61px; padding: 0 32px 0 30px; text-decoration: none; background: #fff; color: #433c1b; font-size: 19px; font-family: 'digital-serialbold'; } #fasewrapper .faseCntr a.btn .one { height: 20px ; display: inline; vertical-align: middle; margin-right: 22px; } #fasewrapper .faseCntr a.btn .two { height: 20px; display: none; } #fasewrapper .faseCntr a.btn:hover { text-decoration: underline; } #fasewrapper .faseCntr:nth-child(odd) .left{ position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #bdcd09; } #fasewrapper .faseCntr:nth-child(odd) .right{ background-image: none!important; position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 0;} #fasewrapper .faseCntr:nth-child(even) .left{ position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #bdcc01; background-image:none!important; } #fasewrapper .faseCntr:nth-child(even) .right{ position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 0;background-size: cover!important; background-position: center center!important; } #fasewrapper .faseCntr:nth-child(even) .center { z-index: 1; } #fasewrapper .faseCntr:nth-child(even) .text { padding: 50px 50px 50px 0; width: 50%; float: left; background: #bdcc01; overflow: hidden; } #fasewrapper .faseCntr:nth-child(even) .photo { display: none; } #fasewrapper .faseCntr:nth-child(even) ul { border: 1px solid #ADBB00; } #fasewrapper .faseCntr:nth-child(even) ul li{ border-bottom: 1px solid #ADBB00;background: #CBDA12; } #fasewrapper .faseCntr:nth-child(even) ul.buttons li a{ background: #433c1b; } .beleefIntro{ padding: 50px 0; font-size: 17px; line-height: 30px; color: #433c1b; } #beleefMore.project{ border-top: 1px solid #DEDEDE;} #beleefMore{ padding-top: 30px;} #beleefMore h3{ border-bottom: 1px solid #efefef; color: #2a2a2a; font-size: 24px; font-weight: normal; font-family: 'digital-serialbold'; text-align: center; background: url(../images/bg1.png) no-repeat center 0; padding: 28px 0 48px 0; } #beleefMore .moreWrapper{ width: 1240px; margin: 0 auto; } #relatedPosts.beleef .thumbnail img{ max-width: 300px; } #relatedPosts h2 a{ font-size: 21px; } footer .center .left{ } footer { padding-top: 0 !important; padding-bottom: 0 !important; border-top: 1px solid #cecece;} footer .center { max-width: 1240px; padding: 0; } footer .center .left, footer .center .right{ width: 50%; float: left; padding-top: 86px; padding-bottom: 86px; } footer .center .left .upper, footer .center .right .upper{ margin-bottom: 30px; } footer .center .left .upper h2, footer .center .right .upper h2{ display: inline-block; font-family: 'digital-serialbold'; font-size: 30px; font-weight: normal;} footer .center .left .upper a, footer .center .right .upper a{ display: inline-block; float: right; text-decoration: underline; font-family: 'Open Sans', sans-serif; color: #aea788; font-size: 15px; ;} footer .center .left{ padding-right: 73px; border-right: 1px solid #c2bda7; font-size: 15px; } footer .center .right{ padding-left: 73px; float: right; } footer .center .right .upper h2{ display: inline-block; } footer .center .right .upper a{ display: inline-block; float: right; } footer .center .right .lower.openingtimes{ width: 60%; float: left; } footer .center .right .lower .block{ height: 130px; background-color: #ffffff; margin-bottom: 7px; } footer .center .right .lower .block .photo{ height: 100%; width: 138px; float: left; position: relative; } footer .center .right .lower .block .photo span{ position: absolute; bottom: 0; width: 100%; background-color: #bdcc01; text-align: center; line-height: 40px; color: #ffffff; font-size: 18px; font-family: 'digital-serialbold';} footer .center .right .lower .block .photo span.closed{ background-color: #cc0101; } footer .center .right .lower .block p{ padding: 25px; padding-top: 20px; float: left; font-family: 'digital-serialbold'; } footer .center .right .lower .block p .clear{ display: none; } footer .center .right .lower .block p span:nth-of-type(1){ font-size: 26px; display: block; margin-bottom: 8px; } footer .center .right .lower .block p span:nth-of-type(2){ font-size: 20px; display: block; font-family: 'digital-serial_dbregular'; margin-bottom: 5px; } footer .center .right .lower .block p span:nth-of-type(3){ font-size: 20px; display: block; font-family: 'digital-serial_dbregular'; } footer .center .right .lower.map{ width: calc(40% - 7px); margin-bottom: 7px; height: 267px!important; float: right; height: 200px; overflow-y: hidden; } footer .center .right .lower.map .map-inner{ height: calc(100% + 30px); position: relative; top: -15px; } footer .center .left .block { float: left; width: calc(100% / 3 - 5px); margin-right: 5px; height: 267px!important; background-position: center center!important; background-size: cover!important; } footer .center .left .block:last-of-type{ margin-right: 0; } footer .center .left .block a { width: 100%; position: relative; text-decoration: none; display: block; height: 267px!important; } footer .center .left .block img { width: 100%; min-height: 200px;} footer .center .left .block span.top { position: absolute; top: 28px; left: 28px; display: inline-block; padding: 0 10px; line-height: 32px; color: #fff; font-size: 19px; font-family: 'digital-serialbold'; background: #2f2703; z-index: 100; } footer .center .left .block span.bot { position: absolute; bottom: 30px; left: 25px; color: #fff; font-size: 20px; font-family: 'digital-serialbold'; z-index: 100; text-shadow: 0 1px 8px rgba(0,0,0,1); } footer .center .left .block span.over { position: absolute; top: 0; left: 0; width: 100%; display: block; height: 100%; background: url(../images/bg4.png) repeat; } footer .center .left .block a:hover span.top { background: #bdcc01; } footer .center .left .block a:hover span.over { display: none; } footer .footer-nav{ background-color: #ffffff; width: 100%; border-bottom: 1px solid #ccc;} footer .footer-nav .center{ height: 90px; background: url(../images/edw_footer_logo.png) no-repeat center; background-size: contain; } footer .footer-nav .center .nav-left{ float: left; padding-top: 36px;} footer .footer-nav .center .nav-left h5{ font-size: 16px;} footer .footer-nav .center .nav-right{ float: right; padding-top: 38px;} footer .footer-nav .center .nav-right p{ font-size: 16px; } footer .footer-nav .center .nav-right p a{ color: #000; text-decoration: none; } footer .footer-nav .center ul{ list-style-type: none; margin-left: 0!important; margin: 0; } footer .footer-nav .center ul li{ display: block; float: left; } footer .footer-nav .center ul li a{ line-height: 90px; font-size: 18px; padding: 0 20px; font-family: 'digital-serialbold'; display: block; height: 100%; } footer .footer-nav .center ul li a:hover{ color: #bdcc01 !important; text-decoration: none!important; } footer .footer-nav .center .nav-left ul li a:first-of-type{ padding-left: 0; } footer .footer-nav .center .nav-right ul li a:last-of-type{ padding-right: 0; } footer .footer-content{ background: #fff; width: 100%; float: left; padding: 40px 0;} footer .footer-content .column{ width: 25%; float: left; } #footerCntr{ padding-left: 0; padding-right: 0; } /* #Media Queries ================================================== */ @media only screen and (max-width: 4500px) { footer .center .left .block{ display: none; width: calc(50% - 5px)} footer .center .left .block:nth-of-type(1), footer .center .left .block:nth-of-type(2){ display: block; } footer .center .right .lower.openingtimes{ width: 100%; } footer .center .right .lower.map{ display: none; } } @media only screen and (max-width: 1440px) { .center { padding: 0 15px; } #blocksCntr .block{ height: 350px;} #headerCntr .menuBox li{ margin-right: 20px;} #headerCntr a.make{ padding: 0 60px 0 20px;} .home #bannerCntr { height: calc(100vh - 90px);} #valuesCntr, #valuesCntr.sub{ padding: 20px 0;} .contactCntr h2, #missionCntr h2, #kitchensCntr h2, #kitchensCntr h3, #contentCntr h2, #suitesCntr h2{ margin-bottom: 20px; font-size: 28px;} #newsCntr h2 , #contentCntr h3{ font-size: 21px;} .contactCntr .text, #missionCntr .text, #suitesCntr .text{ padding: 40px 0 40px 40px;} #kitchensCntr .text{ padding: 40px 40px 40px 0;} #projectCntr .left .project{ height: 500px;} #projectCntr .left .block { float: left; width: 50%; } #missionCntr .center, #kitchensCntr .center{ max-width: 90%; } #adviceCntr .block { height: calc(100vh - 90px); } #adviceCntr .block:nth-child(1){ height: calc(100vh - 171px); } #headerCntr .logo .one{ height: 70px; } #headerCntr { height: 70px; margin-top: -70px; } #headerCntr a.make, #headerCntr .menuBox li a{ line-height: 70px; } #bannerCntr h1{ font-size: 36px; line-height: 1.2rem; } #bannerCntr p{ font-size: 28px; margin-bottom: 20px;} #bannerCntr .btns a.btn1, #bannerCntr .btns a.btn2{ padding: 0 24px; line-height: 52px; font-size: 21px; } #mainCntr{ padding-top: 70px; } #clickBlocks .blocks{ width: 90%; margin: 0 auto; } #clickBlocks .blocks li{ height: 240px; } } @media only screen and (max-width: 1240px) { section.contentCenter .contentWrapper .contentArea .content{ margin-bottom: 40px; } footer .center{ padding: 0 15px; } footer .center .right .lower .block p span:nth-of-type(1){ font-size: 18px; } footer .center .right .lower .block p span:nth-of-type(2), footer .center .right .lower .block p span:nth-of-type(3){ font-size: 16px; } footer .center .left, footer .center .right{ padding-top: 30px; padding-bottom: 30px;} footer .center .left{ padding-right: 15px; } footer .center .right{ padding-left: 15px; } footer .center .left .upper h2, footer .center .right .upper h2{ font-size: 24px; } #headerCntr a.make .svgicon { margin-right: 6px; } #headerCntr a.make { padding: 0 27px 0 13px; } #headerCntr .menuBox { left: 150px; } #headerCntr .menuBox li { font-size: 16px; margin-right: 20px; } #stylesCntr span { font-size: 21px; } #downloadCntr .photo img { width: 100%; margin-left: 0; } #footerCntr .col1 { padding-left: 20px; } #footerCntr span.head a { margin-left: 7px; } #footerCntr .col2 { padding-left: 20px; } #footerCntr .col3 { padding-left: 20px; } #footerCntr .logo { top: 70px; } #viewCntr .text { width: 45%; } #viewCntr img.man { right: 190px; } #adviceCntr .bot { padding-right: 40px; padding-left: 40px; } #projectCntr .left span.bot { font-size: 27px; } #suitesCntr .bot .col1 { float: none; } #suitesCntr .bot .col2 { float: none; margin-top: 10px; } #newsCntr .center { padding-right: 100px; padding-left: 150px; background: url(../images/news_bg2.png) repeat-y; } #makeCntr .tab li a { padding: 0 33px; } #contactCntr .top { padding-left: 15px; } #contactCntr .left .details { padding-left: 15px; } #contactCntr .left .details li span { width: 145px; } #contactCntr .left .details li { font-size: 13px; line-height: 25px; } #contactCntr .left .open { padding-left: 15px; } #contactCntr .left .open li span { width: 145px; } #contactCntr .left .open li { font-size: 13px; } #contactCntr .right a.btn { font-size: 19px; } #blocksCntr .block{ width: 33.3%; height: 350px;} .vc_row{ margin-left: 0!important; margin-right: 0!important; padding:30px 10px;} #contentCntr .vc_tta-tabs .vc_tta-panels{ padding: 20px 0;} section.contentCenter .contentWrapper .contentArea .content .merken .merk{ width: 49%; } section.contentCenter .contentWrapper .contentArea .content .merken .merk:nth-child(3n+3){ margin-right: 0.5%; } section.contentCenter .contentWrapper .contentArea .content .merken .merk:nth-child(2n+2){ margin-right: 0; } footer .center .right .lower .block .photo{ width: 30%; } footer .center .right .lower .block .text{ width: 70%; float: left; } } @media only screen and (max-width: 979px) { #mainCntr{ padding-top: 74px;} #headerCntr .menuBox { display: none; } #headerCntr .mobileMenu { display: block; position: absolute; top: 8px; right: 20px; } #headerCntr { height: 74px; margin-top: -74px; } #headerCntr .logo .one { display: none; } #headerCntr .logo .two { display: block; height: 74px;} #headerCntr a.make { background: none; line-height: 74px; height: 74px; right: 96px; border-right: 1px solid #dfdfdf; padding: 0 28px 0 30px; } #bannerCntr { height: calc(80vh)!important;} #bannerCntr .text { padding-top: 40vh; } #bannerCntr h1 { font-size: 34px; } #bannerCntr p { font-size: 28px; } #clickBlocks .blocks li{ width: 48%; margin-right: 0;} #clickBlocks .blocks li:nth-child(odd) { margin-right: 2%;} .contactCntr .photo, #missionCntr .photo { padding: 64px 0 58px 0; text-align: center; } .contactCntr .photo .one, #missionCntr .photo .one { display: none; } .contactCntr .photo .two, #missionCntr .photo .two { display: inline-block; max-width: 100%; } .contactCntr p span, #missionCntr p span { display: none; } .contactCntr h2, #missionCntr h2 { font-size: 30px; margin-bottom: 20px; } .contactCntr a.btn, #missionCntr a.btn { font-size: 15px; line-height: 50px; height: 50px; } #kitchensCntr h3 { font-size: 30px; margin-bottom: 20px; } #kitchensCntr p span { display: none; } #kitchensCntr a.btn { font-size: 15px; line-height: 50px; height: 50px; } #stylesCntr { padding: 48px 0; } #stylesCntr .block { width: 50%; } #stylesCntr span { font-size: 25px; } #downloadCntr { padding: 48px 0; } #downloadCntr .center { padding: 0 72px; } #downloadCntr .photo { float: none; width: 100%; text-align: center; } #downloadCntr .photo img { display: inline; max-width: 100% !important; } #downloadCntr .text { float: none; width: 100%; padding-top: 0; } #downloadCntr h6 { padding-bottom: 0; } #footerCntr { padding-left: 82px; padding-right: 82px; padding-top: 56px; padding-bottom: 62px; } #footerCntr .col1 { width: 45%; background: none; } #footerCntr .col2 { width: 100%; background: none; margin-top: 38px; } #footerCntr .col2 ul { width: 45%; } #footerCntr .col2 ul.last { display: none; } #footerCntr .col3 { display: none; } #footerCntr .col3.tab { display: block; width: 55%; } #footerCntr .logo { top: 50px; } #valuesCntr h1 { font-size: 32px; padding-left: 15px; } #valuesCntr p{ padding-left: 15px;} #craftsmanshipCntr .block { padding-right: 20px; } #craftsmanshipCntr .holder { margin-right: -20px; } #craftsmanshipCntr { padding: 50px 0 30px 0; } #methodCntr .text { padding: 50px 0 40px 40px; } #methodCntr p span { display: none; } #viewCntr .text { width: 57%; padding: 50px 0; } #viewCntr img.man { right: 15px; width: 260px; } #adviceCntr .block { height: 500px; } #adviceCntr .bot { padding-bottom: 30px; } #projectCntr .left { float: none; width: 100%; } #projectCntr .left .project.scroll { overflow-y: visible; } #projectCntr .right { display: none; } #projectCntr .map { display: block; width: 100%; } #projectCntr .map img { width: 100%; } #suitesCntr .text { padding: 50px 0 50px 35px; } #suitesCntr h2 { font-size: 30px; line-height: 38px; } #newsCntr .center { padding: 50px 50px 50px 70px; background: url(../images/news_bg3.png) repeat-y; } #newsCntr img.bullet { left: -47px; } #makeCntr .make { padding: 50px 0; } #makeCntr h6 { padding-left: 15px; font-size: 30px; } #makeCntr .tab { padding: 0 15px; } #makeCntr .tab li { font-size: 19px; } #makeCntr .tab li a { padding: 0 22px; } #makeCntr fieldset { padding: 0 15px; } #selectedCntr span { font-size: 22px; bottom: 15px; left: 15px; } #contactCntr .block { width: 100%; margin-bottom: 50px; } #contactCntr { padding: 100px 0 10px 0; } #contactCntr .top { padding-left: 32px; } #contactCntr .left .details { padding-left: 32px; } #contactCntr .left .details li span { width: 170px; } #contactCntr .left .details li { font-size: 15px; line-height: 28px; } #contactCntr .left .open { padding-left: 32px; } #contactCntr .left .open li span { width: 170px; } #contactCntr .left .open li { font-size: 15px; } #contactCntr .right a.btn { font-size: 23px; } #popupCntr .popup { left: 0; margin-left: 0; width: 100%; padding: 0 15px; } section.contentCenter .contentWrapper .contentArea .content { margin-bottom: 0; } #adviceCntr .bot { padding: 0 15px 25px 15px; } #adviceCntr .text { float: none; width: 100%; } #adviceCntr a.btn { float: none; display: inline-block; } #adviceCntr h2.head { font-size: 28px; } #adviceCntr .block { height: calc(100vh - 120px); } #adviceCntr .block:nth-child(1){ height: calc(100vh - 192px);} #adviceCntr a.btn .svgicon{ margin-top: 14px; margin-right: 10px; } #adviceCntr a.btn { padding: 0px 18px; line-height: 47px; height: 51px;} #blocksCntr .block{ width: 50%;} #relatedPosts h3{ font-size: 24px;} #relatedPosts .block{ padding: 20px;} #relatedPosts .thumbnail{ float: right; width: 50%;} #relatedPosts .center{ padding: 40px 40px 40px 100px; background-position: -138px;} footer#footerCntr{ padding-left: 0; padding-right: 0; } footer .center .left .block{ display: none; width: calc(50% - 5px)} footer .center .left .block:nth-of-type(1), footer .center .left .block:nth-of-type(2){ display: block; } } @media only screen and (max-width: 780px) { section.contentCenter .contentWrapper .contentArea .content .row.cta .ctacontent { padding: 70px 5%; } footer .footer-nav { display: none; } #downloadCntr .text a.btn { font-size: 14px; } #bannerCntr .melding { padding: 5px 20px; line-height: 20px; } #clickBlocks { background: #fff; padding: 0;} #clickBlocks .blocks { padding: 0; width: 100%; } #clickBlocks .blocks li{ width: 50%; margin: 0 !important; } #stylesCntr{ padding: 30px 0 0 0;} #bannerCntr iframe{ display: none; } #bannerCntr { height: 600px; } #bannerCntr.blog{ height: 400px;} #bannerCntr h1 { font-size: 50px; line-height: 4rem; } #bannerCntr p { font-size:29px; line-height: 32px; } #homeDouble #stylesCntr, #homeDouble #mapCntr{ width: 100%;} #homeDouble #mapCntr .maps{ height: 100%;} #homeDouble #mapCntr{ padding-top: 30px;} #homeDouble #mapCntr h4, #blocksCntr .blockTitle h2, #stylesCntr h4 { padding-bottom: 28px; font-size: 26px; padding-top: 20px; } #stylesCntr span { font-size: 22px; left: 22px; } #blocksCntr .blockTitle{ padding: 30px 0 0;} #affiliatesCntr .holder{ margin: 0;} #affiliatesCntr{ padding: 30px 0 20px 0;} #affiliatesCntr .center { padding: 0 20px; } #affiliatesCntr .text { background-size: auto 100%;} #affiliatesCntr .text p { padding-left: 16px; font-size: 14px; padding: 15px;} #affiliatesCntr .text p span{ font-size: 21px;} #affiliatesCntr .block{ width: 49%; margin-right: 2%; padding: 0;} #affiliatesCntr .block:nth-last-child(1){ margin-right: 0;} #affiliatesCntr h5 { font-size: 26px; padding-bottom: 28px; padding-top: 20px; } #affiliatesCntr .photo span{ padding: 0 15px; line-height: 35px; font-size: 18px;} .contactCntr .text, #missionCntr .text, #suitesCntr .text{ padding: 30px 0 30px 30px;} #kitchensCntr .text{ padding: 30px 30px 30px 0;} #downloadCntr .center { padding: 0 15px; } #downloadCntr h6 { font-size: 26px; padding-bottom: 28px; padding-top: 20px; } #footerCntr { padding: 30px 0; } #footerCntr .logo { display: none; } #craftsmanshipCntr .block { width: 100%; } #craftsmanshipCntr { padding: 30px 0 10px 0; } #methodCntr .left { display: none; } #methodCntr .right { display: none; } #methodCntr .photo { width: 100%; display: block; } #methodCntr .photo img { width: 100%; } #methodCntr .text { float: none; width: 100%; padding-left: 15px; padding-right: 15px; } #methodCntr .center { padding: 0; } #methodCntr h2 { font-size: 32px; margin-bottom: 20px; } #methodCntr a.btn { font-size: 15px; line-height: 50px; } #viewCntr .text { width: 100%; padding: 40px 0; } #viewCntr img.man { width: 140px; } #viewCntr h3 { font-size: 32px; margin-bottom: 20px; } #projectCntr .left .block { width: 100%; } #valuesCntr .btns { float: none; margin-right: 0; margin-top: 10px; margin-left: 15px; } #valuesCntr.sub h1 { float: none; } #valuesCntr a.backLink{ display: none;} #suitesCntr .left { width: 100%; float: left; display: block; height: 300px; position: relative; } #suitesCntr .right { width: 100%; display: block; float: right; position: relative; } .page-id-1048 #suitesCntr .text, #suitesCntr .text { float: none; width: 100%; padding: 30px; } #suitesCntr .photo { width: 100%; display: block; } #suitesCntr .photo img { width: 100%; } #suitesCntr .center { padding: 0; } #newsCntr .center { padding: 50px 20px 50px 30px; background: url(../images/news_bg4.png) repeat-y; } #newsCntr img.bullet { left: -25px; width: 16px; } #newsCntr .block { padding: 20px 15px; margin-bottom: 20px; } #newsCntr .bot { padding-top: 0; } #newsCntr h3 { font-size: 30px; } #selectedCntr { padding-top: 40px; } #selectedCntr h5 { font-size: 30px; padding: 20px 0 35px 0; } #selectedCntr span { font-size: 18px; } #makeCntr .left { display: none; } #makeCntr .right { display: none; } #makeCntr .make { width: 100%; padding: 30px 0 40px 0; } #makeCntr h6 { padding-left: 30px; } #makeCntr .tab { padding: 0 30px; } #makeCntr fieldset { padding: 0 30px; } #makeCntr .photo { display: block; width: 100%; } #makeCntr .photo img { width: 100%; } #valuesCntr a.back { float: none; display: inline-block; margin-top: 10px; margin-left: 15px; } #contactCntr .top { padding-left: 15px; } #contactCntr .left .details { padding-left: 15px; } #contactCntr .left .details li span { width: 145px; } #contactCntr .left .details li { font-size: 13px; line-height: 25px; } #contactCntr .left .open { padding-left: 15px; } #contactCntr .left .open li span { width: 145px; } #contactCntr .left .open li { font-size: 13px; } #contactCntr .right a.btn { font-size: 19px; } #popupCntr .top { padding: 30px 20px; } #popupCntr h2 { font-size: 30px; } #popupCntr .tab { padding: 0 20px; } #popupCntr fieldset { padding-left: 20px; padding-right: 20px; } section.contentCenter .contentWrapper .contentArea .content .foto_rechts .right, section.contentCenter .contentWrapper .contentArea .content .foto_rechts .left, section.contentCenter .contentWrapper .contentArea .content .project .left, section.contentCenter .contentWrapper .contentArea .content .project .right { margin: 0; width: 100%; padding: 0; margin-bottom: 20px; } section.contentCenter .contentWrapper .contentArea .content .project .left { padding-bottom: 30px; } section.contentCenter .contentWrapper .contentArea .content .project .right #carousel { height: 300px; margin-bottom: 30px; } section.contentCenter .contentWrapper .contentArea .content .project .betrokken li { width: 100%; } section.contentCenter .contentWrapper .contentArea .content{ padding: 0; } section.contentCenter .contentWrapper .contentArea .content .merken{ width: 100%; padding: 0; } section.contentCenter .contentWrapper .contentArea .content .merken .merk{ width: 49%; margin-right: 1%; } section.contentCenter .contentWrapper .contentArea .content .merken .merk:nth-child(3n+3){ margin-right: 1%; } section.contentCenter .contentWrapper .contentArea .content .merken .merk:nth-child(2n+2){ margin-right: 0%; } section.contentCenter .contentWrapper.full .contentArea .content{ padding: 20px; box-sizing: border-box; } .single-project section.contentCenter { background-size: 180%!important;} section.contentCenter .contentWrapper .contentArea .content .right{ margin-bottom: 20px; } section.contentCenter .contentWrapper .contentArea .content .right, section.contentCenter .contentWrapper .contentArea .content .left{ width: 100%; margin: 0; padding: 0; } section.contentCenter .contentWrapper .contentArea .sideBar ul li a{ padding: 15px 20px; } } @media only screen and (max-width: 700px){ footer .center .left{ border-right: none; padding: 0; } footer .center .left, footer .center .right{ width: 100%; margin: 20px 0; height: auto!important; padding: 0;} #downloadCntr .left, #downloadCntr .right{ width: 100%; margin-bottom: 20px; } #downloadCntr .photo{ width: 25%; float: right; } #downloadCntr .text{ width: 75%; float: left; } #downloadCntr h6{ text-align: left; background-position: left 0; } #downloadCntr .text span.head, footer .footer-nav .center .nav-right, footer .footer-nav .center .nav-left{ display: none; } footer .footer-content .column{ width: 50%; margin-bottom: 20px;} .contactCntr .left, #missionCntr .left { display: none; } .contactCntr .right, #missionCntr .right { display: none; } .contactCntr .photo img, #contactWrapper .contactCntr:nth-child(2) .photo, .home.page #missionCntr .photo img{ display: block; height: auto; max-width: 100%;} .contactCntr .center, .contactCntr .photo, #missionCntr .center { padding: 0; } .contactCntr .photo, #missionCntr .photo { float: none; width: 100%; text-align: center; padding: 0; } .home.page #missionCntr .photo{ padding: 0;} .home.page #missionCntr .photo img{ width: 100%;} .contactCntr .photo.one, #missionCntr .photo .one { display: inline-block; width: 100%; } .contactCntr .photo.two, #missionCntr .photo .two { display: none; } .contactCntr .text, #contactWrapper .contactCntr:nth-child(2) .text, #missionCntr .text { padding: 30px; width: 100%; float: none; background-color: #dedbcd; } #kitchensCntr .left { display: none; } #kitchensCntr .right { display: none; } #kitchensCntr .center { padding: 0; } #kitchensCntr .text { float: none; width: 100%; padding: 30px 20px; } #kitchensCntr .photo { width: 100%; display: block; } #kitchensCntr .photo img { width: 100%; } .vc_row{ padding: 20px;} .wpb_column{ padding-left: 0!important; padding-right: 0!important;} .vc_tta.vc_general .vc_tta-panel-title{ margin-bottom: 0!important;} .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body{ padding: 20px;} #bannerCntr.blog{ height: 300px;} #contentCntr .intro{ padding: 20px;} section.contentCenter { background-size: 100% !important; } section.contentCenter .contentWrapper .contentArea .sideBar, section.contentCenter .contentWrapper .contentArea .content { width: 100% } section.contentCenter .contentWrapper .contentArea .sideBar ul li a { padding: 15px 30px; } section.contentCenter{ background-size: 120% !important; } } @media only screen and (max-width: 650px) { #clickBlocks .blocks li h3 { bottom: 50px; } #clickBlocks .blocks li p { bottom: 30px; opacity: 1.0;} section.contentCenter .contentWrapper .contentArea .content .merken .merk{ width: 100%; margin-right: 0%; } #bannerCntr .center{ bottom: 40px; } #bannerCntr h1 { font-size: 30px; line-height: 32px; } #bannerCntr p { font-size:21px; } #contentCntr .contentBox .alignright, #contentCntr .contentBox .alignleft{ width: 100%; margin: 15px 0; height: auto;} #contentCntr .contentBox{ padding-left: 20px;} #affiliatesCntr .block{ width: 100%; margin-right: 0;} #affiliatesCntr .block .photo{ height: 200px; overflow: hidden;} #googleMaps{ height: 260px;} #blocksCntr .block{ width: 100%; height: 250px;} #popupCntr .tab { margin-bottom: 0px;} #popupCntr .tabContent{ padding: 20px 20px 0 20px;} #popupCntr .block{ margin-bottom: 10px; padding-right: 0;} #popupCntr .tabContent .text, #popupCntr .tabContent select, #popupCntr .tabContent input{ height: 45px; line-height: 45px;} #popupCntr .tabContent input{ padding: 0 10px;} #popupCntr .tabContent img.icon{ top: 10px; right: 10px;} #popupCntr .tabContent [type="submit"]{ margin-top: 0;} #popupCntr .tab li a{ height: 46px; line-height: 46px;} #relatedPosts .center{ background: none; padding: 20px;} #adviceCntr p { max-height: 56px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #footerCntr .center { padding: 0 30px; } footer .center .left .block{ display: none!important; } footer .center .left .block:nth-of-type(1){ display: block!important; width: 100%; } footer .footer-nav .center .nav-right, footer .footer-nav .center .nav-left{ width: 100%; } #footerCntr li a{ padding-left: 0!important; padding-right: 0!important; } .footer-nav .center .nav-left{ padding-top: 60px !important; } #clickBlocks .blocks li{ width: 100%; } #stylesCntr { padding-bottom: 0; padding-top: 38px; } #stylesCntr .holder .block { height: 240px !important; width: 100% !important; } #missionCntr .center, #kitchensCntr .center { max-width: 100%; } #missionCntr .center div, #kitchensCntr .center div:not(.photo), #bannerCntr .center, #downloadCntr .center, #valuesCntr, #valuesCntr.sub, #methodCntr .center div:not(.photo), #viewCntr .center, #craftsmanshipCntr .center{ padding-left: 30px; padding-right: 30px; } #mapCntr .holder { max-height: 350px !important; } #affiliatesCntr, #affiliatesCntr .center { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 540px) { footer .footer-content .column{ font-size: 12px; width: 100%; } footer .center .right .lower .block { height: 100px; } footer .center .right .lower .block .photo { width: 100px; } footer .center .right .lower .block .photo span { font-size: 13px; line-height: 28px; } footer .center .right .lower .block p { padding-top: 15px; padding-bottom: 15px; } footer .center .right .lower .block p span:nth-of-type(1) { font-size: 20px; } footer .center .right .lower .block p span:nth-of-type(2) { font-size: 14px; } footer .center .right .lower .block p span:nth-of-type(3) { font-size: 14px; } } @media only screen and (max-width: 479px) { #mainCntr { padding-top: 58px;} #headerCntr a.make { background: none; line-height: 57px; height: 57px; right: 56px; width: 60px; border-right: 1px solid #dfdfdf; padding: 0 10px 0 15px; overflow: hidden;} #headerCntr a.make:hover{ background: none;} #headerCntr { height: 58px; margin-top: -58px;} #headerCntr .mobileMenu { top: 0; right: 0; } #headerCntr .mobileMenu .svgicon{ border-left:1px solid #dfdfdf;} #headerCntr .logo { top: 0; left: 0; text-align: center; width: 100%; } #headerCntr .logo .two { width: 94px; display: inline; height: 58px; } #headerCntr .phone { position: absolute; top: 0; left: 0; display: block; z-index: 101; } #headerCntr .phone .svgicon{ height: 57px; border-right:1px solid #dfdfdf;} #bannerCntr { height: calc(100vh - 90px)!important; background-size: cover!important; background-position: top center!important; } #bannerCntr h1{ line-height:3rem;} #bannerCntr.blog{ height: 250px!important;} #bannerCntr p { font-size: 16px; line-height: 30px; } #bannerCntr .btns a.btn1 { display: block; height: 50px; line-height: 44px; border: 3px solid #fff; text-align: center; padding: 0; font-size: 24px; margin: 0; margin-bottom: 8px; } #bannerCntr .btns a.btn2 { display: block; height: 50px; line-height: 44px; border: 3px solid #bdcc01; text-align: center; padding: 0; font-size: 24px; margin: 0; } #bannerCntr .text { padding-top: 30vh;} #downloadCntr .text a.btn { border: 3px solid #bdcc01; padding: 0 10px; } #downloadCntr { padding: 40px 0 42px 0; } #valuesCntr h1 { font-size: 25px; } #viewCntr a.btn { padding: 0 21px 0 16px; font-size: 15px; height: 50px; line-height: 50px; } #viewCntr p { margin-bottom: 20px; } #viewCntr h3 { font-size: 25px; } #viewCntr img.man { width: 100px; right: 10px; } #adviceCntr span.head { font-size: 24px; } #adviceCntr a.btn { height: 40px; line-height: 40px; margin-top: 10px; font-size: 15px; padding: 0px 18px 0 12px;} #adviceCntr a.btn .svgicon { margin-top: 8px; margin-right: 7px;} #adviceCntr .paging { right: 5px; } #adviceCntr p { line-height: 24px; max-height: 48px; } #adviceCntr .block:nth-child(1), #adviceCntr .block{ height: 400px;} #adviceCntr span.label { line-height: 38px; font-size: 15px; width: 110px; } #valuesCntr h1 span { font-size: 16px; } #valuesCntr a.btn1 { padding: 0 10px; font-size: 15px; line-height: 40px; } #valuesCntr a.btn2 { padding: 0 10px; font-size: 15px; line-height: 40px; } #suitesCntr h2 { font-size: 27px; line-height: 34px; margin-bottom: 20px; } #suitesCntr p { margin-bottom: 20px; } #suitesCntr .bot { padding-top: 20px; } #suitesCntr .bot span.head img { margin-left: -3px; } #newsCntr .thumbnail{ margin: 0 0 10px 0; width: 100%;} #newsCntr h2 a, #newsCntr h2 { font-size: 23px; } #newsCntr h4 img { float: none; margin-left: 0; margin-bottom: 20px; width: 100%; } #newsCntr h4 { font-size: 22px; } #newsCntr .center { padding-top: 30px; padding-bottom: 30px; } #selectedCntr h5 { font-size: 27px; } #selectedCntr .block { width: 100%; } #selectedCntr span { font-size: 22px; left: 25px; bottom: 25px; } #makeCntr .block { width: 100%; } #makeCntr .tab { padding: 0 20px; } #makeCntr .tab li a { padding: 0 16px; } #makeCntr .tab li { font-size: 16px; } #makeCntr h6 { font-size: 27px; padding-left: 20px; } #makeCntr fieldset { padding: 0 20px; } #makeCntr .block { margin-bottom: 12px; } #contactCntr .top.gap { padding: 14px 15px; } #contactCntr .top h2 { font-size: 21px; line-height: 28px; } #contactCntr .top h2 span { font-size: 18px; } #contactCntr .left { float: none; width: 100%; } #contactCntr .left .open h3 { font-size: 22px; } #contactCntr .right { width: 100%; float: none; } #contactCntr .right a.btn { font-size: 23px; } #suitesCntr .text { padding: 20px; padding-bottom: 0; } #popupCntr .popup .pop a.close img { width: 26px; } #popupCntr .popup .pop a.close { right: 15px; top: 15px; } #popupCntr p { margin-bottom: 15px; } #popupCntr .top { padding-bottom: 0; } #popupCntr h2 { font-size: 27px; } #popupCntr .tab li { font-size: 15px; } #popupCntr .tab li a { padding: 0 12px; } #popupCntr .block { width: 100%; } #popupCntr input[type="submit"] { margin-top: 0; } #popupCntr fieldset { padding-bottom: 30px; } #adviceCntr a.btn { line-height: 34px; } #adviceCntr a.btn img { margin-top: 11px; } #affiliatesCntr .block .photo{ height: 150px;} footer .center .right .lower .block { display: block; height: auto; } footer .center .right .lower .block .photo{ background: none !important; height: auto; float: none; width: 100%;} footer .center .right .lower .block .photo span{ position: relative; bottom: 0; display: block; width: 100%; } footer .center .right .lower .block .text{ height: auto; float: none; } footer .center .right .lower .block .text p{ width: 100%; display: block; } } .slider-item{ background-position: center center; background-size: cover; background-repeat: no-repeat } #bannerCntr .scrollDown{ position: absolute; top: calc(100vh - 115px); left: calc(50% - 30px); z-index: 20; } @-webkit-keyframes scroll-inner { from {margin-top: 15%;} to {margin-top: 50%;} } @keyframes scroll-inner { from {margin-top: 15%;} to {margin-top: 50%;} } @-webkit-keyframes scroll-mouse { from {margin-top: 0;} to {margin-top: 15px;} } @keyframes scroll-mouse { from {margin-top: 0;} to {margin-top: 15px;} } div.mouse-container{ position:relative; display:block; //border:solid 1px red; height:100px; } div.mouse{ position:relative; margin:0 auto; display:block; width:50px; height:80px; border: solid 2px #fff; border-radius: 25px; -webkit-animation: scroll-mouse 1.5s; animation: scroll-mouse 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; //-webkit-animation-timing-function:ease; //animation-timing-function:ease; } span.scroll-down{ display:block; width:10px; height:10px; background:#fff; border-radius:50%; margin:15% auto auto auto; -webkit-animation: scroll-inner 1.5s; animation: scroll-inner 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function:ease; animation-timing-function:ease } .content .tab{ display: none !important; } .block.wide .inner{ float: none !important; }