/*************************
    - Basic settings -
*************************/
.sliding-image-gallery {
	position:relative;
	overflow:hidden !important;	
}

.sliding-image-gallery img {
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-o-user-select:none;
	max-width:none!important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
}

.sliding-image-gallery a {	
	text-decoration:none;
}

.sliding-image-gallery ul {
	position:absolute;
	top:0;
	left:0;
	list-style:none;
	padding:0;
	margin:0;
}

.sliding-image-gallery >ul >li {	
	position:absolute;
	list-style:none;
	z-index:1;
	top:0;
	left:0;
	padding:0;
	margin:0;	
	visibility:hidden;
}

.sliding-image-gallery .gallery-clone {
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	overflow:hidden;
	display:none;
}
	
.sliding-image-gallery .gallery-clone img {
	position:absolute;
	top:0;
	left:0;
}

/*****************
    - Shadow -
*****************/
.sliding-image-gallery-shadow {
	/*position:absolute;*/
	margin-left:auto;
	margin-right:auto;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-o-user-select:none;
}

.sliding-image-gallery-shadow1 {	
	background:url(sliding-image-gallery/shadow1.png) no-repeat; 
	background-size:100%; 
	width:890px; 
	height:60px; 
	bottom:-60px;
}

.sliding-image-gallery-shadow2 {	
	background:url(sliding-image-gallery/shadow2.png) no-repeat; 
	background-size:100%; 
	width:890px; 
	height:60px;
	bottom:-60px;
}

.sliding-image-gallery-shadow3 {	
	background:url(sliding-image-gallery/shadow3.png) no-repeat; 
	background-size:100%; 
	width:890px; 
	height:60px;
	bottom:-60px;
}

/********************
    - Preloader -
********************/
.sliding-image-gallery .preloader {
	position:absolute;
	z-index:5;
	top:50%;
	left:50%;	
	width:66px;
	height:26px;
	margin:-13px -33px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#fff url(sliding-image-gallery/preloader.gif) no-repeat center center;
}

/****************
    - Timer -
****************/
.sliding-image-gallery .timer {
	position:absolute;
	z-index:4;
	width:100%;
	height:4px;
	background-color:#fff;
	-moz-opacity:.5;
	filter:alpha(opacity=50);
	opacity:0.5;	
}

.sliding-image-gallery .timer-bottom {	
	bottom:0px !important;
}

/*********************
    - Navigation -
*********************/
.sliding-image-gallery .nav {
	position:absolute;
	z-index:7;
	left:0;
	top:0;
	overflow:hidden;
	visibility:hidden;
}

.sliding-image-gallery .nav .nav-inner {
	position:absolute;	
	left:0;
	top:0;
	margin:0;
	padding:0;	
}

.sliding-image-gallery .nav.hidden {
	display:none;
	visibility:hidden;
}

.sliding-image-gallery .nav-btn .wrapper {
	float:left;
	margin:20px;
	padding:0;
}

/* Default button */
.sliding-image-gallery .nav-btn {
	position:relative;
	display:block;
	clear:both;
	cursor:pointer;
	margin:0;
	padding:0;
	width:100%;
	height:100%;	
	font-family:'Open Sans', sans-serif; 
	background:#EEE;
	background:-moz-linear-gradient(top, #FFF, #E6E6E6);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E6E6E6')"; 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E6E6E6'); 
	border-bottom:1px solid #CCC;
	overflow:hidden;
}

.sliding-image-gallery .nav-btn h5 {
	display:block;
	margin:0;
	padding:0;		
	font-size:16px;
	line-height:20px;	
	color:#000;
}

.sliding-image-gallery .nav-btn span {
	display:block;
	clear:both;
	margin:0;
	padding:0;	
	font-size:13px;
	line-height:18px;
	color:#000;
}

/* Hovered button */
.sliding-image-gallery .nav-btn.over {
	background:#333;
	background:-moz-linear-gradient(top, #555, #222);
	background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#222));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#222222')"; 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#222222'); 
	border-bottom:1px solid #000;
}

.sliding-image-gallery .nav-btn.over h5 {
	color:#DDD;
}

.sliding-image-gallery .nav-btn.over span {
	color:#999;	
}

/* Selected button */
.sliding-image-gallery .nav-btn.selected {	
	background: #307fca;
	border-bottom:1px solid #aaa;
}

.sliding-image-gallery .nav-btn.selected h5 {
	color:#FFF;
}

.sliding-image-gallery .nav-btn.selected span {
	color:#DDD;
}

/* Right button */
.sliding-image-gallery .nav-btn.right.selected.arrow-margin {
	margin-left:0;
}

.sliding-image-gallery .nav-btn.selected.right {
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

/* Left button */
.sliding-image-gallery .nav-btn.left.selected.arrow-margin {
	margin-right:0;
}

.sliding-image-gallery .nav-btn.selected.left {
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

/* Arrow */
.sliding-image-gallery .nav-btn .arrow {
	position:relative;
	display:none;
	float:left;
	width:15px;
	height:100%;	
}

.sliding-image-gallery .nav-btn.selected .arrow {
	display:block;
}

.sliding-image-gallery .nav-btn.left .arrow {
	float:right;
}

.sliding-image-gallery .nav-btn.right.arrow-margin {
	margin-left:15px;	
}

.sliding-image-gallery .nav-btn.left.arrow-margin {
	margin-right:15px;
}

.sliding-image-gallery .nav-btn .arrow .container {
	position:absolute;
	top:50%;
	left:9px;
	width:1px;
	height:1px;
	display:inline;
}

.sliding-image-gallery .nav-btn.left .arrow .container {
	left:0;
}

.sliding-image-gallery .nav-btn .arrow .icon {
	position:absolute;
	display:block;
	top:-4px;
	width:6px;
	height:9px;
	background:url(sliding-image-gallery/sprite.png) no-repeat -7px -25px;
}

.sliding-image-gallery .nav-btn.left .arrow .icon {
	background-position:-27px -25px;
}

/******************
    - Buttons -
******************/
.buttons {
	position:absolute;
	z-index:6;
	visibility:hidden;	
}

.buttons .bullet,
.buttons .play-btn,
.buttons .previous-btn,
.buttons .next-btn {
	position:relative;
	float:left;
	overflow:hidden;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#FFF;	
	background-color:#000;
	background-color:rgba(0,0,0,0.6);	
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;	
	-webkit-transition:background linear 0.3s, color linear 0.3s;
	-moz-transition:background linear 0.3s, color linear 0.3s;
	transition:background linear 0.3s, color linear 0.3s;
}

.buttons .vertical {
	display:block;
	clear:both;
	float:none;
}

.buttons .play-btn,
.buttons .previous-btn,
.buttons .next-btn {
	background-image:url(sliding-image-gallery/sprite.png);
	background-repeat:no-repeat;
}

.buttons .bullet:hover,
.buttons .play-btn:hover,
.buttons .previous-btn:hover,
.buttons .next-btn:hover {
	background-color:#000;
	-webkit-transition:background linear 0.3s, color linear 0.3s; 
	-moz-transition:background linear 0.3s, color linear 0.3s; 
	transition:background linear 0.3s, color linear 0.3s;
}

.buttons .play-btn {
	background-position:-20px 0px;
}

.buttons .pause {
	background-position:0px 0px;
}

.buttons .previous-btn {
	background-position:-40px 0px;
}

.buttons .next-btn {
	background-position:-60px 0px;
}

/********************
    - ScrollBar -
********************/
.sliding-image-gallery #scrollbar {
	position:absolute;
	z-index:999;
	width:4px;
	height:100%;
	overflow:hidden;
	visibility:hidden;
}

.sliding-image-gallery #knob {
	position:absolute;
	top:0;
	left:0;
	width:4px;
	background-color:#333;
	-moz-opacity:.75;
	filter:alpha(opacity=75);
	opacity:.75;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.sliding-image-gallery .btn-pane {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:24px;
	z-index:2;
	visibility:hidden;
}

.sliding-image-gallery #up-btn, 
.sliding-image-gallery #down-btn {
	position:absolute;
	top:0;
	left:50%;
	width:60px;
	height:24px;
	margin-left:-30px;
	background:url(sliding-image-gallery/sprite.png) no-repeat;
	background-color:#ddd;
	background-color:rgba(221,221,221,0.7);
}

.sliding-image-gallery #up-btn {	
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-radius-bottomleft:3px;
	-webkit-border-radius-bottomright:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	background-position:-40px -48px;
}

.sliding-image-gallery #down-btn {	
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius-topleft:3px;
	-webkit-border-radius-topright:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	background-position:-40px -72px;
}

/****************************
    - Video play button -
****************************/
.sliding-image-gallery .video-play {
	position:absolute;
	left:50%;
	top:50%;
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:url(sliding-image-gallery/sprite.png) no-repeat 0px -40px;
	background-color:#000;
	background-color:rgba(0,0,0,0.75);
	-webkit-transition:.3s;
	-moz-transition:.3s;
	transition:.3s;
	cursor:pointer;
	z-index:9;
}

.sliding-image-gallery .video-play:hover {
	background-color:rgba(0,0,0,0.9);
}

.sliding-image-gallery .video-frame {
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	display:block;
}

.sliding-image-gallery .video-close {
	position:absolute;
	width:21px;
	height:21px;
	background:#000 url(sliding-image-gallery/sprite.png) no-repeat -39px -19px;
	cursor:pointer;	
	right:6px;
	top:6px;
	border:1px solid #5E5C5C;
}

/***************************
    - Fullscreen video -
***************************/
.sliding-image-gallery .caption.fullscreenvideo {	
	left:0px; 
	top:0px; 
	position:absolute;
	width:100%;
	height:100%;
}

.sliding-image-gallery .caption.fullscreenvideo iframe,
.sliding-image-gallery .caption.fullscreenvideo video { 
	width:100% !important;
	height:100% !important;
}

.sliding-image-gallery .caption.fullscreenvideo .vjs-loading-spinner { 
	visibility:none;
	display:none !important; 
	width:0px;
	height:0px;
}

.sliding-image-gallery .caption.fullscreenvideo .vjs-control-bar.vjs-fade-out,
.sliding-image-gallery .caption.fullscreenvideo .vjs-control-bar.vjs-fade-in,
.sliding-image-gallery .caption.fullscreenvideo .vjs-control-bar.vjs-fade-out.vjs-lock-showing,
.sliding-image-gallery .caption.fullscreenvideo .vjs-control-bar.vjs-fade-in.vjs-lock-showing {	
	visibility:hidden !important; 
	opacity:0 !important;
	display:none !important;
	width:0px;
	height:0px;
	overflow:hidden;
}

.sliding-image-gallery .caption.fullcoveredvideo.video-js,
.sliding-image-gallery .caption.fullcoveredvideo video {	
	background:transparent !important;
}

.sliding-image-gallery .caption.fullcoveredvideo .vjs-poster {	
	background-position:center center;
	background-size:cover;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

/*******************************
    - HTML5 video settings -
*******************************/
.vjs-tech { 
	margin-top:1px;
}

.sliding-image-gallery .caption .vjs-default-skin .vjs-big-play-button	{	
	left:50%;
	top:50%;
	margin-left:-20px;
	margin-top:-20px;
	width:40px;
	height:40px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:none;
	box-shadow:none;
	text-shadow:none;
	line-height:30px;
	vertical-align:top;
	padding:0px;
}

.sliding-image-gallery .caption .vjs-default-skin .vjs-big-play-button:before {
 	position:absolute;
 	top:0px; 
	left:0px;
 	line-height:40px;
 	text-shadow:none !important;
 	color:#fff;
 	font-size:18px;
}

.sliding-image-gallery .caption .vjs-default-skin:hover .vjs-big-play-button, 
.sliding-image-gallery .caption .vjs-default-skin .vjs-big-play-button:focus {
	box-shadow:none;
	-webkit-box-shadow:none;
}

/***********************************
    - Hide caption at start-up -
***********************************/
.sliding-image-gallery .caption {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
	-moz-opacity:0;	
	-khtml-opacity:0;	
	opacity:0; 
	position:absolute;
	z-index:2;
	visibility:hidden;
}

.sliding-image-gallery .caption.hidden-caption {
	visibility:hidden !important; 
	display:none !important;
}

/*****************************
    - Caption slide link -
*****************************/
.sliding-image-gallery .caption.slidelink a div {
	width:10000px;
	height:10000px;  
	background:url(sliding-image-gallery/empty.png) repeat;
}

/******************
    - Corners -
******************/
.sliding-image-gallery .caption .frontcorner {
	width:0;
	height:0;
	border-left:40px solid transparent;
	border-right:0px solid transparent;
	border-top:40px solid #00A8FF;
	position:absolute;left:-40px;top:0px;
}

.sliding-image-gallery .caption .backcorner {
	width:0;
	height:0;
	border-left:0px solid transparent;
	border-right:40px solid transparent;
	border-bottom:40px solid #00A8FF;
	position:absolute;right:0px;top:0px;
}

.sliding-image-gallery .caption .frontcornertop {
	width:0;
	height:0;
	border-left:40px solid transparent;
	border-right:0px solid transparent;
	border-bottom:40px solid #00A8FF;
	position:absolute;left:-40px;top:0px;
}

.sliding-image-gallery .caption .backcornertop {
	width:0;
	height:0;
	border-left:0px solid transparent;
	border-right:40px solid transparent;
	border-top:40px solid #00A8FF;
	position:absolute;right:0px;top:0px;
}