@font-face {
    font-family: 'lato-bold';
    src: url('../fonts/Lato-Bold.eot');
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Bold.woff2') format('woff2'), url('../fonts/lato-bol-webfont.woff') format('woff'), url('../fonts/lato-bol-webfont.ttf') format('truetype'), url('../fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'lato-regular';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-reg-webfont.woff2') format('woff2'), url('../fonts/lato-reg-webfont.woff') format('woff'), url('../fonts/lato-reg-webfont.ttf') format('truetype'), url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato-light';
    src: url('../fonts/Lato-Light.eot');
    src: url('../fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-lig-webfont.woff2') format('woff2'), url('../fonts/lato-lig-webfont.woff') format('woff'), url('../fonts/lato-lig-webfont.ttf') format('truetype'), url('../fonts/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato-light-italic';
    src: url('../fonts/Lato-LightItalic.eot');
    src: url('../fonts/lato-ligita-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-ligita-webfont.woff2') format('woff2'), url('../fonts/lato-ligita-webfont.woff') format('woff'), url('../fonts/lato-ligita-webfont.ttf') format('truetype'), url('../fonts/lato-ligita-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Yantramanav-Black';
    src: url('../fonts/Yantramanav-Black.eot');
    src: local('☺'), url('../fonts/Yantramanav-Black.woff') format('woff'), url('../fonts/Yantramanav-Black.ttf') format('truetype'), url('../fonts/Yantramanav-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Yantramanav-Regular';
    src: url('../fonts/Yantramanav-Regular.eot');
    src: local('☺'), url('../fonts/Yantramanav-Regular.woff') format('woff'), url('../fonts/Yantramanav-Regular.ttf') format('truetype'), url('../fonts/Yantramanav-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-black';
    src: url('../fonts/Roboto-Black.eot');
    src: local('☺'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: local('☺'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.tm-header {
    position: absolute;
    z-index: 980;
    left: 0;
    right: 0;
}

.uk-navbar-container:not(.uk-navbar-sticky) {
    background: transparent !important;
}

html {
    font-family: 'lato-regular';
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto-Medium' !important;
}

.uk-container {
    max-width: 1250px;
}

.uk-navbar-container>.uk-container .uk-navbar-right {
    margin-right: -20px;
}

.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
    min-height: auto;
}

.uk-navbar-nav{
    gap: 0;
}

.uk-navbar-nav>li>a {
    letter-spacing: 0;
}

.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
    padding: 0 20px;
}

.uk-navbar-nav>li>a {
    padding: 0 0;
    margin: 0 20px;
}

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0px;
}

.white {
    color: #FFF;
}

.red {
    color: rgb(221, 22, 62);
}

.upper {
    text-transform: uppercase;
}

.uk-navbar-nav>li:nth-child(1) {
    display: none;
}

.uk-navbar-nav>li>a {
    font-family: 'Roboto-Medium';
    font-size: 18px;
    color: #fff !important;
    position: relative;
}

.uk-navbar-nav>li>a:before,
.uk-navbar-nav>li>a:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.uk-navbar-nav>li>a::before {
    top: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
}

.uk-navbar-nav>li>a::after {
    bottom: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
}

.uk-navbar-nav>li>a:hover::before {
    opacity: 1;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
}

.uk-navbar-nav>li>a:hover::after {
    opacity: 1;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    transform: translateY(15px);
}

.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a.uk-open,
.uk-navbar-nav>li>a:focus {}

.uk-navbar-nav>li.uk-active>a {}

.home-header>div {
    padding-top: 160px;
}

.infopage .home-header>div {
    padding-top: 170px;
    padding-bottom: 90px;
}

.infopage .home-header>div {
    padding-top: 230px;
}

.infopage .aanpak-header>div {
    padding-top: 230px;
}

.infopage .events-header>div {
    padding-top: 230px;
}

.infopage .referenties-header>div {
    padding-top: 230px;
}

.infopage .contact-header>div {
    padding-top: 330px;
}

.home-header h1 {
    font-family: 'Roboto-Black';
    font-size: 73.98px;
    line-height: 63.67px;
    color: #FFF;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

.landing-header h1 {
    max-width: 490px;
}

.home-header h1 span {
    font-family: 'Roboto-Light';
    font-size: 32px;
    line-height: 30.77px;
    color: #FFF;
}

.infopage .home-header .uk-width-2-3\@m {
    text-align: center;
}

.infopage .home-header h1 {
    font-family: 'Roboto-Black';
    font-size: 93.17px;
    line-height: 0.861;
    color: #FFF;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    border-bottom: 7px solid rgb(230, 23, 64);
    padding-bottom: 20px;
    display: inline-block;
}

.infopage .privacypolicy-header h1 {
    font-size: 53.98px;
    line-height: 43.67px;
}

.info-main-img-right>div>div {
    margin-left: 0px;
}

.info-main-img-right>div>div>div {
    padding-left: 0px;
}

.info-main-img-right .uk-width-2-3\@m {
    background-color: #052c3a;
}

.info-main-img-right .uk-width-2-3\@m {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.info-main-img-right .uk-width-2-3\@m >div {}

.info-main-img-right .uk-width-2-3\@m >div h2 {
    font-family: 'Roboto-Black';
    font-size: 25px;
    line-height: 1.04;
    color: #FFF;
    margin-bottom: 30px;
}

.info-main-img-right .uk-width-2-3\@m >div p {
    color: #FFF;
}

.info-main-img-right .uk-width-2-3\@m >div p.red {
    color: #e61740;
    font-family: 'lato-bold', 'lato-regular';
    font-weight: 600;
}

.info-main-img-right .uk-width-1-3\@m >div {
    height: 100%;
}

.info-main-img-right .uk-width-1-3\@m >div>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aanpak-troeven .uk-width-1-3\@m {
    background-color: #052c3a;
}

.aanpak-troeven>div>div>div.uk-width-1-3\@m {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.info-main-img-left>div>div {
    margin-left: 0px;
}

.info-main-img-left>div>div>div {
    padding-left: 0px;
}

.info-main-img-left .uk-width-2-3\@m {
    background-color: #052c3a;
}

.info-main-img-left .uk-width-2-3\@m {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.info-main-img-left .uk-width-2-3\@m >div {}

.info-main-img-left .uk-width-2-3\@m >div h2 {
    font-family: 'Roboto-Black';
    font-size: 25px;
    line-height: 1.04;
    color: #FFF;
    margin-bottom: 30px;
}

.info-main-img-left .uk-width-2-3\@m >div p {
    color: #FFF;
}

.info-main-img-left .uk-width-2-3\@m >div p.red {
    color: #e61740;
    font-family: 'lato-bold', 'lato-regular';
    font-weight: 600;
}

.info-main-img-left .uk-width-1-3\@m >div {
    height: 100%;
}

.info-main-img-left .uk-width-1-3\@m >div>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.events-info-main-img-left {
    padding-top: 45px !important;
    padding-bottom: 70px;
}

.events-info-main-img-left p.red {
    margin-top: 50px;
}

.referenties-info-main-img-right-more {
    padding-top: 5px !important;
    padding-bottom: 70px !important;
}

.feesten-info-main-img-left {
    padding-top: 45px !important;
    padding-bottom: 0px;
}

.referenties-info-main-img-left {
    padding-top: 45px !important;
}

.feesten-info-main-img-right-2 {
    padding-bottom: 75px !important;
}

.feesten-info-main-img-right-1 h2 {
    max-width: 350px;
}

.retro-frietwagen {
    padding-top: 0px;
}

.retro-frietwagen .uk-panel {
    padding-top: 60px;
    padding-bottom: 60px;
}

.retro-frietwagen .el-content {
    background-color: rgba(230, 23, 64, 0.902);
    padding: 40px 70px;
    max-width: 470px;
    box-sizing: border-box;
}

.retro-frietwagen .el-content h2 {
    font-family: 'Roboto-Black';
    font-size: 35px;
    line-height: 1.2;
    color: #FFF;
}

.retro-frietwagen .el-content p {
    font-size: 18px;
    color: #FFF;
}

.returning-customers-logos {
    max-width: 625px;
    margin-left: auto;
    margin-right: auto;
}

.returning-customers-leesmeer {}

.returning-customers-leesmeer a {
    font-family: 'Roboto-Black';
    font-size: 35px;
    color: #FFF;
    text-transform: uppercase;
    animation: all 0.15s ease;
    -webkit-animation: all 0.15s ease;
}

.returning-customers-leesmeer a:hover,
.returning-customers-leesmeer a:focus {
    color: #052c3a;
    text-decoration: none;
}

.returning-customers-logos {
    margin-top: 50px !important;
}

.returning-customers-logos>div {
    height: 100%;
}

.returning-customers-logos>div img {
    /*width: 100%;*/
    height: 108px;
    object-fit: cover;
}

.returning-customers-leesmeer {
    margin-top: 50px !important;
}

.home-header-mobile+.info-main-img-right {
    padding-top: 75px;
}

.info-main-img-right {
    padding-bottom: 25px;
}

.info-main-img-left {
    padding-top: 25px;
}

.infopage .main-bottom {
    padding-bottom: 75px;
}

.verhuur-slideshow {
    padding-top: 45px;
}

.home-bottom-bedrijfscatering-festivalcatering {}

.home-bottom-bedrijfscatering,
.home-bottom-festivalscatering {
    background-color: rgb(5, 44, 58);
    padding: 30px 25px 35px 25px;
}

.home-bottom-bedrijfscatering .red,
.home-bottom-festivalscatering .red {}

.home-bottom-bedrijfscatering hr,
.home-bottom-festivalscatering hr {}

.home-bottom-bedrijfscatering .white.upper,
.home-bottom-festivalscatering .white.upper {}

.home-bottom-bedrijfscatering .white.std,
.home-bottom-festivalscatering .white.std {}

.home-intro {
    padding-bottom: 0px;
}

.home-intro>div>div>div:nth-child(1)>div {
    background: #052c3a;
    padding: 40px;
    box-sizing: border-box;
}

.home-intro .text-link {
    font-size: 16px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.home-intro .text-link:hover,
.home-intro .text-link:focus {
    text-decoration: none;
    color: #fff;
}

.home-intro-2>div>div>div:nth-child(2)>div {
    background: #052c3a;
    padding: 40px;
    box-sizing: border-box;
}

.home-intro-2 .text-link {
    font-size: 16px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.home-intro-2 .text-link:hover,
.home-intro-2 .text-link:focus {
    text-decoration: none;
    color: #fff;
}

.home-video {
    /*  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.251);
  border-style: solid;
  border-radius: 50%;

  width: 187px;
  height: 187px;
  transform: translateX(-50%) translateY(-50%);
  position: relative;
  z-index: 1;
  */
    background: url('/wp-content/uploads/2019/11/BigFood-bedrijfsfilm-poster.jpg') no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
    height: 289px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.home-video-2 {
    /*  border-width: 1px;
border-color: rgba(255, 255, 255, 0.251);
border-style: solid;
border-radius: 50%;

width: 187px;
height: 187px;
transform: translateX(-50%) translateY(-50%);
position: relative;
z-index: 1;
*/
    height: 312px;
}

.video-play-button {
    /*
   position: relative;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 16px;
  height: 20px;

  border-radius: 50%;
  padding: 20px 20px 20px 20px;*/
}


/*
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 138px;
  height: 138px;
   background-color: rgba(255, 255, 255, 0.149);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 78px;
  height: 78px;
  background: #fff;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#255, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

*/

.video-play-button span {
    /*display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 16px solid #ec212a;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;*/
}


/*
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

*/


/*
.video-play-button span {
position: relative;
  background-color: #333;
  text-align: left;
  margin: 1.2em;
}*/


/*
.video-play-button:before,
.video-play-button:after {
  content: '';
  position: absolute;
  background-color: inherit;
}

.video-play-button,
.video-play-button:before,
.video-play-button:after {
  width:  2em;
  height: 2em;
  border-top-right-radius: 30%;
}

.video-play-button {
  transform: rotate(-30deg) skewX(-30deg) scale(1,.866);
}

.video-play-button:before {
  transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}

.video-play-button:after {
  transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}*/

.video-play-button {
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    width: 82px;
    height: 82px;
    position: relative;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.arrow-triangle {
    position: absolute;
    background-color: #e8173e;
    text-align: left;
    margin: 1.7em;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.arrow-triangle:before,
.arrow-triangle:after {
    content: '';
    position: absolute;
    background-color: inherit;
}

.arrow-triangle,
.arrow-triangle:before,
.arrow-triangle:after {
    width: 1.2em;
    height: 1.2em;
    border-top-right-radius: 30%;
}

.arrow-triangle.right {
    transform: rotate(-90deg) skewX(-30deg) scale(1, .866);
}

.arrow-triangle:before {
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
}

.arrow-triangle:after {
    transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);
}


/*
.home-video:hover .arrow-triangle {
margin: 1.9em;	
}

.home-video:hover .arrow-triangle,
.home-video:hover .arrow-triangle:before,
.home-video:hover .arrow-triangle:after {
  width:  1.3em;
  height: 1.3em;
  border-top-right-radius: 30%;
}


.home-video:hover .video-play-button {
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  width: 92px;
  height: 92px;
  position: relative;
}
*/

.home-video:hover .video-play-button {
    border-radius: 50%;
    background-color: #e8173e;
    width: 82px;
    height: 82px;
    position: relative;
    /*border: 5px solid #e8173e;*/
}

.home-video:hover .arrow-triangle {
    background-color: #fff;
}

.video-overlay {
    position: fixed;
    /*z-index: -1;*/
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*  background: rgba(0,0,0,0.80);*/
    background: rgba(0, 0, 0, 0.90);
    opacity: 0;
    transition: all ease 500ms;
}

.video-overlay.open {
    position: fixed;
    /* z-index: 1000;*/
    z-index: 1000;
    opacity: 1;
}

.video-overlay-close {
    position: absolute;
    z-index: 1000;
    top: 15px;
    right: 20px;
    font-size: 36px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms;
}

.video-overlay-close:hover {
    color: #fa183d;
}

.video-overlay iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    /* width: 90%; */
    /* height: auto; */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
    z-index: 9999;
    max-width: 100%;
}

.home-festivalcatering-bedrijfscatering-verhuurservice .uk-panel {
    background: -moz-linear-gradient(top, rgba(5, 44, 58, 0) 0%, rgba(5, 44, 58, 0) 1%, rgba(5, 44, 58, 0.78) 50%, rgba(5, 44, 58, 0.8) 51%, rgba(5, 44, 58, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(5, 44, 58, 0) 0%, rgba(5, 44, 58, 0) 1%, rgba(5, 44, 58, 0.78) 50%, rgba(5, 44, 58, 0.8) 51%, rgba(5, 44, 58, 1) 100%);
    background: linear-gradient(to bottom, rgba(5, 44, 58, 0) 0%, rgba(5, 44, 58, 0) 1%, rgba(5, 44, 58, 0.78) 50%, rgba(5, 44, 58, 0.8) 51%, rgba(5, 44, 58, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00052c3a', endColorstr='#052c3a', GradientType=0);
    width: 100%;
    height: 60%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    padding: 40px 25px;
}

.home-festivalcatering-bedrijfscatering-verhuurservice>div>div>div>div:hover .uk-panel {
    background: -moz-linear-gradient(top, rgba(230, 23, 64, 0) 0%, rgba(230, 23, 64, 0) 1%, rgba(230, 23, 64, 0.78) 50%, rgba(230, 23, 64, 0.8) 51%, rgba(230, 23, 64, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(230, 23, 64, 0) 0%, rgba(230, 23, 64, 0) 1%, rgba(230, 23, 64, 0.78) 50%, rgba(230, 23, 64, 0.8) 51%, rgba(230, 23, 64, 1) 100%);
    background: linear-gradient(to bottom, rgba(230, 23, 64, 0) 0%, rgba(230, 23, 64, 0) 1%, rgba(230, 23, 64, 0.78) 50%, rgba(230, 23, 64, 0.8) 51%, rgba(230, 23, 64, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00052c3a', endColorstr='#052c3a', GradientType=0);
}


/*
.home-festivalcatering-bedrijfscatering-verhuurservice > div > div > div > div:hover .el-image {
	transform: scale(1.2);
	  -webkit-transition: all 0.25s ease; 
  transition: all 0.25s ease;
}*/

.home-festivalcatering-bedrijfscatering-verhuurservice {
    padding-bottom: 0px;
}

.home-festivalcatering-bedrijfscatering-verhuurservice h2 {
    font-family: 'Roboto-Black';
    font-size: 34.98px;
    line-height: 56.85px;
    color: #FFF;
}

.home-festivalcatering-bedrijfscatering-verhuurservice h2::after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 100%;
    padding-top: 4px;
    border-bottom: 4px solid rgb(255, 255, 255);
}

.home-festivalcatering-bedrijfscatering-verhuurservice .el-meta {
    font-family: 'Roboto-Medium';
    font-size: 18px;
    color: #FFF;
    text-align: left;
    margin-top: 15px !important;
}

.home-over-ons h2 {
    font-family: 'Roboto-Black';
    font-size: 56.61px;
    line-height: 71.99px;
    color: #FFF;
    display: inline-block;
    width: auto;
}

.home-over-ons h2::after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 100%;
    padding-top: 4px;
    border-bottom: 6px solid rgb(255, 255, 255);
}

.home-over-ons,
.home-over-ons>div {
    height: 100%;
}

.home-over-ons .el-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-over-ons-troeven {}

.home-over-ons-troeven>div>div>div:nth-child(2)>div {
    margin-top: 0px !important;
    margin-bottom: 0px;
    background: #052c3a;
}

.home-over-ons-troeven h2 {
    margin-bottom: 0px;
    font-family: 'Roboto-Black';
}

.home-over-ons .uk-panel {
    background: -moz-linear-gradient(top, rgba(5, 44, 58, 0) 0%, rgba(5, 44, 58, 0) 1%, rgba(5, 44, 58, 0.78) 50%, rgba(5, 44, 58, 0.8) 51%, rgba(5, 44, 58, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(5, 44, 58, 0) 0%, rgba(5, 44, 58, 0) 1%, rgba(5, 44, 58, 0.78) 50%, rgba(5, 44, 58, 0.8) 51%, rgba(5, 44, 58, 1) 100%);
    background: linear-gradient(to bottom, rgba(5, 44, 58, 0) 0%, rgba(5, 44, 58, 0) 1%, rgba(5, 44, 58, 0.78) 50%, rgba(5, 44, 58, 0.8) 51%, rgba(5, 44, 58, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00052c3a', endColorstr='#052c3a', GradientType=0);
    width: 100%;
    height: 60%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.home-over-ons:hover .uk-panel {
    background: -moz-linear-gradient(top, rgba(230, 23, 64, 0) 0%, rgba(230, 23, 64, 0) 1%, rgba(230, 23, 64, 0.78) 50%, rgba(230, 23, 64, 0.8) 51%, rgba(230, 23, 64, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(230, 23, 64, 0) 0%, rgba(230, 23, 64, 0) 1%, rgba(230, 23, 64, 0.78) 50%, rgba(230, 23, 64, 0.8) 51%, rgba(230, 23, 64, 1) 100%);
    background: linear-gradient(to bottom, rgba(230, 23, 64, 0) 0%, rgba(230, 23, 64, 0) 1%, rgba(230, 23, 64, 0.78) 50%, rgba(230, 23, 64, 0.8) 51%, rgba(230, 23, 64, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00052c3a', endColorstr='#052c3a', GradientType=0);
}

.home-onze-troeven-title {
    text-align: center;
    padding-top: 40px;
}

.home-onze-troeven-title h2 {
    font-family: 'Roboto-Black';
    font-size: 34.98px;
    line-height: 56.85px;
    color: #FFF;
    display: inline-block;
    width: auto;
}

.home-onze-troeven-title h2::after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 100%;
    padding-top: 4px;
    border-bottom: 4px solid rgb(255, 255, 255);
}

.infopage .home-troeven-grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.home-troeven-grid {
    text-align: center;
}

.home-troeven-grid h4 {
    font-family: 'Roboto-Medium';
    font-size: 13.23px;
    line-height: 20px;
    color: #FFF;
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
}

.home-troeven-grid>div {
    margin: 0px auto;
    padding: 30px 25px 50px;
    max-width: 480px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
}

.home-troeven-grid>div>div {
    padding-left: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.home-troeven-grid>div>div>div {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.returning-customers {
    text-align: center;
}

.returning-customers>div {
    background-size: cover;
}

.returning-customers h2 {
    font-family: 'Roboto-Black';
    font-size: 35px;
    color: #FFF;
    margin-bottom: 0px;
}

.referenties-returning-customers h2 {
    font-family: 'Roboto-Black';
    font-size: 45px;
    color: #FFF;
    margin-bottom: 0px;
}

.home-bottom-bedrijfscatering-festivalcatering {
    padding-bottom: 65px;
}

.home-bottom-bedrijfscatering-festivalcatering>div {
    max-width: 1266px;
}

.home-bottom-bedrijfscatering-festivalcatering .red {
    font-family: 'Roboto-Black';
    font-size: 28px;
    line-height: 34px;
    color: #dd163e;
    text-transform: uppercase;
}

.home-bottom-bedrijfscatering-festivalcatering hr {
    border-bottom: 0px;
    border-top: 4px solid rgb(226, 23, 63);
    margin-top: 18px;
    margin-bottom: 25px;
}

.home-bottom-bedrijfscatering-festivalcatering .white.upper {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 30px;
}

.footer-section {}

.footer-section-contact {
    margin-top: 20px !important;
}

.footer-title {
    text-align: center;
}

.footer-section h2 {
    font-family: 'Yantramanav-Black';
    text-align: center;
    font-size: 34px;
    line-height: 1.176;
    color: rgb(255, 255, 255);
    display: inline-block;
    width: auto;
}

.footer-section h2::after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 100%;
    padding-top: 4px;
    border-bottom: 4px solid rgb(255, 255, 255);
}

.footer-data * {
    font-family: 'lato-regular';
    font-size: 16px;
    /*line-height: 1;*/
    line-height: 32px;
    color: rgb(255, 255, 255);
}

.footer-data a:hover,
.footer-data a:focus {
    color: #e61740;
    text-decoration: none;
}

.footer-social-links {
    list-style: none;
    padding-left: 0px;
    margin-left: -15px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.footer-social-links li {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

.footer-social-links i {
    color: #e61740;
}

.footer-social-links i,
.footer-social-links svg {
    color: #e61740;
    font-size: 26px;
}

.footer-social-links svg path {
    color: #e61740;
}

.footer-social-links svg:hover path,
.footer-social-links svg:focus path {
    color: #fff;
}

.footer-copyright {
    list-style: none;
    padding-left: 0px;
}

.footer-copyright li {
    display: inline-block;
}

.footer-copyright li,
.footer-copyright li a {
    font-size: 12px;
}

ul.footer-copyright {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: 0px;
    padding: 0;
    list-style: none;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

ul.footer-copyright:before {
    content: "";
    display: block;
    overflow: hidden;
}

ul.footer-copyright>* {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    padding-left: 10px;
    margin-top: 0px;
    position: relative;
    float: left;
}

ul.footer-copyright>:before {
    content: "";
    display: inline-block;
    height: 10px;
    vertical-align: middle;
}

ul.footer-copyright>:nth-child(n+2):before {
    margin-right: 10px;
    border-left: 1px solid #e61740;
}

ul.footer-copyright>*>:first-child {
    display: inline;
}

.footer-form {
    max-width: 331px;
}

.footer-form input[type="text"],
.footer-form input[type="tel"],
.footer-form input[type="email"] {
    border: 1px solid rgba(255, 255, 255, 0.251);
    height: 33px;
    background: transparent !important;
}

.footer-form input[type="checkbox"] {
	border: 1px solid rgba(255, 255, 255, 0.251);
	background: transparent !important;
}

.footer-form textarea {
    border: 1px solid rgba(255, 255, 255, 0.251);
    background: transparent !important;
}

.footer-form input,
.footer-form textarea {
    border-radius: 0px !important;
    font-family: 'lato-regular' !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: rgb(255, 255, 255) !important;
}

.footer-form input:focus,
.footer-form textarea:focus {
    box-shadow: none !important;
}

.footer-form input::-webkit-input-placeholder {
    font-family: 'lato-light';
    font-size: 14px;
    color: #FFF;
}

.footer-form input::-moz-placeholder {
    font-family: 'lato-light';
    font-size: 14px;
    color: #FFF;
}

.footer-form input:-ms-input-placeholder {
    font-family: 'lato-light';
    font-size: 14px;
    color: #FFF;
}

.footer-form input:-moz-placeholder {
    font-family: 'lato-light';
    font-size: 14px;
    color: #FFF;
}

.footer-form textarea::-webkit-input-placeholder {
    font-family: 'lato-light';
    font-size: 14px;
    color: #FFF;
}

.footer-form textarea::-moz-placeholder {
    font-family: 'lato-light';
    font-size: 14px;
    color: #FFF;
}

.footer-form textarea:-ms-input-placeholder {
    font-family: 'lato-light';
    font-size: 14px;
    color: #FFF;
}

.footer-form textarea:-moz-placeholder {
    font-family: 'lato-light';
    font-size: 14px;
    color: #FFF;
}

.footer-form .privacy-notice-paragraph {
    font-family: 'lato-regular' !important;
    font-size: 12px !important;
    line-height: 18px !important;
    color: rgb(255, 255, 255) !important;
}

.footer-form .privacy-notice-paragraph a {
    color: #e61740 !important;
    text-decoration: none !important;
}

.footer-form .privacy-notice-paragraph a:hover,
.footer-form .privacy-notice-paragraph a:focus {
    color: #FFF !important;
    text-decoration: none !important;
}

.footer-form button {
    border: 4px solid rgb(228, 23, 63);
    background: transparent;
    width: 175px;
    /*height: 32px; */
    height: 40px;
    font-family: 'Roboto-Black';
    font-size: 18px;
    color: #e61740;
    text-transform: uppercase;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.footer-form button:after {
    content: "\203A";
    margin-left: 40px;
    color: #e61740;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.footer-form button:hover,
.footer-form button:focus {
    /*border: 4px solid rgb(255, 255, 255);*/
    background: #e61740;
    color: #fff;
    cursor: pointer;
}

.footer-form button:hover::after,
.footer-form button:focus::after {
    margin-left: 45px;
    color: #fff;
}

.infopage .returning-customers {
    margin-bottom: 70px;
}

.msacwl-gallery-carousel .slick-arrow {
    margin-top: -24px !important;
}

.msacwl-gallery-carousel button.slick-prev {
    left: -30px;
}

.msacwl-gallery-carousel button.slick-prev,
.msacwl-gallery-carousel button.slick-prev:hover,
.msacwl-gallery-carousel button.slick-prev:focus {
    background-color: transparent !important;
    background: url('/wp-content/uploads/2019/11/slider-arrow-left.png') no-repeat 50% 50% !important;
    background-size: 19px 24px !important;
    width: 19px;
    height: 24px;
}

.msacwl-gallery-carousel button.slick-next {
    right: -30px;
}

.msacwl-gallery-carousel button.slick-next,
.msacwl-gallery-carousel button.slick-next:hover,
.msacwl-gallery-carousel button.slick-next:focus {
    background-color: transparent !important;
    background: url('/wp-content/uploads/2019/11/slider-arrow-right.png') no-repeat 50% 50% !important;
    background-size: 19px 24px !important;
    width: 19px;
    height: 24px;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    background: #e61740;
}


/*button.mfp-arrow-left {background-color: transparent !important;background: url('/wp-content/uploads/2019/11/slider-arrow-left.png') no-repeat 50% 50% !important;background-size: 19px 24px !important;width: 19px;height: 24px;margin-top: 0px;left: 20px;}
button.mfp-arrow-right {background-color: transparent !important;background: url('/wp-content/uploads/2019/11/slider-arrow-right.png') no-repeat 50% 50% !important;background-size: 19px 24px !important;width: 19px;height: 24px;margin-top: 0px;right: 20px;}
.mfp-arrow:before, .mfp-arrow:after {display: none !important;}
*/

.mfp-arrow {
    opacity: 1;
}

button.mfp-arrow-left::before {
    background-color: transparent !important;
    background: url('/wp-content/uploads/2019/11/slider-arrow-left.png') no-repeat 50% 50% !important;
    background-size: 19px 24px !important;
    width: 19px;
    height: 24px;
    left: 20px;
    border: none;
    opacity: 1;
}

button.mfp-arrow-right::before {
    background-color: transparent !important;
    background: url('/wp-content/uploads/2019/11/slider-arrow-right.png') no-repeat 50% 50% !important;
    background-size: 19px 24px !important;
    width: 19px;
    height: 24px;
    right: 20px;
    border: none;
    opacity: 1;
}

button.mfp-arrow-left::after {
    display: none;
}

button.mfp-arrow-right::after {
    display: none;
}

.general-content * {
    color: #000;
}

.general-content h2 {
    font-family: 'Roboto-Black';
    font-size: 25px;
    line-height: 1.04;
    color: #000;
}

.general-content h3 {
    font-family: 'Roboto-Black';
    font-size: 25px;
    line-height: 1.04;
    color: #000;
}

.general-content em {
    font-family: 'lato-regular';
    font-size: 16px;
    color: #000;
}

.privacyverklaring-main-content-table {
    overflow-x: auto;
}

.privacyverklaring-main-content-table table {
    border-collapse: collapse;
}

.privacyverklaring-main-content-table table tr {
    border-bottom: 1px solid #CCC;
}

.privacyverklaring-main-content-table table tr th,
.privacyverklaring-main-content-table table tr td {
    font-family: 'lato-regular';
    font-size: 16px;
    color: #000;
    padding: 5px 15px 5px 5px;
    text-align: left;
}

@media (min-width: 960px) {
    .msacwl-carousel {
        background: #e61740;
        padding: 20px 35px;
    }
    .msacwl-gallery-carousel>div>div>div {
        margin-left: 18px;
        margin-right: 18px;
    }
    .home-header-mobile {
        display: none;
    }
    .home-header h1 {
        margin-left: 41%;
    }
    .landing-header h1 {
        margin-left: 31%;
    }
    .landing-header h1::after {
        background-color: #e61740;
        height: 10px;
        width: 430px;
        content: '';
        position: relative;
        display: block;
        margin-left: 13px;
        margin-top: 20px;
    }
    .infopage .home-header h1 {
        margin-left: auto;
    }
    .tm-header {
        padding-top: 70px;
    }
    .uk-navbar-right .uk-navbar-nav {
        position: relative;
        top: -90px;
    }
    .home-over-ons-troeven>div>div>div {
        min-height: 464px;
    }
    .home-onze-troeven-title {
        min-height: 70px;
    }
    .home-troeven-grid {
        min-height: 354px;
    }
    .returning-customers>div {
        padding-top: 55px;
        padding-bottom: 240px;
    }
    .infopage .returning-customers>div {
        padding-top: 55px;
        padding-bottom: 55px;
    }
    .infopage .referenties-returning-customers>div {
        padding-top: 95px;
        padding-bottom: 90px;
    }
    .home-bottom-bedrijfscatering,
    .home-bottom-festivalscatering {
        margin-top: -270px;
        position: relative;
    }
    .footer-section>div {
        padding-top: 40px;
        padding-bottom: 100px;
    }
    .footer-form {
        margin-left: 30%;
    }
    .footer-data {
        margin-left: 30%;
    }
    .info-main-img-right .uk-width-2-3\@m {
        width: 54.80%;
    }
    .info-main-img-right .uk-width-1-3\@m {
        width: 45.20%;
    }
    .info-main-img-left .uk-width-2-3\@m {
        width: 54.80%;
    }
    .info-main-img-left .uk-width-1-3\@m {
        width: 45.20%;
    }
}

@media (min-width: 960px) and (max-width: 1320px) {
    .home-festivalcatering-bedrijfscatering-verhuurservice h2 {
        font-family: 'Roboto-Black';
        color: #FFF;
    }
    .home-festivalcatering-bedrijfscatering-verhuurservice .el-meta {
        font-family: 'Roboto-Medium';
        font-size: 15px;
        color: #FFF;
        text-align: left;
        margin-top: 15px !important;
    }
    body>div.tm-page>div.home-over-ons-troeven.uk-section-default.uk-section>div>div>div.uk-width-expand\@m.uk-first-column >div>a {
        height: 100%;
    }
    body>div.tm-page>div.home-over-ons-troeven.uk-section-default.uk-section>div>div>div.uk-width-expand\@m.uk-first-column >div>a img.el-image {
        height: 100%;
        object-fit: cover;
    }
    .home-bottom-bedrijfscatering,
    .home-bottom-festivalscatering {
        min-height: 400px;
    }
}

@media (min-width: 1261px) {
    .home-bottom-bedrijfscatering,
    .home-bottom-festivalscatering {
        min-height: 303px;
    }
}

@media (min-width: 960px) and (max-width: 1260px) {
    .uk-navbar-container>.uk-container .uk-navbar-right {
        margin-right: -15px;
    }
    .uk-navbar-nav>li>a {
        margin: 0 15px;
    }
    .home-bottom-bedrijfscatering,
    .home-bottom-festivalscatering {
        min-height: 400px;
    }
}

@media (min-width: 960px) and (max-width: 1204px) {
    .home-intro>div>div>div:nth-child(2)>div {
        height: 100%;
    }
    .home-video {
        height: 100%;
    }
    .home-intro-2>div>div>div:nth-child(1)>div {
        height: 100%;
    }
    .home-video-2 {
        height: 100%;
    }
    .home-bottom-bedrijfscatering,
    .home-bottom-festivalscatering {
        min-height: 450px;
    }
}

@media (min-width: 960px) and (max-width: 1104px) {
    .uk-navbar-nav>li>a {
        margin: 0 10px;
        font-size: 15px;
    }
    .landing-header h1:after {
        width: 310px;
    }
    .home-header>div {
        background-position-x: 40%;
    }
    .home-header h1 {
        font-family: 'Roboto-Black';
        font-size: 53.98px;
        line-height: 43.67px;
        color: #FFF;
        max-width: 390px;
        margin-left: 41%;
        margin-right: auto;
        margin-bottom: 0px;
    }
    .landing-header h1 {
        max-width: 490px;
        margin-left: 31%;
    }
    .home-header h1 span {
        font-family: 'Roboto-Light';
        font-size: 22px;
        line-height: 20.77px;
        color: #FFF;
    }
    .home-bottom-bedrijfscatering,
    .home-bottom-festivalscatering {
        min-height: 500px;
    }
}

@media (min-width: 1200px) {
    .home-festivalcatering-bedrijfscatering-verhuurservice>div>div {
        margin-left: -66px;
    }
    .home-festivalcatering-bedrijfscatering-verhuurservice>div>div>div {
        padding-left: 66px;
    }
    .home-festivalcatering-bedrijfscatering-verhuurservice .el-meta {
        text-transform: uppercase;
    }
    .info-main-img-right .uk-width-2-3\@m >div {
        padding: 85px;
    }
    .info-main-img-left .uk-width-2-3\@m >div {
        padding: 85px;
    }
    .info-main-img-left .home-troeven-grid {
        position: relative;
        left: 50px;
    }
}

@media (max-width: 1199px) {
    .info-main-img-right .uk-width-2-3\@m >div {
        padding: 45px;
    }
    .info-main-img-left .uk-width-2-3\@m >div {
        padding: 45px;
    }
}

@media (max-width: 959px) {
    .retro-frietwagen .el-content {
        padding: 40px 20px;
    }
    .retro-frietwagen>div>div>div>div>div>img {
        min-height: 405px;
        object-fit: cover;
    }
    .info-main-img-left>div>div>div:nth-child(1) {
        order: 2;
        -webkit-order: 2;
    }
    .info-main-img-left>div>div>div:nth-child(2) {
        order: 1;
        -webkit-order: 1;
    }
    .info-main-img-right .uk-width-2-3\@m >div {
        padding: 40px;
    }
    .info-main-img-left .uk-width-2-3\@m >div {
        padding: 40px;
    }
    .home-header {
        display: none;
    }
    .tm-header-mobile {
        background: url('/wp-content/uploads/2019/11/logo-mobile-bg.jpg') no-repeat 50% 50%;
        background-size: cover;
    }
    .uk-navbar-container:not(.uk-navbar-transparent) {
        background: transparent;
    }
    .uk-navbar-item,
    .uk-navbar-nav>li>a,
    .uk-navbar-toggle {
        min-height: 250px;
    }
    .uk-navbar-toggle {
        color: #FFF;
    }
    .uk-navbar-toggle.uk-open,
    .uk-navbar-toggle:focus,
    .uk-navbar-toggle:hover {
        color: #e61740;
    }
    .uk-navbar-toggle svg {
        width: 30px;
        height: 30px;
    }
    .home-header-mobile {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .home-header-mobile>div {
        padding-left: 0px;
        padding-right: 0px;
    }
    /*.home-header-mobile .el-image {max-height: 600px;object-fit: cover;width: 100%;}*/
    .home-header-mobile>div>div>div>div {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .home-header-mobile h1 {
        font-family: 'Roboto-Black';
        font-size: 73.98px;
        line-height: 63.67px;
        color: #FFF;
        max-width: 390px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
    }
    .home-header-mobile h1 span {
        font-family: 'Roboto-Light';
        font-size: 32px;
        line-height: 30.77px;
        color: #FFF;
    }
    .infopage .home-header-mobile h1 {
        font-size: 53.98px;
        line-height: 43.67px;
    }
    .returning-customers>div {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .returning-customers h2 {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .uk-offcanvas-bar {
        background: url('/wp-content/uploads/2019/11/text-mobile-bg.jpg') no-repeat 50% 50%;
        background-size: cover;
    }
    .uk-nav-default>li {
        margin-bottom: 20px;
    }
    .uk-nav-default>li>a {
        font-family: 'Roboto-Medium';
        font-size: 18px;
        color: #fff !important;
        position: relative;
    }
    .uk-nav-default>li.uk-active>a {
        font-family: 'Roboto-Medium';
        font-size: 18px;
        color: #052c3a !important;
        position: relative;
    }
    .uk-nav-default>li>a:focus,
    .uk-nav-default>li>a:hover {
        font-family: 'Roboto-Medium';
        font-size: 18px;
        color: #052c3a !important;
        position: relative;
    }
    .uk-close {
        color: rgba(255, 255, 255, 0.8);
    }
    .uk-close:focus,
    .uk-close:hover {
        color: rgba(255, 255, 255, 1);
    }
    .home-troeven-grid h4 {
        font-size: 12.50px;
    }
    .infopage .privacypolicy-home-header-mobile h1 {
        font-size: 37.98px;
        line-height: 1;
    }
    .infopage .home-header-mobile>div>div>div>div.uk-margin.uk-text-center>div {
        max-height: 200px;
    }
    .info-main-img-right {
        padding-bottom: 20px;
    }
    .info-main-img-left {
        padding-top: 20px;
    }
    .home-header-mobile+.info-main-img-right {
        padding-top: 20px;
    }
    .infopage .main-bottom {
        padding-bottom: 20px;
    }
    .events-info-main-img-left {
        padding-top: 20px !important;
        padding-bottom: 20px;
    }
    .feesten-info-main-img-left {
        padding-top: 20px !important;
        padding-bottom: 20px;
    }
    .feesten-info-main-img-right-2 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .verhuur-slideshow {
        padding-top: 20px;
    }
    .referenties-info-main-img-left {
        padding-top: 20px !important;
    }
    .retro-frietwagen {
        padding-top: 20px;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .home-festivalcatering-bedrijfscatering-verhuurservice>div>div>div {
        flex: 1;
        min-width: 1px;
    }
    .footer-section-contact>div.uk-width-expand\@m {
        flex: 1;
        min-width: 1px;
    }
}

@media (max-width: 767px) {
    .home-festivalcatering-bedrijfscatering-verhuurservice>div>div>div>div>a {
        width: 100%;
    }
    .home-festivalcatering-bedrijfscatering-verhuurservice>div>div>div>div>a img.el-image {
        width: 100%;
        object-fit: cover;
    }
    .home-festivalcatering-bedrijfscatering-verhuurservice .el-meta {
        display: block;
        width: 100%;
    }
    .footer-form {
        margin-left: auto;
        margin-right: auto;
    }
    .footer-data {
        text-align: center;
        margin-top: 45px;
        margin-bottom: 45px;
    }
    .footer-copyright {
        text-align: center;
    }
    ul.footer-copyright {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .home-header-mobile h1 {
        font-family: 'Roboto-Black';
        font-size: 43.98px;
        line-height: 33.67px;
        color: #FFF;
        max-width: 390px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
    }
    .home-header-mobile h1 span {
        font-family: 'Roboto-Light';
        font-size: 22px;
        line-height: 20.77px;
        color: #FFF;
    }
    .infopage .home-header-mobile h1 {
        font-size: 43.98px;
        line-height: 33.67px;
    }
    .infopage .privacypolicy-home-header-mobile h1 {
        font-size: 24.98px;
        line-height: 1;
    }
    .home-festivalcatering-bedrijfscatering-verhuurservice h2 {
        font-family: 'Roboto-Black';
        font-size: 24.98px;
        line-height: 46.85px;
        color: #FFF;
    }
    .home-over-ons h2 {
        font-family: 'Roboto-Black';
        font-size: 24.98px;
        line-height: 46.85px;
        color: #FFF;
        display: inline-block;
        width: auto;
    }
    .home-onze-troeven-title h2 {
        font-family: 'Roboto-Black';
        font-size: 24.98px;
        line-height: 46.85px;
        color: #FFF;
        display: inline-block;
        width: auto;
    }
    .returning-customers h2 {
        font-family: 'Roboto-Black';
        font-size: 25px;
        color: #FFF;
        margin-bottom: 0px;
    }
    .footer-section h2 {
        font-family: 'Yantramanav-Black';
        text-align: center;
        font-size: 24px;
        line-height: 1.176;
        color: rgb(255, 255, 255);
        display: inline-block;
        width: auto;
    }
}

.contactmap {
    margin-top: 40px;
    margin-bottom: 40px;
}

.contactfooter {
    display: none;
}

.contactpage .footer-section {
    display: none;
}

.contactpage .contactfooter {
    display: block;
}

a#eventcatering,
a#festivalcatering,
a#bedrijfscatering {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}

.recensent {
    /*font-family: 'lato-light';
 font-style: italic;*/
    font-family: 'lato-light-italic';
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #FFF;
}

.home .recensent {
    margin-bottom: 0px;
}

.center-box>div>div>div>div:nth-child(2) {
    display: flex;
    justify-content: center;
    align-content: center;
}

.red-box-wrapper {
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;
    margin-top: -353px;
    position: relative;
    padding: 0px 30px;
}

.red-box {
    background-color: rgba(230, 23, 64, 0.902);
    padding: 40px 70px;
    max-width: 470px;
    box-sizing: border-box;
    text-align: center;
}

.red-box-2 {
    background-color: rgba(230, 23, 64, 0.902);
    padding: 40px 40px;
    max-width: 500px;
    box-sizing: border-box;
    text-align: center;
}

.red-box h2 {
    font-family: 'Roboto-Black';
    font-size: 35px;
    line-height: 1.2;
    color: #FFF;
}

.red-box-2 h2 {
    font-family: 'Roboto-Black';
    font-size: 35px;
    line-height: 1.2;
    color: #FFF;
}

.red-box p {
    font-size: 18px;
    color: #FFF;
}

.red-box-2 p {
    font-size: 18px;
    color: #FFF;
}

@media (max-width: 659px) {
    .red-box {
        padding: 40px 20px;
    }
    .red-box-2 {
        padding: 40px 20px;
    }
}

@media (max-width: 460px) {
    .red-box-wrapper {
        margin-top: -380px;
    }
}

@media (max-width: 370px) {
    .red-box-wrapper {
        margin-top: -400px;
    }
}

#creaticBlog .creatic-blog-article {
    padding: 35px;
}

#creaticBlog .creatic-blog-article {
    background-color: #052c3a;
}

#creaticBlog .creatic-blog-article .thumb-image {
    width: 110%!important;
}

#creaticBlog h4,
.blog-content h2,
.blog-content h1,
.blog-content h3 {
    font-family: 'Roboto-Black';
    font-size: 25px;
    line-height: 1.04;
    color: #FFF;
}

#creaticBlog .creatic-blog-article a:hover {
    text-decoration: none;
}

#creaticBlog .mt-3 p {
    color: #FFF;
    font-family: 'lato-regular';
    font-size: 16px;
}

#creaticBlog .btn {
    border: 4px solid rgb(228, 23, 63);
    background: transparent;
    height: 40px;
    font-family: 'Roboto-Black';
    font-size: 18px;
    color: #e61740;
    text-transform: uppercase;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-align: center;
    border-radius: 0;
}

#creaticBlog .btn:hover,
#creaticBlog .btn:focus {
    background-color: #e61740;
    color: #fff;
    border: 4px solid rgb(228, 23, 63);
}

#creaticBlog .article-intro {
    color: #fff !important;
}

#creaticBlog b {
    color: #fff !important;
}

.blog-title {
    font-family: 'Roboto-Black';
    font-size: 38px;
    line-height: 1.04;
    padding-top: 35px;
}

.blog-content .row {
    color: #FFF;
    background-color: #052c3a;
}

.blog-content p {
    color: #FFF !important;
    font-family: 'lato-regular';
    font-size: 16px;
}

.blog-content b,
.blog-content i,
.blog-content span,
.blog-content label {
    color: #FFF
}

.blog-content a {
    color: #e61740 !important;
    font-weight: bold;
}

#creaticBlog .block {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 40px 40px 20px 25px;
}

.blog-content .row form {
    padding-bottom: 40px;
}

#creaticBlog .block:last-child {
    margin-top: -100px;
}

.blog-link-overview,
.prev-link-wrapper a,
.next-link-wrapper a {
    border: 4px solid rgb(228, 23, 63);
    background: transparent;
    height: 40px !important;
    font-family: 'Roboto-Black';
    font-size: 18px;
    color: #e61740 !important;
    text-transform: uppercase;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-align: center;
    border-radius: 0;
    text-decoration: none;
}

#creaticBlog input,
#creaticBlog textarea {
    border-radius: 0px !important;
    font-family: 'lato-regular' !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: rgb(255, 255, 255) !important;
    border: 1px solid rgba(255, 255, 255, 0.251);
    background: transparent !important;
}

.blog-link-overview:hover,
.prev-link-wrapper a:hover,
.next-link-wrapper a:hover {
    background-color: #e61740 !important;
    color: #fff !important;
    border: 4px solid rgb(228, 23, 63);
    text-decoration: none !important;
}

@media (max-width: 959px) {
    .blogblog .home-header-mobile>div>div>div>div.uk-margin.uk-text-center>div {
        max-height: 200px;
    }
}

.jform-form .feedback-message,
.jform-form .feedback-message *,
.jform-form .confirmation-message,
.jform-form .confirmation-message * {
    color: #FFF !important;
    background-color: #000 !important;
    padding: 5px !important;
}

.button2 {
    color: #fff;
    text-transform: uppercase;
    background-color: #d0193f;
    padding: 12px 30px;
    font-family: 'Roboto-Black';
    font-size: 21px;
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    text-decoration: none;
}

.button2:hover,
.button2:focus {
    color: #d0193f;
    text-transform: uppercase;
    background-color: #fff;
    text-decoration: none;
}

.uk-sticky-fixed .uk-navbar-sticky {
	background: rgb(5, 44, 58);
}

.uk-sticky-fixed .uk-navbar-sticky .uk-navbar-right .uk-navbar-nav {
	top: unset;
}

.uk-sticky-fixed .uk-navbar-sticky .uk-logo img {
	height: 120px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.uk-sticky-fixed .uk-navbar-toggle {
    min-height: unset;
    height: 120px;
}