/* Theme Name: cre8kitchen
Author: Webelephant
Version: 1.0 */

body{font:12px/19px 'Roboto Slab',Arial;color:#000;background-color:#fff}
h1,.font-main,section .title h2{font-family:'Exo 2',Arial}
h2,h3,h4,h5,h6{font-size:40px;color:#c42127;line-height:40px;font-weight:800;font-family:'Exo 2',Arial}
h1{font-size:42px;color:#000;line-height:30px;font-weight:400}
p{margin:10px 0}
article{position:relative}
article h1,article h2,article h3,article h4,article h5,article h6{font-size:20px;color:#333}
article h1{font-size:30px;color:#263844}
article ol{list-style:decimal}
article ul,article ol,article table,article form
article ul li{padding-left:20px;margin:0 0 20px}
article ul li:before,section.row.group-items .block-text-desc ul li:before,.row.article-block article .wrap ul li:before{content:'';width:10px;height:10px;display:inline-block;margin:0 10px 0 -20px;background-color:#c42127}
article a{color:#263844;text-decoration:underline}
section.row.color article .wrap ul li:before{background-color:#fff}
.sprite,header > div > .icon-shop:before,ul.usp > li:before,.affiliates:before,.lowest-price:after,section.row.slogan-block h2 span:before{background-image:url(https://nwe.c8k.it4fun.org/wp-content/themes/cre8kitchen/img/sprite.png);background-repeat:no-repeat}
.img-fluid{background-size:cover;background-repeat:no-repeat;background-position:50% 50%}
header{position:relative;z-index:200;height:150px;background-color:#fff;text-align:center}
header section.row.top{background:#040000;padding:6.5px 10px}
header > .container{z-index:0}
header .logo{height:auto;width:auto;position:absolute;left:50%;top:0;margin:0 0 0 -212px}
header .logo a{height:100%}
header .logo a .wrap{height:125px}
header .logo.img{line-height:0}
header .logo.img a img{vertical-align:middle}
.affiliates{float:left}
.affiliates .wrap{float:left;margin:38px 0 0}
.affiliates .wrap ul li{display:inline-block}
.affiliates .wrap span{font-weight:700}
.affiliates .wrap ul li:after{content:'|';color:#c42127}
.affiliates .wrap ul li a{color:#c42127}
.affiliates:before{content:'';width:78px;height:92px;display:inline-block;background-position:-10px -10px;float:left;margin:12px 15px}
.lowest-price{float:right}
.lowest-price .wrap{float:left;text-align:right;padding-top:37px}
.lowest-price .wrap ul li{display:inline-block}
.lowest-price .wrap span{font-weight:700}
.lowest-price .wrap ul li:after{content:'|';color:#c42127}
.lowest-price .wrap ul li a{color:#c42127}
.lowest-price:after{content:'';width:29px;height:34px;display:inline-block;background-position:-124px -10px;float:right;margin:40px 10px}
section.row.slider .caption-wrap{position:absolute;z-index:200;top:50%;left:100px;margin:-197px 0 0}
section.row.slider .caption-wrap .caption{padding:10px 20px 20px;min-width:380px}
section.row.slider .caption-wrap .caption h3{font-size:26px;margin-bottom:10px}
section.row.slider .caption-wrap .caption.dark{bottom:-426px;background:rgba(0,0,0,0.65)}
section.row.slider .caption-wrap .caption.dark li a{color:#c42127;font-size:20px;line-height:30px;width:100%;display:inline-block}
section.row.slider .caption-wrap .caption.dark li a:after{float:right}
section.row.slider .caption-wrap .half-field br{display:none}
section.row.slider .caption-wrap form input[type=email]{border:none}
section.row.slider .caption-wrap .half-field input{width:calc(50% - 7px);margin-right:5px;border:none}
section.row.slider .caption-wrap .half-field span.lastname input,section.row.slider .caption-wrap .half-field span.time input{margin-left:5px;margin-right:0}
section.row.slider .caption-wrap .half-field p{display:inline}
section.row.slider .caption-wrap input[type=submit]{width:100%}
#video-player{width:100%;height:100%}
main.front section.row.text{padding:50px 0 20px}
section.row.text article.col2{float:left;width:calc(50% - 15px);margin-bottom:30px}
section.row.text article.col2:nth-of-type(2){margin-top:15px;float:right}
.container{position:relative;max-width:1580px;margin:0 auto}
.container.white{background-color:#fff}
section.row.text h1{margin-bottom:20px}
section{position:relative;padding:50px 0;clear:both}
section.row.grey{background-color:#eee}
section.row.color{background-color:#c42127}
section.row.black{background-color:#000}
section.row.color a,section.row.black a{color:#fff}
section.row.color .banner-home.item .info .wrap,section.row.black .banner-home.item .info .wrap{color:#fff!important}
section.row.color,section.row.color h2,section.row.color h1,section.row.color h3,section.row.black,section.row.black .row.title h2,section.row.black .row.title h1{color:#fff!important}
section.row.white{background-color:#fff}
section.row.text a{color:#c42127;text-decoration:underline}
section.row.border-top{border-style:solid;border-width:1px 0 0;border-color:#ccc}
section.row.border-bottom{border-style:solid;border-width:0 0 1px;border-color:#ccc}
section.row.padding-top{padding:50px 0 0}
section.row.padding-bottom{padding:0 0 50px}
section.row.three-quarter .container{max-width:885px;padding:15px 30px 0}
section.row .container .row.title{padding:0 15px 30px}
section.row.three-quarter.item-news .container{margin-top:-180px}
.page-home section.row.text article{text-align:center}
section.row.text.col-2 article{width:48%;float:left}
section.row.text.col-2 figure{width:48%;float:right}
main.page-detail section.row.text.col-2 article{width:48%;float:right}
main.page-detail section.row.text.col-2 figure{width:48%;float:left}
section.row.slogan-block{padding:20px 0}
section.row.slogan-block h2{text-transform:uppercase;text-align:center}
section.row.slogan-block h2 span{display:inline-block;position:relative}
section.row.slogan-block h2 span:before{position:absolute;left:-52px;top:-4px;content:'';background-position:-157px -115px;width:46px;height:48px;margin:0 10px 0 0;background-repeat:no-repeat;display:inline-block}
section.jump-menu{padding:20px 0;text-align:center}
section.jump-menu li{float:none;margin-right:10px;display:inline-block}
section.jump-menu li a{text-transform:uppercase}
section.jump-menu li a:hover{color:#fffc00}
section.jump-menu li.written{font-family:'Neucha';font-size:23px}
section.row.maps{height:auto;margin-bottom:40px}
.page-contact section.row.maps .pdf-content{padding:10px}
section.row.maps .pdf-content{padding:45px 0 0;width:384px;height:240px;background:#c42127;right:0;top:50px;overflow:hidden;text-align:center}
section.row.maps .pdf-content .inner .desc{font-size:20px;font-weight:700}
section.row.maps .pdf-content .inner .label{background:#fefa01;background:-moz-linear-gradient(top,#fefa01 1%,#d7d405 100%);background:-webkit-linear-gradient(top,#fefa01 1%,#d7d405 100%);background:linear-gradient(to bottom,#fefa01 1%,#d7d405 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefa01',endColorstr='#d7d405',GradientType=0);display:inline-block;padding:10px;position:absolute;-ms-transform:rotate(18deg);-webkit-transform:rotate(18deg);transform:rotate(18deg);text-transform:uppercase;color:#333;font-weight:700;right:-28px;top:-7px;width:257px;text-align:right;padding-right:28px}
section.row.maps .url-pdf{display:block;height:100%;width:100%}
section.row.maps .pdf-content .inner .desc{margin-bottom:20px}
section.row.maps .pdf-content .inner .button{width:200px}
main.page-contact section.row.maps{width:48%;float:right;clear:none}
main.page-contact section.row.maps .pdf-content{height:auto;right:20px}
main.page-contact section.row.maps .pdf-content ul{font-size:16px;font-weight:400;line-height:25px}
main.page-contact section.row.maps .pdf-content ul li a{color:#fff}
main.page-contact section.row.maps .pdf-content .inner{padding:10px}
main.page-contact section.row.maps .pdf-content .inner .button{width:250px}
.reservation-button-wrap{background:#c42127;padding:15px}
.reservation-button-wrap .info{float:left;width:calc(100% - 180px);color:#fff;line-height:18px;text-transform:uppercase}
.reservation-button-wrap .info p{margin:0;margin-top:5px}
.reservation-button-wrap .button{float:right;width:160px;color:#fff}
section .row.title{text-align:center;padding:0 15px 50px;width:100%;height:90px}
section .row.title h2,section .row.title h1{font-size:42px;color:#c42127;padding-bottom:15px}
section .row.title h2 span,section .row.title h1 span{color:#478a6b}
section .row.title h3{font-size:22px}
section.row.color h3{color:#fff}
.page-detail section.row .container .row.title{text-align:left;padding:0;height:60px}
.page-contact section.row .container .row.title{text-align:left;padding:0}
section .row.title .row-title-border{width:88px;height:5px;display:inline-block}
section .row.title .row-title-border span{float:left;width:50%;height:5px}
section .row.title .row-title-border span:first-of-type{background:#689c47}
section .row.title .row-title-border span:last-of-type{background:#fffc00}
section.page-title{padding:30px 0 0;height:auto}
section.page-title .row.title{height:auto;padding:0}
.row.article-block{text-align:center}
.row.article-block .impression{height:155px;margin:50px 0 0}
.row.article-block .article-block-img{line-height:0;display:inline-block}
.row.article-block .article-block-img img{height:auto}
.row.article-block.align-center,.row.text-block.align-center{text-align:center}
.row.article-block.align-center .article-block-img{width:250px}
.row.article-block.align-center .article-block-video{width:450px}
.row.article-block.align-right,.row.article-block.align-left,.row.text-block.align-left{text-align:left}
.row.article-block.align-left .row.title,.row.article-block.align-right .row.title,.row.text-block.align-left .row.title,.row.text-block.align-right .row.title{padding:0;height:auto;text-align:left}
.row.article-block.align-right .article-block-img{float:left;width:620px}
.row.article-block.align-right .article-block-img img{width:100%}
.row.article-block.align-right article .wrap{float:right;width:calc(100% - 620px);padding-left:20px}
.row.article-block.align-left .article-block-img{float:right;width:620px}
.row.article-block.align-left .article-block-img img{width:100%}
.row.article-block.align-left article .wrap{float:left;width:calc(100% - 620px);margin-right:0;padding-right:20px}
.row.article-block.align-left .row.title,.row.article-block.align-right .row.title,.row.text-block.align-left .row.title,.row.text-block.align-right .row.title{width:100%}
section.row.block-page-slider{padding:25px 0;text-align:center}
section.row.block-page-slider .row.title{padding-bottom:0;height:60px}
section.row.block-page-slider article p{padding:25px 0}
section.team{text-align:center}
#team-items .banner-home.item .info{padding:10px;display:inline-block;color:#fff;line-height:20px;font-size:14px;background:rgba(123,165,87,1);background:-moz-linear-gradient(top,rgba(123,165,87,1) 0%,rgba(92,146,54,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(123,165,87,1)),color-stop(100%,rgba(92,146,54,1)));background:-webkit-linear-gradient(top,rgba(123,165,87,1) 0%,rgba(92,146,54,1) 100%);background:-o-linear-gradient(top,rgba(123,165,87,1) 0%,rgba(92,146,54,1) 100%);background:-ms-linear-gradient(top,rgba(123,165,87,1) 0%,rgba(92,146,54,1) 100%);background:linear-gradient(to bottom,rgba(123,165,87,1) 0%,rgba(92,146,54,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ba557',endColorstr='#5c9236',GradientType=0)}
#team-items .banner-home.item .info h2{font-size:16px;color:#fffd01}
header > div > .icon-search,header > div > .icon-shop{position:absolute;right:70px;top:0;margin:0;height:78px;line-height:78px;width:50px;background:#fff;border:none}
header > div > .icon-button.active{background-color:#bbb}
header > div > .icon-button.active:before{color:#fff}
header > div > .icon-search:before{color:#000;font-size:30px}
header > div > .icon-shop{background:#c42127;width:70px;right:0;display:block}
header > div > .icon-shop:before{content:'';display:inline-block;width:36px;height:36px;background-position:-10px -10px;margin-top:20px}
ul.social{text-align:center;display:inline-block}
ul.social li{margin:0 0 0 7px;display:inline-block}
ul.social li a{display:inline-block;font-size:20px;line-height:37px;width:40px;height:40px;background-color:#c42127;border:1px solid #fff}
.align-center{text-align:center}
.row.filiaal-block{padding:15px}
.row.filiaal-block h2{text-align:center;color:#fff;margin-bottom:10px}
section.img-header{height:295px;display:inline-block;width:100%;float:left;padding:0}
section.img-header .inner{height:100%}
section.img-header section.page-title h1{background:rgba(196,33,39,0.7);padding:10px;line-height:48px;display:inline;position:absolute;left:0;bottom:20px;color:#fff}
section.img-header section.page-title,section.img-header section.page-title .container{height:100%}
@media only screen and (max-width: 1366px) {
.container{padding:0 10px}
header{height:125px}
header .logo img{width:270px;height:auto}
header .logo{margin:0 0 0 -135px;top:18px}
.affiliates:before{margin:0 10px}
.affiliates .wrap{margin:28px 0 0}
.lowest-price:after{margin:28px 10px}
.lowest-price .wrap{padding-top:27px}
section.row.slider .caption-wrap{margin:-213px 0 0;left:20px}
}
@media only screen and (max-width: 1180px) {
section{padding:20px 0}
.row.article-block .impression{height:125px}
}
@media only screen and (max-width: 1024px) {
nav.main > ul,nav.main > ul > li.children > .sub,.lowest-price,.affiliates{display:none}
header{height:66px;margin-bottom:43px}
header > .container{z-index:10}
header .logo{width:250px;margin:0 0 0 -125px;height:auto;top:7px}
header .logo img{height:auto;width:100%}
.icon-toggle{float:none;display:inline-block;margin:5px 0 0 5px;background-color:#040000;border:none}
nav.main{position:absolute;top:0;left:0;background:#c42127;z-index:0;width:100%}
nav.main > ul{background:#c42127}
nav.main > ul > li.children > .sub{background:#fff}
nav.main > ul > li > a{color:#fff}
nav.main > ul > li > ul{background:#bbb}
nav > div{padding:0}
nav > div > ul{display:none;width:100%;position:absolute;top:49px;left:0;background:#478a6b}
nav ul li{float:none;display:block;width:100%;text-align:center}
nav.main > ul > li.children > a{padding:10px}
nav ul li a,nav > ul > li.children > a{border-top:1px solid rgba(255,255,255,0.2);padding:15px 0;color:#fff;font-size:13px}
nav > ul > li.children > a.active{background:#333}
nav > ul > li.children > a:after,nav > ul > li.children > a.active:after{font-family:FontAwesome;right:10px;position:absolute;background:#c42127;height:20px;line-height:20px;width:20px;font-size:14px}
nav > ul > li.children > a:after{content:'\f067'}
nav > ul > li.children > a.active:after{content:'\f068';background:#fff;color:#c42127}
header > div > .icon-search,header > div > .icon-shop{height:64px;line-height:64px}
header > div > .icon-shop:before{margin-top:12px}
.row.article-block .impression{height:100px}
section.row .container .row.title{padding:0 15px 15px}
.row.article-block.align-left .article-block-img,.row.article-block.align-left article .wrap,.row.article-block.align-right .article-block-img,.row.article-block.align-right article .wrap{width:48%;margin:0}
.product-view,.product_title.entry-title,.product-description,.reservation-block{width:100%}
section.jump-menu li{margin-bottom:13px}
section.jump-menu li a{padding:5px;background:#d43027}
section.row.maps .pdf-content{width:90%}
section.row.cart{padding:0 0 15px}
.cart-steps{margin:0 0 25px}
.cart-steps li{width:33.333%;float:left}
.cart-steps li a,.cart-steps li{padding:10px 0;font-size:16px}
.page-detail-blocks .row.article-block article .wrap{width:100%;margin-bottom:20px}
section.row.article-block figure.col-2{width:100%}
#img_mobile{float:left}
.product-img-gallery{float:left;width:calc(100% - 450px);margin-top:0}
.page-detail-blocks #gallery a{width:19%;height:auto;margin:0 0 5px 5px}
.page-detail-blocks #gallery a img{width:100%;height:100%}
section .row.title h2,section .row.title h1{font-size:30px;line-height:30px}
section .row.title h3{line-height:20px}
.row.article-block.align-right .article-block-img{float:left;width:50%}
.row.article-block.align-right .article-block-img img{width:100%}
.row.article-block.align-right article .wrap{float:right;width:50%;padding-left:20px}
.row.article-block.align-left .article-block-img{float:right;width:50%}
.row.article-block.align-left .article-block-img img{width:100%}
.row.article-block.align-left article .wrap{float:left;width:50%;margin-right:0;padding-right:20px}
.row.banner-items .group.item{min-height:490px;}
.row.banner-items .group.item .info{padding:0 10px 10px 10px;}
.row.banner-items .group.item .info .button{    padding: 2px 7px;}
}
.desktop-only{display:none}
@media only screen and (min-width: 1025px) {
.desktop-only{display:block}
.js-video{height:0;padding-top:0;padding-bottom:21%;margin-bottom:10px;position:relative;overflow:hidden}
.js-video.vimeo{padding-top:0}
.js-video embed,.js-video iframe,.js-video object,.js-video video{top:0;left:0;width:100%;height:100%;position:absolute}
section.row .container .row.title{padding:0 15px 15px;width:auto;height:auto;display:inline-block}
}
@media only screen and (max-width: 767px) {
.row.banner-items .group.item{min-height:unset;}
.js-video{height:240px;padding-top:0;padding-bottom:0;margin-bottom:10px;position:relative;overflow:hidden}
.row.article-block.align-left .row.title,.row.article-block.align-right .row.title{text-align:center}
.row.article-block.align-left .article-block-img,.row.article-block.align-left article .wrap,.row.article-block.align-right .article-block-img,.row.article-block.align-right article .wrap,.row.article-block.align-center .article-block-video{width:100%;margin:0}
.row.article-block.align-left .article-block-img,.row.article-block.align-right .article-block-img{text-align:center;margin-bottom:30px}
.row.article-block.align-left .article-block-img img,.row.article-block.align-right .article-block-img img{width:320px}
.row.article-block.align-left article .wrap,.row.article-block.align-right article .wrap{text-align:center}
.banner-home.item .info .wrap{min-height:initial}
footer .top{margin-bottom:0}
footer .col .wrap{border-right:0}
.row.article-block .impression{height:80px}
section .row.title h2,section .row.title h1{font-size:25px;line-height:25px}
main.page-detail section.row.text.col-2 figure,main.page-detail section.row.text.col-2 article{width:100%}
.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1,.woocommerce table.shop_table{padding:10px}
.cart-steps li:nth-child(3) a,.cart-steps li:nth-child(3) span{border-right:none}
.cart-steps li{width:100%;float:left}
.cart-steps li a,.cart-steps li{padding:0;font-size:14px;border-right:none;border-bottom:1px solid #b4cda1}
.cart-steps li a{padding:10px 0;border-bottom:none}
.row.article-block.align-left article .wrap,.row.article-block.align-right article .wrap{padding:0}
#img_mobile{width:100%;height:auto}
.product-img-gallery{width:auto;display:block;margin-top:5px}
.page-detail .product-img-gallery{width:100%;display:block;margin-top:5px}
.page-detail-blocks #gallery a{margin:0 5px 5px 0;width:calc(20.1% - 5px)}
section.row.slogan-block h2 span:before{display:none}
h2,h3,h4,h5,h6{font-size:25px;font-size:30px}
header{margin-bottom:22px}
section.row.text.col-2 article,main.page-contact section.row.maps{width:100%}
main.page-contact section.row.maps .pdf-content{position:relative;right:0;width:100%}
.grid-4 .item{width:100%;margin-right:0}
}
@media only screen and (max-width: 580px) {
section.row.maps .pdf-content{right:10px;width:280px}
}
@media only screen and (max-width: 480px) {
footer .top form{width:230px}
footer .top form input[type=email]{width:130px}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#img_mobile{width:50%}
.product-img-gallery{width:50%;padding-top:10px;background:#eee;height:300px}
.page-detail .product-img-gallery{width:100%;padding-top:0;background:none}
section.row.slider{height:579px;margin:27px 0 0}
.page-detail-blocks #gallery a{width:87px;height:auto;margin:0 0 12px 11px}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#img_mobile{width:50%}
.product-img-gallery{width:50%;padding-top:10px;background:#eee;height:300px}
.page-detail .product-img-gallery{width:100%;padding-top:0;background:none}
.page-detail-blocks #gallery a{width:80px;height:auto;margin:0 0 12px 11px}
.js-video{height:240px;padding-top:0;padding-bottom:0;margin-bottom:10px;position:relative;overflow:hidden}
footer .top form{width:230px}
footer .top form input[type=email]{width:130px}
}
@media only screen and (max-width: 414px) {
.js-video{height:215px}
}
.row.slider{position:relative}
.row.slider .container{height:100%}
.row.slider .slider-video{position:absolute;bottom:0;z-index:10;width:auto;height:auto}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.youtube{position:relative;height:100%;overflow:hidden;max-width:100%;background:#000}
.youtube iframe,.youtube object,.youtube embed{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:transparent}
.youtube img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:100%;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}
.youtube img:hover{-webkit-filter:brightness(75%)}
.youtube .play{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;background:url(https://www.devoltage.nl/skin/frontend/default/devoltage/images/xzC70f.png) no-repeat;cursor:pointer}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
section.row.slider{height:434px;margin:27px 0 0}
}
@media only screen and (max-width: 414px) {
section.row.slider{height:232px;margin:27px 0 0}
}