/*
Theme Name: Klaas Puul
Author URI: http://www.qstylez.nl
Author: QStylez
Version: 1.0
*/

html {
	font-size: 16px;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	margin: 0;
	font-family: 'metanormal';
	font-weight: 100;
	font-size: 100%;
	color: #706f6f;
	overflow-x: hidden;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden] {
	display: none
}
.grecaptcha-badge {
	display: none;
}
html, button, input, select, textarea {
	font-family: 'metanormal';
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000
}
:focus {
	outline: 0
}
a.post-edit-link {
	display: none
}
textarea, input[type="submit"] {
	-webkit-appearance: none
}
ul {
	padding: 0;
	margin: 0
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	line-height: 1.3;
	font-family: 'botonmedium';
	font-weight: 100;
	color: #003c5c
}
h1, h2 {
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: center
}
h1 {
	margin-top: 0;
	margin-bottom: 20px
}
h2 {
	margin-top: 0;
	margin-bottom: 20px
}
h3 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 1.25em
}
b, strong {
	font-weight: 700
}
p {
	margin: 15px 0;
	line-height: 1.4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none
}
.cc-window {
	font-family: 'metanormal' !important;
}
.error404 .page-title {
	font-size: 1.8em
}
.home-link img {
	width: 100%
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer
}
button[disabled], input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	padding: 0
}
input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px;
	width: 270px
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto;
	vertical-align: top
}
section:after, .inner:after, .quotes:after, .col:after, .modal-content:after, .mod-body:after, .puuls-packs:after, .puuls-sworld:after, .modal-header:after, .puuls-sworld:after, #recipes .col:first-of-type:after, .clear:after, #inner-header:after, #bedrijfspand .col:after, .lnks:after, .row:after, .social:after, .site-info:after, .main-navigation:after, .about-blocks:after, .loc:after, .l-info:after, #nieuws .listing-item:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
.inner {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
	line-height: 1.4;
	position: relative
}
.col {
	position: relative;
	min-height: 1px;
	margin: 0 auto
}
.col-s {
	width: 25%
}
.col-m {
	width: 66.66%
}
.col-l {
	width: 96%
}
.col>p:last-of-type {
	margin-bottom: 0
}
section {
	padding: 60px 0
}
.entry-title {
	text-align: center
}
.entry-header {
	padding-top: 60px
}
.entry-content {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word
}
.entry-content a, .entry-title a {
	text-decoration: none
}
.navbar {
	background: #008bd2;
	background: -moz-linear-gradient(top, #008bd2 0%, #003f5f 100%);
	background: -webkit-linear-gradient(top, #008bd2 0%, #003f5f 100%);
	background: linear-gradient(to bottom, #008bd2 0%, #003f5f 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#008bd2', endColorstr='#003f5f', GradientType=0);
	background: #008bd2;
	width: 100%
}
.navbar.change {
	width: 100%;
	position: fixed;
	top: 0
}
.logged-in .navbar.change {
	top: 32px
}
.main-navigation {
	clear: both;
	margin: 0 auto;
	position: relative;
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px
}
.nav-menu li {
	display: inline-block;
	position: relative
}
.nav-menu li a {
	display: block;
	line-height: 1;
	margin: 15px 14px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	padding: 0 10px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.sub-menu {
	background: #008bd2;
}
.nav-menu .sub-menu li a {
	margin: 15px 14px;
	margin-bottom: 0;
	font-size: 0.9rem;
}
.nav-menu .sub-menu li:last-of-type a {
	margin-bottom: 15px;
}
.menu-hoofdmenu-container, .menu-subsmenu-container {
	float: right;
	padding-right: 15px;
}
.nav-menu li a:hover {
	color: #ece9e9
}
.nav-menu li:last-of-type a {
	padding-right: 0
}
.nav-menu .sub-menu, .nav-menu .children {
	border-top: 0;
	padding: 0;
	position: absolute;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}
.nav-menu .sub-menu ul, .nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0
}
ul.nav-menu ul a, .nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 230px
}
ul.nav-menu li:hover>ul, .nav-menu ul li:hover>ul, ul.nav-menu .focus>ul, .nav-menu .focus>ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit
}
.menu-toggle {
	display: none
}
#top-header ul.flags a {
	opacity: 0.4
}
#top-header ul.flags a.page-active, #top-header ul.flags a:hover {
	opacity: 1
}
.link-col {
	z-index: 2;
	max-width: 200px;
	float: left;
	width: 200px;
	padding: 15px 30px;
	background: #fff;
	position: fixed;
	top: 0;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s
}
.logged-in .link-col {
	top: 32px
}
.home-link {
	position: relative;
	display: block;
	max-width: 200px;
	clear: both;
	margin: 0 auto
}
.main-navigation>div:first-of-type, #top-header .inner>div:first-of-type {
	width: 200px;
	float: left;
	min-height: 1px
}
@-moz-document url-prefix() {
	.main-navigation>div:first-of-type, #top-header .inner>div:first-of-type {
		width: 192px;
		float: left;
		min-height: 1px
	}
}
@supports (-ms-ime-align:auto) {
	.main-navigation>div:first-of-type, #top-header .inner>div:first-of-type {
		width: 192px;
		float: left;
		min-height: 1px
	}
}
#top-header {
	background: #fff
}
.social {
	float: left;
	padding: 11px 15px
}
.social a {
	display: block;
	float: left;
	color: #fff;
	background: #008bd2;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 16px;
	line-height: 2
}
.social li {
	list-style: none
}
.social li a:first-of-type {
	margin-right: 7.5px
}
#top-header ul:not(.social) {
	float: left;
	padding: 15px
}
#top-header ul:not(.social).links {
	padding-left: 7.5px;
	padding-right: 7.5px
}
#top-header ul:not(.social) li {
	list-style: none;
	display: block;
	float: left
}
#top-header ul:not(.social):first-of-type li:first-of-type {
	padding-left: 20px;
	padding-right: 15px;
	border-right: 2px solid #008bd2
}
#top-header ul:not(.social):first-of-type li:nth-of-type(2) {
	padding-left: 15px
}
#top-header ul:not(.social):first-of-type li, #top-header ul:not(.social):first-of-type li a {
	font-family: 'botonmedium';
	font-weight: 100;
	color: #008bd2;
	text-decoration: none
}
#top-header ul:not(.social):first-of-type li a {
	font-weight: 600
}
.links a {
	color: #706f6f;
	font-size: 0.9em;
	text-decoration: none
}
.links li {
	padding: 0 15px
}
.flags li {
	margin-right: 5px
}
.flags li:last-of-type {
	margin-right: 0
}
#top-header ul.flags {
	float: right;
	padding-right: 30px
}
.site-header {
	height: 98px;
	background: #008bd2;
	position: relative;
	z-index: 50
}
.slider .rsUni, .slider .rsUni .rsOverflow, .slider .rsUni .rsSlide, .slider .rsUni .rsVideoFrameHolder, .slider .rsUni .rsThumbs {
	background: transparent
}
#main-slider {
	height: 720px;
	height: 70vh
}
#new-royalslider-1.rsUni .rsBullets {
	padding: 0;
	top: -50px
}
#main-slider .rsUni .rsBullet span {
	background-color: #fff;
	border-radius: 0;
	width: 10px;
	height: 10px;
	cursor: pointer
}
#main-slider .rsUni .rsBullets {
	padding: 0;
	top: -50px
}
#main-slider .rsUni .rsBullet.rsNavSelected span {
	background-color: #008bd2;
	border-radius: 0
}
.slider .rsUni.rsHor .rsArrowRight .rsArrowIcn {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/arrow-right.png)no-repeat;
	background-size: contain;
	background-position: right;
	opacity: 1
}
.slider .rsUni .rsArrowIcn {
	height: 50px;
	margin-top: -25px
}
.slider .rsUni.rsHor .rsArrowLeft .rsArrowIcn {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/arrow-left.png)no-repeat;
	background-size: contain;
	background-position: left;
	opacity: 1
}
#over {
	padding-top: 0;
	padding-bottom: 18%;
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/volendam-laag.jpg)no-repeat;
	background-size: contain;
	background-position: bottom
}
.about-blocks {
	margin-top: 60px
}
.about-blocks h3 {
	font-family: 'metanormal';
	color: #fff;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5em;
	text-align: center
}
.about-blocks div {
	float: left;
	width: 33.33%;
	height: 250px;
	padding: 0 10px
}
.about-blocks div a {
	display: block;
	height: 100%
}
.about-blocks div:first-of-type a {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/geschiedenis-block.jpg) no-repeat #008bd2;
	background-size: cover
}
.about-blocks div:nth-of-type(2) a {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/visie-block.jpg) no-repeat #008bd2;
	background-size: cover
}
.about-blocks div:nth-of-type(3) a {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/locaties-block.jpg) no-repeat #008bd2;
	background-size: cover
}
#producten h2, #producten h1, #producten .inner p {
	color: #fff
}
#producten {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/producten-bg-l.jpg) no-repeat fixed;
	background-size: cover;
	padding-bottom: 0
}
.product-slider {
	width: 90%;
	margin: 0 auto;
	margin-top: 60px;
	height: 580px
}
.product-slide {
	height: 580px
}
.product-slide h3, .product-slide .p-more {
	color: #fff
}
.product-slide .p-more {
	cursor: pointer;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
.product-slide .p-more:hover {
	color: #ece9e9
}
.p-info {
	padding: 30px
}
.p-more {
	font-family: 'botonmedium';
	font-weight: 100;
	display: inline-block;
	margin-top: 30px
}
.product-slide h3 {
	text-align: center;
	font-family: 'metanormal';
	font-weight: 100;
	padding: 15px;
	margin-bottom: 0
}
.product-slider .rsUni.rsHor .rsArrowRight {
	right: -60px
}
.product-slider .rsUni.rsHor .rsArrowLeft {
	left: -60px
}
.rivier, .pud, .zalm, .zeevrucht, .mosselen, .arg {
	background: #008bd2
}
.garnalen, .tiger, .bio, .van-garnalen, .koudwater, .surimi {
	background: #003c5c
}
.product-slide p {
	margin: 0;
	min-height: 110px
}
.p-img {
	height: 300px;
	width: 100%
}
.surimi .p-img {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/surimi.jpg)no-repeat;
	background-size: cover;
	background-position: center center
}
.mosselen .p-img {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/mosselen.jpg)no-repeat;
	background-size: cover;
	background-position: center center
}
.garnalen .p-img {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/hollandse-garnalen.jpg)no-repeat;
	background-size: cover;
	background-position: center center
}
.rivier .p-img {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/rivierkreeftjes.jpg)no-repeat;
	background-size: cover;
	background-position: center center
}
.zeevrucht .p-img {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/fruitsdemer.jpg)no-repeat;
	background-size: cover;
	background-position: center center
}
.tiger .p-img {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/blacktiger.jpg)no-repeat;
	background-size: cover;
	background-position: center center
}
.pud .p-img {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/roze-garnalen.jpg)no-repeat;
	background-size: cover;
	background-position: center center
}
.van-garnalen .p-img {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/vannamei.jpg)no-repeat;
	background-size: cover;
	background-position: center center
}
.zalm .p-img {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/gerooktezalm.jpg)no-repeat;
	background-size: cover;
	background-position: center center
}
.bio .p-img {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/biogarnalen.jpg)no-repeat;
	background-size: cover;
	background-position: center center
}
.koudwater .p-img {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/koud-water-img.jpg)no-repeat;
	background-size: cover;
	background-position: center center
}
.arg .p-img {
	background: url(https://www.klaaspuul.com/wp-content/uploads/argentijnse-garnaal.jpg)no-repeat;
	background-size: cover;
	background-position: center center
}
.page-id-228 #producten {
	padding-bottom: 60px
}
.parent-pageid-228 .entry-content .inner {
	text-align: center
}
.parent-pageid-228 .entry-title {
	margin-top: 15px
}
.page-id-234 .entry-title {
	margin-top: 0
}
body:not(.home):not(.page-id-3501):not(.page-id-228).parent-pageid-228 #main {
	padding-top: 60px
}
body:not(.home):not(.page-id-3501) #main {
	position: relative;
}
.parent-pageid-228 .entry-content ul {
	display: table;
	text-align: left;
	margin: 0 auto;
	margin-top: 20px
}
.parent-pageid-228 .entry-content ul li {
	list-style: disc;
	color: #008bd2
}
.parent-pageid-228 .entry-content ul li span {
	color: #706f6f
}
.page-id-259 .entry-title {
	margin-top: 0
}
#kwaliteit {
	background: url(https://www.klaaspuul.com/wp-content/uploads/kwaliteit_hd42-bg-1.jpg)no-repeat #fff;
	background-size: contain;
	background-position: bottom right;
}
#kwaliteit h2+p+div, #kwaliteit .inner>p:first-of-type+div {
	text-align: left;
	margin-top: 30px
}
#kwaliteit h3 {
	color: #008bd2;
	margin-top: 30px;
	margin-bottom: 0;
	text-align: left
}
.page-id-109 #kwaliteit {
	padding-top: 0;
	padding-bottom: 60px
}
body:not(.home):not(.page-id-3501):not(.page-id-228).page-id-109 #main {
	padding-bottom: 0
}
#kwaliteit h2+p+div>h3:first-of-type {
	margin-top: 0
}
#kwaliteit h3+p {
	margin-top: 5px
}
body:not(.home):not(.page-id-3501):not(.page-id-228) .entry-content a, .nav-links a {
	color: #003c5c;
	font-weight: 600
}
.more, body:not(.home):not(.page-id-3501):not(.page-id-228) .entry-content .more {
	font-family: 'botonmedium';
	font-weight: 100;
	color: #003c5c;
	display: inline-block;
	margin-top: 5px
}
.more:hover, body:not(.home):not(.page-id-3501):not(.page-id-228) .entry-content a:hover, .nav-links a:hover {
	color: #008bd2
}
.nav-links {
	display: table;
	margin: 0 auto;
	padding: 30px 0
}
.nav-links a:first-of-type {
	margin-right: 30px
}
#contact h2+p {
	text-align: center
}
#contact h2, #contact .inner {
	color: #fff
}
#contact {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/contact-bg-l.jpg) no-repeat fixed;
	background-size: cover
}
.contact-form {
	margin-top: 60px
}
#contact .left, #contact .right {
	width: 50%;
	float: left
}
#contact .left {
	padding-right: 30px;
	margin-bottom: 30px
}
#contact .right {
	text-align: left;
	padding-left: 30px;
	margin-bottom: 30px
}
/*#contact .right>p:last-of-type {
	padding-left: 105px
}*/

p.instruction {
	padding-left: 105px
}
#contact textarea {
	resize: none;
	height: 131px;
	max-width: 327px;
	width: 100%
}
#contact input, #contact textarea {
	padding: 8px;
	border-radius: 5px;
	border: 1px solid #fff;
	color: #333;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
#contact select {
	color: #333;
}
#contact input:focus, #contact textarea:focus {
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5)
}
#contact label {
	width: 118px;
	text-align: right;
	display: inline-block;
	margin-right: 10px
}
#contact .right label {
	width: 82px
}
.select-rec .wpcf7-select {
	padding: 8px;
	border-radius: 5px;
	border: 1px solid #fff;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	position: relative;
	transition: .4s;
	max-width: 265px;
	width: 100%;
}
span.wpcf7-not-valid-tip {
	display: none
}
#contact input[type="submit"] {
	display: table;
	margin: 0 auto;
	clear: both;
	font-family: 'botonmedium';
	font-weight: 100;
	font-size: 1rem;
	color: #fff;
	background: #008bd2;
	padding: 8px 30px;
	border: 1px solid #008bd2
}
div.wpcf7-response-output {
	display: table;
	margin: 0 auto;
	padding: 15px;
	border-radius: 5px;
	border-color: transparent;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}
#contact span .wpcf7-not-valid {
	border: 1px solid #ff0000;
	background: #ffe2e2
}
div.wpcf7-validation-errors {
	background: #ffe2e2;
	border: 1px solid #ff0000;
	color: #C10000
}
#contact .wpcf7-file {
	border: 0;
	box-shadow: none
}
span.wpcf7-list-item {
	display: inline-block;
	margin: 0;
}
#contact p.consent label {
	width: 100%;
	margin-right: 0;
}
.wpcf7 label a {
	color: #fff;
	font-weight: bold;
}
#friends {
	position: relative;
	padding-bottom: 5%;
	background: #fbfbfb
}
#friends .inner {
	text-align: center
}
.friend-slider {
	height: 120px;
	height: 240px;
	margin: 0 auto;
	margin-top: 60px
}
.friend-slider .rsUni, .friend-slider .rsUni .rsOverflow, .friend-slider .rsUni .rsSlide, .friend-slider .rsUni .rsVideoFrameHolder, .friend-slider .rsUni .rsThumbs {
	background: transparent
}
.friend-slider img.rsImg {
	max-width: none;
	margin: 0 auto !important
}
.friend-slider .rsUni.rsHor .rsArrowRight .rsArrowIcn {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/arrow-right-grey.png)no-repeat;
	background-size: contain;
	background-position: right;
	opacity: 1
}
.friend-slider .rsUni .rsArrowIcn {
	height: 50px;
	margin-top: -25px
}
.friend-slider .rsUni.rsHor .rsArrowLeft .rsArrowIcn {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/arrow-left-grey.png)no-repeat;
	background-size: contain;
	background-position: left;
	opacity: 1
}
.quotes {
	padding-top: 90px;
	height: 240px;
	position: relative;
}
.quote {
	width: 100%;
	opacity: 0;
	position: absolute;
	visibility: hidden;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s
}
.quote>span:first-of-type {
	color: #003c5c;
	font-style: italic;
	font-weight: 600;
	font-size: 1.25em;
	display: block;
	line-height: 1.6;
	z-index: 1;
	position: relative;
}
.quote.active {
	visibility: visible;
	opacity: 1
}
.friend {
	height: 500px;
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s
}
.stefan {
	height: 450px;
}
.friend.active {
	visibility: visible;
	opacity: 1
}
.friend img {
	height: 100%
}
#colophon {
	background: #003c5c;
	padding: 60px 0
}
#colophon ul {
	float: left;
	padding: 0 15px;
	margin-right: 80px
}
#colophon ul:last-of-type {
	margin-right: 0
}
#colophon ul li {
	list-style: none;
	color: #fff;
	line-height: 1.6;
	font-size: 0.9em
}
#colophon ul li h3 {
	color: #fff;
	text-align: left
}
#colophon ul li a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s
}
#colophon ul li a:hover {
	color: #ece9e9
}
#colophon .bottom ul {
	width: auto
}
#colophon .bottom ul:first-of-type {
	margin-right: 15px
}
.site-info.inner {
	padding: 0
}
.bottom ul:first-of-type img {
	display: block;
	max-width: 200px
}
.bottom {
	display: table;
	margin: 0 auto;
	margin-top: 90px
}
#colophon .bottom ul:nth-of-type(2) li:last-of-type a {
	display: block;
	float: left;
	color: #003c5c;
	background: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 16px;
	line-height: 2
}
.bottom ul:nth-of-type(2) li:last-of-type {
	margin-top: 10px
}
.bottom ul:nth-of-type(2) li:last-of-type a:first-of-type {
	margin-right: 7.5px
}
#recepten {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/bowl-Small.png)no-repeat;
	background-position: left top;
	position: relative;
	margin-top: -65px;
	padding-top: 125px;
	z-index: 1;
	padding-bottom: 0
}
.recepten-slider {
	margin-top: 70px;
	padding: 15px 0;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1)
}
.info {
	display: table;
	margin: 0 auto;
	padding: 15px;
	background: #cde9f7;
	border: 1px solid #83c3e9;
	border-radius: 5px;
	color: #407eaf;
	margin-top: 30px
}
.info .fa {
	margin-right: 10px
}
body:not(.home):not(.page-id-3501):not(.page-id-228).single #main .category-recepten {
	text-align: center
}
@media (min-width: 768px) {
	body:not(.home):not(.page-id-3501) #main {
		min-height: 500px
	}
}
body:not(.home):not(.page-id-3501):not(.page-id-228) #main {
	padding-bottom: 60px
}
body:not(.home):not(.page-id-3501) .entry-content ul, .modalPuuls .mod-body ul {
	padding-left: 25px;
	list-style: square
}
body:not(.home):not(.page-id-3501) .entry-content ul li {
	line-height: 1.6
}
body:not(.home):not(.page-id-3501):not(.page-id-228) .entry-content h3 {
	color: #008bd2;
	margin-top: 30px;
	margin-bottom: 0
}
body:not(.home):not(.page-id-3501) .entry-content h3+p, body:not(.home):not(.page-id-3501) .entry-content h3+ul, body:not(.home):not(.page-id-3501) .entry-content h4+p, body:not(.home):not(.page-id-3501) .entry-content h4+ul {
	margin-top: 5px
}
body:not(.home):not(.page-id-3501) .entry-content h4 {
	margin-bottom: 0
}
body:not(.home):not(.page-id-3501) #main-slider {
	height: 560px;
	width: 100%;
	position: relative;
}
body:not(.home):not(.page-id-3501).page-id-159 #main {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/historie-large.jpg)no-repeat;
	background-size: cover;
	color: #575756;
	padding-bottom: 28%
}
body:not(.home):not(.page-id-3501).page-id-141 #main-slider {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/KlaasPuul_lab-Large.jpg)no-repeat;
	background-size: cover;
	background-position: center 55%
}
body:not(.home):not(.page-id-3501).page-id-141 #new-royalslider-1 {
	display: none
}
.sust-img {
	max-width: 200px;
	display: block;
	margin: 15px 0;
	margin-bottom: 20px
}
#post-133 .sust-img {
	float: left
}
#post-133 .sust-img:first-of-type {
	margin-right: 60px
}
#locations {
	padding: 0
}
#locations .col {
	width: 50%;
	float: left;
	height: 560px
}
#locations .col:first-of-type {
	float: right;
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/klaas-kaart.png)no-repeat;
	background-size: 690px;
	background-position: right bottom;
	height: 800px;
	margin-top: -237px;
	width: 690px
}
body:not(.home):not(.page-id-3501).page-id-168 #main {
	padding-bottom: 0
}
.loc {
	margin-top: 60px
}
#locations .inner {
	z-index: 1
}
.loc-map {
	width: 99%;
	background: #fff;
	height: 300px;
	margin-top: 5px;
	padding: 10px;
	padding-left: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1)
}
.loc-map .map {
	height: 100%;
	width: 60%;
	float: left
}
.loc-img {
	width: 40%;
	padding-left: 10px;
	float: left;
	height: 100%;
	overflow: hidden
}
.loc-img div {
	height: 100%;
	width: 100%
}
.loc-img.vd div {
	background: url(https://www.klaaspuul.com/wp-content/uploads/kpvd.jpg) no-repeat;
	background-position: center center;
	background-size: cover
}
.loc-img.ed div {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/klaas-edam.jpg) no-repeat;
	background-size: cover
}
.loc-img.dk div {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/klaas-denemarken.jpg) no-repeat;
	background-size: cover
}
.loc-img.be div {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/puurs-luchtfoto-Small.jpg) no-repeat;
	background-size: cover
}
.loc-img.de div {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/Busum7-Small.jpg) no-repeat;
	background-size: cover
}
.loc-img.fr div, .loc-img.gb div, .loc-img.ded div {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/klaas-puul-logo.png) no-repeat;
	background-size: 140px;
	background-position: center center
}
.loc-img.ma div {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/klaas-maroc-Small.jpg) no-repeat;
	background-size: cover;
	background-position: center center
}
.loc .rsUni, .loc .rsUni .rsOverflow, .loc .rsUni .rsSlide, .loc .rsUni .rsVideoFrameHolder, .loc .rsUni .rsThumbs {
	background: transparent
}
.loc .rsUni.rsVer .rsArrowLeft {
	display: block;
	top: -60px
}
.loc .rsUni.rsVer .rsArrowRight .rsArrowIcn {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/arrow-down-grey.png)no-repeat;
	background-size: contain;
	background-position: center bottom;
	opacity: 1
}
.loc .rsUni.rsVer .rsArrowLeft .rsArrowIcn {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/arrow-top.png)no-repeat;
	background-size: contain;
	background-position: center top;
	opacity: 1
}
.loc .rsUni .rsArrowIcn {
	width: 50px
}
.l-info h2 {
	font-family: 'metanormal';
	font-weight: 600;
	color: #008bd2;
	text-align: left;
	text-transform: none
}
.l-info {
	padding: 55px;
	padding-right: 40px
}
.l-info ul li {
	color: #706f6f;
	line-height: 1.6
}
.l-info ul {
	float: left
}
.l-info ul:first-of-type {
	margin-right: 25px;
	padding-right: 50px;
	border-right: 1px solid #706f6f;
	min-height: 100px
}
.l-info.fr ul:first-of-type, .l-info.ma ul:first-of-type {
	max-width: 290px
}
.l-info div {
	display: table;
	float: right;
	width: 531px
}
.l-info ul:nth-of-type(2) li {
	list-style: none
}
.location {
	display: block;
	width: 20px;
	height: 20px;
	background: #003c5c;
	border: 2px solid #fff;
	border-radius: 50%;
	position: absolute;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	z-index: 1;
	cursor: pointer
}
.location.loc-vd {
	right: 52%;
	top: 45%;
	z-index: 2
}
.location.loc-ed {
	right: 51%;
	top: 44%
}
.location.loc-romo {
	right: 44%;
	top: 36%
}
.location:nth-of-type(4) {
	right: 53%;
	top: 48.5%
}
.location.loc-bus {
	right: 43%;
	top: 39.5%
}
.location.loc-par {
	right: 57%;
	top: 54%
}
.location.loc-tanger {
	right: 87%;
	top: 91%
}
.location.loc-eng {
	right: 63%;
	top: 46%;
}
.location.loc-ober {
	right: 45%;
	top: 55%
}
.location span {
	display: block;
	position: absolute;
	left: 25px;
	font-family: 'metanormal';
	font-weight: 600;
	color: #00c0f7;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	width: 80px
}
.location:nth-of-type(3) span {
	left: -45px
}
.location.selected {
	background: #00acde
}
.location.selected span {
	visibility: visible;
	opacity: 1
}
/**
 * Sollicitatie
 * ----------------------------------------------------------------------------
 */

.sollicitatie .wpcf7 label {
	width: 150px;
	text-align: right;
	display: inline-block;
	margin-right: 10px;
}
.sollicitatie .wpcf7 p {
	color: #008bd2;
}
.street .s-inner:nth-of-type(2) label, .street .s-inner:nth-of-type(3) label {
	width: auto;
}
.street .s-inner:nth-of-type(1) input {
	max-width: 200px;
	width: 100%;
}
.street .s-inner:nth-of-type(2) input {
	max-width: 50px;
	width: 100%;
}
.street .s-inner:nth-of-type(3) input {
	max-width: 80px;
	width: 100%;
}
.street .s-inner:nth-of-type(1), .street .s-inner:nth-of-type(2) {
	margin-right: 15px;
}
.sollicitatie .wpcf7 input, .sollicitatie .wpcf7 textarea {
	padding: 8px;
	border-radius: 5px;
	border: 1px solid #fff;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	border: 1px solid #008bd2;
	max-width: 552px;
	width: 100%;
}
.sollicitatie input[type="file"] {
	border: 0;
}
.sollicitatie .wpcf7 input[type="submit"] {
	display: table;
	margin: 0 auto;
	clear: both;
	font-family: 'botonmedium';
	font-weight: 100;
	font-size: 1rem;
	color: #fff;
	background: #008bd2;
	padding: 8px 30px;
	border: 1px solid #008bd2;
	width: auto;
}
.sollicitatie span .wpcf7-not-valid {
	border: 1px solid #ff0000;
	background: #ffe2e2
}
.sollicitatie .wpcf7 .fptime input {
	width: auto;
}
.wpcf7 .consent label {
	width: 100%;
	text-align: left;
}
.wpcf7 .consent input[type="checkbox"] {
	width: auto !important;
	margin: 0;
}
/**
 * Nieuws
 * ----------------------------------------------------------------------------
 */

#expo-container {
	width: 100%;
	height: 800px;
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/03/expo-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.expo {
	color: #fff;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}
.expo p:last-of-type {
	font-family: 'botonmedium';
	font-weight: 100;
	font-size: 2rem;
}
.expos {
	max-width: 260px;
	margin: 0 auto;
	display: block;
	width: 100%;
	margin: 30px auto;
}
.expo h1 {
	color: #fff;
	text-transform: none;
	font-size: 4rem;
	text-shadow: #000 0 0 10px;
}
.expo h1.yellow {
	color: #fed53d;
}
.expo h2 {
	color: #fff;
	text-transform: none;
	font-size: 3rem;
	text-shadow: #000 0 0 10px;
}
.expo h3 {
	color: #fff;
	text-transform: none;
	font-size: 2rem;
	text-shadow: #000 0 0 10px;
	margin-bottom: 20px;
}
.expo img {
	padding: 30px 0px;
	max-width: 300px;
}
body:not(.home):not(.page-id-3501) .expo img {
	padding-top: 0;
	padding-bottom: 15px;
	max-width: 235px;
}
body:not(.home):not(.page-id-3501) .expo img+h2 {
	font-size: 2rem;
}
/**
 * Nieuwe Productielocatie
 * ----------------------------------------------------------------------------
 */

.pand {
	display: table;
	margin: 0 auto;
	clear: both;
	font-family: 'botonmedium';
	font-weight: 100;
	font-size: 1rem;
	color: #fff;
	background: #008bd2;
	padding: 8px 30px;
	border: 1px solid #008bd2;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	border-radius: 5px;
}
.pand:hover {
	color: #fff;
	border: 1px solid #008bd2;
	background: #008bd2;
	text-decoration: none;
}
.new-location img {
	max-width: 100%;
	height: auto;
}
a.drone {
	display: block;
	float: right;
	width: 150px;
	height: 150px;
	margin-top: -30px;
	margin-right: -30px;
	background: url(https://www.klaaspuul.com/wp-content/uploads/drone-thumb-2.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
a.drone div {
	height: 100%;
	width: 100%;
	background: url(https://www.klaaspuul.com/wp-content/uploads/drone-icon-blauw.png)no-repeat rgba(255, 255, 255, 0.4);
	background-size: 30%;
	background-position: center center;
}
a.drone:hover div {
	background: url(https://www.klaaspuul.com/wp-content/uploads/drone-icon.png)no-repeat rgba(255, 255, 255, 0);
	background-size: 30%;
	background-position: center center;
}
.new-location {
	line-height: 0;
	float: left;
	width: 65%;
}
#bedrijfspand .col {
	padding: 20px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 30px 0 rgba(36, 35, 35, 0.1);
	-moz-box-shadow: 0px 0px 30px 0 rgba(36, 35, 35, 0.1);
	box-shadow: 0px 0px 30px 0 rgba(36, 35, 35, 0.1);
}
.new-info {
	width: 35%;
	float: left;
	padding: 30px;
	padding-bottom: 0;
}
.new-info p {
	line-height: 1.8;
	color: #003c5c;
}
.new-info p img {
	margin-top: 10px;
	max-width: 225px;
}
.new-info .entry-title {
	text-align: left;
	font-family: 'botonmedium';
	font-weight: 100;
	text-transform: lowercase;
	font-size: 2.8rem;
	margin-left: -150px;
}
.new-info>p:last-of-type {
	margin-bottom: 0;
}
.new-info .entry-title span {
	background: #fff;
	display: block;
	padding: 5px 20px;
}
.new-info .entry-title span:first-of-type {
	margin-bottom: 10px;
}
.new-info .entry-title span:nth-of-type(2) {
	margin-left: -75px;
}
#bedrijfspand {
	padding-top: 150px;
}
body.page-id-552 #main {
	background: #f3f3f3;
}
.video-impression {
	position: relative;
	float: left;
	width: 100%;
	padding: 20px 0px 0px 0px;
}
.video-impression .videocontainer {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.video-impression .video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-impression h2 {
	text-align: left;
	text-transform: none;
}
.msc-btn, .asc-btn {
	position: absolute;
	background: url(https://www.klaaspuul.com/wp-content/uploads/msc-logo.png)no-repeat #fff;
	background-size: contain;
	height: 200px;
	width: 120px;
	z-index: 2;
	right: 30px;
	bottom: 0;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	display: block;
}
.asc-btn {
	background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/asc-logo.jpg)no-repeat #fff;
	background-size: contain;
	height: 92px;
	width: 200px;
	bottom: 30px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
/**
 * Recipes
 * ----------------------------------------------------------------------------
 */

#recipes {
	background: url(https://www.klaaspuul.com/wp-content/uploads/shrimps-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 35px 15px;
	border-top: 60px solid #231f20;
	font-family: 'EffraW01';
}
#recipes .row {
	background: #fff;
	padding: 25px 15px;
}
#recipes .row:nth-of-type(2) span {
	color: white;
}
#recipes .row:nth-of-type(2) {
	background: #231f20;
}
#recipes .row:nth-of-type(2) a.pand.shrimp {
	background: white;
	color: #231f20;
	border: 1px solid #ffffff;
}
#recipes .col:first-of-type h2 {
	font-family: 'ChaletComprime-CologneEighty';
	font-size: 3rem;
	line-height: 1;
}
#recipes .col:first-of-type h2, #recipes .col:first-of-type p {
	color: #231f20;
	text-align: left;
}
#recipes .col:first-of-type div:nth-of-type(2) {
	width: 100%;
}
#recipes .col:first-of-type div:first-of-type img {
	width: 100%;
	display: block;
}
#recipes .col:first-of-type div:nth-of-type(2)>p:last-of-type {
	margin-bottom: 0;
	line-height: 1.6;
}
#recipes .col:first-of-type div:first-of-type {
	width: 200px;
	margin: 0 auto;
	margin-bottom: 20px;
}
#recipes .col:first-of-type:first-of-type {
	padding-bottom: 25px;
	border-bottom: 1px solid #231f20;
}
.pand.shrimp, body:not(.home):not(.page-id-3501):not(.page-id-228) .entry-content a.pand.shrimp {
	font-weight: 400;
	color: #fff;
	background: #231f20;
	border: 1px solid #231f20;
	font-family: 'EffraW01';
}
.pand.shrimp:hover, body:not(.home):not(.page-id-3501):not(.page-id-228) .entry-content a.pand.shrimp:hover {
	background: #000;
	border: 1px solid #000;
}
.col.vid-col {
	margin-bottom: 40px;
	margin-top: 10px;
}
#main-slider .pand.shrimp {
	background: #005979;
	border-color: #005979;
}
#main-slider .pand.shrimp:hover {
	background: #004057;
	border-color: #004057;
}
.boston {
	font-family: 'EffraW01';
	font-size: 1rem;
	font-weight: 400;
	color: #fff;
	position: absolute;
	text-align: center;
	padding-bottom: 4rem;
	text-align: center;
	width: 100%;
	bottom: 0;
}
.msc-btn.dsc-btn {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	height: 75px;
	width: 210px;
	background-image: url(https://www.klaaspuul.com/wp-content/uploads/dsc-slide.jpg);
}
.boston>p:last-of-type {
	margin-bottom: 1.5rem;
}
.expo-img {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	text-align: center;
	width: 100%;
	max-width: 200px;
}
.expo-img img {
	width: 100%;
}
span.expo-img:before {
	content: '';
	display: block;
	width: 75px;
	height: 75px;
	background: url(https://dutchseafoodcompany.nl/assets/images/svg/Klaas-Puul_logo.svg) no-repeat;
	background-size: contain;
	background-position: center center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -50px;
}
span.expo-img:after {
	content: '';
	display: block;
	width: 75px;
	height: 75px;
	background: url(https://dutchseafoodcompany.nl/assets/images/svg/Foppen-logo_wit.svg) no-repeat;
	background-size: contain;
	background-position: center center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -50px;
}
@media (min-width: 1024px) {
	.expo-img {
		width: 100%;
		max-width: 400px;
	}
}
@media (min-width: 1280px) {
	.expo-img {
		width: 100%;
		max-width: 500px;
	}
	span.expo-img:after {
		right: -150px;
	}
	span.expo-img:before {
		left: -150px;
	}
}
@media (min-width: 1600px) {
	.boston {
		font-size: 1.5rem;
		padding-bottom: 5rem;
	}
}
@media (min-width: 768px) {
	#recipes .col:first-of-type div:nth-of-type(2) {
		width: 75%;
		float: left;
		padding-left: 58px;
	}
	#recipes {
		padding: 60px;
	}
	#recipes .row {
		padding: 40px;
	}
	#recipes .col:first-of-type {
		padding-bottom: 40px;
	}
	#recipes .col:first-of-type div:first-of-type {
		width: 22%;
		float: left;
		margin-bottom: 0;
		margin-top: -100px;
	}
	#recipes .col:first-of-type h2 {
		margin-left: -18px;
	}
	span.expo-img:after, span.expo-img:before {
		width: 150px;
		height: 150px;
	}
	span.expo-img:after {
		right: -100px;
	}
	span.expo-img:before {
		left: -100px;
	}
}
@media (min-width: 1024px) {
	#recipes .col:first-of-type div:nth-of-type(2) {
		width: 65%;
	}
	.msc-btn.dsc-btn {
		height: 110px;
		width: 300px;
	}
}
/**
 * Recipes Single
 * ----------------------------------------------------------------------------
 */

.single-recepten #main {
	font-family: 'EffraW01';
	color: #fff;
}
.single-recepten #main h1, .single-recepten #main h2 {
	font-family: 'ChaletComprime-CologneEighty';
	line-height: 1;
	color: #fff;
}
.single-recepten #main h1 {
	font-size: 3rem;
}
.single-recepten #main h2 {
	font-size: 2.5rem;
}
#shrimp-head {
	background: #231f20;
	padding-bottom: 0.5rem;
	clear: both;
	width: 100%;
}
#shrimp-head img {
	width: 100%;
	max-width: 85px;
	display: block;
	margin: 0 auto;
}
body:not(.home):not(.page-id-3501):not(.page-id-228).single-recepten #content {
	background: #231f20;
	padding-bottom: 60px;
}
.single-recepten article {
	width: 100%;
	max-width: 585px;
	margin: 0 auto;
}
#video-holder {
	height: 300px;
	background: url(https://www.klaaspuul.com/wp-content/uploads/shrimps-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	display: block;
	border: 0;
	position: relative;
}
#rec-bg {
	height: 200px;
	background: url(https://www.klaaspuul.com/wp-content/uploads/shrimps-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.postid-18555 #rec-bg {
	background: url(https://www.klaaspuul.com/wp-content/uploads/guatemala_bg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.postid-18564 #rec-bg {
	background: url(https://www.klaaspuul.com/wp-content/uploads/honduras_bg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
.postid-18602 #rec-bg {
	background: url(https://www.klaaspuul.com/wp-content/uploads/argentinie_bg.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}
body.page-template-puuls-php .modal-content a.receptKnop, .modalPuuls .receptKnop {
	display: table;
	margin: 0 auto;
	clear: both;
	font-size: 1rem;
	color: #fff !important;
	background: #003c5c;
	padding: 8px 30px;
	border: 1px solid #003c5c;
	margin-top: 30px;
	margin-left: 0;
	font-weight: normal;
	font-weight: 400 !important;
	font-family: 'EffraW01';
	border-radius: 5px;
}
body.page-template-puuls-php .modal-content a.receptKnop:hover, .modalPuuls .receptKnop:hover {
	background: rgb(19, 100, 144);
	border: 1px solid rgb(19, 100, 144);
}
.modal .receptKnop, body.page-template-puuls-php .modal-content a.receptKnop {
	margin-left: 7px;
}
.frozen-info {
	position: absolute;
	max-width: 19.7%;
	width: 100%;
	bottom: 0;
	background: white;
	padding: 20px;
}
article.recept_type-fresh-frozen {
	min-height: 300px;
}
article.recept_type-fresh-frozen .rec-base ul {
	display: none;
}
article.recept_type-fresh-frozen h1.entry-title {
	text-align: left;
}
#more-recipes.recept_type-fresh-frozen {
	background: #231f20;
}
.single-recepten #main #more-recipes.recept_type-fresh-frozen h2, .single-recepten #main #more-recipes.recept_type-fresh-frozen span {
	color: white;
}
.logo-g {
	display: block;
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.single-recepten #content .inner {
	max-width: 1270px;
}
body:not(.home):not(.page-id-3501) .entry-content .rec-base ul {
	font-size: 0.9rem;
	text-transform: lowercase;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-left: 0;
	padding: 0.5rem 0;
	text-align: center;
}
.rec-base ul li {
	list-style: none;
}
.rec-base .svg-inline--fa {
	width: auto;
	text-align: left;
	margin-right: 0.5rem;
}
body:not(.home):not(.page-id-3501) .entry-content .rec-base ul li {
	line-height: 1.8;
	margin-right: 1rem;
	display: inline-block;
}
body:not(.home):not(.page-id-3501) .entry-content .rec-base ul li:last-of-type {
	margin-right: 0;
}
.single-recepten #main #more-info h2 {
	color: #231f20;
}
#more-info {
	color: #231f20;
}
#more-info ul li {
	list-style: none;
	border-bottom: 1px solid;
	padding: 10px 0;
}
#more-info ul li:last-of-type {
	border-bottom: 0;
}
#more-info ul li span {
	display: inline-block;
}
#more-info ul li span:first-of-type {
	min-width: 130px;
	margin-right: 1.5rem;
}
#more-info .col h2 {
	text-align: left;
}
#more-info .col {
	margin-bottom: 30px;
}
.step-list {
	font-size: small;
}
#more-info {
	padding-bottom: 30px;
}
#more-info .col:last-of-type {
	margin-bottom: 0;
}
body:not(.home):not(.page-id-3501):not(.page-id-228) .entry-content a.pdf-btn {
	font-size: 0.9rem;
	color: #231f20;
	background: #fff;
	font-weight: 400;
	padding: 8px;
	border: 1px solid #fff;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	border-radius: 5px;
	display: table;
	margin-top: 1.5rem;
}
body:not(.home):not(.page-id-3501):not(.page-id-228) .entry-content a.pdf-btn .svg-inline--fa {
	width: auto;
	margin-right: 8px;
}
body:not(.home):not(.page-id-3501):not(.page-id-228).single-recepten #content {
	padding-bottom: 0;
}
.recipe-img {
	height: 260px;
}
#more-recipes {
	background: #f4bf69;
	padding-bottom: 40px;
}
.postid-18555 #more-recipes {
	background: #b78ba4;
}
.postid-18564 #more-recipes {
	background: #a0d4d2;
}
.postid-18602 #more-recipes {
	background: #efb796;
}
#more-recipes .inner {
	max-width: 970px;
}
body:not(.home):not(.page-id-3501):not(.page-id-228).single-recepten #main {
	padding-bottom: 0;
}
.recept-title {
	font-family: 'ChaletComprime-CologneEighty';
	font-size: 2rem;
	line-height: 1;
	color: #231f20;
	text-transform: uppercase;
	font-weight: 400;
}
.recept-image {
	height: 200px;
	margin-bottom: 1rem;
	display: block;
	position: relative;
}
.recept-item {
	width: 100%;
	float: left;
	padding: 20px;
}
.recept-item a {
	display: block;
	text-decoration: none;
	color: #231f20;
}
.single-recepten #main #more-recipes h2 {
	color: #231f20;
}
.play-button {
	display: block;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width: 70px;
	margin: 0 auto;
	color: #fff;
	height: 70px;
	border: 6px solid #fff;
	border-radius: 50%;
	background: rgba(35, 31, 32, 0.7);
	font-size: 1.5rem;
	line-height: 58px;
}
#video-holder .play-button {
	transform: none;
	width: 90px;
	height: 90px;
	border: 8px solid #fff;
	font-size: 2rem;
	line-height: 74px;
	position: initial;
}
#recipes .recept-item:nth-of-type(3), #recipes .recept-item:nth-of-type(4) {
	display: none;
}
#recipeModal .modal-content {
	background: transparent;
	box-shadow: none;
	border: 0;
}
#recipeModal .modal-content iframe {
	width: 100%;
	max-width: 600px;
	height: 500px;
	margin: 0 auto;
	display: block;
	border: 0;
}
/**
 * Puuls
 * ----------------------------------------------------------------------------
 */

.entry-header.other-header {
	padding-top: 0;
}
.entry-header.other-header img {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
}
.entry-header.other-header {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 60vh;
}
.entry-header.other-header .entry-title {
	font-family: 'ChaletComprime-CologneEighty';
	line-height: 1;
	color: #fff;
	font-size: 10rem;
	text-shadow: rgba(0, 0, 0, 0.6) 0 0 10px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
#puuls-lagen {
	padding: 0;
}
.puuls-logo {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	max-width: 175px;
}
.puuls-logo img {
	width: 100%;
}
.puuls-btn {
	width: 50%;
	height: 300px;
	float: left;
	background-color: #fff;
	padding: 4rem;
	cursor: pointer;
}
@media (min-height: 400px) and (min-width: 500px) {
	.puuls-btn {
		min-height: 390px;
	}
}
.puuls-btn.shrimps-frozen {
	background: url(https://www.klaaspuul.com/wp-content/uploads/fresh-frozen-bg.png) no-repeat;
	background-size: 80%;
	background-position: center bottom 3rem;
}
.puuls-btn.shrimps-world {
	background: url(https://www.klaaspuul.com/wp-content/uploads/shrimps-world-bg.png) no-repeat;
	background-size: 80%;
	background-position: center bottom 3rem;
}
.puuls-btn.active {
	background-color: #f2efe9;
}
.is-puuls {
	line-height: 1.6;
	font-family: 'EffraW01';
	color: #231f20;
}
.is-puuls h1, .is-puuls h2, .is-puuls h3, .is-puuls h4, .is-puuls h5, .is-puuls h6 {
	font-family: 'ChaletComprime-CologneEighty';
	color: #231f20;
	font-size: 3rem;
}
.is-puuls h2 {
	line-height: 1;
	margin-bottom: 0;
}
.is-puuls h2+span {
	font-family: 'ChaletComprime-CologneEighty';
	font-size: 2rem;
	display: block;
	text-align: center;
	font-style: italic;
	margin-bottom: 1rem;
}
.before-title {
	font-family: 'ChaletComprime-CologneEighty';
	display: block;
	text-align: center;
	margin-bottom: 1rem;
	font-size: 2rem;
	text-transform: uppercase;
}
.puuls-info .info-col {
	text-align: center;
	max-width: 57rem;
	margin: 0 auto;
}
#more-recipes .r-title {
	color: #fff;
	margin-bottom: 1rem;
	font-size:4rem;
}
#puuls-content .row {
	display: none;
	margin-left: auto;
	margin-right: auto;
}
#puuls-content .row.active-row {
	display: block;
}
.is-puuls #more-recipes {
	background: #221f20;
	margin-top: 60px;
	padding-top: 40px;
}
.is-puuls #more-recipes .inner {
	max-width: 1170px;
}
.is-puuls .recept-title {
	color: #fff;
}
#puuls-recipes {
	padding: 0 40px;
}
.pack {
	text-align: center;
}
.puuls-packs .pack, .puuls-sworld .pack {
	text-align: center;
	width: 50%;
	float: left;
	border: 1px solid #dadada;
	border-left: 0;
	padding: 2rem;
	padding-top: 0;
}
.puuls-packs .pack span, .puuls-sworld .pack span {
	display: block;
}
.pack-subtitle {
	color: #231f20;
	font-weight: 400;
	display: block;
}
.pack-img {
	display: block;
	width: 100%;
	max-width: 10rem;
	margin: 0 auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-backface-visibility: hidden;
}
.pack .btn-primary:hover .pack-img {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
	-webkit-backface-visibility: hidden;
}
.pack-img img {
	width: 100%;
	height: auto;
}
.pack .pack-img img.no-pdng {
	margin-left: -3rem;
}
.pack-title {
	font-family: 'ChaletComprime-CologneEighty';
	font-size: 1.5rem;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #231f20;
	font-weight: 500;
}
.pack-title span {
	font-size: smaller;
	display: block;
}
.puuls-packs {
	margin-bottom: 60px;
}
.pack .btn-primary {
	display: block;
	cursor: pointer;
	background: transparent;
	box-shadow: none;
}
#puuls-content {
	padding: 0;
}
#s-world-content {
	padding-top: 0;
}
.sworld-puul, body:not(.home):not(.page-id-3501):not(.page-id-228) .entry-content a.sworld-puul {
	display: block;
	padding: 2rem;
	text-align: center;
	font-weight: 400;
	background: lightgrey;
	color: #231f20;
}
.sworld-puul span {
	display: block;
}
.sworld-puul .pack-subtitle {
	margin-bottom: 2rem;
}
.puuls-sworld {
	margin-bottom: 4rem;
}
.pack .modal-content .modal-img {
	height: 100%;
	min-height: 150px;
}
.pack .modal-content .modal-img img {
	width: 100%;
	height: auto;
}
.pack .modal-content .modal-img img.no-pdng {
	margin-left: -8rem;
}
.pack .modal-content .modal-header {
	padding: 0;
}
.pack .modal-content p {
	font-size: smaller;
}
.modal-header {
	border: 0;
	width: 100%;
}
.modal-title {
	color: #0b0b0a;
	text-transform: none;
	line-height: 1.3;
	font-size: 1.5rem;
	line-height: 1.2;
	display: block;
	font-weight: 600;
	position: relative;
	z-index: 1;
	font-family: 'IBM Plex Sans', sans-serif;
}
.modal-header .close {
	color: #fff;
	background: transparent;
	border: 0;
	right: 0;
	top: 0;
	background: #0b0b0a;
	border-radius: 0;
	text-align: center;
	width: 45px;
	height: 45px;
	font-size: 2rem;
	font-weight: 100;
	opacity: 1;
	text-shadow: none;
}
.modal-header .close:hover {
	opacity: 1;
	color: #fff;
}
.modal-content {
	border-radius: 0;
}
.pack .modal-content .col {
	text-align: left;
	background: white;
	padding: 2rem;
	padding-top: 0;
	color: #0b0b0a;
}
.pack .modal-content .pack-title {
	padding-left: 7px;
	display: block;
}
.inner-frozen {
	padding: 3rem 15px;
}
.parent-pageid-18937 .puuls-btn, .parent-pageid-18411 .puuls-btn, .parent-pageid-18648 .puuls-btn, .parent-pageid-19012 .puuls-btn {
	width: 100%;
	padding: 2rem;
}
.parent-pageid-18937 .puuls-btn.shrimps-frozen, .parent-pageid-18937 .puuls-btn.shrimps-world, .parent-pageid-18411 .puuls-btn.shrimps-frozen, .parent-pageid-18411 .puuls-btn.shrimps-world, .parent-pageid-18648 .puuls-btn.shrimps-frozen, .parent-pageid-18648 .puuls-btn.shrimps-world, .parent-pageid-19012 .puuls-btn.shrimps-frozen, .parent-pageid-19012 .puuls-btn.shrimps-world {
	background-size: 40%;
	pointer-events: none;
}
@media (min-width: 1024px) {
	.parent-pageid-18937 .puuls-btn, .parent-pageid-18411 .puuls-btn, .parent-pageid-18648 .puuls-btn, .parent-pageid-19012 .puuls-btn {
		padding: 4rem;
	}
}
@media (min-width: 1280px) {
	.page-template-puuls .entry-header.other-header {
		height: 45vh;
	}
}
/**
 * Recepten
 * ----------------------------------------------------------------------------
 */

#sub-recipes {
	padding: 0;
}
@media (min-width: 768px) {
	#video-holder {
		height: 50vh;
	}
	#rec-bg {
		height: 45vh;
	}
	.single-recepten #main h1 {
		font-size: 5rem;
	}
	.single-recepten #main h2 {
		font-size: 3.5rem;
	}
	.logo-g {
		max-width: 15%;
		margin: 0;
		position: absolute;
		left: 15px;
		top: 0;
	}
	.rec-base {
		width: 27%;
		float: left;
	}
	.rec-base+.col {
		width: 73%;
		float: left;
		padding-left: 2rem;
	}
	.rec-base .svg-inline--fa {
		width: 20px;
		margin-right: 1rem;
	}
	body:not(.home):not(.page-id-3501) .entry-content .rec-base ul li {
		display: block;
		text-align: left;
		margin-right: 0rem;
	}
	.rec-base+.col p:first-of-type {
		margin-top: 0;
	}
	#more-info .col {}
	#more-info .col:first-of-type {
		width: 34%;
		float: left;
	}
	#more-info .col:first-of-type~.col {
		float: left;
		width: 66%;
		padding-left: 60px;
	}
	.recipe-img {
		width: 100%;
		max-width: 60rem;
		height: 490px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center bottom;
		margin: 0 auto;
		margin-top: -100px;
	}
	body:not(.home):not(.page-id-3501):not(.page-id-228) .entry-content a.pdf-btn {
		display: block;
	}
	.recept-item {
		width: 33.33%;
	}
	#recipes .recept-item:nth-of-type(3n+4) {
		clear: both;
	}
	#recipes .recept-image {
		height: 185px;
	}
	.recept-title {
		font-size: 2.5rem;
		font-weight: 400;
	}
	#recipes .recept-item {
		width: 50%;
	}
	#recipes .recept-item:nth-of-type(3n+4) {
		clear: both;
	}
	.is-puuls .recept-item:nth-of-type(3n+4) {
		clear: both;
	}
	.pack .modal-content {}
	.pack-title {
		font-size: 2rem;
	}
	.pack .modal-content p {
		font-size: 1rem;
	}
	.puuls-packs .pack, .puuls-sworld .pack {
		width: 33.33%;
	}
	.puuls-btn {
		height: 435px;
	}
	.pack .pack-img img.no-pdng {
		margin-left: -5rem;
	}
	.pack .modal-content .modal-img img.no-pdng {
		margin-left: -12rem;
	}
	.puuls-slide .pack-img {
		height: 150px;
	}
	.owl-item .pack-img img {
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
	}
	.pack-img {
		max-width: 25rem;
	}
}
@media (min-width: 1023px) {
	#recipes .recept-item {
		width: 33.33%;
	}
	#recipes .recept-item:nth-of-type(3n+4) {
		clear: both;
	}
	.is-puuls .recept-item {
		width: 25%;
	}
	.is-puuls .recept-item:nth-of-type(3n+4) {
		clear: none;
	}
	.is-puuls .recept-item:nth-of-type(4n+5) {
		clear: both;
	}
	#recipes .recept-item:nth-of-type(3) {
		display: block;
	}
	.recipe-img {
		height: 650px;
	}
}
@media (min-width: 1024px) {
	.puuls-packs .pack, .puuls-sworld .pack {
		width: 25%;
		float: left;
	}
	.sworld-puul {
		width: 25%;
		float: left;
	}
	.pack .modal-dialog {
		width: 100%;
		max-width: 800px;
	}
	.pack .modal-content .modal-img {
		width: 50%;
		float: left;
	}
	.pack .modal-content .col {
		width: 50%;
		float: left;
		padding-top: 2rem;
	}
	.pack .modal-content .modal-img img.no-pdng {
		margin-left: -7rem;
	}
	.entry-header.other-header .entry-title {
		font-size: 20rem;
	}
	.is-puuls h2 {
		font-size: 6rem;
		line-height: 1;
	}
	.is-puuls h2+span, .before-title {
		font-size: 2.5rem;
	}
	.puuls-info .info-col {
		font-size: 1.5rem;
	}
}
@media (min-width: 1100px) {
	.logo-g {
		max-width: 19.7%;
	}
	#more-info .col:first-of-type {
		width: 30%;
	}
	#more-info .col:first-of-type~.col {
		width: 70%;
	}
	.step-list {
		font-size: initial;
	}
	#recipes .recept-item:nth-of-type(3), #recipes .recept-item:nth-of-type(4) {
		display: block;
	}
	#recipes .recept-item {
		width: 25%;
	}
	#recipes .recept-item:nth-of-type(3n+4) {
		clear: none;
	}
	.puuls-btn {
		height: 625px;
	}
	.pack .pack-img img.no-pdng {
		margin-left: -7rem;
	}
	.pack .btn-primary .pack-title {
		margin-top: -3rem;
	}
	.puuls-sworld .pack .btn-primary .pack-title {
		margin-top: -1rem;
	}
	.puuls-slide .pack-img {
		height: 224px;
	}
}
@media (max-width: 768px) {
	.logo-g {
		display: none;
	}
	article.recept_type-fresh-frozen {
		min-height: 200px;
	}
	article.recept_type-fresh-frozen h1.entry-title {
		text-align: center;
	}
}
/**
 * Nieuwspagina
 * ----------------------------------------------------------------------------
 */

#nieuws .listing-item {
	list-style: none;
	clear: both;
	padding-bottom: 50px;
	border-bottom: 1px solid #dcdbdb;
	margin-bottom: 50px;
}
#nieuws .listing-item:last-of-type {
	margin-bottom: 0;
}
#nieuws .listing-item .title {
	font-size: 2rem;
	line-height: 1.5;
	font-weight: 800;
	display: block;
}
#nieuws .listing-item .date {
	font-size: 1.2rem;
	clear: right;
}
#nieuws .listing-item .image {
	float: left;
	display: block;
	line-height: 0;
	margin-right: 40px;
}
#nieuws {
	padding-bottom: 0;
}
#nieuws .inner .display-posts-listing {
	padding-left: 0;
}
#nieuws .listing-item .pdfurl {
	display: block;
	margin-top: 30px;
}
#vac-btn {
	position: absolute;
	background: url(https://www.klaaspuul.com/wp-content/uploads/kp-button-Custom.png)no-repeat;
	background-size: contain;
	right: 100px;
	top: 200px;
	height: 200px;
	width: 200px;
	z-index: 2;
	-ms-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
	font-family: 'botonmedium';
	font-weight: 100;
	color: #003c5c;
	text-align: center;
	padding-top: 45px;
	font-size: 1.25rem;
	text-decoration: none;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
#vac-btn:hover {
	-ms-transform: rotate(9deg);
	-webkit-transform: rotate(9deg);
	transform: rotate(9deg);
}
.page-id-299 #vac-btn {
	display: none;
}
#vac-btn span {
	display: block;
}
#vac-btn span:first-of-type {
	font-size: 1.6rem;
	margin-bottom: 10px;
}
#vac-btn span:last-of-type {
	font-size: 0.9rem;
}
/**
 * Nieuwspagina
 * ----------------------------------------------------------------------------
 */

.noscroll {
	overflow: hidden;
}
@media (min-width: 1400px) {
	body.noscroll #main-slider {
		width: calc(100% - 17px);
	}
}
#imem {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 99;
	position: fixed;
	color: #fff;
	overflow-y: scroll;
	opacity: 1;
	visibility: visible;
}
#imem.close {
	-webkit-animation: imemAnim .8s;
	-moz-animation: imemAnim .8s;
	-o-animation: imemAnim .8s;
	animation: imemAnim .8s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
#main-slider .rsUni .rsBullets {}
@-webkit-keyframes imemAnim {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		visibility: hidden;
	}
}
@-moz-keyframes imemAnim {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		visibility: hidden;
	}
}
@-o-keyframes imemAnim {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		visibility: hidden;
	}
}
@keyframes imemAnim {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		visibility: hidden;
	}
}
@media (min-width: 1025px) {
	#imem {
		padding-left: 0px;
	}
	#imem.close {
		padding-left: 17px;
	}
}
#imem h1 {
	color: #fff;
	text-transform: none;
	font-size: 2.5rem;
	text-shadow: #000 0 0 10px;
	margin-bottom: 40px;
}
#imem h2 {
	color: #fff;
	text-transform: none;
	font-size: 2.5rem;
	text-shadow: #000 0 0 10px;
}
#imem .col {
	padding: 5em 0;
	max-width: 980px;
	text-align: center;
}
#imem .col hr {
	height: 1px;
	border: 0;
	width: 100px;
	background: #fff;
}
p.bigger {
	font-size: 1.75rem;
	margin-bottom: 40px;
}
p.bigger+p {
	font-size: 1.25rem;
}
p.bigger~p {
	margin-bottom: 25px;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}
#imem .col img {
	display: block;
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	margin-bottom: 40px;
}
#imem .col span {
	display: block;
	margin: 0 auto;
	width: 15px;
	height: 25px;
	background: url(https://www.klaaspuul.com/img/holy-cross.png)no-repeat;
	background-size: contain;
	margin-bottom: 30px;
}
.lnks a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-family: 'botonmedium';
	font-weight: 100;
	font-size: 1rem;
	color: #fff;
	padding: 8px 30px;
	border: 1px solid #fff;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
	webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	border-radius: 5px;
	margin: 15px;
}
.lnks a:hover {
	background: rgba(255, 255, 255, 0.1);
}
.lnks {
	margin-top: 25px;
}
.s-btn .lnks {
	position: absolute;
	right: 60px;
	bottom: 45px;
}
#main-slider .rsUni .rsArrow {}
/**
 * Fotoalbum
 * ----------------------------------------------------------------------------
 */

.page-id-16847 .entry-content {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
	line-height: 1.4;
	position: relative;
	padding-top: 60px;
	text-align: center;
}
.page-id-16847 .entry-content input[type="password"] {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #e2dede;
}
.page-id-16847 .entry-content input[type="submit"] {
	clear: both;
	font-family: 'botonmedium';
	font-weight: 100;
	font-size: 1rem;
	color: #fff;
	background: #008bd2;
	padding: 8px 30px;
	border: 1px solid #008bd2;
	border-radius: 5px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
@media (max-width: 767px) {
	#nieuws .listing-item .title {
		float: left;
		clear: both;
		line-height: 1.3;
		margin-top: 10px;
	}
	article.recept_type-fresh-frozen {
		min-height: auto;
	}
	#nieuws .listing-item .date {
		float: left;
		clear: both;
	}
	#nieuws .inner .display-posts-listing {
		padding-left: 0;
	}
	#nieuws .listing-item .pdfurl {
		clear: both;
		float: left;
	}
	#nieuws {
		padding-top: 0;
	}
	.msc-btn, .asc-btn {
		display: none;
	}
	#main-slider {}
	.em-slide {
		background: url(https://www.klaaspuul.com/wp-content/uploads/evert-memoriam.jpg)no-repeat #000;
		background-position: center top;
		background-size: 400px;
		width: 100%;
		height: 100%;
	}
	#main-slider .rsSlide:first-of-type .rsContent img {}
	.s-btn .lnks {
		position: absolute;
		right: auto;
		left: auto;
		bottom: 60px;
		width: 100%;
		text-align: center;
	}
}
@media (max-width: 768px) {
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		margin: 0;
		font-family: 'metanormal'
	}
	#nieuws .inner .display-posts-listing {
		padding-left: 0;
	}
	.new-location, .new-info {
		width: 100%;
	}
	.new-info .entry-title, .new-info .entry-title span:nth-of-type(2) {
		margin-left: 0;
	}
	.new-info .entry-title span, .new-info .entry-title span:first-of-type {
		padding: 0;
		margin-bottom: 0;
		display: inline-block;
	}
	#bedrijfspand {
		padding-top: 60px;
		padding-bottom: 0;
	}
	.new-info {
		padding: 30px 15px;
	}
	.new-info .entry-title {
		font-size: 2rem;
	}
	.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
		border: none;
		color: #fff;
		font-weight: 600;
		padding: 0;
		margin: 0;
		font-size: 1em;
		background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/hamburger.png)no-repeat;
		background-size: contain;
		text-indent: -9999px;
		height: 18px;
		width: 25px
	}
	.toggled-on .menu-toggle {
		background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/h-close.png)no-repeat;
		background-size: contain
	}
	.toggled-on .nav-menu, .toggled-on .nav-menu>ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%
	}
	.toggled-on li, .toggled-on .children {
		display: block
	}
	.toggled-on .nav-menu li>ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		left: auto;
		top: auto
	}
	.toggled-on .nav-menu li>ul a {
		width: auto
	}
	.toggled-on .nav-menu li:hover>a, .toggled-on .nav-menu .children a {
		background-color: transparent
	}
	ul.nav-menu, div.nav-menu>ul {
		display: none
	}
	.site-header {
		height: auto
	}
	.main-navigation>div:first-of-type, #top-header .inner>div:first-of-type {
		display: none
	}
	.flags {
		top: 10px;
		position: absolute;
		right: 15px;
		width: 101px;
		z-index: 30
	}
	.link-col {
		max-width: 100%;
		width: 100%;
		position: relative;
		height: auto;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-radius: 0;
		padding: 15px;
		top: auto
	}
	a.drone {
		display: none;
	}
	.logged-in .link-col {
		top: auto
	}
	.sollicitatie .wpcf7 label {
		width: auto;
		text-align: left;
		display: inline-block;
		margin-right: 10px;
	}
	.street .s-inner:nth-of-type(1), .street .s-inner:nth-of-type(2) {
		margin-right: 15px;
		margin-top: 10px;
		display: inline-block;
	}
	.menu-hoofdmenu-container, .menu-subsmenu-container {
		height: 0px;
		overflow: hidden;
		-webkit-transition: .4s;
		-moz-transition: .4s;
		transition: .4s
	}
	.main-navigation {
		padding: 15px;
		height: 49px;
		-webkit-transition: .4s;
		-moz-transition: .4s;
		transition: .4s
	}
	.main-navigation.toggled-on {
		height: 277px
	}
	.toggled-on .menu-hoofdmenu-container, .toggled-on .menu-subsmenu-container {
		height: 232px
	}
	#top-header ul:not(.social) {
		display: table;
		margin: 0 auto;
		padding: 0;
		float: none;
		padding-bottom: 10px
	}
	.nav-menu li a {
		padding: 0
	}
	#top-header ul:not(.social).links {
		padding: 10px 0
	}
	.social {
		display: none
	}
	.links li {
		padding: 0 10px
	}
	#top-header ul:not(.social):first-of-type li, #top-header ul:not(.social):first-of-type li a {
		font-size: 0.9em
	}
	#top-header ul:not(.social):first-of-type li:nth-of-type(2) {
		padding-left: 0
	}
	#main-slider {
		height: 360px
	}
	#top-header ul:not(.social):first-of-type li:first-of-type {
		border-right: 0;
		padding-left: 0
	}
	.home-link {
		max-width: 120px
	}
	.about-blocks div {
		width: 100%
	}
	.about-blocks div:first-of-type, .about-blocks div:nth-of-type(2) {
		margin-bottom: 15px
	}
	.p-img {
		height: 260px
	}
	#locations .col:first-of-type {
		display: none
	}
	#locations .col {
		width: 100%
	}
	#producten, #contact {
		background-attachment: inherit
	}
	#contact .left, #contact .right {
		width: 100%
	}
	#contact .left {
		padding-right: 0;
		text-align: left
	}
	#contact .right {
		padding-left: 0
	}
	#contact .right label {
		width: auto
	}
	#contact textarea {
		max-width: 100%
	}
	#contact label {
		width: auto;
		text-align: left;
		display: block;
		margin-right: 10px
	}
	#contact .right>p:last-of-type {
		padding-left: 0
	}
	p.instruction {
		padding-left: 0
	}
	#contact input, #contact textarea, .select-rec .wpcf7-select {
		margin-top: 5px;
		width: 100%;
		max-width: 100%;
	}
	.friends {
		display: none
	}
	#friends {
		padding-bottom: 60px
	}
	.quotes {
		padding-top: 30px;
		height: 400px;
	}
	.friend-slider {
		margin-top: 30px
	}
	#recepten {
		padding-top: 60px;
		margin-top: 0;
		background: #fff
	}
	#colophon ul:first-of-type~ul {
		margin-top: 30px
	}
	#colophon ul {
		width: 100%
	}
	#colophon {
		padding: 60px 0
	}
	.bottom {
		margin-top: 30px
	}
	.loc-map {
		width: 100%;
		padding-left: 10px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px
	}
	.l-info div {
		display: table;
		float: none;
		width: auto
	}
	.l-info {
		padding: 30px;
		padding-right: 30px
	}
	#locations .col {
		width: 100%;
		height: 587px
	}
	.l-info ul:first-of-type {
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
		min-height: auto
	}
	.expo h1 {
		font-size: 1.4rem;
	}
	.expo h2, .expo h3 {
		font-size: 1.2rem;
	}
	.expo img {
		padding: 10px 0px;
		max-width: 160px;
	}
	.loc-map .map {
		width: 100%
	}
	.loc-img {
		display: none
	}
	body:not(.home):not(.page-id-3501).page-id-159 #main {
		background: #fff;
		text-align: left
	}
	#contact h2+p, #locations .inner {
		text-align: left
	}
	body:not(.home):not(.page-id-3501) .entry-content ul {
		padding-left: 18px;
		list-style: square;
	}
	.parent-pageid-228 .entry-content ul {
		max-width: 60%;
	}
	.product-img img, .entry-thumbnail img {
		width: 100%;
		height: auto
	}
	#post-275 .product-img img, #post-278 .product-img img {
		width: 50;
	}
	#vac-btn {
		display: none;
	}
	.product-slider .rsUni.rsHor .rsArrowRight {
		right: 0;
	}
}
@media (max-width: 960px) {
	input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], textarea {
		-webkit-appearance: none;
		border-radius: 0
	}
	.menu-hoofdmenu-container, .menu-subsmenu-container {
		float: none;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1084px) {
	#top-header ul:not(.social) li {
		font-size: 0.9em
	}
	.link-col {
		max-width: 180px
	}
	.main-navigation>div:first-of-type, #top-header .inner>div:first-of-type {
		width: 180px
	}
	#top-header ul:not(.social) {
		padding: 15px 0
	}
	#top-header .inner {
		padding: 0 10px
	}
	.nav-menu li a {
		margin: 15px 6px;
	}
	#colophon ul li h3 {
		word-wrap: break-word
	}
	.new-info .entry-title {
		font-size: 2rem;
	}
	body:not(.home):not(.page-id-3501).page-id-159 #main {
		background: #fff;
		background-size: cover;
		color: #575756;
		text-align: center;
		padding-bottom: 60px
	}
	#recepten .inner, #kwaliteit .inner, #over .inner>p:first-of-type, #producten .inner p, #contact h2+p, #friends h2+p, #locations .inner>p:first-of-type, .page-id-159 .entry-content .inner, .parent-pageid-109 .entry-content .inner, .page-id-161 .entry-content .inner {
		width: 74%;
		margin: 0 auto
	}
	#locations .col:first-of-type {
		float: right;
		background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/klaas-kaart.png)no-repeat;
		background-size: 615px;
		background-position: right bottom;
		height: 708px;
		margin-top: -229px;
		width: 615px
	}
	#locations .col:nth-of-type(2) {
		width: 39%
	}
	#recepten {
		background-position: -90px 0px;
		background-size: 38%
	}
	.friends {
		display: none
	}
	.p-img {
		height: 194px
	}
	.loc-map {
		padding-left: 10px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		height: 200px
	}
	.l-info div {
		display: table;
		float: none;
		width: auto
	}
	.l-info {
		padding: 30px;
		padding-right: 30px
	}
	#locations .col {
		height: 455px;
		width: 400px
	}
	.loc {
		margin-top: 30px
	}
	#locations .rsABlock {
		top: 205px !important
	}
	.l-info ul:first-of-type {
		margin-right: 0;
		padding-right: 0;
		border-right: 0
	}
	.loc-map .map {
		width: 100%
	}
	.loc-img {
		display: none
	}
	a.drone {
		width: 100px;
		height: 100px;
	}
	#vac-btn {
		right: 10px;
		top: 145px;
	}
	.expo h1 {
		font-size: 3rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.about-blocks div {
		width: 33.33%;
		height: 150px
	}
	#contact .left, #contact .right {
		width: 50%
	}
	#contact .left {
		padding-right: 30px
	}
	#contact .right {
		padding-left: 30px
	}
	#colophon ul {
		width: auto;
		padding: 30px
	}
	#colophon ul:first-of-type~ul {
		margin-top: 0
	}
	#colophon {
		padding: 30px 0
	}
	.bottom {
		margin-top: 30px
	}
	.new-info .entry-title {
		font-size: 2.8rem;
	}
	#colophon ul:nth-of-type(3) {
		height: 272px
	}
	a.drone {
		width: 100px;
		height: 100px;
		margin-top: -15px;
		margin-right: -15px;
		display: block;
	}
	.menu-hoofdmenu-container, .menu-subsmenu-container {
		float: none;
	}
	.msc-btn {
		height: 128px;
		width: 80px;
	}
	.asc-btn {
		width: 115px;
		height: 52px;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1680px) {
	.quote>span:first-of-type {
		max-width: 640px;
		margin: 0 auto;
	}
	.quotes {
		height: 270px;
	}
}
@media (max-width: 768px) {
	.new-info .entry-title span, .new-info .entry-title span:first-of-type {
		padding: 0;
		margin-bottom: 0;
		display: inline-block;
	}
	#bedrijfspand {
		padding-top: 60px;
		padding-bottom: 0;
	}
	.new-info {
		padding: 30px 15px;
	}
	.new-info .entry-title {
		font-size: 2rem;
	}
	.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
		border: none;
		color: #fff;
		font-weight: 600;
		padding: 0;
		margin: 0;
		font-size: 1em;
		background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/hamburger.png)no-repeat;
		background-size: contain;
		text-indent: -9999px;
		height: 18px;
		width: 25px
	}
	.toggled-on .menu-toggle {
		background: url(https://www.klaaspuul.com/wp-content/uploads/2017/01/h-close.png)no-repeat;
		background-size: contain
	}
	.toggled-on .nav-menu, .toggled-on .nav-menu>ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%
	}
	.toggled-on li, .toggled-on .children {
		display: block
	}
	.toggled-on .nav-menu li>ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: absolute;
		left: auto;
		top: auto
	}
	.toggled-on .nav-menu li.focus>ul, .toggled-on .nav-menu li:hover>ul {
		position: relative;
	}
	.toggled-on .nav-menu li>ul a {
		width: auto
	}
	.toggled-on .nav-menu li:hover>a, .toggled-on .nav-menu .children a {
		background-color: transparent
	}
	ul.nav-menu, div.nav-menu>ul {
		display: none
	}
	.site-header {
		height: auto
	}
	.main-navigation>div:first-of-type, #top-header .inner>div:first-of-type {
		display: none
	}
	.flags {
		top: 10px;
		position: absolute;
		right: 15px;
		width: 101px;
		z-index: 30
	}
	.link-col {
		max-width: 100%;
		width: 100%;
		position: relative;
		height: auto;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-radius: 0;
		padding: 15px;
		top: auto
	}
	a.drone {
		display: none;
	}
	.logged-in .link-col {
		top: auto
	}
	.sollicitatie .wpcf7 label {
		width: auto;
		text-align: left;
		display: inline-block;
		margin-right: 10px;
	}
	.street .s-inner:nth-of-type(1), .street .s-inner:nth-of-type(2) {
		margin-right: 15px;
		margin-top: 10px;
		display: inline-block;
	}
	.menu-hoofdmenu-container, .menu-subsmenu-container {
		max-height: 0px;
		overflow: hidden;
		-webkit-transition: .4s;
		-moz-transition: .4s;
		transition: .4s
	}
	.main-navigation {
		padding: 15px;
		height: 49px;
		-webkit-transition: .4s;
		-moz-transition: .4s;
		transition: .4s
	}
	.main-navigation.toggled-on {
		max-height: 277px
	}
	.toggled-on .menu-hoofdmenu-container, .toggled-on .menu-subsmenu-container {
		max-height: 232px
	}
	#top-header ul:not(.social) {
		display: table;
		margin: 0 auto;
		padding: 0;
		float: none;
		padding-bottom: 10px
	}
	.nav-menu li a {
		padding: 0
	}
	#top-header ul:not(.social).links {
		padding: 10px 0
	}
	.social {
		display: none
	}
	.links li {
		padding: 0 10px
	}
	#top-header ul:not(.social):first-of-type li, #top-header ul:not(.social):first-of-type li a {
		font-size: 0.9em
	}
	#top-header ul:not(.social):first-of-type li:nth-of-type(2) {
		padding-left: 0
	}
	#main-slider {
		height: 360px
	}
	#top-header ul:not(.social):first-of-type li:first-of-type {
		border-right: 0;
		padding-left: 0
	}
	.home-link {
		max-width: 120px
	}
	.about-blocks div {
		width: 100%
	}
	.about-blocks div:first-of-type, .about-blocks div:nth-of-type(2) {
		margin-bottom: 15px
	}
	.p-img {
		height: 260px
	}
	#locations .col:first-of-type {
		display: none
	}
	#locations .col {
		width: 100%
	}
	#producten, #contact {
		background-attachment: inherit
	}
	#contact .left, #contact .right {
		width: 100%
	}
	#contact .left {
		padding-right: 0;
		text-align: left
	}
	#contact .right {
		padding-left: 0
	}
	#contact .right label {
		width: auto
	}
	#contact textarea {
		max-width: 100%
	}
	#contact label {
		width: auto;
		text-align: left;
		display: block;
		margin-right: 10px
	}
	#contact .right>p:last-of-type {
		padding-left: 0
	}
	p.instruction {
		padding-left: 0
	}
	#contact input, #contact textarea, .select-rec .wpcf7-select {
		margin-top: 5px;
		width: 100%;
		max-width: 100%;
	}
	.friends {
		display: none
	}
	#friends {
		padding-bottom: 60px
	}
	.quotes {
		padding-top: 30px;
		height: 400px;
	}
	.friend-slider {
		margin-top: 30px
	}
	#recepten {
		padding-top: 60px;
		margin-top: 0;
		background: #fff
	}
	#colophon ul:first-of-type~ul {
		margin-top: 30px
	}
	#colophon ul {
		width: 100%
	}
	#colophon {
		padding: 60px 0
	}
	.bottom {
		margin-top: 30px
	}
	.loc-map {
		width: 100%;
		padding-left: 10px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px
	}
	.l-info div {
		display: table;
		float: none;
		width: auto
	}
	.l-info {
		padding: 30px;
		padding-right: 30px
	}
	#locations .col {
		width: 100%;
		height: 587px
	}
	.l-info ul:first-of-type {
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
		min-height: auto
	}
	.expo h1 {
		font-size: 1.4rem;
	}
	.expo h2, .expo h3 {
		font-size: 1.2rem;
	}
	.expo img {
		padding: 10px 0px;
		max-width: 160px;
	}
	.loc-map .map {
		width: 100%
	}
	.loc-img {
		display: none
	}
	body:not(.home):not(.page-id-3501).page-id-159 #main {
		background: #fff;
		text-align: left
	}
	#contact h2+p, #locations .inner {
		text-align: left
	}
	body:not(.home):not(.page-id-3501) .entry-content ul {
		padding-left: 18px;
		list-style: square;
	}
	.parent-pageid-228 .entry-content ul {
		max-width: 60%;
	}
	.product-img img, .entry-thumbnail img {
		width: 100%;
		height: auto
	}
	#post-275 .product-img img, #post-278 .product-img img {
		width: 50;
	}
	#vac-btn {
		display: none;
	}
	.product-slider .rsUni.rsHor .rsArrowRight {
		right: 0;
	}
}
@media (max-width: 960px) {
	input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], textarea {
		-webkit-appearance: none;
		border-radius: 0
	}
	.menu-hoofdmenu-container, .menu-subsmenu-container {
		float: none;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1084px) {
	#top-header ul:not(.social) li {
		font-size: 0.9em
	}
	.link-col {
		max-width: 180px
	}
	.main-navigation>div:first-of-type, #top-header .inner>div:first-of-type {
		width: 180px
	}
	#top-header ul:not(.social) {
		padding: 15px 0
	}
	#top-header .inner {
		padding: 0 10px
	}
	.nav-menu li a {
		margin: 15px 6px;
	}
	#colophon ul li h3 {
		word-wrap: break-word
	}
	.new-info .entry-title {
		font-size: 2rem;
	}
	body:not(.home):not(.page-id-3501).page-id-159 #main {
		background: #fff;
		background-size: cover;
		color: #575756;
		text-align: center;
		padding-bottom: 60px
	}
	#recepten .inner, #kwaliteit .inner, #over .inner>p:first-of-type, #producten .inner p, #contact h2+p, #friends h2+p, #locations .inner>p:first-of-type, .page-id-159 .entry-content .inner, .parent-pageid-109 .entry-content .inner, .page-id-161 .entry-content .inner {
		width: 74%;
		margin: 0 auto
	}
	#locations .col:first-of-type {
		float: right;
		background: url(https://www.klaaspuul.com/wp-content/uploads/2016/12/klaas-kaart.png)no-repeat;
		background-size: 615px;
		background-position: right bottom;
		height: 708px;
		margin-top: -229px;
		width: 615px
	}
	#locations .col:nth-of-type(2) {
		width: 39%
	}
	#recepten {
		background-position: -90px 0px;
		background-size: 38%
	}
	.friends {
		display: none
	}
	.p-img {
		height: 194px
	}
	.loc-map {
		padding-left: 10px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		height: 200px
	}
	.l-info div {
		display: table;
		float: none;
		width: auto
	}
	.l-info {
		padding: 30px;
		padding-right: 30px
	}
	#locations .col {
		height: 455px;
		width: 400px
	}
	.loc {
		margin-top: 30px
	}
	#locations .rsABlock {
		top: 205px !important
	}
	.l-info ul:first-of-type {
		margin-right: 0;
		padding-right: 0;
		border-right: 0
	}
	.loc-map .map {
		width: 100%
	}
	.loc-img {
		display: none
	}
	a.drone {
		width: 100px;
		height: 100px;
	}
	#vac-btn {
		right: 10px;
		top: 145px;
	}
	.expo h1 {
		font-size: 3rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.about-blocks div {
		width: 33.33%;
		height: 150px
	}
	#contact .left, #contact .right {
		width: 50%
	}
	#contact .left {
		padding-right: 30px
	}
	#contact .right {
		padding-left: 30px
	}
	#colophon ul {
		width: auto;
		padding: 30px
	}
	#colophon ul:first-of-type~ul {
		margin-top: 0
	}
	#colophon {
		padding: 30px 0
	}
	.bottom {
		margin-top: 30px
	}
	.new-info .entry-title {
		font-size: 2.8rem;
	}
	#colophon ul:nth-of-type(3) {
		height: 272px
	}
	a.drone {
		width: 100px;
		height: 100px;
		margin-top: -15px;
		margin-right: -15px;
		display: block;
	}
	.menu-hoofdmenu-container, .menu-subsmenu-container {
		float: none;
	}
	.msc-btn {
		height: 128px;
		width: 80px;
	}
	.asc-btn {
		width: 115px;
		height: 52px;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1680px) {
	.quote>span:first-of-type {
		max-width: 640px;
		margin: 0 auto;
	}
	.quotes {
		height: 270px;
	}
}