@import url('preloader.css');
@import url('bootstrap.css');
@import url('theme.css');
@import 'https://fonts.googleapis.com/css?family=Open+Sans|Oswald|Slabo+27px';
/* Start you custom CSS styling here 
------------------------------------------*/
/* Example wrapper */

.cetitle
	{
		margin: 0 auto; width:35%; height:300px;
	}

.logoripes
	{
		width:150px;
	}

.infoboxxleft
	{
		width:20%; border-right:solid 1px #dedede; float:left; position:relative;
	}
.infoboxxright
	{
		width:80%; padding:0px 0px 0px 20px; float:left; background-color:#fff;  position:relative; z-index:100;
	}

.hiddenboxx
	{
		width:100%; position:relative; z-index:-1;
	}

.hiddenicon
	{
		font-size:80px; color:#ff0000; left:-70px;
	}

.infoboxx span {
    background:rgba(255,0,0,0.9);
    border: 2px solid #ff0000;
    color: #fff;
    font-size: 12px;
    position: absolute;
    text-align: center;
    left:0px;
    visibility:hidden;
    line-height: 14px;
    padding:10px 20px;
    width: 200px;

}

.infoboxx {
    float:left;
    position:relative;
    cursor:pointer;
}

.infoboxx:hover span{
    visibility:visible;
}

.pasiice
	{
		width:20%;
		padding:0px 20px;
		float: left;
		font-size:16px;
		height:300px;
		text-align: left;
	}

.pasiice h4
	{
		display: block;
		position: relative;
		padding:10px;
		background-color: #ff0000;
		color:#fff;
		float: left;
		margin:0px 10px 0px 0px;

	}

.arrowz
	{
		height:300px;
		float:left;
		width:10%;
		vertical-align: middle;

	}

.wrap {
	position: relative;
	margin: 3em 0;
}

.grija h1
	{
		font-weight:bold;
		font-size:50px;
		color:#fff;
	}

/* Frame */
.frame {
	height: 250px;
	line-height: 250px;
	overflow: hidden;
}
.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 50px;
}
.frame ul li {
	float: left;
	width: 350px;
	height: 100%;
	margin: 0 1px 0 0;
	padding: 0;
	text-align: center;
	cursor: pointer;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
li img
	{
		height:300px;
		width:400px;
	}

.frame ul li.active {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	

}

.tltt h1
	{
		font-size:60px;
	}

.tltt
	{
		margin:0 auto;
		border-right: solid 1px #fff;
		width: 100%;
		float: left;
		text-align: right;
		padding:0px 20px 0px 0px;
		font-family: 'Oswald', sans-serif;
	}

.texts
	{
		font-family: 'Oswald', sans-serif;
		font-size:40px;
		font-weight: bold;
		float: left;
		width:40%;
		text-align: right;
	}
.centertitle
	{
		width:600px;
		margin:0 auto;
		display: inline-block;
		height:200px;

	}

.subtextsus p
	{
		font-family: 'Slabo 27px', serif;
		font-size:20px !important;
		line-height: 26px !important;
		text-align: right !important;
	}

#locatie 
{
	padding:0px;
}

.grija
	{
		width:24%;
		padding:16px;
		font-size:20px;
		float:left;
		text-align: center;
		line-height: 26px;
		color:#fff;

	}

.grija h4
	{
		line-height: 30px;
	}
.grijadivider
	{
		margin:20px 0px 0px 0px;
		border-left:solid 1px #dedede;
		float:left;
		height:70px;
	}
.smalliconsgrija
	{
		float:left;
		width:16%;
		padding:0px 0px;
	}
.grjmtii
	{
		font-size:14px;
		width:170px;
		text-align:center;
		line-height:16px;
		padding:0px 20px;
	}
#slideFront 
	{
		box-shadow:0 0 30px rgba(0, 0, 0, 0.8);
	}

.subtextsus
	{
		width:100%;
		font-size:12px;
		color:rgba(255,255,255,1) !important;
		margin: 0 auto;
		float:left;
		padding:0px 20px 0px 30px;
		text-align: right;
		font-size:20px;
		height: 300px;
	}

.savethedatebig
	{
		width:50%;
		font-size:12px;
		margin: 0 auto;
		padding:20px;
		text-align:right;
		z-index:1;
		position:relative;
	}


.savethedate
	{
		width:60%;
		font-size:16px;
		color:#000;
		background-color:#35658b;
		text-align:center;
		padding:10px;
		font-weight:bold;
		margin:0 auto;
		z-index:1;
	}

.clearmofo 
	{
		clear:both;
		padding:60px 0px 0px;
	}
.stsfgrntee
	{
		float: left;
		padding:0px 20px 0px 0px;
		width:50%;
		position:relative;
		height: 480px;
	}
.stsfgrnteetxt
	{
		border: solid 0px auto;
		font-size:14px;
		left:50%;
		width:50%;
		text-align: center;
		position: relative;
  		top: 50%;
  		transform: translateY(-50%);
	}
.mappymap
	{
		width:220px;
		font-size:16px;
		color:#000;
		background-color:#35658b;
		text-align:center;
		padding:10px;
		font-weight:bold;
		z-index:1;
		position:absolute;
		top: 100px;
		left:60%;
	}
.ibcfocus
	{
		font-size:20px;
		text-align:center;
	}

.supp img
	{
		
		height: 100px;
		position: relative;
  		top: 50%;
  		transform: translateY(-50%);
	}


.uppercearrow
	{
		font-size:50px;
		position:absolute;
		top:15%;
		left:102%;
	}



@media screen and (min-width: 770px) {

.img-slides
	{
		display: block !important;
	}

.sliding-magic
	{
		display: none !important;
	}
.supp
	{
		padding:0px 20px;
		float:left;
		width:260px !important;
		text-align: center !important;
	}

}


@media only screen and (max-width: 768px){

.pasiice
	{
		width: 90% !important;
		height:160px;		
	}
.arrowz
	{
		display: none;
	}

.hiddenicon
	{
		font-size:50px;
	}


.uppercearrow
	{
		font-size:50px; position:absolute; top:105%; left:70%;
	}

#cumfacem
	{
		padding:0px 20px 0px 0px;
	}

.cetitle
	{
		margin: 0 auto; width:95%;
	}

.centertitle
	{
		width:100% !important;
	}

.testowl .owl-wrapper
	{
		left:100px !important;
	}

.savethedatebig
	{
		width:100%  !important;
		font-size:12px;
		margin: 0 auto;
		padding:20px;
		text-align:right;
		z-index:1;
		position:relative;
	}
	.subtextsus p
		{
			text-align: right !important;
			line-height: 120% !important;
		}

.subtextsus
	{
		width:80%  !important;
		font-size:12px;
		color:rgba(255,255,255,1) !important;
		margin: 0 auto;
		float: right;
		text-align: right;
		padding:0px 20px 0px 0px;
	}

.wow
	{	width: 100% !important;}

.savethedate
	{
		width:90%  !important;
		font-size:16px;
		color:#000;
		background-color:#35658b;
		text-align:center;
		padding:10px;
		font-weight:bold;
		margin:0 auto;
		z-index:1;		
	}

.grija
	{
		width: 100% !important;
		padding:0px !important;
	}

.grijadivider
	{
		display: none;
	}

.text-center
	{
		font-size:20px !important;
	}

.block
	{
		padding: 20px 0px !important;
	}

.clearmofo 
	{
		clear:both;
		padding:10px 0px 0px;
	}

.stsfgrntee
	{
		padding:0px 0px 0px 0px;
		width:100%;
		position:relative;
		text-align: center;
	}

.stsfgrnteetxt
	{
		width:90% !important;
		text-align: center;
		margin-left:15px;
		font-size:14px;		
		
	}

.mappymap
	{
		display: none !important;}

	}

.hidden-xs
	{
		display: inline !important;
	}

.ibcfocus
	{
		font-size:20px;
		text-align:center;
		margin:0 auto;
	}

.supp
	{
		padding:0px 20px;
		width:100%;
		height: 110px;
		text-align: center;
	}

.supp img
	{
		height:100px;
		text-align: center;
	}

.img-slides
	{
		display: none;
	}

.sliding-magic
	{
		width: 100%;
		display: block;
		text-align: center;	
		font-size:18px;

	}
.meritada
	{
		text-align: justify;
		padding:0px 20px;
		font-size: 16px;
		color:#1c1c1c;
	}
.meritada img
	{
		width: 100%;
		padding:10px 0px;		
	}

}