/*
Theme Name:     DP&S
Description:    This is a theme for https://dps.webtester234.nl/
Author: Europe Web Media
Author URI: http://europewebmedia.nl/
Version:        2.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    fhk
Tags:           black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/

@font-face {
	font-family: "OCR A Std"; 
	src: url("assets/webfonts/OCRAStd.woff2") format("woff2"), 
	url("assets/webfonts/OCRAStd.woff") format("woff"), 
	url("assets/webfonts/OCRAStd.ttf") format("truetype"); 
}

@font-face {
	font-family: "Helvetica"; 
	src: url("assets/webfonts/Helvetica.ttf") format("truetype"); 
}

@font-face {
	font-family: "Helvetica-light"; 
	src: url("assets/webfonts/Helvetica-light.ttf") format("truetype"); 
}

body {
	font-family: 'Helvetica', sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #182b4a;
}

/**added by Thomas 15-4-2022 **/

/* added so the navbar floats on top of page... needs finetuning obviously   */
.page-template-front-page_v2 .navbar { 
    position: absolute;
    z-index: 99999999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

/* Centered texts in each section
* --------------------------------------- */

div.section {
	min-height: 100vh;
}

div.section:last-of-type {
	min-height: auto;
}

.fp-table {
	position: relative;
}

.section{
	text-align:center;
}

.section{
background-size:auto 100%;
background-position:center center;
background-repeat:no-repeat;
}

#section0{
background-color: #e2e2da !important;
background-position:center center;
}
#section1{
background-color: #e2e2da !important;
background-position:center center;
background-size: cover; !important;
}

#section2{
background-color: #e2e2da !important;
background-position:center center;
background-size: cover; !important;
}

#section3{
background-color: #e2e2da !important;
background-position:center center;
background-size: cover; !important;
}

#section4{
background-color: #f5f6fb !important;
background-position:center bottom;
background-size: 2100px 1213px !important;
}

#section5{
background-color: #e2e2da !important;
background-position:center center;
background-size: 100%  auto !important;
}


#section6{
background-color: #e2e2da !important;
background-position:center center;
background-size: cover; !important;
}

#sequence0{
//background-color:red;
background-image:url('/wp-content/themes/DPS/assets/sprites/burger_sprite_600.png');
//background-size:cover;
background-repeat:no-repeat;
background-position:left center;
position: absolute;
left: 50%;
top: 50%;
width: 400px;
margin-left: -640px;
margin-top: -10px;
}
#sequence1{
    background-image: url(/wp-content/themes/DPS/assets/sprites/boon_sprite.png);
    background-size: auto 650px;
    background-repeat: no-repeat;
    background-position: -36305px center;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index:999;
}
#sequence2{
    background-image: url(/wp-content/themes/DPS/assets/sprites/beef_sprite_250.png);
    background-size: auto 600px;
    background-repeat: no-repeat;
    //background-position: -36305px center;
    
   position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 999;
    width: 400px;
    height: 250px;
    background-size: auto 250px;
    margin-left: -400px;
    margin-bottom: 188px;
    z-index: 999;
}
#sequence3{
    background-image: url(/wp-content/themes/DPS/assets/sprites/bloemkool_sprite_400.png);
    background-size: auto 600px;
    background-repeat: no-repeat;
        position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 999;
    width: 400px;
    height: 281px;
    background-size: auto 281px;
    margin-left: -409px;
    margin-bottom: 289px;
    z-index: 999;
}
#sequence4{
    background-image: url(/wp-content/themes/DPS/assets/sprites/sate_sprite.png);
    background-size: auto 600px;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    bottom: 180px;
    z-index:999;
    width:600px;
    height:308px;
    background-size: auto 250px;
    margin-left: -440px;
    margin-top: -60px;
    z-index:999;
}


.extralayer_boon{
position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: auto 1575px;
    background-repeat: no-repeat;
    margin-left: -334px;
}
.extralayer_beef{
position: absolute;
    z-index: 9;
    width: 1503px;
    height: 699px;
    bottom: 0;
    left: 50%;
    background-position: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-left: -1056px;
    
}
.extralayer_bloemkool{
position: absolute;
    z-index: 9;
    width: 1806px;
    height: 1017px;
    bottom: 0;
    left: 50%;
    background-position: 50%;
    background-size: auto 121%;
    background-repeat: no-repeat;
    margin-left: -1118px;
    margin-top: -251px;
}
.extralayer_sate{
 position: absolute;
    z-index: 9;
    width: 1200px;
    height: 595px;
    bottom: 0px;
    left: 50%;
    background-position: 50% bottom;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-left: -720px;
    
}

.sectioncontainer ul{
margin-bottom: 15px !important;
}

 
 #fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 8px;
    width: 8px;
    border: 0;
    background: white !important;
 
}
.fp-slidesNav.fp-bottom {
    bottom: 60px !important;
}

.sectioncontainer{
width:1280px;
margin:auto;
z-index:99;
}
.section_left{
	width:50%;
	position:relative;
	float:left;
}
.section_right{
width:50%;
position:relative;
float:right;
}

.section-content-inner {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-family: 'OCR A Std', 'Helvetica', sans-serif;
    position: absolute;
    right: 0;
    width: 100%;
    border: 1px solid transparent;
    padding: 20px;
    background: rgb(163 168 166 / 50%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

 /**endadded by Thomas 15-4-2022 **/
 

a:hover {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

.site-header-wrapper {
	position: relative;
}

.site-header {
	position: fixed;
	left: 0;
	right: 0;
	min-height: 120px;
	background: #fff;
	z-index: 4;
	opacity: 1;
	margin: 0 auto;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*.page-template-default .site-header,
body.page-template-front-page_v2.fp-viewing-firstPage .site-header {
	position: absolute!important;
	visibility: visible!important;
}*/

/*body.page-template-front-page_v2:not(.fp-viewing-firstPage-0):not(.fp-viewing-firstPage-1):not(.fp-viewing-firstPage-2) .site-header {
	position: absolute;
	visibility: hidden;
}*/

.site-header:after {
	content: "";
	background: linear-gradient(180deg, #7e7a7a82 0%, #fcfbfb30 100%);
	width: 100%;
	position: absolute;
	height: 30px;
	background-position: center bottom;
	background-size: cover;
	z-index: 2;
	top: 100%;
}

.home.page-template-default .site-header:after {
	background: linear-gradient(180deg, #0000007a 0%, #e8e9e947 100%);
}

.site-header img {
	max-width: 100%;
	height: auto;
}

ul#primary-menu-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#primary-menu-list li {
	display: inline-block;
}

ul#primary-menu-list li a {
	display: block;
	color: #0c274b;
	padding: 10px 22px;
	max-width: min-content;
	font-size: 18px;
	font-family: 'OCR A Std', 'Helvetica', sans-serif;
}

.footer-container {}

footer .footer-top-wrapper {
	padding: 40px;

	background: #1a243e;
}
.site-content{
padding-bottom:100px;
}

footer .footer-top-wrapper .gallery {
	display: flex;
	justify-content: center;
	align-items: center;
}

footer .footer-top-wrapper #gallery-1 .gallery-item {
	width: auto;
	float: none;
	margin: 0 10px;
}

footer .footer-top-wrapper #gallery-1 img {
	border: 0;
}

footer .footer-bottom-wrapper {
	background: #e0e1df;
	padding: 40px 0;
	color: #1a243e;
	text-align: left;
}

footer .footer-bottom-wrapper a {
	color: #1a243e;
}

footer .footer-bottom-wrapper h3 {
	font-family: 'OCR A Std', 'Helvetica', sans-serif;
	font-size: 18px;
}

footer .footer-bottom-wrapper .footer-widget {
	border-bottom: 1px solid #3f475c;
	margin-bottom: 15px;
	margin-right: 30px;
}

footer .footer-bottom-wrapper .footer-widget:last-of-type {
	border: 0;
}

footer .footer-bottom-wrapper .footer-widget p {
	margin-bottom: 10px;
}

footer .footer-bottom-wrapper .container {
	position: relative;
}

.footer-logo {
	width: 300px;
	height: 155px;
	position: absolute;
	bottom: 15px;
	right: 0;
	background: url(assets/images/alt-logo.png) no-repeat center center;
}

.hidden-img {
	visibility: hidden;
}

.banner-content-wrapper img {
	max-width: 100%;
	height: auto;
}

.banner-content-wrapper .banner {
	position: relative;
}

.banner-content-wrapper .container {
	position: relative;
}

.banner-content-wrapper .banner-content-inner {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-family: 'OCR A Std', 'Helvetica', sans-serif;
	position: absolute;
	margin-top: 8%;
	right: 0;
	width: 420px;
	border: 1px solid transparent;
	padding: 20px;
	background: rgb(163 168 166 / 50%);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.banner-content-wrapper .banner-content-inner h2 {
	font-size: 30px;
	line-height: 36px;
	border-bottom: 2px solid #fff;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.banner-content-wrapper .banner-content-inner h3 {
	font-family: 'Helvetica', sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 0px;
}

.banner-content-wrapper .banner-content-inner hr {
	border-top: 1px solid #fff;
}

.banner-content-inner .banner-btn-wrapper {
	text-align: right;
	padding-top: 15px;
	border-top: 1px solid #fff;
	font-size: 14px;
}

.banner-section-1 .banner-content-inner h2 {
	margin-bottom: 0;
}

.banner-section-2 .banner-content-inner h3 {
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle;
}
.banner-section-2 .banner-content-inner h3 + p {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

.banner-section-2 .banner-content-inner h3 + p:after {
	clear: both;
	content: '';
}

.banner-section-2 .banner-content-inner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.banner-section-2 .banner-content-inner ul li {
	border: 1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 10px;
	display: inline-block;
	margin-bottom: 5px;
	font-family: 'Helvetica', sans-serif;
	font-weight: 700;
	width: fit-content;
	text-align: center;
	min-width: 23%;
	font-size: 12px;
}

.banner-content-wrapper .banner-content-inner h3:last-of-type {
	margin-bottom: 0;
	vertical-align: top;
}

.banner-btn-wrapper a {
	color: #fff;
}

.section-img-wrap img {
	max-width: 100%;
	width: 100%;
}

.section-content-inner {
	text-align: left;
}

.section-content-inner p {
	font-family: 'Helvetica', sans-serif;
}

#section0 .section-content-inner ul,
.section-content-inner ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

#section0 .section-content-inner ul li {
	border: 1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 10px;
	display: inline-block;
	margin-bottom: 5px;
	font-family: 'Helvetica', sans-serif;
	font-weight: 700;
	width: fit-content;
	text-align: center;
	min-width: 23%;
	font-size: 12px;
}

#section1 .section-content-inner {
	background: rgb(20 54 44 / 80%);
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	position: absolute;
	margin-top: -30%;
	border: 1px solid transparent;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#section1 .section-content-inner ul {
	list-style: disc;
}

#section1 .section-content-inner ul li {
	margin-bottom: 10px;
}

.page-home div#section0.section .section-content-inner {
	margin-top: 160px;
}

.page-home div#section2.section-2 .section-content-inner {
	transform: translate(0, -80%);
}

.page-home div#section3.section-3 .section-content-inner {
	width: 80%;
	z-index: 10;
	margin-top: 0;
	transform: translate(0, -50%);
}

.page-home div#section4.section-4 .section-content-inner {
	width: 80%;
	transform: translate(0, -40%);
}

.page-home div#section5.section-5 .section-content-inner {
	width: 80%;
	transform: translatey(-90%);
}

.page-home div#section6.section-6 .section-content-inner {
	width: 90%;
	margin-top: 0;
	transform: translate(10%, -40%);
}

.bx-wrapper {
	border: 0;
	box-shadow: none;
	margin-bottom: 0;
}

.bx-wrapper .bx-pager {
	padding-top: 0;
}

.bx-wrapper .bx-controls-auto, 
.bx-wrapper .bx-pager {
	bottom: 60px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus, 
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: transparent;
}

.page-home div[class^=section-] {
	width: 100%;
}

div[class^=section-] .container {
	position: relative;
}

.page-home div[class^=section-] .section-content-inner {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Helvetica', sans-serif;
	position: absolute;
	margin-top: 15%;
	width: 45%;
	min-width: 420px;
	border: 1px solid transparent;
	padding: 20px;
	background: rgb(163 168 166 / 50%);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.page-home div[class^=section-] .section-content-inner h2 {
	font-family: 'OCR A Std', 'Helvetica', sans-serif;
	font-size: 35px;
	line-height: 45px;
	border-bottom: 2px solid #fff;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.page-home div[class^=section-] .section-content-inner h3 {
	font-family: 'OCR A Std', 'Helvetica', sans-serif;
	font-size: 22px;
	line-height: 26px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.section-content-inner.align-left {
	left: 0;
}
.section-content-inner.align-right {
	right: 0;
}

.page-home div.section-1 .section-content-inner {
	background: rgb(20 54 44 / 80%);
}

.page-home div.section-2 .section-content-inner {
	background: rgb(47 49 50 / 80%);
}

.section-content-inner hr {
	border-top: 1px solid #fff;
}

.section-content-inner .banner-btn-wrapper {
    text-align: right;
    padding-top: 15px;
    border-top: 1px solid #fff;
    font-size: 14px;
}

.section-content-inner ul {
	padding-left: 20px;
}

.page-home .section-content-inner a {
	color: #fff;
}

.page-home div.section-3 .section-content-inner {
	width: 32%;
	margin-top: 20%;
}

.page-home div.section-4 .section-content-inner {
	width: 35%;
}

.page-home div.section-4 .section-content-inner h3 {
	padding-bottom: 0;
	margin-bottom: 20px;
}

.page-home div.section-4 p {
	line-height: 18px;
}

.page-home div.section-4 p:last-of-type {
	text-align: right;
	margin-bottom: 10px;
}

.page-home div.section-4 p:last-of-type img {
	margin-top: -240px;
}

.page-home div.section-5 .section-content-inner {
	width: 40%;
	background: rgb(163 168 166 / 60%);
}

.page-home div.section-6 .section-content-inner {
	background: rgb(47 49 50 / 80%);
	margin-top: 28%;
	width: 40%;
}

.page-template-default .site-header:after {
	background: linear-gradient(180deg, #0000002e 0%, transparent 100%);
}

.page-template-default .site-content {
	background: #e8e9e9;
	padding-top: 160px;
}

.page-family-company .section-1 {
	margin-bottom: 40px;
}

.page-family-company .section-1 img {
	width: 100%;
	height: auto;
}

.page-family-company .section-3 {
	font-size: 18px;
	line-height: 30px;
	text-align: justify;
	margin-top: 20px;
	margin-bottom: 20px;
}

.page-family-company .section-4 > .container {
	max-width: unset;
	padding: 0;
}

.page-family-company .section-4 .column-1 {
	padding: 0;
}

#history {
	overflow: hidden;
	margin-bottom: 80px;
}

#history ul.tl-keys {
	list-style: none;
	padding: 0;
	margin-bottom: 40px;
}

#history ul.tl-keys li {
	display: inline-block;
	padding: 0 5px;
}

#history ul.tl-keys li a {
	font-family: 'OCR A Std', 'Helvetica', sans-serif;
	color: #717798;
	font-size: 16px;
	text-align: right;
	position: relative;
}

#history ul.tl-keys li a.active {
	border-bottom: 1px solid #000;
	display: inline-block;
	width: 320px;
	color: #000;
}

#history ul.tl-keys li a.active:after {
	content: '<';
	position: absolute;
	top: 12px;
	left: 0;
	color: #000;
	font-weight: 300;
	font-size: 12px;
}

#history .bx-wrapper {
	background: #e8e9e9;
	margin: 0 auto;
}

#history .bx-wrapper .bx-viewport {
	overflow: visible!important;
}

.timeline-content {
	color: #1a243e;
}

.timeline-content h2 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	margin-bottom: 15px;
}

.timeline-content img {
	max-width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.timeline-content h1 {
	font-family: 'OCR A Std', 'Helvetica', sans-serif;
}

#grad_left {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 15%;
	opacity: 0.5;
	background: #e8e9e9;
}

#grad_right {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15%;
	right: 0;
	background: #e8e9e9;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.page-template-template-02 .site-content {
	padding-top: 160px;
}

.page-template-template-02 h1 {
	font-family: 'OCR A Std', 'Helvetica', sans-serif;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 2px solid #0c274b;
}

.page-template-template-02 hr {
	border-top: 1px solid #0c274b;
}

.page-food-technology .section-2 .column-2 .column-content-inner {
	background: #0c274b;
	color: #fff;
	font-size: 22px;
	line-height: 26px;
	padding: 30px;
	margin-top: -16px;
}

.page-food-technology .section-2 .column-2 ul li {
	margin-bottom: 20px;
}

.page-food-technology .section-4 {
	margin-top: 20px;
}

.page-food-technology .section-4 h2 {
	color: #182b4a;
	font-size: 22px;
	min-height: 50px;
	font-weight: 700;
	border-bottom: 2px solid #182b4a;
}

.page-food-technology .section-4 h3,
.page-food-technology .section-5 h3,
.page-food-technology .section-5 h3 a {
	font-family: 'OCR A Std', 'Helvetica', sans-serif;
	margin-top: 10px;
	color: #182b4a;
}

.page-food-technology .section-4 .column-1,
.page-food-technology .section-4 .column-2 {
	border-right: 1px solid #182b4a;
}

.page-food-technology .section-5 .column-1 {
	padding-left: 0;
	padding-right: 0;
}

.page-food-technology .section-5 .column {
	border-right: 1px solid #182b4a;
}

.page-food-technology .section-5 .column:nth-child(3n) {
	border-right: 0;
}

.page-food-safety .section-2 img,
.page-food-safety .section-3 img,
.page-food-safety .section-5 img,
.page-food-safety .section-7 img {
	width: 100%;
}


.page-food-safety .section-4 .column-2 .column-content-inner {
	background: #0c274b;
	color: #fff;
	font-size: 22px;
	line-height: 26px;
	padding: 30px;
	margin-top: -16px;
}

.page-food-safety .section-4 .column-2 ul li {
	margin-bottom: 20px;
}

.page-food-safety .section-4 {

}

.container {
	max-width: 1280px;
}

.product-featured-image img,
.news-featured-image img {
	width: 100%;
}

.single-product .site-content {
	padding-top: 120px;
}

.single-product h1,
.single-news h1 {
	font-family: 'OCR A Std', 'Helvetica', sans-serif;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 2px solid #0c274b;
}

.single-product h2,
.single-news h2 {
	color: #182b4a;
	font-size: 22px;
	min-height: 40px;
	font-weight: 700;
	margin-bottom: 2rem;
	border-bottom: 2px solid #182b4a;
}

.single-product hr,
.single-news hr {
	border-bottom: 1px solid #0c274b;
}

.news-list-inner .feature-image-wrapper {
	max-height: 380px;
	overflow: hidden;
}

.news-list-inner img {
	min-height: 234px;
}

.news-list-inner h2 a {
	color: #182b4a;
	font-weight: 700;
}

p a:link, p a:active, p a:visited {
color: #0056b3;
}
p a:hover{
 color:black;
}
.widget_media_image{
text-align:center;
}
.news-list-inner .excerpt {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3; 
	-webkit-box-orient: vertical;
	margin-bottom: 15px;
}

.page-contact-people .column-content-inner h2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mobile-navbar-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 400;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(0,0,0,0.7);
	transition: opacity .25s ease, visibility 0s ease .25s;
}

.mobile-menu-handle {
	display: none;
	padding: 0 10px;
	position: absolute;
	right: 0;
	font-size: 20px;
}

.mobile-navbar-overlay.opened {
	opacity: 1;
	display: block;
	visibility: visible;
	transition: opacity .25s ease, visibility 0s ease;
}

.nav-menu-container.opened {
	transform: none;
}

.logged-in .nav-menu-container {
	top: 45px;
}

body #wptime-plugin-preloader {
	background-size: 120px;
}

.mobile-menu-title,
.nav-menu-container footer {
	display: none;
}

.home-mobile-section {
	display: none;
}

@media (max-width: 1188px){
	body.page-template-front-page_v2:not(.fp-viewing-firstPage-0) .site-header,
	body.page-template-front-page_v2 .site-header {
		position: unset!important;
		visibility: visible;
	}

	.site-header:after {
		display: none;
	}

	.page-template-front-page_v2 .navbar {
		display: block;
		position: relative;
	}

	.mobile-menu-handle {
		display: inline-block;
		position: relative;
		margin-right: 40px;
	}

	.nav-menu-container {
		display: block;
		width: 420px;
		max-width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: auto;
		bottom: 0;
		z-index: 500;
		overflow: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		background-color: #FFF;
		transition: transform .25s ease;
		transform: translate3d(-100%, 0, 0);
	}

	.mobile-menu-title {
		display: block;
		padding: 10px 15px;
	}

	.mobile-menu-title:before {
		content: "<";
		padding-right: 15px;
	}

	ul#primary-menu-list li {
		display: block;
	}

	.site-header-wrapper,
	.page-template-front-page_v2 .navbar {
		position: unset;
	}

	.site-header {
		z-index: 500;
		position: unset;
		transform: unset;
		-webkit-transform: unset;
	}
	
	ul#primary-menu-list li a {
		max-width: 100%;
		padding: 15px 30px;
	}

	ul#primary-menu-list li a:after {
		content: ">>";
		margin-left: 15px;
	}

	.primary-menu-container {
		padding-left: 15px;
		padding-bottom: 30px;
	}

	.sectioncontainer {
		max-width: 100%;
	}

	.page-home div#section6.section-6 .section-content-inner {
		transform: unset;
	}

	.site-content {
		padding-bottom: 0;
	}

	.fp-slides #slide2,
	.fp-slides #slide3 {
		display: none;
	}

	.fp-arrow,
	.fp-slidesNav.fp-bottom {
		display: none;
	}

	#section0 {
		background-image: url(assets/images/01_dps_vegaburger_mobile.jpg)!important;
		background-size: cover;
	}

	#sequence0,
	#sequence1,
	#sequence2,
	#sequence3,
	#sequence4 {
		display: none;
	}

	.page-home div#section0 .sectioncontainer,
	.page-home div#section1 .sectioncontainer,
	.page-home div#section2 .sectioncontainer,
	.page-home div#section3 .sectioncontainer,
	.page-home div#section4 .sectioncontainer,
	.page-home div#section5 .sectioncontainer,
	.page-home div#section6 .sectioncontainer {
		height: 100%;
	}

	.page-home div#section0 .section_right,
	.page-home div#section1 .section_right,
	.page-home div#section2 .section_left,
	.page-home div#section3 .section_right,
	.page-home div#section4 .section_right,
	.page-home div#section5 .section_right,
	.page-home div#section6 .section_right {
		float: none;
		top: 0;
		position: relative;
		margin: 0 auto;
		height: 100%;
		width: 100%;
	}

	.page-home div#section0.section .section-content-inner,
	.page-home div#section1.section .section-content-inner,
	.page-home div#section2.section .section-content-inner,
	.page-home div#section3.section .section-content-inner,
	.page-home div#section4.section .section-content-inner,
	.page-home div#section5.section .section-content-inner,
	.page-home div#section6.section .section-content-inner {
		position: absolute;
		bottom: 20px;
		width: unset;
		left: 30px;
		right: 30px;
		z-index: 10;
	}

	.page-home div#section2.section-2 .section-content-inner,
	.page-home div#section3.section-3 .section-content-inner,
	.page-home div#section4.section-4 .section-content-inner,
	.page-home div#section5.section-5 .section-content-inner,
	.page-home div#section6.section-6 .section-content-inner {
		transform: unset;
	}

	.page-home div#section1 .section-content-inner :not(h2),
	.page-home div#section2 .section-content-inner :not(h2),
	.page-home div#section3 .section-content-inner :not(h2),
	.page-home div#section4 .section-content-inner :not(h2),
	.page-home div#section5 .section-content-inner :not(h2),
	.page-home div#section6 .section-content-inner :not(h2){
		display: none;
	}

	.page-home div.section h2 {
		font-size: 20px;
		margin-bottom: 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #fff;
	}

	.page-home div#section5 {
		background-position: top center;
	}

	.extralayer_boon {
		display: none;
	}

	.extralayer_sate,
	.extralayer_beef {
		max-width: 100%;
		left: 0;
		right: 0;
		margin-left: 0;
		background-size: cover;
	}

	.footer-logo {
		top: 0px;
		width: 100%;
	}

	.footer-bottom-wrapper > .container > .row {
		display: grid;
	}

	.footer-bottom-wrapper > .container > .row .col-md-7 {
		margin-top: 200px;
		max-width: 100%;
	}

	.nav-menu-container.opened footer {
		display: block;
	}

	.home-mobile-section {
		font-size: 16px;
		line-height: 24px;
		display: block;
		padding: 40px 30px;
	}

	.home-mobile-section h2 {
		font-family: 'OCR A Std', 'Helvetica', sans-serif;
		font-size: 20px;
		margin-bottom: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid #fff;
	}

	.home-mobile-section hr {
		border-top: 1px solid #182b4a;
	}

	.home-mobile-section h3 {
		font-size: 18px;
	}

	.home-mobile-section.section-0 {
		background: #d6d6cf;
	}

	.home-mobile-section.section-0 h2 {
		margin-bottom: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid #182b4a;
	}

	.home-mobile-section .banner-btn-wrapper {
		text-align: right;
		padding-top: 15px;
		border-top: 1px solid #182b4a;
		font-size: 14px;
	}

	.home-mobile-section .banner-btn-wrapper a {
		color: #182b4a;
	}
}

@media (max-width: 768px){
	.banner-content-wrapper .banner-content-inner {
		margin-top: 30px;
	}

	.banner-content-wrapper {
		display: none;
	}

	.page-home div[class^=section-] .section-content-inner {
		margin-top: 5%;
	}

	.page-home div[class^=section-] .section-content-inner h2 {
		font-size: 25px;
		line-height: 30px;
	}

	.page-home div.section-3 .section-content-inner {
		width: 80%;
	}

	.page-home div.section-3 .section-content-inner p:nth-last-child(2),
	.page-home div.section-3 .section-content-inner p:nth-last-child(3) {
		display: none;
	}

	.page-home div.section-4 .section-content-inner {
		width: 80%;
	}

	.page-home div.section-4 .section-img-wrap {
		min-height: 700px;
	}
}