html, body {height: 100%;margin: 0;color: #fff;font-weight: 300;font-size: 32px;background-size: cover;background-color: #231f20;font-family: 'Open Sans', sans-serif;cursor:none!important;}
h1, h2, h3, h4, h5, h6 {font-weight: 700!important;margin-bottom: 15px;font-size: 40px;}

.instore-carousel { max-height: 100%!important;height: 100%; }
.instore-carousel .carousel-inner { height: 100vh; }
.instore-carousel .carousel-inner .carousel-item { height: 100vh; }
.instore-carousel .carousel-inner .carousel-item .slide-bg {height: 100%;width: 100%;background-size: cover;}

.clock {position: fixed;z-index: 99;bottom: 0px;width: 50%;}
.current-time {float: left;background-color: rgb(239, 139, 29);color: #fff;padding: 5px 20px;font-size: 40px;width: 30%;text-align: center;}
.current-date {float: left;background-color: #014a40;color: #fff;padding: 5px 20px;font-size: 40px;width: 70%;text-align: center;}

.btn-default {background: #014a40;padding: 10px;border-radius: 5px;color: #fff;margin-top: 30px;float: left;}

/* FA */
.fa-twitter:before{content:""; background-image: url('../images/icon-twitterx.svg');display:inline-block;background-position:center;background-size: 30px 30px; height: 30px; width: 30px;margin-top: 5px;filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(342deg) brightness(102%) contrast(104%); }
.fa-twitter:hover:before{ filter: invert(100%) sepia(1%) saturate(390%) hue-rotate(57deg) brightness(113%) contrast(100%); }
/* END FA */


/*TEXT SLIDE*/
.text-slide .text-div{width: 800px;right: auto;margin: auto;padding: 25px;position: absolute;padding: 0px 30px;background-color: rgba(239,139,29, 0.85);}
.text-slide .text-div:before ,
.text-slide .text-div:after {
    content: '';
    position: absolute;
    left: 0;
    z-index: -1; /* underlay beneath content */
    background: rgba(239,139,29, 0.85);
    border-color: rgba(239,139,29, 0.85);
    z-index: 1;
}
.text-slide .text-div:before {
    top: -35px;
    right: 0;
    bottom: auto;
    z-index: 1;
    border-style: solid;
    border-width: 0 35px 35px 0;
    background-color: transparent;
    border-right-color: transparent;
}
.text-slide .text-div:after {
    bottom: -35px;
    right: 0;
    border-style: solid;
    border-width: 0 35px 35px 0;
    background-color: transparent;
    border-right-color: transparent;
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}
.text-slide .top_left {top: 75px;left: 30px;}
.text-slide .top_center {top: 75px;left: 0px;right: 0px;}
.text-slide .top_right {top: 75px;right: 30px;}
.text-slide .center_left {top: 50%;left: 30px;transform: translate(0%,-50%);}
.text-slide .center_center {top: 50%;left: 50%;transform: translate(-50%,-50%);}
.text-slide .center_right {top: 50%;right: 30px;transform: translate(0%,-50%);}
.text-slide .bottom_left {bottom: 135px;left: 30px;}
.text-slide .bottom_center {bottom: 135px;left: 0px;right: 0px;}
.text-slide .bottom_right {bottom: 135px;right: 30px;}
.text-slide .text-div h1{color: #fff;}
.text-slide .text-div p{color: #fff;font-size: 18px;}
.text-slide .text-div img{max-width: 100%;margin-bottom: 30px;}
.text-slide img{background-repeat: no-repeat;background-position: center;background-size: cover;}

/*NEWS SLIDE*/
.news-small .news-img {overflow: hidden;}
.news-small .news-item {bottom: 0;top: 0;height: auto;left: 0;width: 100%;right: auto;overflow: auto;position: absolute;padding: 75px 40px;text-align: center;}
.news-small .news-img img {background-repeat: no-repeat;background-position: center;background-size: cover;}
.news-small .news-text h1 {color: #fff;width:auto;}
.news-small .news-text p {color: #fff;width: auto;}
.news-small .news-text .news-wrap {background-color: rgba(239,139,29, 0.85);padding: 0 30px;text-align: left;float: left;position: relative;text-align: left!important;}
.news-small .news-text .news-wrap:before ,
.news-small .news-text .news-wrap:after {
    content: '';
    position: absolute;
    left: 0;
    z-index: -1; /* underlay beneath content */
    background: rgba(239,139,29, 0.85);
    border-color: rgba(239,139,29, 0.85);
    z-index: 1;
}
.news-small .news-text .news-wrap:before {
    top: -35px;
    right: 0;
    bottom: auto;
    z-index: 1;
    border-style: solid;
    border-width: 0 35px 35px 0;
    background-color: transparent;
    border-right-color: transparent;
}
.news-small .news-text .news-wrap:after {
    bottom: -35px;
    right: 0;
    border-style: solid;
    border-width: 0 35px 35px 0;
    background-color: transparent;
    border-right-color: transparent;
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}
.news-small .news-img .logo-news-small {position: absolute;top: 30px;left: 45px;z-index: 99;width: 250px;right: 0;}
.news-small .news-img .logo-news-small img {width: 100%;}
.news-large .news-item {max-width: 70%;height: 100vh;width: 100%;padding: 40px 40px;background: rgba(35, 31, 32, 0.75);}
.news-large .news-item img {background-repeat: no-repeat;background-position: center center;background-size: cover;width:100%;margin-bottom: 20px;}
.news-large .news-item h1 {color: #fff;width:auto;}
.news-large .news-item p {color: #fff;width: auto;font-size: 30px;}
.news-large .news-side {position: absolute;right: 0px;top: 0px;background-color: rgba(35, 31, 32, 0.75);width: 30%;padding:0;list-style: none;height: 100%;}
.news-large .news-side li {padding: 0px;border-bottom: 1px solid #424242;background-color: #231F20;float: left;width: 100%;display: flex;}
.news-large .news-side li.active {background-color: #014a40;}
.news-large .news-side li .date {background-color: #3d3d3d;padding: 10px;color: #fff;border-radius: 0px;margin-right: 10px;float: left;max-width: 80px;width: 100%;text-align: center;}
.news-large .news-side li.active .date {background-color: #ef8b1d;}
.news-large .news-side li .date .day {float: left;width: 100%;padding: 0 2px;text-align: center;font-size: 25px;}
.news-large .news-side li .date .month {float: left;width: 100%;padding: 0 2px;text-align: center;font-size: 25px;}
.news-large .news-side li .title {color: #fff;font-size: 25px;margin-top: 0px;margin-bottom: 0;line-height: 35px;padding: 10px 0;font-weight: 400!important;}
.news-large .news-side li p {color: #fff;font-size:14px;max-height: 60px;overflow: hidden;}
.logo-news {position: absolute;bottom: 10px;z-index: 99;width: 100%;right: 0;}
.logo-news img {max-width: 100%;display: table;margin: 0 auto;}

/*PORTFOLIO*/
.portfolio-small img {background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%!important;}
.portfolio-small .portfolio-text {bottom: 0;top: 0;height: auto;left: 0;width: 100%;right: auto;overflow: auto;position: absolute;padding: 75px 40px;}
.portfolio-small .logo-portfolio-small {position: absolute;top: 30px;left: 30px;z-index: 99;width: 550px;right: 0;}
.portfolio-small .logo-portfolio-small img {width: 100%;}
.portfolio-small .portfolio-text .portfolio-item {background-color: rgba(239,139,29, 0.85);padding: 0px 30px;text-align: left;float: left;position: relative;text-align: left!important;}
.portfolio-small .portfolio-text .portfolio-item:before ,
.portfolio-small .portfolio-text .portfolio-item:after {
    content: '';
    position: absolute;
    left: 0;
    z-index: -1; /* underlay beneath content */
    background: rgba(239,139,29, 0.85);
    border-color: rgba(239,139,29, 0.85);
    z-index: 1;
}
.portfolio-small .portfolio-text .portfolio-item:before {
    top: -35px;
    right: 0;
    bottom: auto;
    z-index: 1;
    border-style: solid;
    border-width: 0 35px 35px 0;
    background-color: transparent;
    border-right-color: transparent;
}
.portfolio-small .portfolio-text .portfolio-item:after {
    bottom: -35px;
    right: 0;
    border-style: solid;
    border-width: 0 35px 35px 0;
    background-color: transparent;
    border-right-color: transparent;
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}
.portfolio-small .portfolio-text .text-right {padding: 0px 0;text-align: left;width: 100%;float: left;text-align: left!important;}
.portfolio-small .portfolio-text .text-right h1 {color: #fff;width:auto;font-size:36px;margin: 0;margin-bottom: 30px;}
.portfolio-small .portfolio-text .text-right p {color: #fff;width: auto;}
.portfolio-small .portfolio-text .portfolio-title {padding: 0px 0;margin-bottom: 15px;float: left;margin: 0;margin-bottom: 15px;width: 100%;color: #fff;}

/*WEBSHOP*/
.product-content {bottom: 0;top: 0;height: auto;left: 0;width: 100%;right: auto;overflow: auto;position: absolute;padding: 30px;}
.product-content h1.title {float: left;color: #fff;background-color: rgba(35, 31, 32, 0.75);padding: 15px;text-align: left;width:100%;}
.product-content .product-text {background-color: rgba(255, 255, 255, 0.75);padding: 15px;}
.product-content .product-text p {font-size:18px;margin-bottom: 30px;}
.product-content .product-img img {background-repeat: no-repeat;background-position: center;background-size: contain;width: 100%;height: 450px;}
.product-content .product-text .price {font-size: 36px;background: #f47920;padding: 10px;border-radius: 5px;color: #fff;margin-top: 30px;float: left;}
.product-content .product-text .price-temp {background-color: rgb(35, 31, 32);color: #fff;padding: 10px;border-radius: 5px;position: absolute;bottom: 72px;left: 100px;font-size: 25px;}
.logo-shop {position: absolute;top: 30px;left: 30px;z-index: 99;width: 250px;right: 0;}
.logo-shop img {width: 100%;}

/*SOCIAL*/
.social-text {bottom: 0;top: 0;height: auto;left: 0;width: 100%;right: auto;overflow: auto;position: absolute;padding: 70px;background: rgba(35, 31, 32, 0.75);}
.social-text .sm-img {width: 100%;}
.social-text .qr-code { position: absolute; bottom: 100px;width: 200px;left: 50%;right: 50%;margin-left: -100px;}
.social-text h1{color: #fff;font-size: 40px;margin-bottom: 30px;}
.social-text .social-icon {color: #e6007e;}
.social-text .facebook-posts .post-item {width:100%;float:left;margin-bottom:10px;display: flex;}
.social-text .facebook-posts .post-item .image {float: left;position:relative;}
.social-text .facebook-posts .post-item .image img {height: 75vh;background-position:center;background-size:cover;}
.social-text .facebook-posts .post-item .image .date {position:absolute;left: 0;top: 0;padding: 5px;background-color: #e6007e;}
.social-text .facebook-posts .post-item .text {position: relative;padding: 40px 40px;width: 100%;overflow: hidden;font-size: 30px;background-color: #014a40;margin-left: 200px;}
.social-text .facebook-posts .post-item .text .date {position:absolute;left: 0;top: 0;padding: 5px;background-color: #e6007e;}
.social-text .facebook-posts .post-item .text .icon {position:absolute;bottom: -90px;right: 10px;font-size: 370px;-ms-transform: rotate(14deg); /* IE 9 */transform: rotate(14deg); /* Standard syntax */color: #ffffff47;}
.social-text .facebook-posts .post-item .text .pagination {position:absolute;bottom:0;left: 25px;}
.social-text .facebook-posts .post-item .text .pagination i {color: #ffffff47;}
.social-text .instagram-posts .post-item {width:100%;float:left;margin-bottom:10px;display: flex;}
.social-text .instagram-posts .post-item .image {float: left;position:relative;}
.social-text .instagram-posts .post-item .image img {height: 60vh;background-position:center;background-size:cover;}
.social-text .instagram-posts .post-item .image .date {position:absolute;left: 0;top: 0;padding: 5px;background-color: #e6007e;}
.social-text .instagram-posts .post-item .text {position: relative;padding: 40px 40px;width: 100%;overflow: hidden;font-size: 32px;background-color: #014a40;margin-left: 200px;}
.social-text .instagram-posts .post-item .text .blue { color:#cad400; }
.social-text .instagram-posts .post-item .text .date {position:absolute;left: 0;top: 0;padding: 5px;background-color: #e6007e;}
.social-text .instagram-posts .post-item .text .icon {position:absolute;bottom: -90px;right: 10px;font-size: 370px;-ms-transform: rotate(14deg); /* IE 9 */transform: rotate(14deg); /* Standard syntax */color: #ffffff47;}
.social-text .instagram-posts .post-item .text .pagination {position:absolute;bottom:0;left: 25px;}
.social-text .instagram-posts .post-item .text .pagination i {color: #ffffff47;}

/*NEWS FEED*/
.news-feed .news-source { max-height: 50px;float: left;}
.news-feed .news-source img {max-width: 50px;}
.feed-row {height: 100%;}
.news-feed-left {overflow: hidden;}
.news-feed-left h1 {position: absolute;color: #fff;padding: 40px;margin: 0px;}
.news-feed-left .news-source {position: absolute;bottom: 67px;color: #fff; padding: 15px;font-size: 18px;}
.news-feed-left .news-source img {max-height: 60px;}
.news-feed-right{padding: 40px;}
.news-feed-right .news-item {float: left;margin-bottom: 30px;width: 100%;background-color: rgba(35, 31, 32, 0.75);}
.news-feed-right .news-item .news-img {float: left;width: 20%;position: relative;}
.news-feed-right .news-item .news-img img {width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.news-feed-right .news-item .news-img .date {background-color: #F5893A;position: absolute;top: 0px;font-weight: 700;width:75px;}
.news-feed-right .news-item .news-img .day {float: left;width: 100%;padding: 0 2px;text-align: center;font-size: 18px;color: #fff;}
.news-feed-right .news-item .news-img .month {float: left;width: 100%;padding: 0 2px;text-align: center;font-size: 18px;color: #fff;}
.news-feed-right .news-item .news-img .time {float: left;width: 100%;padding: 0 2px;text-align: center;font-size: 18px;color: #fff;background-color:#231F20;}
.news-feed-right .news-item .news-text {float: left;width:75%;padding: 10px 10px 10px 30px;}
.news-feed-right .news-item .news-text h1 {color: #fff;margin-top: 0px;margin-bottom: 15px;font-size: 40px;}
.news-feed-right .news-item .news-text p {color: #fff;font-size: 30px;}

/*TRAFIC FEED*/
.trafic-text {bottom: 0;top: 0;height: auto;left: 0;width: 100%;right: auto;overflow: auto;position: absolute;padding: 30px;text-align: center;}
.trafic-table {width: 100%;color: #fff;font-size: 18px;text-align: left;}
.trafic-table .file-item {background-color: rgba(35, 31, 32, 0.75);margin-bottom: 15px;float: left;width: 100%;padding: 15px 0;}
.trafic-table .file-item h1{padding: 0 15px;margin: 0;}
.trafic-table .a-road{background-color: #F44336;padding: 6px 9px;border-radius: 5px;}
.trafic-table .n-road{background-color: #FFC107;padding: 6px 9px;border-radius: 5px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-top: 1px solid #5d5d5d;}
.source {position: fixed;z-index: 99;bottom: 10px;right: 10px;color: #fff;font-size: 18px;}

/*WEATHER FEED*/
.weather-text {bottom: 0;top: 0;height: auto;left: 0;width: 100%;right: auto;overflow: auto;position: absolute;padding: 40px;text-align: center;}
.weather-text h1.title {color: #fff;background-color: rgba(35, 31, 32, 0.75);padding: 15px;text-align: left;}
.weather-text .weather-item {background-color: rgba(35, 31, 32, 0.75);color: #ffffff;padding: 15px;float: left;width: 100%;}
.weather-text .weather-item h1 {margin-bottom: 0px;margin-top: 0px;padding-bottom: 15px;border-bottom: 1px solid #fff;}
.weather-text .weather-item .temp{font-size: 45px;font-weight: 900;padding: 5px;}
.weather-text .weather-item .type{font-size: 60px;padding: 5px;}
.weather-text .weather-item .info{float: left;width: 100%;padding: 10px 0px;font-size: 18px;line-height: 45px;}
.weather-text .weather-item .info .info-row{border-bottom: 1px solid #fff;float: left;width: 100%;padding: 10px 0;font-size: 35px;}
.weather-text .weather-item .info .info-row .pull-right{font-size: 34px;}
.weather-text .weather-item .info i{
    font-size: 60px;
}
.weather-text .radar {overflow: hidden;}
.source .weather-source img {max-width: 250px;}

/*OPENINGSTIJDEN*/
.time-text {bottom: 0;top: 0;height: auto;left: 0;width: 100%;right: auto;overflow: auto;position: absolute;padding: 40px;text-align: center;}
.time-table {display: table;margin: 0 auto;font-size: 18px;text-align: left;}
.time-table .time-item {background-color: rgba(35, 31, 32, 0.75);margin-bottom: 10px;float: left;width: 100%;padding: 12px 15px;font-size: 40px;}
.time-table .time-item h1{margin: 0;}

/*video*/
.video-container {bottom: 0;top: 0;height: auto;left: 0;width: 100%;right: auto;overflow: auto;position: absolute;padding: 0px;text-align: center;}
.video-container iframe {width:100%;height: 100vh;border:0;}