/**
 *	CSS Stylesheet: Default
 *	------------------------
 */

/*---------------------------------------------------
	HTML ELEMENTS
----------------------------------------------------*/

	body, html{
		background-color: none;
	}
	body, input, textarea{
		font-family: 'Roboto', sans-serif;
	 	color: #fff;
	 	font-size: 14px;
	 	line-height: 18px;
	 	font-weight: 300;
	}
	strong{
		font-weight: 400;
	}
	a{
		transition: color .3s ease-in-out;
	   -moz-transition: color .3s ease-in-out;
	   -webkit-transition: color .3s ease-in-out;
	   color: #DC1920;
	   text-decoration: none;
	}
		a:hover{
			color: #999;
		}
	h1, h2, h3, h4, h5, h6, p{
		padding: 0px 0px 20px;
	}
	ul{
		margin: 0px 0px 20px 0px;
	}
		ul li{
			list-style-type: none;
			background: url(../images/li-bg.png) 0px 7px no-repeat;
			padding: 0px 0px 0px 15px;
		}
	h2{
		color: #DC1920;
		font-size: 37px;
		line-height: 39px;
		text-transform: uppercase;
		font-weight: 400;
	}
	h3{
		color: #DC1920;
		font-size: 16px;
		line-height: 18px;
		text-transform: uppercase;
		font-weight: 400;
		padding-bottom: 5px;
	}
	iframe{
		z-index: 10000;
	}


/*---------------------------------------------------
	CLASSES
----------------------------------------------------*/
	
	.container{
		padding: 0px 50px;
	}
	.no-margin-right{
		margin-right: 0px !important;
	}
	.col-left,
	.alignleft{
		float: left;
	}
	.col-right,
	.alignright{
		float: right;
	}
	.aligncenter{
		display: block;
		margin: 0px auto;
	}
	.block{
		display: block;
	}

/*---------------------------------------------------
	BACKGROUND IMAGE & LAERING
----------------------------------------------------*/

	#full-screen-image-bg{
		position: fixed;
		top: 0px;
		left: 0px;
		overflow: hidden;
		z-index: -2;
		background-color: #000;
		width: 100%;
		height: 100%;
	}
	.full-bg{
		position: fixed;
		top: 0px;
		left: 0px;
		overflow: hidden;
		z-index: -1;
	}

/*---------------------------------------------------
	BLANKET
----------------------------------------------------*/
	#blanket{
	 	display: none;
	 	position: fixed;
	 	width: 100%;
	 	height: 100%;
	 	background: url(../images/blanket-bg.png) 0px 0px repeat;
	 	z-index: 10000;
	 	top: 0px;
	 	left: 0px;
	 }
 	#blanket-inner{
		padding: 10px;
		overflow: auto;
	}
	 	#blanket-content{
	 		display: none;
	 		width: 408px;
	 		margin: 20px auto;
	 		position: relative;
			box-shadow: 0px 0px 20px #000;
			background: url(../images/ajax-loader.gif) center center no-repeat #fff;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
	 	}
	 		#blanket-content img{
	 			display: block;
	 		}
 			#blanket-content .close-window{
 				display: block;
				width: 45px;
				padding: 4px 0px;
				text-align: center;
				color: #fff;
				background-color: #000;
				position: absolute;
	 			top: 10px;
	 			right: 10px;
	 			font-size: 10px;
	 			line-height: 12px;
	 		}
			#blanket-content .close-window:hover{
				background-color: #DC1920;
			}
			#gallery-next {
			    background: url(../images/gallery-next.png) no-repeat center center #000;
			    right: 10px;
			}		
			#gallery-prev {
			    background: url(../images/gallery-previous.png) no-repeat center center #000;
			    left: 10px;
			}
			#gallery-prev,
			#gallery-next {
			    display: none;
			    height: 40px;
			    position: absolute;
			    top: 300px;
			    width: 40px;
			    background-color: #DC1920;
			}
			#gallery-next:hover,
			#gallery-prev:hover{
				background-color: #000;
			}

/*---------------------------------------------------
	HEADER
----------------------------------------------------*/

	#header{
		height: 80px;
		width: 100%;
		background: url(../images/footer-stroke.png) bottom center no-repeat #000;
		box-shadow: 0px 0px 10px #000;
	}
		#menu-header{
			height: 79px;
			float: left;
		}
			#menu-header li{
				float: left;
				list-style-type: none;
				background: none;
				padding: 0px;
			}
				#menu-header li a{
					text-transform: uppercase;
					color: #fff;
					font-weight: 700;
					font-size: 14px;
					line-height: 16px;
					display: block;
					padding: 32px 24px 31px;
					border-right: 1px solid #121314;
					transition: background-color .3s ease-in-out;
				   -moz-transition: background-color .3s ease-in-out;
				   -webkit-transition: background-color .3s ease-in-out;
				}
					#menu-header li a:hover,
					#menu-header li.current-menu-item a{
						background-color: #DC1920;
					}
					#menu-header li.current-menu-item a{
						color: #fff;
					}
					.template-rene-meulensteen_single-gallery-php #menu-header li#menu-item-23 a{
						background-color: #DC1920;
						color: #000;
					}
		#social-search{
			float: right;
			padding-top: 20px;
		}
			.social-container{
				position: relative;
				width: 41px;
				height: 41px;
				float: right;
				display: block;
				margin-left: 20px;
			}
				.social-container img{
					display: block;
					position: absolute;
					top: 0px;
					left: 0px;
				}
				.social-container .sprite-1{
					opacity: 1;
				   	transition: opacity .3s ease-in-out;
				   	-moz-transition: opacity .3s ease-in-out;
				   	-webkit-transition: opacity .3s ease-in-out;
				}
					.social-container:hover .sprite-1{
						opacity: 0;
					}
				.social-container .sprite-2{
					opacity: 0;
					transition: opacity .3s ease-in-out;
				   	-moz-transition: opacity .3s ease-in-out;
				   	-webkit-transition: opacity .3s ease-in-out;
				}
					.social-container:hover .sprite-2{
						opacity: 1;
					}


			#icons {
				float: right;
				margin-top: 20px;
				margin-right: 20px;
			}
				#icons img {
					height: auto;
					width: 85%;
				}

/*---------------------------------------------------
	HOMEPAGE
----------------------------------------------------*/

	#home-banner{
		display: block;
		background: url(../images/home-banner.png) 0px 15px no-repeat;
		width: 465px;
		height: 106px;
	}	
	#homepage-modules{

	}
		.homepage-module{
			display: block;
			border-bottom: 1px solid #34393B;
			padding: 15px 0px;
			line-height: 18px;
			color: #fff;
			text-transform: uppercase;
			background: url(../images/home-module-arrows.png) 440px 83px no-repeat;
		}
			.homepage-module:hover{
				background: url(../images/home-module-arrows.png) 440px -58px no-repeat;
		}
			}
			.homepage-module img{
				float: left;
				display: block;
				width: 145px;
				height: 90px;
			}
			.homepage-module span{
				display: block;
			}
			.homepage-module .text{
				float: right;
				width: 295px;
				font-size: 14px;
			}
				.homepage-module .text .subtext{
					color: #DC1920;
					font-weight: 300;
				}

/*---------------------------------------------------
	SHARED
----------------------------------------------------*/
	
	#rm-vertical-text{
		width: 41px;
		height: 490px;
		background: url(../images/rm-vertical-text.png) 0px 0px no-repeat;
		position: absolute;
		left: 50px;
		top: 130px;
	}
	#content{
		padding: 50px;
	}
	#trans-overlay{
		width: 465px;
		background: url(../images/trans-overlay-bg.png) 0px 0px repeat;
		position: relative;
		margin-left: 100px;
		padding: 40px 40px 40px 40px;
	}
		#trans-overlay .inner{			
			width: 495px;
			height: 475px;
		}
			#trans-overlay .inner-inner{
				width: 465px;

			}
		#logo{
			background: url(../images/rm-logo.png) center center no-repeat;
			width: 118px;
			height: 118px;
			position: absolute;
			top: -10px;
			right: 40px;
			z-index: 1000;
		}
		#header-text{
			border-bottom: 1px solid #373D40;
			width: 465px;
		}
			#header-text h2{
				width: 350px;
				padding-bottom: 12px;
			}
			#header-text p{
				font-size: 15px;
				line-height: 17px;
				font-family: 'Roboto', Times, "Times New Roman", serif;
			}
			#inner-text{
				padding-top: 15px;
				margin-bottom: -15px;
			}
			#inner-text-2{
				padding-top: 15px;
			}

/*---------------------------------------------------
	PARTNERS
----------------------------------------------------*/
	
	#partner-item-1 .col-left{
		padding-top: 10px;
	}
	.partner-item{
		padding-top: 15px;
	}
		.partner-item .col-left{	
			width: 125px;
		}
		.partner-item .col-right{
			width: 300px;
		}

/*---------------------------------------------------
	GALLERY
----------------------------------------------------*/

	#gallery-item-wrapper{
		padding-top: 15px;
	}

	.gallery-item{
		display: block;
		float: left;
		width: 145px;
		margin-right: 15px;
		margin-bottom: 15px;
	}
		.gallery-item img{
			display: block;
		}
		.gallery-item span{
			display: block;
			background-color: #111;
			text-align: center;
			padding: 5px 0px;
			font-size: 12px;
			text-transform: uppercase;
		}

/*---------------------------------------------------
	COACHING
----------------------------------------------------*/

	#coaching-button{
		display: block;
		width: 331px;
		height: 161px;
		background: url(../images/coaching-button.png) 0px 0px no-repeat;
		margin: 25px auto 0px;
	}
	
	#form-wrapper{
		margin-top: 10px;
		background-color: #111;
		padding: 15px;
	}	
		#form-wrapper fieldset{
			margin-bottom: 15px;
		}
		#form-wrapper label{
			display: block;
			margin-bottom: 5px;
		}
			#form-wrapper label span{
				color: #DC1920;
			}
		#form-wrapper .input{
			background-color: #222;
			border: 1px solid #333;
			width: 425px;
			padding: 4px;
			font-size: 14px;
			line-height: 14px;
		}
		#form-wrapper textarea.input{
			height: 125px;
		}
		.contact-h3{
			margin-top: 10px;
		}
		.button{
			border: none;
			background-color: #222;
			border-radius: 5px;
			color: #fff;
			display: block;
			float: right;
			padding: 4px 10px;
			font-weight: 400;
			transition: background-color .3s ease-in-out;
			-moz-transition: background-color .3s ease-in-out;
			-webkit-transition: background-color .3s ease-in-out;
		}
			.button:hover{
				background-color: #DC1920;
			}
		#validate-response{
			float: right;
			text-align: right;
			padding-top: 7px;
			padding-right: 10px;
			color: #DC1920;
		}
		#success-response{
			float: right;
			text-align: right;
			padding-top: 7px;
			padding-right: 10px;
			color: #DC1920;
		}


/*---------------------------------------------------
	CAREER
----------------------------------------------------*/
	
	#career-bubble-container{
		width: 385px;
		position: relative;
		margin-left: 200px;
		height: 1205px;
	}
		.bubble-item{
			width: 98px;
			height: 98px;
			position: absolute;
			cursor: pointer;
		}
		#bubble-item-0{
			top: 0px;
			right: 20px;
		}
		#bubble-item-1{
			top: 80px;
			left: 0px;
		}
		#bubble-item-2{
			top: 175px;
			right: 0px;
		}
		#bubble-item-3{
			top: 270px;
			left: 20px;
		}
		#bubble-item-4{
			top: 355px;
			right: 20px;
		}
		#bubble-item-5{
			top: 460px;
			left: 0px;
		}
		#bubble-item-6{
			top: 535px;
			right: 0px;
		}
		#bubble-item-7{
			top: 650px;
			left: 20px;
		}
		#bubble-item-8{
			top: 710px;
			right: 20px;
		}
		#bubble-item-9{
			top: 845px;
			left: 0px;
		}
		#bubble-item-10{
			top: 890px;
			right: 0px;
		}
		#bubble-item-11{
			top: 1030px;
			left: 20px;
		}
			.bubble-item .sprite-1,
			.bubble-item .sprite-2{
				display: block;
				position: absolute;
				top: 0px;
				left: 0px;
				z-index: 999;
			}
			.bubble-item .sprite-1{
				opacity: 1;
				transition: opacity .3s ease-in-out;
				-moz-transition: opacity .3s ease-in-out;
				-webkit-transition: opacity .3s ease-in-out;
			}
				.bubble-item:hover .sprite-1{
					opacity: 0;
				}
			.bubble-item .sprite-2{
				opacity: 0;
				transition: opacity .3s ease-in-out;
				-moz-transition: opacity .3s ease-in-out;
				-webkit-transition: opacity .3s ease-in-out;
			}
				.bubble-item:hover .sprite-2{
					opacity: 1;
				}
			.speech-bubble{
				width: 171px;
				/*height: 180px;
				background: url(../images/career-bubble-bg.png) 0px 0px no-repeat;*/
				background-color: #628595;
				border: 3px solid #fff;
				border-radius: 5px;
				padding: 15px;
				position: absolute;
				right: -210px;
				top: 5px;
				display: none;
				z-index: 10000;
			}
				.speech-bubble h3{
					border-bottom: 1px dashed #fff;
					padding-bottom: 7px;
					margin-bottom: 7px;
					font-size: 20px;
					line-height: 22px;
					font-weight: 400;
					color: #fff;
				}
				.speech-bubble p{
					font-size: 16px;
					line-height: 18px;
					font-weight: 400;

				}
		.lines{
			position: absolute;
	
		}
			#line-1{
				top: 60px;
				right: 111px;
			}
			#line-2{
				top: 156px;
				left: 86px;
			}
			#line-3{
				top: 240px;
				right: 92px;
			}
			#line-4{
				top: 335px;
				left: 113px;
			}
			#line-5{
				top: 425px;
				right: 111px;
			}
			#line-6{
				top: 525px;
				left: 92px;
			}
			#line-7{
				top: 605px;
				right: 90px;
			}
			#line-8{
				top: 720px;
				left: 110px;
			}
			#line-9{
				top: 790px;
				right: 111px;
			}
			#line-10{
				top: 904px;
				left: 92px;
			}



/*---------------------------------------------------
	VIDEOS
----------------------------------------------------*/
	
	#videos-item-wrapper{
		margin-bottom: 15px;
	}
		.video-item{
			padding: 15px 0px;
			border-bottom: 1px solid #34393B
			
		}
			.video-inner-item{
				padding: 15px;
				background-color: #111111;
			}


/*---------------------------------------------------
	FOOTER
----------------------------------------------------*/
	
	#footer{
		height: 58px;
		width: 100%;
		background: url(../images/footer-stroke.png) top center no-repeat #000;
		padding-top: 42px;
	}
		#menu-footer{
			float: left;
		}
		#copyright-menu{
			float: right;
		}
			#menu-footer li,
			#copyright-menu li{
				float: left;
				list-style-type: none;
				color: #777;
				border-right: 1px solid #777;
				padding: 0px 10px 0px 10px;
				display: block;
				text-transform: uppercase;
				font-weight: 300;
				font-size: 14px;
				line-height: 16px;
				background: none;
			}
			#menu-footer li:first-child,
			#copyright-menu li:first-child{
				padding-left: 0px;
			}
			#menu-footer li:last-child,
			#copyright-menu li:last-child{
				border: none;
			}
				#menu-footer li a,
				#copyright-menu li a{					
					color: #535353;					
				}
					#menu-footer li a:hover,
					#copyright-menu li a:hover{
						color: #DC1920;
					}



/*--------------------------------------------------------
	jQUERY SCROLLPANE
--------------------------------------------------------*/
.jspContainer{
	overflow: hidden;
	position: relative;
}

.jspPane{
	position: absolute;
}

.jspVerticalBar{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
}


.jspVerticalBar *{
	margin: 0;
	padding: 0;
}

.jspCap{
	display: none;
}

.jspHorizontalBar .jspCap{
	float: left;
}

.jspTrack{
	background: #333333;
	position: relative;
	border-radius: 10px;
}

.jspDrag{
	background: #272829;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 10px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/*--------------------------------------------------------
	STICKY FOOTER
--------------------------------------------------------*/

	body, html{
	 	height: 100%;
	}
	#wrapper{
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -100px;
	}
	#footer{
		height: 58px;
		padding-top: 42px;
	}
	#push{
		height: 100px;
	}





/*--------------------------------------------------------
	CONTACT FORM
--------------------------------------------------------*/

#leftside, #rightside {
	float: left;
	width: 49%;
}

#rightside label, #leftside label {
	display: none;
}

.input {
	width: 88%;
	padding: 5px;
	background: #272829;
	color: #999;
	border: 1px solid #272829;
	margin-bottom: 15px;
}
textarea.input {
	height: 214px;
}
#rightside .input {
	width: 96%;
}

div.clear {
	clear: both;
}

#submitEnquiry {
	background: #DC1920;
	border: 0;
	border-bottom: 6px solid #ae1419;
	margin-bottom: 30px;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
}


.ngg-gallery-thumbnail-box {
	width: 50%;
	margin-right: 0 !important;
	height: auto;
	display: block;
	float: left;
}
	.ngg-gallery-thumbnail a img {
		width: 90%;
		max-height: 150px;
	}



@media handheld, only screen and (max-width: 1110px) {

		#icons {
			width: 22%;
		}
		#full-screen-image-bg {
			background: no-repeat url(../../../../uploads/2015/07/mobile-home-bg.jpg) top right, #000 !important;
			border: 0;
		}
		.full-bg {
			display: none !important;
		}

}