@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Exo:400,600,700,600italic,700italic,400italic);

body, html { 
	background:#000 url("http://www.rnbfeelings.be/data/images/skin/default/bg2.jpg") no-repeat left top;
	background-size: cover;
	font-size:14px;  
	color:#ffffff; 
	font-family:'Exo' , Helvetica , Arial , Verdana , sans-serif;
	

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;

	text-rendering: optimizelegibility;

	-webkit-tap-highlight-color:rgba(255,0,0,0);
	
}

body { overflow:hidden; }

.iPad .flex-fade { height: 360px; }
.iPad .flex-fade li img { height: 360px; }

body.iPad  { overflow-y:scroll;}

.iPad #content-wrap{ 
	margin-top:0px;
}



.iPad > *{
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}

h1{ font-size:25px; font-family: 'Exo'; font-weight: bold;margin-bottom:20px; }
h1 span{font-size:16px;font-weight: normal; }
h2{ font-size:60px;	font-family: 'Exo'; }

a , a:active , a:visited{
	color:#FFF;
	text-decoration: none;
}


.relative-block{
	position: relative;
	width: 100%;
	height: 100%;
}

#lady{
	background: url("http://www.rnbfeelings.be/data/images/skin/default/lady.png") no-repeat left top;
	width: 568px;
	height: 655px;
	position: absolute;
	left:0px;
	bottom:272px;
	z-index: 9;
}


#clouds2,
#clouds{
	background: url("http://www.rnbfeelings.be/data/images/skin/default/clouds.png") no-repeat left top;
	height: 768px;
	width: 991px;
	position: absolute;
	left:0px;
	bottom:0px;
	z-index:9;
}

#clouds2{
	background: url("http://www.rnbfeelings.be/data/images/skin/default/clouds2.png") no-repeat right top;
	left:auto;
	right: 0;
}


#logo{
	background: url("http://www.rnbfeelings.be/data/images/skin/default/logo2.png") no-repeat left top;
	height: 425px;
	width: 365px;
	position: absolute;
	left:10%;
	top:30px;
	z-index:11;
}

#diamonds2,
#diamonds{
	background: url("http://www.rnbfeelings.be/data/images/skin/default/diamonds.png") no-repeat left top;
	height: 239px;
	width: 198px;
	position: absolute;
	left:20px;
	bottom:0px;
	z-index:9;
}

#diamonds2{
	background: url("http://www.rnbfeelings.be/data/images/skin/default/diamonds2.png") no-repeat right top;
	left:auto;
	right:20px;
}

#video-nav,
#video{
	background: #000;
	width: 508px;
	height: 345px;
	position: absolute;
	left:100px;
	bottom:91px;
	z-index:8;
}
#video .fp-ui{display: none !important; }

#video-nav{
	z-index: 9999;
	background: transparent;
}

.iPad #video-nav:hover .video-nav-wrap .video-btn,
#video-nav .video-btn{
	background: url("http://www.rnbfeelings.be/data/images/skin/default/video-btns.png") no-repeat left top;
	width: 15px;
	height: 28px;
	cursor: hand;
	cursor: pointer;
	display: inline-block;
	margin-right: 10px;
	opacity: 0.3;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

#video-nav:hover .video-nav-wrap .video-btn{
	opacity: 1;
}

#video-nav .video-btn.prev{
	background-position: left top;
	
}
#video-nav .video-btn.next{
	background-position: right top;
}

#video-nav .video-btn.play{
	width: 26px;
	background-position: center top;
}

#video-nav .video-btn.play.pause{
	width: 26px;
	background-position: center bottom;
}

#video-nav .video-nav-wrap{
	position: absolute;
	bottom:10px;
	right:10px;
}

#main-wrap{
	width:55%;
	left:40%;
	position: absolute;
	top:0;
	z-index: 14;
}


#content-wrap{margin-top:30px; }

#nav{
	/*background: #000 url("http://www.rnbfeelings.be/data/images/skin/default/nav-bg.jpg") repeat-x left top;*/
	padding-bottom:2px;
}

#nav ul li{
	float: left;
	width: 20%;
	text-align: center;
	background: url("http://www.rnbfeelings.be/data/images/skin/default/nav-item-right.png") no-repeat right center;
	
}

#nav ul li:last-child{
	background: none;
}
#nav ul li:first-child a{
	background: none;
}

#nav ul li a{
	display: block;
	font-size:20px;
	font-weight: bold;
	width: 100%;
	background: url("http://www.rnbfeelings.be/data/images/skin/default/nav-item-left.png") no-repeat left center;
}

.iPad #nav ul li:hover a span,
#nav ul li a span{
	padding:36px 0;
	display: block; 
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;

}

#nav ul li:hover a span,
#nav ul li.active a span{
	display: block;
	color:#b98f32;
	background: url("http://www.rnbfeelings.be/data/images/skin/default/nav-item-active2.png")  no-repeat center top;
}


.marginLeft2p{margin-left:2%; }
.marginRight2p{margin-right:2%; }

.home-left{
	width: 32%;
}

.home-right{
	width: 62%;
}



.box-wrap{
	padding:5px;
	background: #ad9657;

	background: -moz-linear-gradient(top,  #ad9657 0%, #6e5718 50%, #ad9657 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad9657), color-stop(50%,#6e5718), color-stop(100%,#ad9657));
	background: -webkit-linear-gradient(top,  #ad9657 0%,#6e5718 50%,#ad9657 100%);
	background: -o-linear-gradient(top,  #ad9657 0%,#6e5718 50%,#ad9657 100%);
	background: -ms-linear-gradient(top,  #ad9657 0%,#6e5718 50%,#ad9657 100%);
	background: linear-gradient(to bottom,  #ad9657 0%,#6e5718 50%,#ad9657 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad9657', endColorstr='#ad9657',GradientType=0 );

}

/*.box-wrap.img-wrap{padding-bottom:0; }*/
.box{
	overflow: hidden;
}


.box-title{
	width: 100%;
	height:105px;
	background: url("http://www.rnbfeelings.be/data/images/skin/default/upcoming-overlay.png") no-repeat left top;
	background-size:100% 105px;
	position: absolute;
	left:0px;
	bottom:-165px;
	opacity: 0;
	z-index:999;

	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;

	transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
}

.box-title.h85{
	height: 85px;
	background-size: 100% 85px;
}

.iPad .box .box-title,
.box:hover .box-title{
	opacity: 1;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);

	bottom:0px;
}

.box-title h1{
	padding:30px 20px;
	padding-bottom:0px;
	margin:0;
	font-size:30px;
	font-weight: bold;
	text-transform: uppercase;
}

.iPad .album-item .box-title{
	height: 85px;
}
.album-item .box-title h1{
	font-size:18px;
}

.box-title h4{
	font-size:16px;
	padding: 0 20px;
	text-transform: uppercase;
}

.album-item .box-title h4{
	font-size:15px;
}

.box-title p{
	padding:30px;
	font-size:15px;
	font-weight: bold;
	color:#cccccc;
}

.iPad .box-overlay{display: none; }
.box-overlay{
	background: #FFF;
	opacity: 0;
	position: absolute;
	left: 0px;
	top:0;
	width: 100%;
	height: 100%;

	z-index:999;

	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;

}

.box:hover .box-overlay{
	opacity: 0.5;
}

.box-wrap img{ 
  display: block;
}

.album-item{ 
	float:left;
	width: 49%;
	margin-bottom:20px;
	margin-right:2%;
}

.album-item .box:hover img{
	-webkit-filter: blur(5px) contrast(1.4);
}

.album-item.last{
	margin-right:0;
}

.box a{display: block; }

.album-item .album-pic{
	background-position: 50% 25%;
    background-size: cover;
    min-height: 100px;
    width: 100%;
}

.album-pic .album-pic-overlay{
	position: absolute;
	background: url("http://www.rnbfeelings.be/data/images/skin/default/album-pic-overlay.png") no-repeat left top;
	width: 52px;
	height: 52px;
	margin-left:-26px;
	margin-top:-26px;
	opacity: 0;
	left:50%;
	top:70%;

	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);


	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.album-pic .album-pic-woverlay{
	opacity: 0;
	width: 100%;
	height: 100%;
}

.album-pic:hover .album-pic-woverlay{
	background: #FFF;
	opacity: 0;
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.album-pic:hover .album-pic-woverlay{
	opacity: 0.4;
}

.iPad .album-pic .album-pic-woverlay{display: none; }
.iPad .album-pic .album-pic-overlay{display: none; }

.album-pic:hover .album-pic-overlay{
	opacity: 1;
	top:50%;
	z-index: 2;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
}
.box-wrap .box-content{
	background:url("http://www.rnbfeelings.be/data/images/skin/default/box-content-bg.png");
	padding:10px;
}

.box-content h1{
	font-size:14px;
	text-transform: uppercase;
	margin-bottom:10px;
}

.box-content.agenda{
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.box-content p{
	font-size:12px;
}

.box-content.agenda h1{
	font-size:25px;
}

.album-item.list{
	width: 33.333333%;
	margin:0;
	margin-bottom: 20px;
}

.album-item.detail{
	width:20%;
	margin:0;
	margin-bottom:20px;
}

.iPad .album-item.list:hover .box-title,
.album-item.list .box-title{

	height: 85px;
	background-size: 100% 85px;	

	bottom:0;
	opacity: 1;

	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);	

}

.album-item.list:hover .box-title{
	opacity: 0;
	bottom: -100px;
}
.album-item.list .box-title h1{
	font-size:16px;
	text-transform: none;
}

.album-item.list .box-title h4{
	font-size:14px;
	text-transform: none;

}


input.search_form{
	background: url("http://www.rnbfeelings.be/data/images/skin/default/album-search.png") no-repeat left top;
	color:#ffffff;
	border:none;
	width: 210px;
	height: 32px;
	padding-left:20px;
	padding-right:70px;
	margin-top:20px;
	box-shadow: none;
}

.search_form.inline{color:#CCC; }

.album-item{
	cursor: pointer;
	cursor: hand;
}



#pagination{
	text-align: center;
}

#pagination .fLeft{
	float: none;
	display: inline-block;
}



#pagination a{
	display: inline-block;
	padding:3px 8px;
	font-weight: bold;
}

#pagination a.btn-img{
	padding:0;
	vertical-align: bottom;
	margin:0 20px;
}

#pagination a.btn-img img{display: block; }

#pagination a.active{
	background:url("http://www.rnbfeelings.be/data/images/skin/default/pag-bg.png") repeat-x left top;
	color:#FFF;
	text-shadow:0px 1px 2px rgba(0,0,0,0.2);
	border-radius: 2px;
	margin:0 5px;
	font-size:17px;
}

.picture-item{
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}
.picture-item.hidden{
	display: block;
	opacity: 0;
}

/*.iPad .picture-item.hidden{
	display: none;
	opacity: 1;
}*/

#fancy-nav{
	display: none;
}
.fancybox-lock #fancy-nav{
	display: block;
	position: fixed;
	z-index: 9999;
}

.fancybox-lock #fancy-next{
	background: url("http://www.rnbfeelings.be/data/images/skin/default/next-btn.png") no-repeat left top;
    width: 281px;
    height: 563px;
    position: fixed;
    right: 0px;
    top: 50%;
    margin-top:-281px;
    z-index: 9999;
}

.fancybox-lock #fancy-prev{
	background: url("http://www.rnbfeelings.be/data/images/skin/default/prev-btn.png") no-repeat left top;
    width: 283px;
    height: 563px;
    left: 0px;
    position: fixed;
    top: 50%;
    margin-top:-281px;
    z-index: 9999;
}

.fancybox-lock #fancy-close{
 	background: url("http://www.rnbfeelings.be/data/images/skin/default/close-btn.png") no-repeat left top;
    height: 62px;
    position: fixed;
    right: 50px;
    top: 50px;
    width: 46px;
    z-index: 9999;
}

.fancybox-lock #fancy-title{
	font-size:45px;
	font-weight: bold;
	position: fixed;
	left:50px;
	top:50px;
}

.fancybox-lock #fancy-title span{
	font-size:25px;
	font-weight: normal;
}

.fancybox-lock #fancy-share{

 	background: url("http://www.rnbfeelings.be/data/images/skin/default/facebook-share.png") no-repeat left top;
    height: 62px;
    position: fixed;
    left: 50%;
    margin-left:-151px;
    bottom: 50px;
    width: 302px;
    z-index: 9999;

}

#fancy-next , #fancy-prev , #fancy-close{
	cursor: hand;
	cursor:pointer;
}



#map{
	width: 100%;
	height: 365px;
	opacity: 0.7;
}

#map-wrap{
	background:#000;
}


label{
	width:30%;
	display: inline-block;
	font-weight: bold;
	font-size:15px;
	vertical-align: top;
	text-align: left;
}

input , textarea{
	vertical-align: top;
	width: 60%;
	margin-left:5%;
	display:inline-block;
	margin-bottom:20px;
	color:#FFF;
	padding:5px;
	border-radius:4px;
	border:1px solid #8e8e8e;
	background: #7e7e7e;
	box-shadow: inset 0px 0px 1px #838383;
}


textarea{height:120px;resize:none; }

button{
	background:url("http://www.rnbfeelings.be/data/images/skin/default/button-bg.png") repeat-x center center;
	padding:5px 10px;
	font-weight: bold;
	display: inline-block;
	font-size:15px;
	color:#FFF;
	text-shadow:0px 1px 2px rgba(0,0,0,0.4);
	border:1px solid #b0995d;
	box-shadow:inset 0px 0px 2px rgba(255,255,255,0.5);
	border-radius:4px;

	cursor:pointer;
	cursor:hand;
}



.loginForm{
	width: 70%;
	display: inline-block;
}

input.invalid , 
textarea.invalid{
	color:#C50000;
	border:1px solid #C50000;
	background: #eedcdc;
}

.overlay-link{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 9999;
}

#content-loader{
	background: url("http://www.rnbfeelings.be/data/images/skin/default/loader.gif") no-repeat center center;
	border-radius: 20px;
	overflow: hidden;
	width: 150px;
	height: 150px;
	position: absolute;
	z-index: 0;
	left:50%;
	margin-left:-75px;
	top:200px;
	opacity: 0;
	/*z-index: 1;*/
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;

}

.iPad #content-loader{
	top:50px;
}

#content{
	transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	opacity: 1;	
	z-index:3;
}

#content.inactive{
	opacity: 0;
}

#content-loader.active{opacity: 1; }


@media all and (max-width: 1024px){
  
	.hide_tablet{
		display:none;
	}

	#main-wrap{
		width:90%;
		left:5%;
		position: absolute;
		top:0;
		z-index: 19;
	}

	body, html { 
		background:#000 url("http://www.rnbfeelings.be/data/images/skin/default/bg2.jpg") no-repeat right top;
		background-size: cover;
	}

	.fancybox-lock #fancy-nav{
		display: none;
	}

	#logo{
		background: url("http://www.rnbfeelings.be/data/images/skin/default/logo.png") no-repeat left top;
		background-size: 125px 112px;
		height: 125px;
		width: 125px;
		position: absolute;
		left:10px;
		bottom:10px;
		top:auto;
		z-index:11;
	}

	.iPad #logo{
		position: fixed;
	}

}


.iPad .hide_tablet{
	display:none !important;
}

/*.iPad #main-wrap{
	width:90% !important;
	left:5% !important;
	position: absolute !important;
	top:0 !important;
	z-index: 19 !important;
}*/

body.iPad{ 
	background:#000 url("http://www.rnbfeelings.be/data/images/skin/default/bg2.jpg") no-repeat right top !important;
	background-size: cover !important;
}

.iPad .fancybox-lock #fancy-nav{
	display: none !important;
}

/*.iPad #logo{
	background: url("http://www.rnbfeelings.be/data/images/skin/default/logo.png") no-repeat left top !important;
	background-size: 125px 112px !important;
	height: 125px !important;
	width: 125px !important;
	position: absolute !important;
	left:10px !important;
	bottom:10px !important;
	top:auto !important;
	z-index:11 !important;
}*/

@media all and (max-width: 1280px) and (min-width: 1025px){

	#main-wrap{
		width: 55%;
	}

	#logo{
		/*background: url("http://www.rnbfeelings.be/data/images/skin/default/logo.png") no-repeat left top;*/
		background-size: 80%;
		width: 350px;
		position: absolute;
		left:10%;
		top:20px;
		z-index:11;
	}


	#lady{
		bottom:211px;
		height:395px;
		left:0;
		background-size:60%;
	}

	#clouds2,
	#clouds{
		bottom:0px;
		height:533px;
		left:0;
		bottom:0;
		background-size:70%;
	}

	#clouds2{left:auto;right:0; }

	#video-nav , #video{
		bottom:51px;
		height: 260px;
		width:378px;
		left:80px;
	}

}


@media all and (max-width: 1450px) and (min-width: 1281px){

	#main-wrap{
		width: 55%;
	}

	/*#logo{
		background: url("http://www.rnbfeelings.be/data/images/skin/default/logo.png") no-repeat left top;
		background-size: 80%;
		width: 350px;
		position: absolute;
		left:10%;
		top:20px;
		z-index:11;
	}*/


	#lady{
		bottom:211px;
		height:395px;
		left:0;
		background-size:60%;
	}


	#clouds2,
	#clouds{
		bottom:0px;
		height:533px;
		left:0;
		bottom:0;
		background-size:70%;
	}

	#clouds2{left:auto;right:0; }

	#video-nav , #video{
		bottom:51px;
		height: 260px;
		width:378px;
		left:80px;
	}

}

@media all and (max-width: 1600px) and (min-width: 1451px){
  
	/*#logo{
		background: url("http://www.rnbfeelings.be/data/images/skin/default/logo.png") no-repeat left top;
		background-size: 80%;
		width: 350px;
		position: absolute;
		left:10%;
		top:20px;
		z-index:11;
	}*/


	#lady{
		bottom:311px;
		height:395px;
		left:0;
		background-size:70%;
	}

	#clouds2,
	#clouds{
		bottom:311px;
		height:536px;
		left:0;
		bottom:0;
		background-size:70%;
	}

	#clouds2{left:auto;right:0; }

	#video-nav , #video{
		bottom:62px;
		height: 300px;
		width:428px;
		left:80px;
	}

}


#copy{
	/*background: #000;*/
	padding:10px;
	position: fixed;
	z-index: 9999;
	bottom: 0;
	right: 0;
}

#copy a{
	font-weight: normal;
	color:#000;
	letter-spacing: 1px;
	font-size:9px;
	font-family: "Helvetica" , "Arial";
}


.agenda-item{
	cursor: pointer;
	cursor: hand;
}


#counter{
	padding:10px;
	position: fixed;
	z-index: 9999;
	bottom: 0;
	left: 0;
	color:#000;
}