html, body {height: 100%;margin: 0;color: #3f3f3f;font-weight: 400;font-size: 20px;background-size: cover;background-color: #231f20;font-family: 'Open Sans', sans-serif;cursor:none!important;}
h1, h2, h3, h4, h5, h6 {font-weight: 800!important;margin-bottom: 15px;text-transform: uppercase;font-size: 34px;}

.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: #7f170e;color: #fff;padding: 5px 20px;font-size: 40px;width: 30%;text-align: center;}
.current-date {float: left;background-color: #e9a71d;color: #fff;padding: 5px 20px;font-size: 40px;width: 70%;text-align: center;}

.btn-default {font-size: 20px;background: #7f170e;padding: 10px;border-radius: 5px;color: #fff;margin-top: 30px;float: left;}


/*TEXT SLIDE*/
.text-slide .text-div{width: 800px;right: auto;margin: auto;padding: 25px;position: absolute;padding: 30px;border-radius: 15px;background-color: rgba(255, 255, 255, 0.75);}
.text-slide .top_left {top: 30px;left: 30px;}
.text-slide .top_center {top: 30px;left: 0px;right: 0px;}
.text-slide .top_right {top: 30px;right: 30px;}
.text-slide .center_left {top: 0px;bottom: 0px;left: 30px;}
.text-slide .center_center {top: 0px;bottom: 0px;left: 0px;right: 0px;}
.text-slide .center_right {top: 0px;bottom: 0px;right: 30px;}
.text-slide .bottom_left {bottom: 121px;left: 30px;}
.text-slide .bottom_center {bottom: 121px;left: 0px;right: 0px;}
.text-slide .bottom_right {bottom: 121px;right: 30px;}
.text-slide .text-div h1{color: #3f3f3f;}
.text-slide .text-div p{color: #3f3f3f;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-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;font-size: 18px;}
.news-small .news-text .news-wrap {margin-top: 0;padding: 75px;text-align: left;}
.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%;width: 100%;padding: 40px 40px;}
.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: 20px;}
.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: #e6007e;}
.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: #ad005f;}
.news-large .news-side li .date .day {float: left;width: 100%;padding: 0 2px;text-align: center;font-size: 18px;}
.news-large .news-side li .date .month {float: left;width: 100%;padding: 0 2px;text-align: center;font-size: 18px;}
.news-large .news-side li .title {color: #fff;font-size:18px;margin-top: 0px;margin-bottom: 0;line-height: 27px;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: 80%;display: table;margin: 0 auto;max-height: 75px;}

/*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: 40px;}
.portfolio-small .logo-portfolio-small {position: absolute;top: 30px;left: 30px;z-index: 99;width: 250px;right: 0;}
.portfolio-small .logo-portfolio-small img {width: 100%;}
.portfolio-small .portfolio-text .text-right {background-color: rgba(35, 31, 32, 0.75);padding: 30px;text-align: left;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 {background-color: rgb(230, 0, 126);padding: 15px 30px;float: left;margin: 0;width: 100%;color: #fff;}

/*WEBSHOP*/
.product-content {bottom: 0;top: 0;height: auto;left: 0;width: 100%;right: auto;overflow: auto;position: absolute;padding: 40px;}
.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: 40px;}
.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%;}

.product-content .product-text .price {font-size: 40px;text-align: center;line-height: 38px;margin-top: 15px;float: left;border-radius: 15px;background: #62110B;color: #fff;padding: 10px 20px 30px 20px;border: 3px solid #E9A71D;margin-right: 10px;}
.product-content .product-text .price-single {font-size: 40px;text-align: center;line-height: 38px;margin-top: 15px;float: left;border-radius: 15px;background: #62110B;color: #fff;padding: 30px 20px 30px 20px;border: 3px solid #E9A71D;margin-right: 10px;}

/*SOCIAL*/
.social-text {bottom: 0;top: 0;height: auto;left: 0;width: 100%;right: auto;overflow: auto;position: absolute;padding: 40px;}
.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;}
.social-text .social-icon {color: #e6007e;}
.social-text .facebook-posts .post-item {background-color: #3d5382;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: 60vh;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;word-break: break-all;font-size: 24px;}
.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 {background-color: #a61c5a;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: 24px;}
.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;height: 100%;}
.news-feed-left h1 {position: absolute;color: #3f3f3f;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;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: 24px;}
.news-feed-right .news-item .news-text p {color: #fff;font-size: 18px;}

/*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: 30px;color: #fff;}
.time-table .time-item h1{margin: 0;color: #fff;}

/*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;}