/* v1.0.3 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider { height: 100%; width: 100%; margin: 0; position: relative; direction: ltr; }
.royalSlider > * { float: left }
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(); }
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer { -webkit-transform: none }
.rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; }
.rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.rsArrow,
.rsThumbsArrow { cursor: pointer }
.rsThumb { float: left; position: relative; }
.rsArrow,
.rsNav,
.rsThumbsArrow { opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear; transition: visibility 0s linear 0.3s,opacity 0.3s linear; }
.rsGCaption { width: 100%; float: left; position: relative; z-index: 9; }

.rsSlide { min-width: 1600px; }

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; }
.royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; }
.rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; }
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide { height: auto }
.rsContent { width: 100%; height: 100%; position: relative; }
.rsPreloader { position: absolute; z-index: 0; }
.rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; }
.rsNavItem { -webkit-tap-highlight-color: rgba(0,0,0,0.25) }
.rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; }
.grabbing-cursor { cursor:move}
.grab-cursor{cursor:move}
.rsTabs { float: left; background: none !important; }
.rsTabs,
.rsThumbs { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0); }
.rsVideoContainer { /*left: 0;; top: 0; position: absolute; */: ; /*width: 100%; height: 100%; position: absolute; left: 0; top: 0; float: left; */ width: auto; height: auto; line-height: 0; position: relative; }
.rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; }
.rsVideoFrameHolder.rsVideoActive { opacity: 1 }
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; }
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; }
.rsABlock { left: 0; top: 0; position: absolute; z-index: 15; -webkit-backface-visibility: hidden; }
.rsNoDrag { cursor: auto }
.rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(blank.gif); -webkit-backface-visibility: hidden; }

.rsDefault .rsPreloader { width:20px; height:20px; background-image:url(../img/preloader-white.gif); left:50%; top:50%; margin-left:-10px; margin-top:-10px;	 }


.rsBullets { position: absolute; z-index: 35; left: 0; bottom: 0; width: 100%; height: auto; margin: 0 auto; text-align: center; overflow: hidden; }
.rsBullet { background: #777; background: rgba(255,255,255,0.5); cursor: pointer; width: 10%; height: 7px; display: inline-block; *display:inline; *zoom:1; margin: 0 5px 0px; }
.rsBullet:hover { background: #d3d2d1; }
.rsBullet.rsNavSelected { background-color: #fbbe2b; }

/*
	.rsThumb { border: 3px solid #e5e5e5; bottom: -34px; height: 60px; width: 160px; }
	.rsNav { position: absolute; bottom: -66px; left: auto; right: auto; width: 100%; }
	.rsThumbsContainer { height: 100px !important; margin: 0 auto; position: relative; overflow: hidden; max-width: 1004px; }
	.rsNavSelected { background: #fbbe2b; }
	.rsNavSelected img { opacity: .5; }
*/

#slider { background: url(../img/line-pattern.png) repeat-x left bottom; height: 595px; overflow: hidden; padding-bottom: 15px; position: relative; width: 100%; visibility: hidden; }
#header-image { visibility: hidden; }
	.info-bar { background: url(../img/info-bar-bg.png) repeat; color: #fff; height: 70px; position: absolute; bottom: 15px; width: 100%; }
	.caption { bottom: 60px; color: #fff; line-height: 1.2; margin:  0 auto; max-width: 1004px; padding: 0 0 0 20px; position: relative; }
	.caption a { color: #fff; }
	.caption span.label { color: #d3d2d1; font-size: 10px; margin-right: 20px; text-transform: uppercase; width: auto; }
	.caption span { display: block; float: left; width: 125px; }
	.caption .launch-btn { background: url(../img/icon-link.png) no-repeat right top; display: block; padding: 2px 30px 10px 0; position: absolute; right: 20px; text-decoration: none; top: 0; }
	.caption .project-client { float: left; }
	.caption .project-location { float: left; margin-left: 40px; }


@media screen and (max-width: 768px) {
	#slider { height: 450px; }
}


@media screen and (max-width: 640px) {
	#slider { height: 300px; }
	.royalSlider, .rsOverflow { height: 300px !important; }
}

@media screen and (max-width: 639px) {
	.caption .launch-btn { text-indent: -9999px; }
}

@media screen and (max-width: 480px) {
	.project-location { display: none; }
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .caption .launch-btn { background: url(../img/icon-link@2x.png) no-repeat right top; background-size: 24px 18px; }
}