@font-face {	
	font-family: "bronxshoes";
	src: url("/assets/fonts/bronxshoes/bronxshoes.eot");
	src: url("/assets/fonts/bronxshoes/bronxshoes?#iefix") format("embedded-opentype"), url("/assets/fonts/bronxshoes/bronxshoes.woff") format("woff"), url("/assets/fonts/bronxshoes/bronxshoes.svg#typotheque_webfonts_service") format("svg");
	font-style: Normal;
	font-weight: 300;
	font-stretch: normal;
	font-display: swap;
	}

* { margin: 0;  padding: 0;  }

.yellow { color:#F3FF00;  }
.blue { color:#0000FF;  }
.pink { color:#FC9DE3;  }
.gray { color:#C6C2C2;  }
.bg_yellow { background:#F3FF00;  }
.bg_blue { background:#0000FF;  }
.bg_pink { background:#FC9DE3;  }
.bg_gray { background:#C6C2C2;  }
.nobr, .nowrap {  white-space: nowrap; }

.newsbanner { display:none; }
.show-news-banner .newsbanner { display:block;width:100%;height: 60px;background: #F3FF00;position: fixed;top: 0;z-index: 100;text-align: center;vertical-align: middle; }
.show-news-banner { padding-top: 60px; }
.show-news-banner header {  top: 60px; }
.show-news-banner.nav-open header {  top: 0px; }
.show-news-banner.nav-open .newsbanner { display:none; }

.newsbanner { box-shadow: 0px 0px 10px rgba(0,0,0,.1); }
.newsbanner .container {text-align:left; line-height:16px; padding-top:0px; height: 60px; overflow:hidden; }
.newsbanner .container b a { display: block; float:left; height:60px; width:auto; text-transform:uppercase; font-size:35px; line-height: 60px; margin-right:3px; font-family: "bronxshoes", "Open Sans"; border:0; }
.newsbanner .container b a:hover {  border:0; }
.newsbanner .container i { font-size:24px;}
.newsbanner .container span.newscontainer { display: block; float: left; padding: 0px 0px 0px 10px; height: 60px; width: calc(100% - 130px); padding-right: 0px; }
.newsbanner .container span.newsvertical { display: table-cell; vertical-align: middle; height: 60px; }
.newsbanner .container span.newscontainer span span { font-size:14px; }
.newsbanner .container a { color:#000; border-bottom:1px dashed #000; font-size:14px;  }
.newsbanner .container a:hover { color:#000; text-decoration:none; border-bottom:1px solid #000; }
.closenews {position:absolute; right:12px; top:12px; height:36px; width:36px; }
.closenews a { color:#000; }
.closenews a:hover { color:#000; text-decoration:none; }
.closenews a i {display:block; height:36px; width:36px; font-size:36px; line-height:36px; }

#coronaModalCenterTitle strong { white-space: nowrap; }
#coronaModalCenter button.close { opacity: 1; }
#coronaModalCenter button.close span { font-size: 33px; }
.modal-backdrop.show { opacity: .85; background-color: #000; }

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 0;
	list-style-type: circle;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 20px;
}
select { -webkit-appearance: none;
    -moz-appearance: none;
        background-position: 96% 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
}

html { scroll-behavior: smooth; }
body { width: 100%; width: 100vw;  height: 100%;  color: #000;  font-family: 'Open Sans', sans-serif;  font-size: 15px; line-height: 1.45; overflow-x:hidden;  }

header { position:fixed; width: 100%;  background: transparent;  transition: all 0.4s ease-in-out;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out; z-index: 5; top: 0;  }
header img.logo { display:inline-block;  height: 100px;  margin: 50px 50px 0 50px;  }
header span.logo { position:relative; left:0%; display:inline-block;  height: 100px;  width: 196px; margin: 50px 50px 0px 50px; background-image:url(https://cdn.aktiefonline.nl/assets/images/logo/aktief.svg); background-repeat: no-repeat; background-size: cover; }
.nav-open header span.logo { background-image:url(https://cdn.aktiefonline.nl/assets/images/logo/aktief-nav.svg); }
header .logo-toggle { z-index: 1;  position: relative;  }
header .nav-toggle { position:relative;  z-index:1111;  border:0;  height:90px;  display:inline-block;  width:60px;  padding:20px 0 0 0;  }

header { transition: all .9s ease-in-out;  -webkit-transition: all .9s ease-in-out;  -moz-transition: all .9s ease-in-out;  }
header span.logo { transition: all 0.8s ease-in-out;  -webkit-transition: all 0.8s ease-in-out;  -moz-transition: all 0.8s ease-in-out; }
header .nav-toggle { transition: all 0.8s ease-in-out;  -webkit-transition: all 0.8s ease-in-out;  -moz-transition: all 0.8s ease-in-out; }

header.scrolled { background: rgba(255,255,255,1); box-shadow: 0px 10px 20px rgba(0,0,0,.1); transition: all 0.7s ease-in-out .1s;  -webkit-transition: all 0.7s ease-in-out .1s;  -moz-transition: all 0.7s ease-in-out .1s;  }
header.scrolled span.logo { left:50%; margin: 25px 0px 20px -135px; height: 64px;  width: 126px; transition: all 0.8s ease-in-out;  -webkit-transition: all 0.8s ease-in-out;  -moz-transition: all 0.8s ease-in-out; }
header.scrolled .nav-toggle { height: 95px; transition: all 0.8s ease-in-out;  -webkit-transition: all 0.8s ease-in-out;  -moz-transition: all 0.8s ease-in-out; }

#form-webshop { position:absolute; background:#0000FF; width: 100%; border-radius:0px; z-index: 0; }

#form-webshop .form-control { border:0; background-clip: inherit; }
body.scrolledno #form-webshop { top:114px; padding-top: 1.0rem; padding-bottom: 1.0rem; transition: all 0.7s ease-in-out .1s;  -webkit-transition: all 0.7s ease-in-out .1s;  -moz-transition: all 0.7s ease-in-out .1s; }
body.scrolled #form-webshop { top: 114px; padding-top: 1.0rem; padding-bottom: 1.0rem; transition: all 0.7s ease-in-out 0s;  -webkit-transition: all 0.7s ease-in-out 0s;  -moz-transition: all 0.7s ease-in-out 0s; }

body.scrolled.show-news-banner #form-webshop, body.scrolledno.show-news-banner #form-webshop { top:174px; }

body.nav-open #form-webshop { display: none; }
body.scrolledno main.searchbar { margin-top: 306px; transition: all 0.7s ease-in-out .1s;  -webkit-transition: all 0.7s ease-in-out .1s;  -moz-transition: all 0.7s ease-in-out .1s; }
body.scrolled main.searchbar { margin-top: 306px; transition: all 0.7s ease-in-out 0s;  -webkit-transition: all 0.7s ease-in-out 0s;  -moz-transition: all 0.7s ease-in-out 0s; }

.card-deck .card { margin:0; }
.card { overflow: hidden; border:0; box-shadow: 0px 0px 20px rgba(0,0,0,.1); cursor: pointer; }
.card-body { background: inherit;
    z-index: 0;
    padding: 2.5rem 1.25rem 1.25rem 1.25rem;
    border-bottom: 0; text-align: center;
    font-size: 30px; line-height:34px; font-family: "bronxshoes", "Open Sans"; color:#000; }
.card-footer {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    background-color: rgba(0,0,0,0);
    border-top: none;
	font-family: "Open Sans";
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
	color: #999;
}
.card-footer i {
    font-size: 24px;
    margin-bottom: 10px;
	color: #ccc;
}

section.is_sold { z-index: -20; }
section.is_sold img { opacity: .4; }
section.is_sold div.card-body { color: #ccc; }
/* section.is_sold div.card { background: #000; }
section.is_sold div.card-body { color: #666; }
section.is_sold div.card-footer { color: #666; }
section.is_sold div.card-footer i { color: #333; }*/
section.is_sold div.card-footer { color: #ccc; }
section.is_sold div.card-footer i { color: #eee; }
section.is_sold .soldlabel { position: absolute;
    background: #CC1C14;
    right: 12px;
    top: 22px;
    z-index: 9999;
    padding: 12px 16px;
    color: #fff;
    transform: rotate(-5deg); }

.is_pearl .pearllabel {
    position: absolute;
    background: #F3FF00;
    left: 18px;
    top: 17px;
    z-index: 9999;
    padding: 12px 16px;
    color: #000;
}
section.is_sold.is_pearl .pearllabel {
    display:none;
}

.productview.is_sold { opacity:.4; z-index:-20; }

.is_sold .productsoldlabel { position: absolute;
    background: #CC1C14;
    left: 0px;
    top: -5px;
    z-index: 1;
    padding: 12px 16px;
    color: #fff;
    transform: rotate(-5deg);
	    font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 34px;
	}

.is_pearl .productpearllabel {
    position: absolute;
    background: #F3FF00;
    left: 0px;
    top: -5px;
    z-index: 1;
    padding: 12px 16px;
    color: #000;
    transform: rotate(-5deg);
	    font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 34px;
}
.is_sold.is_pearl .productpearllabel {
    display:none;
}

a.hover-zoom:hover, .hover-zoom-image:hover {
    cursor: url(/assets/images/cur/zoomin.cur),pointer;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAABd0lEQ…ihxwL/pUREJJIylZSIiERSppISEZFjppQSkb+sMbWUY9bgHyb0+ODUzKBbAAAAAElFTkSuQmCC),-webkit-zoom-in;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAABd0lEQ…ihxwL/pUREJJIylZSIiERSppISEZFjppQSkb+sMbWUY9bgHyb0+ODUzKBbAAAAAElFTkSuQmCC),zoom-in;
    cursor: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAABd0lEQ…ihxwL/pUREJJIylZSIiERSppISEZFjppQSkb+sMbWUY9bgHyb0+ODUzKBbAAAAAElFTkSuQmCC) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAC+klEQ…bQi1abjlkAwq39R+SN2ACKifiFRqB4iKLIK0TR5AViQ8r/AyUu6K+/X/G7AAAAAElFTkSuQmCC) 2x),-webkit-zoom-in,auto;
    cursor: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAABd0lEQ…ihxwL/pUREJJIylZSIiERSppISEZFjppQSkb+sMbWUY9bgHyb0+ODUzKBbAAAAAElFTkSuQmCC) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAC+klEQ…bQi1abjlkAwq39R+SN2ACKifiFRqB4iKLIK0TR5AViQ8r/AyUu6K+/X/G7AAAAAElFTkSuQmCC) 2x),zoom-in,auto;
}

#nav-icon { width: 60px;  height: 45px;  position: relative;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;  }
#nav-icon span { display: block;  position: absolute;  height: 9px;  width: 100%;  background: #000;  border-radius: 9px;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;  }
#nav-icon span:nth-child(1) { top: 0px;  }
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) { top: 18px;  }
#nav-icon span:nth-child(4) { top: 36px;  }
#nav-icon.open span:nth-child(1) { background: #fff;  top: 18px;  width: 0%;  left: 50%;  }
#nav-icon.open span:nth-child(2) { background: #fff;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  }
#nav-icon.open span:nth-child(3) { background: #fff;  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  }
#nav-icon.open span:nth-child(4) { background: #fff;  top: 18px;  width: 0%;  left: 50%;  }

.menu {width: 100%;  height: 100%;  opacity: 0;  visibility: hidden; }
.nav-open .menu {opacity: 1;  visibility: visible;  background: rgba(0, 0, 255, 1);  background:linear-gradient(-20deg, rgba(0,0,99,1), rgba(0,0,255,1));  }
.menu .nav li a {color:#F3FF00;  font-size: 5.2vh; font-weight:600;  }
.menu .nav li { opacity: 0;  -webkit-transform: translateY(-40px);  transform: translateY(-40px);  -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);  -moz-animation-timing-function: cubic-bezier(.45,.005,0,1);  -o-animation-timing-function: cubic-bezier(.45,.005,0,1);  animation-timing-function: cubic-bezier(.45,.005,0,1);  }
.nav-open .menu .nav li { opacity: 1;  -webkit-transform: translateY(0px);  transform: translateY(0px);  -webkit-transition: -webkit-transform .3s,opacity .3s;  transition: transform .3s,opacity .3s; width:100%;  }
.menu .nav li.delay-1 {-webkit-transition-delay:0.1s;  -moz-transition-delay:0.1s;  -ms-transition-delay:0.1s;  -o-transition-delay:0.1s;  transition-delay:0.1s;  }
.menu .nav li.delay-2 {-webkit-transition-delay:0.2s;  -moz-transition-delay:0.2s;  -ms-transition-delay:0.2s;  -o-transition-delay:0.2s;  transition-delay:0.2s;  }
.menu .nav li.delay-3 {-webkit-transition-delay:0.3s;  -moz-transition-delay:0.3s;  -ms-transition-delay:0.3s;  -o-transition-delay:0.3s;  transition-delay:0.3s;  }
.menu .nav li.delay-4 {-webkit-transition-delay:0.4s;  -moz-transition-delay:0.4s;  -ms-transition-delay:0.4s;  -o-transition-delay:0.4s;  transition-delay:0.4s;  }
.menu .nav li.delay-5 {-webkit-transition-delay:0.5s;  -moz-transition-delay:0.5s;  -ms-transition-delay:0.5s;  -o-transition-delay:0.5s;  transition-delay:0.5s;  }
.menu .nav li.delay-6 {-webkit-transition-delay:0.6s;  -moz-transition-delay:0.6s;  -ms-transition-delay:0.6s;  -o-transition-delay:0.6s;  transition-delay:0.6s;  }
.menu .nav li.delay-7 {-webkit-transition-delay:0.7s;  -moz-transition-delay:0.7s;  -ms-transition-delay:0.7s;  -o-transition-delay:0.7s;  transition-delay:0.7s;  }
.menu .nav li.delay-8 {-webkit-transition-delay:0.8s;  -moz-transition-delay:0.8s;  -ms-transition-delay:0.8s;  -o-transition-delay:0.8s;  transition-delay:0.8s;  }
.menu .nav li.delay-9 {-webkit-transition-delay:0.9s;  -moz-transition-delay:0.9s;  -ms-transition-delay:0.9s;  -o-transition-delay:0.9s;  transition-delay:0.9s;  }
.flex-center{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; height:100%; }

.nav-link {
    display: block;
    padding: .2rem 1rem;
	    font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

main { margin-top: 140px; }

main .background { width:100%;  }

main .homepage { transition: all 1200ms ease;  -webkit-transition: all 1200ms ease;  -moz-transition: all 1200ms ease;  will-change: transform;  overflow:hidden;  }
main .home-video { box-shadow: 0px 10px 30px rgba(0,0,0,.2); border-radius: 9px; }

main .winkels { /*transition: all 1200ms ease;  -webkit-transition: all 1200ms ease;  -moz-transition: all 1200ms ease;  will-change: transform;  */ overflow:hidden; background:#FFF; }

main .winkels svg { min-height: 100vh;
    background-position: center 25%;
    margin-top: -140px;
    z-index: -1;
    overflow-y: hidden;
	overflow-x: hidden; background:#c00;}

.row { clear:left; }

.winkel-right { height: 100vh; background: linear-gradient(-20deg, rgba(0,0,99,1), rgba(0,0,255,1)); }

img.split-image { width: 37vw; max-width: 450px; }

.scroll-to-split-screen { min-height: calc(100vh - 114px); }
.scroll-to-split-screen h2>span { background:rgba(255,157,205,1); text-shadow: 0px 0px 5px rgba(0,0,0,0.2); white-space: nowrap; }
.scroll-to-split-screen strong.bronx { font-size: 30px;
    margin-bottom: 7px;
    display: inline-block;
    text-transform: uppercase;
    font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	line-height: 33px;
}

.scroll-to-split-screen strong.blackbg {
    display: inline;
    background: #000;
    padding: 10px 16px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    position: relative;
    color: #fff;
    line-height: 1.65;
}
.scroll-to-split-screen .img-ophalen img { max-height:175px; }
.scroll-to-split-screen .img-plaats { margin-bottom: -5px; margin-left: 12px; }


.cloth-container, .pick_up-location { min-height: auto; }

.scroll-to-split-screen-left { min-height: calc(100vh - 114px); background: linear-gradient(20deg, rgba(255,157,205,1), rgba(252,157,227,1)); }
.scroll-to-split-screen-right { min-height: calc(100vh - 114px); padding: 0 4.5rem; margin-top: 12px; } 
.scroll-to-split-screen-right p { margin-bottom: 0; } 
.scroll-mobile-cta { display:none; }

g#doetinchem,g#gendringen,g#groenlo,g#winterswijk { cursor: pointer; }

body.preload.show-news-banner .newsbanner { -moz-transform: scale(1.5) translate(0px, -600px);  -webkit-transform: scale(1.5) translate(0px, -600px);  -o-transform: scale(1.5) translate(0px, -600px);  -ms-transform: scale(1.5) translate(0px, -600px);  transform: scale(1.5) translate(0px, -600px);  position: relative;  z-index:1040;  }
body.loaded.show-news-banner .newsbanner { -moz-transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);  -o-transform: translate(0px, 0px);  -ms-transform: translate(0px, 0px);  transform: translate(0px, 0px);  transition: all .9s ease-in-out;  -webkit-transition: all .9s ease-in-out;  -moz-transition: all .9s ease-in-out;  position: absolute;  z-index:1040;  }
body.loaded.scrolled.show-news-banner .newsbanner { -moz-transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);  -o-transform: translate(0px, 0px);  position: fixed;  }
body.loaded.show-news-banner.fixed .newsbanner { -moz-transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);  -o-transform: translate(0px, 0px);  position: fixed;  }

body.preload .logo-menu { -moz-transform: scale(0.5) translate(-900px, -900px);  -webkit-transform: scale(0.5) translate(-900px, -900px);  -o-transform: scale(0.5) translate(-900px, -900px);  -ms-transform: scale(0.5) translate(-900px, -900px);  transform: scale(0.5) translate(-900px, -900px);  position: relative;  z-index:1111;  }
 body.loaded .logo-menu { -moz-transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);  -o-transform: translate(0px, 0px);  -ms-transform: translate(0px, 0px);  transform: translate(0px, 0px);  transition: all 0.9s ease-in-out;  -webkit-transition: all 0.9s ease-in-out;  -moz-transition: all 0.9s ease-in-out;  position: relative;  z-index:1111;  }
 

body.preload main .homepage { background-repeat: no-repeat;  background-size: cover;  min-height:100vh;  background-position: center 25%;  margin-top: 0px;  -moz-transform: scale(2) rotate(0deg) translate(-100px, 0px);  -webkit-transform: scale(2) rotate(0deg) translate(-100px, 0px);  -o-transform: scale(2) rotate(0deg) translate(-100px, 0px);  -ms-transform: scale(2) rotate(0deg) translate(-100px, 0px);  transform: scale(2) rotate(0deg) translate(-100px, 0px);  z-index:-1;  overflow-y:hidden;  overflow-x: hidden;  }
body.loaded main .homepage { background-repeat: no-repeat;  background-size: cover; min-height:100vh; background-position: center 25%;  margin-top: -140px;  z-index:-1;  overflow-y:hidden;  overflow-x: hidden;  }
body.loaded.show-news-banner main .homepage { margin-top: -200px; }

body.preload .winkel-right { -moz-transform: scale(1) rotate(10deg) translate(600px, 200px);  -webkit-transform: scale(1) rotate(10deg) translate(600px, 200px);  -o-transform: scale(1) rotate(10deg) translate(600px, 200px);  -ms-transform: scale(1) rotate(10deg) translate(600px, 200px);  transform: scale(1) rotate(10deg) translate(600px, 200px);  will-change: transform;  }
body.loaded  .winkel-right { transition: all .9s ease-in-out;  -webkit-transition: all .9s ease-in-out;  -moz-transition: all .9s ease-in-out; -moz-transform: scale(1) rotate(0deg) translate(0px, 0px);  -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px);  -o-transform: scale(1) rotate(0deg) translate(0px, 0px);  -ms-transform: scale(1) rotate(0deg) translate(0px, 0px);  transform: scale(1) rotate(0deg) translate(0px, 0px);  }

body.preload .winkel-left { -moz-transform: scale(1) rotate(-10deg) translate(-600px, 200px);  -webkit-transform: scale(1) rotate(-10deg) translate(-600px, 200px);  -o-transform: scale(1) rotate(-10deg) translate(-600px, 200px);  -ms-transform: scale(1) rotate(-10deg) translate(-600px, 200px);  transform: scale(1) rotate(-10deg) translate(-600px, 200px);  will-change: transform;  }
body.loaded  .winkel-left { transition: all .9s ease-in-out;  -webkit-transition: all .9s ease-in-out;  -moz-transition: all .9s ease-in-out; -moz-transform: scale(1) rotate(0deg) translate(0px, 0px);  -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px);  -o-transform: scale(1) rotate(0deg) translate(0px, 0px);  -ms-transform: scale(1) rotate(0deg) translate(0px, 0px);  transform: scale(1) rotate(0deg) translate(0px, 0px);  }

body.preload main .winkels { background-repeat: no-repeat;  background-size: cover;  min-height:100vh;  background-position: center 25%;  margin-top: 0px;  z-index:-1;  overflow-y:hidden;  overflow-x: hidden; }
body.loaded main .winkels { background-repeat: no-repeat;  background-size: cover; min-height:100vh; background-position: center 25%;  margin-top: -140px;  z-index:-1;  overflow-y:hidden;  overflow-x: hidden; }
body.show-news-banner main .winkels { min-height:calc(100vh - 60px); }
body.show-news-banner .winkel-right { height:calc(100vh - 60px); }

body.preload .wegwijzer { -moz-transform: scale(1) rotate(90deg) translate(100px, 0px);  -webkit-transform: scale(1) rotate(90deg) translate(100px, 0px);  -o-transform: scale(1) rotate(90deg) translate(100px, 0px);  -ms-transform: scale(1) rotate(90deg) translate(100px, 0px);  transform: scale(1) rotate(90deg) translate(100px, 0px);  will-change: transform;  }
body.loaded  .wegwijzer { transition: all .9s ease-in-out;  -webkit-transition: all .9s ease-in-out;  -moz-transition: all .9s ease-in-out;  padding-top:160px;  -moz-transform: scale(1) rotate(0deg) translate(0px, 0px);  -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px);  -o-transform: scale(1) rotate(0deg) translate(0px, 0px);  -ms-transform: scale(1) rotate(0deg) translate(0px, 0px);  transform: scale(1) rotate(0deg) translate(0px, 0px);  }
body.show-news-banner.loaded .wegwijzer { padding-top:220px; }

.wegwijzer { display:block;  width:100%;  height:100vh;  }
.wegwijzer-left { display:block;  float:left;  width:71.5%;  height:100%;  text-align:right;  padding-right:0px;  border-right: 20px solid #C6C2C2;  }
.wegwijzer-right { display:block;  float:left;  width:28.5%;  height:100%;  text-align:left;  padding-left:0px;  }

.arrow { border:0 !important; position: relative;  display: inline-block;  width:220px;  background: #cc0000;  height:60px;  line-height: 60px;  margin-bottom:20px;  text-align:center;  color:#fff; font-family: "bronxshoes", "Open Sans"; }
.arrow-top:before { position: absolute;  top: -10px;  left:50%;  margin-left: -10px;  content:"";  display:block;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-bottom: 10px solid #cc0000;  }
.arrow-bottom:after { position: absolute;  bottom: -10px;  left:50%;  margin-left: -10px;  content:"";  display:block;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid #cc0000;  }
.arrow-right:after { content: "";  position: absolute;  right: -20px;  top: 0;  border-top: 30px solid transparent;  border-bottom: 30px solid transparent;  border-left: 30px solid #cc0000;  }
.arrow-left:before { content: "";  position: absolute;  left: -20px;  top: 0;  border-top: 30px solid transparent;  border-bottom: 30px solid transparent;  border-right: 30px solid #cc0000;  }
.arrow:hover { border:0; }

.arrow-lg { position: relative;  display: inline-block;  width:200px;  background: #cc0000;  height:80px;  line-height: 80px;  margin-bottom:15px;  text-align:center;  color:#fff; font-family: "bronxshoes", "Open Sans"; }
.arrow-lg-right:after { content: "";  position: absolute;  right: -20px;  top: 0;  border-top: 40px solid transparent;  border-bottom: 40px solid transparent;  border-left: 40px solid #cc0000;  }

.btn:focus, .btn.focus { box-shadow: 0 0 0 0 rgba(38,38,255,0) !important; }

.btn-arrow-blue { background:#0000FF;  color:#fff !important;  text-transform:uppercase;  font-size:40px;  font-weight:bold; text-shadow: 0 1px 1px rgba(0,0,0,.5); }
.btn-lg-arrow-blue { font-size:50px; }
.arrow-right.btn-arrow-blue:after { border-left: 20px solid #0000FF;  }
.arrow-left.btn-arrow-blue:before { border-right: 20px solid #0000FF;  }
.btn-arrow-blue:hover { background:#000;  text-decoration:none;  color:#fff;  }
.arrow-right.btn-arrow-blue:hover:after { border-left: 20px solid #000;  }
.arrow-left.btn-arrow-blue:hover:before { border-right: 20px solid #000;  }

.btn-arrow-pink { background:#FC9DE3;  color:#fff !important;  text-transform:uppercase;  font-size:40px;  font-weight:bold; text-shadow: 0 1px 1px rgba(0,0,0,.5); }
.btn-lg-arrow-pink { font-size:50px; }
.arrow-right.btn-arrow-pink:after { border-left: 20px solid #FC9DE3;  }
.arrow-left.btn-arrow-pink:before { border-right: 20px solid #FC9DE3;  }
.btn-arrow-pink:hover { background:#000;  text-decoration:none;  color:#fff;  }
.arrow-right.btn-arrow-pink:hover:after { border-left: 20px solid #000;  }
.arrow-left.btn-arrow-pink:hover:before { border-right: 20px solid #000;  }

.btn-arrow-white { background:#FFF;  color:#000 !important;  text-transform:uppercase;  font-size:40px;  font-weight:bold; text-shadow: 0 1px 1px rgba(0,0,0,.5); }
.btn-lg-arrow-white { font-size:50px; }
.arrow-right.btn-arrow-white:after { border-left: 20px solid #FFFFFF;  }
.arrow-left.btn-arrow-white:before { border-right: 20px solid #FFFFFF;  }
.btn-arrow-white:hover { background:#000;  text-decoration:none;  color:#fff !important;  }
.arrow-right.btn-arrow-white:hover:after { border-left: 20px solid #000;  }
.arrow-left.btn-arrow-white:hover:before { border-right: 20px solid #000;  }

.winkel-right .arrow.w-100, .winkel-left .arrow.w-100 { min-width: 290px; }

h1, h2, h3, h4 { font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size:50px; color:#000; }

h2 { display:inline; font-size: 40px; line-height: 46px; margin-bottom:20px; float: left; width: 100%; margin-left: 0px;}
h2>span { display:inline; background:#00F; padding:10px 16px; box-decoration-break: clone; -webkit-box-decoration-break: clone; position: relative; color: #fff; line-height:1.65; }

h3 { display:inline; font-size: 34px; line-height: 38px; margin-bottom:14px; float: left; width: 100%; margin-left: 0px;}
h3>span { display:inline; background:#000; padding:6px 12px; box-decoration-break: clone; -webkit-box-decoration-break: clone; position: relative; color: #fff; line-height:1.65; }

.openingstijden h3 { font-size: 30px; line-height: 32px; }

.h3black { line-height: 74px; font-size: 46px; }
h1 { font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size:40px; color:#000; }

main a, #home_desktop_content span.link { color:#00f; padding-bottom:1px; border-bottom:1px dashed #00f; cursor:pointer; }
main a:hover, #home_desktop_content span.link:hover { text-decoration:none; padding-bottom:1px; border-bottom:1px solid #00f;  }

.scroll-to-split-screen a { border-bottom:1px dashed #000; color: inherit; }
.scroll-to-split-screen a:hover { border-bottom:1px solid #00f; }

.spelregels {margin-left: -42px; width: calc(100% + 85px); margin-bottom: -58px; }
.spelregels .accordion {width: 100%; }
.spelregels button:focus { outline: none; }
.spelregels button { border: none; background: #fff; width: 100%; outline: none; text-align: left; font-weight: 600; font-size: 30px; position: relative; padding: 23px 23px 23px 80px;	}
.spelregels .card-header { padding: 0; }
.spelregels .card-body { background: #fff; z-index: 0; padding: 0px 25px 25px 25px; border-bottom: 0; text-align: left; font-family: Open Sans; font-size: 1rem; line-height: 1.5; color: #000; }
.spelregels .card-body p { margin-bottom:0; }
.spelregels .card i.fa {   float: left; transition: all 0.5s; position: absolute; left: 25px; top: 24px; font-size: 36px; color: #0000FF; }
.spelregels h2 { text-align: center; font-size: 50px; line-height: 40px; padding: 0px; margin: 0px; margin-bottom: 0px; }
.spelregels [data-toggle="collapse"] .fa:before { content: "\f13a"; }
.spelregels [data-toggle="collapse"].collapsed .fa:before { content: "\f139"; }
.spelregels [aria-expanded="true"] .fa:before { content: "\f139"; }
.spelregels [aria-expanded="false"].collapsed .fa:before { content: "\f13a"; }

#home_desktop_content h2 span { color:#fff; }

body.preload .homebottom { -moz-transform: scale(0.2) translate(0px, 400px); transition-delay: 1s;  -webkit-transform: scale(0.2) translate(0px, 400px);  -o-transform: scale(0.2) translate(0px, 400px);  -ms-transform: scale(0.2) translate(0px, 400px);  transform: scale(0.2) translate(0px, 400px);  position:absolute; bottom:-200px; background: none; width:100%; height:139px; text-align: center; }
body.loaded .homebottom { -moz-transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);  -o-transform: translate(0px, 0px);  -ms-transform: translate(0px, 0px);  transform: translate(0px, 0px);  transition: all 0.9s ease-in-out;  -webkit-transition: all 0.9s ease-in-out;  -moz-transition: all 0.9s ease-in-out; position:absolute; bottom:40px; background:none; width:100%; height:139px; text-align: center; }
.homeleftbottom h1 { font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; text-align:center; font-size:50px; color:#fff; }
.homeleftbottom span { color:#F3FF00; text-align:center; }
.homeleftbottom span { color:#F3FF00; text-align:center; }

#home_desktop_content img { width: 460px; margin-top: -30px; }
#home_desktop_content { visibility: hidden; }
#home_desktop_content.isinviewport { -webkit-animation-name: imgHomeSVG; animation-name: imgHomeSVG; animation-iteration-count: 1; animation-timing-function: ease-in-out; animation-duration: .5s; animation-delay: .1s; animation-fill-mode: forwards; transition: all 0.6s ease-in-out 0.2s;  -webkit-transition: all 0.6s ease-in-out 0.2s;  -moz-transition: all 0.6s ease-in-out 0.2s; visibility: visible; min-height: calc(100vh - 114px); }

body.show-news-banner #home_desktop_content.isinviewport { min-height: calc(100vh - 174px); }

.homecenterbottom { margin-left:40px; width:380px; height:100px; background: none; border-radius:10px; text-align:center; }
.homecenterbottom button { width: 100%; background: #fff; height: 100px; border: 0; border-radius: 50px; font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size:40px; color:#000; margin-top: 12px; }
.homecenterbottom button:hover { background: #F3FF00; }
.homecenterbottom button i { color:#00F; }

		.videos { box-shadow: 0px 0px 20px rgba(0,0,0,.1); }
		.videobg { height: auto; min-height: calc(100vh - 114px);  }
		.videobg:hover .bgoverlay, .videobg:hover  .bgoverlay2 { background: rgba(255, 255, 255, 0); } 
		.video1 { margin-bottom: 0px;  }
		.video1position { margin-left:0%; min-height: calc(100vh - 114px); max-height: calc(100vh - 114px); }
		.video2 { margin-bottom: 0px; }
		.video2position { margin-left:0%; min-height: calc(100vh - 114px); max-height: calc(100vh - 114px); }
		.video3 { margin-bottom: 0px; }
		.video3position { margin-left:0%; min-height: calc(100vh - 114px); max-height: calc(100vh - 114px); }
		.video4 { margin-bottom: 0px; }
		.video4position { margin-left:0%; min-height: calc(100vh - 114px); max-height: calc(100vh - 114px); }
		.videobr { display:block; height:0px; width:100%; }

		#videoheader { position:relative; margin-top:0px; margin-bottom:0px; display:block; height:auto; min-height: calc(100vh - 114px);  width:100%; overflow:hidden; background:#fff; }
		#videoheader .videocontainerstart { position:relative; display:block; height:100%; min-height: calc(100vh - 269px); width:100%; overflow:hidden; padding:0px; }
		#videoheader .videocontainer { position:relative; display:block; height:100%; min-height: calc(100vh - 114px); width:100%; overflow:hidden; padding:0px; }
		#videoheader video { object-fit: cover; width: 100%; height:100%; min-height: calc(100vh - 114px); max-height: calc(100vh - 114px); }

		body.show-news-banner .videobg { min-height: calc(100vh - 174px);  }
		body.show-news-banner .video1position { min-height: calc(100vh - 174px); max-height: calc(100vh - 174px); }
		body.show-news-banner .video2position { min-height: calc(100vh - 174px); max-height: calc(100vh - 174px); }
		body.show-news-banner .video3position { min-height: calc(100vh - 174px); max-height: calc(100vh - 174px); }
		body.show-news-banner .video4position { min-height: calc(100vh - 174px); max-height: calc(100vh - 174px); }
		body.show-news-banner #videoheader { min-height: calc(100vh - 174px); }
		body.show-news-banner #videoheader .videocontainerstart { min-height: calc(100vh - 329px); }
		body.show-news-banner #videoheader .videocontainer { min-height: calc(100vh - 174px); }
		body.show-news-banner #videoheader video { min-height: calc(100vh - 174px); max-height: calc(100vh - 174px); }
			
		.video1 .bgvideo-overlay-right { visibility: hidden; margin-top:40px; margin-left:40px; border: 6px solid rgba(0,0,0,0); }
		.video2 .bgvideo-overlay-right { visibility: hidden; margin-top:40px; margin-left:40px; border: 6px solid rgba(0,0,0,0); }
		.video3 .bgvideo-overlay-right { visibility: hidden; margin-top:40px; margin-left:40px; border: 6px solid rgba(0,0,0,0); }
		.video4 .bgvideo-overlay-right { visibility: hidden; margin-top:40px; margin-left:40px; border: 6px solid rgba(0,0,0,0); }

		.video1.isinviewport .bgvideo-overlay-right, .video3.isinviewport .bgvideo-overlay-right, .video2.isinviewport .bgvideo-overlay-right, .video4.isinviewport .bgvideo-overlay-right { visibility: visible; width:65%; max-width: 1000px; min-width: 792px; height:100%; max-height: 226px; position:absolute; bottom:25px; margin-left:25px;  left:0%; z-index: 4; background: rgba(255, 255, 255, .9); text-align: center; -webkit-animation-name: slideUp; animation-iteration-count: 1; animation-timing-function: ease-in-out; animation-duration: .6s; animation-delay: .1s; animation-fill-mode: forwards; transition: all 0.6s ease-in-out 0.1s;  -webkit-transition: all 0.6s ease-in-out 0.1s;  -moz-transition: all 0.6s ease-in-out 0.1s; box-shadow: 0px 0px 25px rgba(0,0,0,.15); border: 6px solid rgba(0,0,0,.15); border-radius:15px; border-bottom-right-radius:15px; border-bottom-left-radius:15px; }
		
		.video1.isinviewport .bgvideo-overlay-right, .video3.isinviewport .bgvideo-overlay-right, .video2.isinviewport .bgvideo-overlay-right, .video4.isinviewport .bgvideo-overlay-right { visibility: visible; width:65%; max-width: 1000px; min-width: 792px; height:100%; max-height: 226px; position:absolute; bottom:25px; margin-left:25px;  left:0%; z-index: 4; background: rgba(255, 255, 255, .9); text-align: center; -webkit-animation-name: slideUp; animation-iteration-count: 1; animation-timing-function: ease-in-out; animation-duration: .6s; animation-delay: .1s; animation-fill-mode: forwards; transition: all 0.6s ease-in-out 0.1s;  -webkit-transition: all 0.6s ease-in-out 0.1s;  -moz-transition: all 0.6s ease-in-out 0.1s; box-shadow: 0px 0px 25px rgba(0,0,0,.15); border: 6px solid rgba(0,0,0,.15); border-radius:15px; border-bottom-right-radius:15px; border-bottom-left-radius:15px; }
		
		
		.video1.isinviewport video, .video2.isinviewport video, .video3.isinviewport video, .video4.isinviewport video { visibility: visible; -webkit-animation-name: zoomIn; animation-name: zoomIn; animation-iteration-count: 1; animation-timing-function: ease-in-out; animation-duration: .5s; animation-delay: .1s; animation-fill-mode: forwards; transition: all 0.6s ease-in-out 0.2s; -webkit-transition: all 0.6s ease-in-out 0.2s;  -moz-transition: all 0.6s ease-in-out 0.2s; }

span.btn-scrollup { display:inline-block; margin:0px 0 0 0; cursor:pointer; font-size: 40px; color: rgba(0,0,0,1); position: absolute;
    bottom: 27px;
    z-index: 4;
    right: 95px; }
span.btn-scrollup:hover { color: rgba(0,0,255,1); }
span.btn-scrolldown { display:inline-block; margin:0px 0 0 10px; cursor:pointer; font-size: 40px; color: rgba(0,0,0,1); position: absolute;
    bottom: 27px;
    z-index: 4;
    right: 40px;  }
span.btn-scrolldown:hover { color: rgba(0,0,255,1); }


button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

h1.productcategorie { display: inline-block; padding-right: 15px; margin-bottom: 25px; margin-top: -15px; }
.product-container { margin-left:0px; width: calc(100% + 30px) !important; }

.alert-productinfo {color: #000000; background-color: #eee; border-color: #eee;}
.alert-productinfo a { color: #000; border-bottom: 1px dashed #000;}
.alert-productinfo a:hover { border-bottom: 1px solid #000;}
.alert-productbestellen {
        color: #fff;
    background-color: #00f;
    border-color: #00f;
}
.alert-productinformatie {
    color: #212529;
    background-color: #F3FF00;
    border-color: #F3FF00;
}

.productprijsold {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    padding: .5rem .5rem .5rem .5rem;
    font-size: 40px;
    line-height: 51px;
    border-radius: 0;
    color: #ccc;
    background-color: #Fff;
    border-color: #fff;
    font-weight: bold;
    font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	text-decoration: line-through;
    }
.productprijs {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    padding: .5rem 1.5rem .5rem .5rem;
    font-size: 40px;
    line-height: 51px;
    border-radius: 0;
    color: #000;
    background-color: #Fff;
    border-color: #fff;
    font-weight: bold;
    font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    }
.btn-primary-bestellen { font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size: 34px;     padding: .5rem 2.25rem; }

footer { background:#F3FF00; color:#000; }
footer .hulpnodig { background:#0000FF; color:#fff; text-transform:uppercase; font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size:50px; }
footer .hulpnodig a { color:#F3FF00; text-decoration:none; padding-bottom:2px; border-bottom:2px dashed #fff; white-space: nowrap; }
footer .hulpnodig a:hover { border-bottom:2px solid #fff; }

footer .links { background:#F3FF00; }
footer .links h3 { color:#000; text-transform:uppercase; font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size:38px; margin-bottom:30px; }
footer .links a { color:#000; width:100%; border-top:1px solid #cccc33; border-bottom:1px solid #cccc33; display:inline-block; font-size:14px; padding:12px 0; margin-top:-1px; text-align: left; }
footer .links a:hover { padding:0; text-decoration: none; border-top:1px solid #F3FF00; border-bottom:1px solid #F3FF00; }
footer .links a span { border:0;}
footer .links a:hover span { display:inline-block; z-index:100; width:100%; text-decoration:none; background: #000; border-top:1px solid #000; border-bottom:1px solid #000; margin-top:-1px; font-weight:bold; font-size:18px; color:#fff; padding:10px 0 11px 0; margin-bottom:-1px; }

footer .links a span i { padding: 0 5px 0 10px; height: 20px; margin-top: -4px; color: #000; }
footer .links a:hover span i { padding: 0 5px 0 15px; height: 20px; color: #fff; }

footer .copyright { background:#FFF; box-shadow: 0 0 8px rgba(0,0,0,.15); color: #ccc; font-size:14px; line-height:30px;  }
footer .copyright small { color: #999; font-size:13px;  }
footer .copyright a { color: #666; }
footer .copyright a:hover { color: #000; text-decoration:none; }

footer .copyright a.link-ibranding { color: #999; }
footer .copyright a.link-ibranding:hover { color: #666; }

footer .fa-facebook {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #4267B2;
    margin-top: 10px;
}

@-webkit-keyframes imgHomeSVG{
  0% {
    -webkit-transform: scale(.5) translateY(0px) rotateX(-90deg);
            transform: scale(.5) translateY(0px) rotateX(-90deg);
  }
  100% {
    -webkit-transform: scale(1.0) translateY(0) rotateX(0deg);
            transform: scale(1.0) translateY(0) rotateX(0deg); 
  }
}
@keyframes imgHomeSVG{
  0% {
    -webkit-transform: scale(.5) translateY(0px) rotateX(-90deg);
            transform: scale(.5) translateY(0px) rotateX(-90deg);
  }
  100% {
    -webkit-transform: scale(1.0) translateY(0) rotateX(0deg);
            transform: scale(1.0) translateY(0) rotateX(0deg); 
  }
}


@keyframes imgZoom {
0% { -webkit-transform: scale(1.0); transform: scale(1.0); }
100% { -webkit-transform: scale(1.4); transform: scale(1.4); } }
@keyframes zoomIn {
0% { -webkit-transform: scale(1.5); transform: scale(1.5); }
100% { -webkit-transform: scale(1.0); transform: scale(1.0); } }
@keyframes imgCardZoom {
0% { -webkit-transform: scale(0.9) translateY(2%); transform: scale(0.9) translateY(2%); }
100% { -webkit-transform: scale(1.0) translateY(0%); transform: scale(1.0) translateY(0%); } }
@keyframes imgCardZoomBack {
0% { -webkit-transform: scale(1.0) translateY(0%); transform: scale(1.0) translateY(0%); }
100% { -webkit-transform: scale(0.9) translateY(2%); transform: scale(0.9) translateY(2%); } }
@keyframes fadeInOpacity {
0% { opacity: 0; }
100% { opacity: 1; } }
@keyframes fadeOutOpacity {
0% { opacity: 1; -webkit-transform: scale(1.0);  transform: scale(1.0) translateY(0); }
100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0) translateY(152px); } }
@keyframes slideRight {
0% { transform: translateX(300px); }
100% { transform: translateX(0px); } }
@keyframes slideRightBack {
0% { transform: translateX(0px); }
100% { transform: translateX(300px); } }
@keyframes slideLeft {
0% { transform: translateX(-300px); }
100% { transform: translateX(0px); } }
@keyframes slideLeftBack {
0% { transform: translateX(0px); }
100% { transform: translateX(-300px); } }
@keyframes slideUp {
0% { transform: translateY(0); }
100% { transform: translateY(-172px); } }
@keyframes slideCardUp {
0% { transform: translateY(100px); }
100% { transform: translateY(0px); } }
@keyframes slideCardUpBack {
0% { transform: translateY(1px); }
100% { transform: translateY(100px); } }
@keyframes slideDown {
0% { transform: translateY(-600px); }
100% { transform: translateY(0px); } }
@keyframes slideUp {
0% { -webkit-transform: scale(0.6) translateY(+400px) translateX(-400px); transform: scale(0.6) translateY(+400px) translateX(-400px); }
100% { -webkit-transform: scale(1) translateY(0px) translateX(0px); transform: scale(1) translateY(0px) translateX(0px); }
}
@keyframes fadeInBottom {
0% { opacity: 0; transform: translateY(500px); }
100% { opacity: 1; transform: translateY(0); } } 

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.card-deck .card { margin:0 -15px; }
	 }
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
	main {overflow-x: hidden; margin-top:115px; }
		
	body.preload .wegwijzer { -moz-transform: scale(1) rotate(90deg) translate(100px, 0px);  -webkit-transform: scale(1) rotate(90deg) translate(100px, 0px);  -o-transform: scale(1) rotate(90deg) translate(100px, 0px);  -ms-transform: scale(1) rotate(90deg) translate(100px, 0px);  transform: scale(1) rotate(90deg) translate(100px, 0px);  will-change: transform;  }
body.loaded  .wegwijzer { transition: all .9s ease-in-out;  -webkit-transition: all .9s ease-in-out;  -moz-transition: all .9s ease-in-out;  padding-top:155px; margin-top:-115px;  -moz-transform: scale(1) rotate(0deg) translate(0px, 0px);  -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px);  -o-transform: scale(1) rotate(0deg) translate(0px, 0px);  -ms-transform: scale(1) rotate(0deg) translate(0px, 0px);  transform: scale(1) rotate(0deg) translate(0px, 0px);  }
	body.show-news-banner.loaded .wegwijzer { padding-top:155px !important; }

		.homepage { background: #F3FF00 !important; 
    background-position: 20% center; background-position: 20% bottom !important;
    background-repeat: no-repeat !important;
    background-size: 220vh !important; }
	
	body.loaded main .homepage { background: #F3FF00 !important; 
    background-repeat: no-repeat;
    background-size: cover;
	min-height: calc(100vh - 115px) !important;
	min-height: calc(var(--vh, 1vh) * 100 - 115px) !important;
		/*min-height: -webkit-fill-available !important;*/
	height: calc(100vh - 115px) !important;
	height:calc(var(--vh, 1vh) * 100 - 115px) !important;		
    	/*height: -webkit-fill-available !important;*/
	background-position: center 25%;
    margin-top: 0px;
    z-index: 1;
    overflow-y: hidden;
    overflow-x: hidden;
}
	body.loaded.show-news-banner main .homepage { margin-top: 0px; }
	
	body.loaded main .winkels { min-height: auto; margin-top: 0px;  }
	.winkel-left { padding-top:0 !important; }
	.winkel-left div { padding:40px !important; padding-left:0 !important; padding-right:0 !important; }
	.winkel-left div div.flex-center { padding-top:0 !important; padding-bottom:0 !important; }
	.winkel-left div div.flex-center img { height:33vh; width:auto!important; }
	.winkel-right { height: auto !important;  }
	.winkel-right .h-100 { padding:0px !important; width: 100% !important; margin-left: 0% !important; }
	.winkel-right .flex-center { padding: 35px 62px 35px 62px !important; }
	.winkel-right .arrow,.winkel-right .arrow:hover { font-size:32px; margin-bottom: 10px; }
	.winkel-right .arrow.last,.winkel-right .arrow.last:hover { margin-bottom: 0px; }
	.bg-white.rounded.shadow { padding: 25px !important; }
	.bg-white.rounded.shadow br { display:none; }
	.bg-white.rounded.shadow form { margin:20px 0; }
	.bg-white.rounded.shadow select { margin:20px 0 0 0; }
	.winkel-right h1 { font-size: 32px !important; }
	
	.winkel-right .flex-center .row { margin-right: -12px; margin-left: -12px; }
	.winkel-right .flex-center .row .py-3 { padding-top: 0 !important; padding-bottom: 0 !important; }
	
	body.show-news-banner main .winkels { min-height: auto; }
	body.show-news-banner .winkel-right { height:auto; }
	
	.scroll-to-split-screen img, .scroll-to-split-screen .img-ophalen { display:none; }
	.scroll-to-split-screen h2>span {
    background: #00f;
    text-shadow: 0px 0px 0px rgba(0,0,0,0);
    white-space: normal; }
	
	.scroll-to-split-screen .bg-white.rounded.shadow br { display: inline-block; }
	.scroll-to-split-screen-left { order:2; min-height: auto; padding: 35px !important; padding-top: 35px !important;}
	.scroll-to-split-screen-right { min-height: auto; padding: 20px 35px !important; padding-top: 20px !important; }
	.scroll-to-split-screen-right table.table-responsive { margin-left: -35px; width: calc(100% + 70px); }
	
	.spelregels { margin-left: -45px; width: calc(100% + 90px); margin-bottom: -60px; }


	.scroll-mobile-cta {
	display:block;
    background: #F3FF00;
	background: rgba(255,157,205,1);
    text-align: center;
    padding: 15px;
    font-weight: bold;
    text-transform: uppercase;
		    font-size: 30px;
	font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color:#fff;
		text-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	}
	
.wegwijzer { display:block;  margin-left:-15px; width:calc(100% + 30px);  height:calc(100vh - 115px); overflow-y: hidden; overflow-x: hidden; }
.wegwijzer-left { display:block;  float:left;  width:calc(50% + 11px);  height:100%;  text-align:right;  padding-right:0px;  border-right: 20px solid #C6C2C2;  }
.wegwijzer-right { display:block;  float:left;  width:calc(50% - 11px);  height:100%;  text-align:left;  padding-left:0px;  }

.arrow { position: relative;  display: inline-block;  width:145px;  background: #cc0000;  height:60px;  line-height: 60px;  margin-bottom:20px;  text-align:center;  color:#fff; font-family: "bronxshoes", "Open Sans"; letter-spacing: 0; }
.arrow-top:before { position: absolute;  top: -10px;  left:50%;  margin-left: -10px;  content:"";  display:block;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-bottom: 10px solid #cc0000;  }
.arrow-bottom:after { position: absolute;  bottom: -10px;  left:50%;  margin-left: -10px;  content:"";  display:block;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid #cc0000;  }
.arrow-right:after { content: "";  position: absolute;  right: -20px;  top: 0;  border-top: 30px solid transparent;  border-bottom: 30px solid transparent;  border-left: 30px solid #cc0000;  }
.arrow-left:before { content: "";  position: absolute;  left: -20px;  top: 0;  border-top: 30px solid transparent;  border-bottom: 30px solid transparent;  border-right: 30px solid #cc0000;  }

.btn-arrow-blue,.btn-arrow-blue:hover { background:#0000FF;  color:#fff !important;  text-transform:uppercase;  font-size:23px;  font-weight:bold; text-shadow: 0 1px 1px rgba(0,0,0,.5); }
.btn-arrow-pink,.btn-arrow-pink:hover { background:#FC9DE3;  color:#fff !important;  text-transform:uppercase;  font-size:23px;  font-weight:bold; text-shadow: 0 1px 1px rgba(0,0,0,.5); }
.btn-arrow-white,.btn-arrow-white:hover { background:#FFF;  color:#000 !important;  text-transform:uppercase;  font-size:23px;  font-weight:bold; text-shadow: 0 1px 1px rgba(0,0,0,.5); }
	
.btn-arrow-blue:hover { background:#0000FF;  text-decoration:none;  color:#fff;  }
.arrow-right.btn-arrow-blue:hover:after { border-left: 20px solid #0000FF;  }
.arrow-left.btn-arrow-blue:hover:before { border-right: 20px solid #0000FF;  }
.btn-arrow-pink:hover { background:#FC9DE3;  text-decoration:none;  color:#fff;  }
.arrow-right.btn-arrow-pink:hover:after { border-left: 20px solid #FC9DE3;  }
.arrow-left.btn-arrow-pink:hover:before { border-right: 20px solid #FC9DE3;  }
.btn-arrow-white:hover { background:#fff;  text-decoration:none;  color:#000;  }
.arrow-right.btn-arrow-white:hover:after { border-left: 20px solid #fff;  }
.arrow-left.btn-arrow-white:hover:before { border-right: 20px solid #fff;  }
	
	body.preload div.img-pointer img{ -moz-transform: scale(0.2) translate(0px, 400px); transition-delay: 1s;  -webkit-transform: scale(0.2) translate(0px, 400px);  -o-transform: scale(0.2) translate(0px, 400px);  -ms-transform: scale(0.2) translate(0px, 400px);  transform: scale(0.2) translate(0px, 400px);  position:absolute; bottom:-200px; background: none; width:100%; height:139px; text-align: center; }
	
	body.loaded div.img-pointer img { position: absolute;
    z-index: 3;
    bottom: 178px;
    height: 22%;
	left: 11%;
	-moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
	}
	
	body.show-news-banner.loaded div.img-pointer img {
    height: 18%;
	left: 11%;
	}
	
		body.loaded .homebottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 181px;
    text-align: center;
	background: #0000ff;
	padding-top: 15px;
}
		
		.homeleftbottom h1 {
    font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    text-align: center;
    font-size: 28px;
    color: #fff;
			line-height: 38px;
}
		.homecenterbottom {
    margin-left: 50px;
	margin-right: 50px;
    width: 100%;
    height: 58px;
    background: none;
    border-radius: 10px;
    text-align: center;
}
	.homecenterbottom button {
    width: 100%;
    background: #fff;
    height: 58px;
    border: 0;
    border-radius: 50px;
    font-family: "bronxshoes", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 30px;
    color: #000;
    margin-top: 4px;
}
	.homecenterbottom button:hover { background: #fff; }
	
	#home_desktop_content { padding: 50px 15px !important; }
	#home_desktop_content br { display: none; }
	#home_desktop_content h2 { font-size: 38px; }
	#home_desktop_content img { width: 100%; margin-top: -30px; }
	#home_desktop_content.isinviewport { height: calc(100vh - 114px); height:calc(var(--vh, 1vh) * 100 - 114px); }
	body.show-news-banner #home_desktop_content.isinviewport { min-height: calc(100vh - 174px); }
	
	.videos h3 {
    display: inline;
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 14px;
    float: left;
    width: 100%;
    margin-left: 0px;
}
	footer .hulpnodig { font-size:30px; }
	footer .hulpnodig div div { padding: 10px 0 !important; }
	
header { background: rgba(255,255,255,1); box-shadow: 0px 10px 20px rgba(0,0,0,0.1); transition: none;  -webkit-transition: none;  -moz-transition: none;  }
header span.logo { left:50%; margin: 25px 0px 20px -135px; height: 64px;  width: 126px; transition: none; -webkit-transition: none;  -moz-transition: none; }
header.loaded span.logo { left:50%; margin: 25px 0px 20px -135px; height: 64px;  width: 126px; transition: none; -webkit-transition: none;  -moz-transition: none; }
header .nav-toggle { height: 85px; transition: none; -webkit-transition: none;  -moz-transition: none; }

body.loaded.show-news-banner .newsbanner { transition: none; -webkit-transition: none;  -moz-transition: none;  }
body.loaded .logo-menu { transition: none; -webkit-transition: none;  -moz-transition: none;  }
body.loaded .nav-toggle { height: 85px; margin-left:10px; transition: none; -webkit-transition: none;  -moz-transition: none;  }
	
#nav-icon { width: 40px;  height: 45px;  position: relative;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;  }
#nav-icon span { display: block;  position: absolute;  height: 6px;  width: 100%;  background: #000;  border-radius: 9px;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;  }
#nav-icon span:nth-child(1) { top: 0px;  }
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) { top: 12px;  }
#nav-icon span:nth-child(4) { top: 24px;  }
#nav-icon.open span:nth-child(1) { background: #fff;  top: 18px;  width: 0%;  left: 50%;  }
#nav-icon.open span:nth-child(2) { background: #fff;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  }
#nav-icon.open span:nth-child(3) { background: #fff;  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  }
#nav-icon.open span:nth-child(4) { background: #fff;  top: 18px;  width: 0%;  left: 50%;  }

.videos { box-shadow: 0px 0px 0px rgba(0,0,0,.1); }
		.videobg { height: auto; min-height: auto;  }
		.videobg:hover .bgoverlay, .videobg:hover  .bgoverlay2 { background: initial; } 
		.video1 { margin-bottom: 0px;  }
		.video1position { margin-left:0%; min-height: auto;  order: 1; -webkit-order: 1; border: 1px solid #ccc; border-left: 0; border-right: 0; }
		.video2 { margin-bottom: 0px; }
		.video2position { margin-left:0%; min-height: auto;  order: 1; -webkit-order: 1; border: 1px solid #ccc; border-left: 0; border-right: 0;}
		.video3 { margin-bottom: 0px; }
		.video3position { margin-left:0%; min-height: auto;  order: 1; -webkit-order: 1; border: 1px solid #ccc; border-left: 0; border-right: 0;}
		.video4 { margin-bottom: 0px; }
		.video4position { margin-left:0%; min-height: auto;  order: 1; -webkit-order: 1; border: 1px solid #ccc; border-left: 0; border-right: 0;}
		.videobr { display:block; height:0px; width:100%; }
	
		#videoheader { position:relative; margin-top:0px; margin-bottom:0px; display:block; height:auto; min-height: auto;  width:100%; overflow:hidden; background:#fff; }
		#videoheader .videocontainerstart { position:relative; display:block; height:auto; min-height: auto; width:100%; overflow:hidden; padding:0px; }
		#videoheader .videocontainer { position:relative; display:flex; flex-flow: column; height:auto; min-height: auto; width:100%; overflow:hidden; padding:0px; }
		#videoheader video { object-fit: cover; width: 100%; height:auto; min-height: auto; }
		
		body.show-news-banner .videobg { min-height: auto;  }
		body.show-news-banner .video1position { min-height: auto; max-height: auto; }
		body.show-news-banner .video2position { min-height: auto; max-height: auto; }
		body.show-news-banner .video3position { min-height: auto; max-height: auto; }
		body.show-news-banner .video4position { min-height: auto; max-height: auto; }
		body.show-news-banner #videoheader { min-height: auto; }
		body.show-news-banner #videoheader .videocontainerstart { min-height: auto; }
		body.show-news-banner #videoheader .videocontainer { min-height: auto; }
		body.show-news-banner #videoheader video { min-height: auto; max-height: auto; }
	
		.video1 .bgvideo-overlay-right { visibility: visible; margin-top:0px; margin-left:0px; border: 0px solid rgba(0,0,0,0); padding: 25px 15px 15px 15px; order: 5; -webkit-order: 5; }
		.video2 .bgvideo-overlay-right { visibility: hidden; margin-top:0px; margin-left:0px; border: 0px solid rgba(0,0,0,0); padding: 25px 15px 15px 15px; order: 5; -webkit-order: 5;}
		.video3 .bgvideo-overlay-right { visibility: hidden; margin-top:0px; margin-left:0px; border: 0px solid rgba(0,0,0,0); padding: 25px 15px 15px 15px; order: 5; -webkit-order: 5;}
		.video4 .bgvideo-overlay-right { visibility: hidden; margin-top:0px; margin-left:0px; border: 0px solid rgba(0,0,0,0); padding: 25px 15px 15px 15px; order: 5; -webkit-order: 5;}
		
		.video1.isinviewport .bgvideo-overlay-right, .video3.isinviewport .bgvideo-overlay-right, .video2.isinviewport .bgvideo-overlay-right, .video4.isinviewport .bgvideo-overlay-right { visibility: visible; width:100%; max-width: initial; min-width:auto; height:auto; max-height: initial; position:relative; bottom:0; margin-left:0;  left:0%; z-index: 4; background: rgba(255, 255, 255, 1); text-align: center; -webkit-animation-name: slideUp2; animation-iteration-count: 1; animation-timing-function: ease-in-out; animation-duration: .6s; animation-delay: .1s; animation-fill-mode: forwards; transition: all 0.6s ease-in-out 0.1s;  -webkit-transition: all 0.6s ease-in-out 0.1s;  -moz-transition: all 0.6s ease-in-out 0.1s; box-shadow: none; border:  0; border-radius:0; border-bottom-right-radius:15px; border-bottom-left-radius:15px; }
		
		.video1.isinviewport video, .video2.isinviewport video, .video3.isinviewport video, .video4.isinviewport video { visibility: visible; -webkit-animation-name: zoomIn; animation-name: zoomIn; animation-iteration-count: 1; animation-timing-function: ease-in-out; animation-duration: .5s; animation-delay: .1s; animation-fill-mode: forwards; transition: all 0.6s ease-in-out 0.2s; -webkit-transition: all 0.6s ease-in-out 0.2s;  -moz-transition: all 0.6s ease-in-out 0.2s; }
		
		span.btn-scrollup, span.btn-scrolldown { display: none; }
		.card-img-overlay { position: relative; padding:0; }
	
	footer .links div div div.pt-5 { padding-top: 25px !important; }
	footer .links div div div.pt-5 h3 { font-size: 32px; margin-bottom: 15px; }
	footer .links div div.row.pb-5 { padding-bottom: 30px !important; }
	.container-product {
	padding-top: 20px !important; }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { }

/* Extra large devices (large desktops) */
/* No media query since the extra-large breakpoint has no upper bound on its width */

/* Extra small devices (portrait phones, less than 576px)*/
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
#form-webshop { position:fixed; background:#0000FF; width: 100%; border-radius:0px; z-index: 1; }
body.scrolledno #form-webshop { top:200px; padding-top: 1.8rem; padding-bottom: 1.8rem; }
body.scrolled #form-webshop { top: 114px; padding-top: 1.0rem; padding-bottom: 1.0rem; }
body.scrolledno.show-news-banner #form-webshop { top:260px; }
body.scrolled.show-news-banner #form-webshop { top:174px; } 

body.scrolledno main.searchbar { margin-top: 306px; }
body.scrolled main.searchbar { margin-top: 198px; }

	.card-img-top { max-height:405px; }
	.card-img-top.thumb-image { max-height:85px; }
	
.card:hover { box-shadow: 0px 0px 20px rgba(0,0,0,.3); cursor: pointer; background:#F3FF00;  }
section .card.card-hover:hover img.card-img-top { padding:0px; -webkit-animation-name: imgCardZoom; animation-name: imgCardZoom; animation-iteration-count: 1; animation-timing-function: ease-in-out; animation-duration: 0.2s; animation-fill-mode: forwards; }
.card img.card-img-top       { border-radius: 0;  padding:0px; -webkit-animation-name: imgCardZoomBack; animation-name: imgCardZoomBack; animation-iteration-count: 1; animation-timing-function: ease-in-out; animation-duration: 0s; animation-fill-mode: forwards; max-height:250px; }
.card.card-hover img.card-img-top { padding:0px; margin-top:0px; -webkit-animation-name: imgCardZoomBack; animation-name: imgCardZoomBack; animation-iteration-count: 1; animation-timing-function: ease-in-out; animation-duration: 0.2s; animation-fill-mode: forwards; }
.card:hover .card-footer, .card:hover .card-footer i { color: #000; }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }


a.newsitem:nth-child(odd) div { background: #f3f3f3; }
a.newsitem:nth-child(even) div { background: #ffffff; }

a.newsitem h4 {
    font-size: 35px;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
    margin: 10px 0 2px 0;
    transition: all .3s linear;
}

.news-date {
    font-size: 14px;
    color: #999999;
    margin-bottom: 5px;
}
.news-text {
    color: #000000;
    font-size: 16px;
    line-height: 150%;
    transition: all .3s linear;
}
.news-text .more {
    color: #000000;
    text-decoration: underline;
}

.newsitempage {
    padding-top: 0px;
}
.newsimgleft img {
	padding: 0 0 15px 0;
}
.newscontentright {
  padding: 0 15px !important;
}

@media (min-width: 768px) { 
.newsitempage {
    padding-top: 50px;
}
.newsimgleft img {
	padding:0 15px;
}
.newscontentright {
  padding: 0 0 20px 20px !important;
}
}

#avg-container { position: fixed; left: 0px; right: 0px; bottom: 0px; width: 100%; background: white; box-shadow: #999 0px -1px 5px; text-align: center; z-index:1040; }
#avg-content { padding: 20px; margin-left: auto; margin-right: auto; text-align: left; }
#avg-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#avg-description { font-size: 13px; line-height: 20px; }
#avg-type-desc  { font-size: 13px; line-height: 20px; }
#avg-type-selection { padding-bottom: 25px; padding-top: 15px; font-size: 13px; }
#avg-type-selection label { cursor: pointer; border: 1px solid #ccc; border-right: 0px; padding: 10px; margin: 0px; font-weight:normal; font-size: 13px; }


#avg-type-selection label:nth-child(1) { border-top-left-radius:5px; border-bottom-left-radius:5px; }
#avg-type-selection label:nth-child(4) { border-top-right-radius:5px; border-bottom-right-radius:5px; border-right:1px solid #ccc; margin-right:25px; }

#avg-details-container { display:none; clear: both; padding-bottom: 20px; }
#avg-details-types { float: left; width: 33%; padding-bottom: 20px; }
#avg-details-table { float: left; width: 67%; height: 200px; overflow-y: auto; box-sizing: border-box; padding-left:20px; padding-bottom: 20px; }
#avg-details-table table { font-size: 13px; width: 100%; line-height: 20px; border-collapse: collapse; margin-top: 15px; }
#avg-details-table table thead tr { border-bottom: 1px solid #000; }
.avg-details-typeSelect { border: 1px solid #CCC; margin-top: -1px; padding: 7px; cursor: pointer; }
.avg-details-typeSelect tr { border-bottom: 1px solid #CCC; padding-bottom: 4px; }
.avg-cookie-name, .avg-cookie-provider, .avg-cookie-purpose, .avg-cookie-expiry, .avg-cookie-type { padding: 3px; }
.avg-privacy-url, .avg-privacy-url:hover { font-size: 13px; line-height: 20px; color:#000; }
#avg-settings, #avg-button, #avg-type-selection label.labeldetails {
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    padding: 0 12px;
    background: #000;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
    transition: background .2s linear; height: 38px; line-height: 36px; }
#avg-settings:hover, #avg-button:hover, #avg-type-selection label.labeldetails:hover {
    background: #0000ff; }
#avg-type-selection label.labeldetails { display:inline-block;}
#avg-button { float:right }