body,html {
	margin:0;
	padding:0;
	height:100%;
	background-color:#fff;
}

body {
	overflow-y:scroll;
}

::selection {
	background:#c03d96;
	color: white;
}
::-moz-selection {
	background:#c03d96;
	color: white;
}
::-webkit-selection {
	background:#c03d96;
	color: white;
}

@font-face {
	font-family: 'MOONFLOWERBOLD';
	src: url('../fonts/Moon_Flower_Bold.ttf');
}

h1, h2 {
	font-family: 'MOONFLOWERBOLD', Helvetica, sans-serif;
}

a:link 		{color:#c03d96;}  /* unvisited link */
a:visited 	{color:#c03d96;}  /* visited link */
a:active	{color:#c03d96;}  /* active link */

#footer a:link 		{color:#fff;}  /* unvisited link */
#footer a:visited 	{color:#fff;}  /* visited link */
#footer a:active		{color:#fff;}  /* active link */

p.slogan {
	font-size:1.2em;
}

DIV.bodycontainer {
	min-height:100%;
	position:relative;
}

.img-logo {
	width:65%;
	height:auto;
	margin:15px 0;
}

.hero-item{
    background: url('../img/bg_v2.png');
    background-size: cover;
    background-position: center center;

    display: -webkit-box;
    /* display: -webkit-flex; */
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    min-height: 550px;
}



.hero-item__wrapper-left, .hero-item__wrapper-right{
    text-align: center; 
    color: #fff;    
    justify-content: center;
}

    .hero-item__wrapper-right img{
		-webkit-filter: brightness(0) invert(1);
		-o-filter: brightness(0) invert(1);
		filter: brightness(0) invert(1);
		display: block;
    }

    .hero-item__wrapper-left {
    	text-align: center;
    }

    .hero-item__wrapper-left img{
	    margin-left: auto;
	    margin-right: auto;
	}

    .brandlist{
    	width: 100%;
    	padding: 0;
    }

    .brandlist-item{
    	list-style: none;
    	position: relative;
    	display: inline-block;
    	float:left;
  
    }
    .brandlist-item img{
    	width: 100%;
    }

    .brandlist-item #overlay,
    .brandlist-item #overlay2{
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    color: #fff;
    background: rgba(192,61,150,0.75);
    padding: 60px 60px;
    text-align: center;
    }

    .brandlist-list {
    	padding: 0px;
    	list-style: none
    }

.topbar {
	background:url('../img/bg_v2.png');
	min-height:40px;
	border-bottom:1px solid #333;
	margin-bottom:30px;
}

.openingstijden > .row {
	border-top:1px solid #ccc;
	padding:3px 0;
	margin-right:10px;
}

.openingstijden > .row:hover {
	background-color:#c03d96;
	color:#fff;
}

.prijslijst > .row {
	border-top:1px solid #ccc;
	padding:3px 0;
	margin-right:10px;
}

.prijslijst > .row:hover {
	background-color:#c03d96;
	color:#fff;
}

.panorama {
	width:100%;
	border:0;
	height:450px;
	margin:30px 0;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.4);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.4);
}

.contacticon {
	width:1.5em;
	height:auto;
	margin:-10px 0 -2px 0;
}

.contact-spacing {
	width:1.5em;
	margin-right: 5px;
	margin-bottom: 2px;
	float:left;
	display:block;
	position:relative;
}

.footer-icon-spacing {
	width:1.3em;
	margin-right: 5px;
	margin-bottom: 2px;
	float:left;
	display:block;
	position:relative;
}

img.imgfootermedia {
	height:2.2em;
	cursor:pointer;
	width:auto;
	margin:0px 3px 1em 3px;
	float:left;
	opacity:0.5;
}

img.imgfootermedia:hover {
	opacity:1.0;
}

img.iconsweet {
  width:1.3em;
  margin-right:5px;
  margin-bottom:2px;
  opacity:0.5;
}

img.zonnebank {
	width:90%;
	border:3px solid #eee;
	margin:10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.button-virtual-tour-container {
	float: right;
    right: 50%;
    position: relative;
	display:none;
}

.button-virtual-tour {
	float: right;
    right: -50%;
    position: relative;
	background:#c03d96;
	padding:8px 26px;
	color:#fff;
	margin:20px 0;
	cursor:pointer;
}

.footer {
	padding:30px 0 5px 0;
	background:#333;
	color:#aaa;
	position:absolute;
	bottom:0px;
	width:100%;
}

.footer h2 {
	font-weight:lighter;
	font-family:'MOONFLOWERBOLD', Helvetica, sans-serif;
	color:#888;
	padding-bottom:0.3em;
}

.footer .footercol {
	margin-bottom:20px;
}

.footer .footerdarker {
	border-top:1px solid #444;
	padding-top:15px;
	padding-bottom:5px;
}

div#mapsdiv {
	width:100%;
	height:350px;
	border:3px solid #ddd;
	margin-left:-3px;
	margin-top:25px;
	margin-bottom:25px;
}

@media all and (max-width: 768px) {
	.panorama {
		display:none;
		height:250px;
	}
	
	.brandlist-item #overlay,
	.brandlist-item #overlay2 {padding: 15px 15px; display: block!important;}
	.button-virtual-tour-container {
		display:block;
	}
}

@media all and (max-width: 992px) and (min-width: 768px) {
	.panorama {
		height:350px;
	}
}

@media all and (min-width: 992px) {

	.hero-item__wrapper-left{
		float: right;
	}

	.v-center{
	    display: -webkit-box;
	    /* display: -webkit-flex; */
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	}

}