#chr-slider-box{
	position: relative; overflow: hidden; z-index: 0;
}

.cycle-slideshow, .cycle-slideshow * {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.cycle-pager, #custom-pager {
	text-align: center; width: 50%; z-index: 999; position: absolute; bottom: 10px; left: 25%; overflow: hidden;
}

.cycle-slideshow {
	width: 100%; height: 100%; min-height: 128px; color: #fff; overflow: hidden; background-image: url('./../images/spinner.gif');  background-position:center center; background-size: 128px 128px; background-repeat: no-repeat;
}

.cycle-pager span, #custom-pager a {
    color: #000;
    cursor: pointer;
}

.cycle-pager span{
	font-size: 50px;
	width: 16px !important;
    height: 16px !important;
    text-decoration: none;
}

#custom-pager a {
	font-size: 17px;
	text-decoration: none;
}

.cycle-pager span.cycle-pager-active, .cycle-pager span:hover, #custom-pager a:hover, #custom-pager a.cycle-pager-active {
    color: #fff;
}

.cycle-pager > * {
    cursor: pointer;
}

.cycle-slideshow figure {
    width:100%;
    height:100%;
    overflow:hidden;
    margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 0;
	display: none;
}
			
.cycle-slideshow img {
    width:100%;
    min-width:100%;
    min-height:100%;
}

.cycle-caption {
    width:100%;
    height:100%;
    padding:20px;
    position:absolute;
    top:0;
    left:0;
    z-index:999;
}

.prev:before, .next:before {
	color: #FFF; font-weight: normal; font-size: 40px; position: absolute;
}

.prev {
	opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); cursor: pointer; height: 50px; width: 50px; position: absolute; left: 0px; top: 50%; margin-top: -25px; z-index: 1002; margin: 0; text-align: center;
}

.next {
	opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); cursor: pointer; height: 50px; width: 50px; position: absolute; right: 15px; top: 50%; margin-top: -25px; z-index: 1002; margin: 0; text-align: center;
}

.next:before {
	content: "\003E";
}

.prev:before {
	content: "\003C";
}

.cycle-slideshow:hover .prev {
	-moz-animation: bounceInLeft  0.7s; -webkit-animation: bounceInLeft  0.7s; animation: bounceInLeft 0.7s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;
}

.cycle-slideshow:hover .next {
	-moz-animation: bounceInRight  0.7s; -webkit-animation: bounceInRight  0.7s; animation: bounceInRight 0.7s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;
}

.matrix {
	position: absolute; background: url('./../images/matrix.png'); top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; z-index:990; opacity: 0.2;
}
                             
#progress {
	position: absolute; bottom: 0; left:0; height: 7px; width: 0px; background: -moz-linear-gradient(left, rgba(30, 30, 30, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(30, 30, 30, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.8))); background: -webkit-linear-gradient(left, rgba(30, 30, 30, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%); background: -o-linear-gradient(left, rgba(30, 30, 30, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%); background: -ms-linear-gradient(left, rgba(30, 30, 30, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to right, rgba(30, 30, 30, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d1e1e1e', endColorstr='#cc000000', GradientType=1); z-index: 99999; -webkit-border-top-right-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomright: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px;
}

.shadow {
    width:100%; height:60px; background-image: url('./../images/shadow.png'); background-position:center top; background-size: 100% auto; background-repeat: no-repeat; margin:0 auto;
}

.chr-caption1 {
    font-weight:bold; position:absolute; top:20px; z-index:30; padding:5px; opacity: 1;
}

.chr-caption2 {
    font-weight:bold; position:absolute; top:70px; z-index:40; padding:5px; opacity:1;
}
.chr-caption3 {
    font-weight:bold; position:absolute; top:113px; z-index: 50; padding:5px; opacity:1;
}

.chr-caption4 {
    position:absolute; bottom:80px; right:80px; z-index:9999; cursor:pointer; text-indent:0px; display:inline-block; font-size:20px; font-weight:normal; font-style:normal; height:45px; line-height:45px; min-width:100px; padding: 0 10px; text-decoration:none; text-align:center;
}

#global-social-media{
	position:absolute; bottom:20px; z-index:7000;
}

.chr-twitter, .chr-facebook, .chr-linkedin, .chr-plus {
    width:48px; height:48px; background-position:center center; background-repeat:no-repeat; background-size:48px 48px;  opacity: 0.7; visibility: visible; text-decoration: none; float: left; position: relative;
}

.chr-twitter {
	-moz-animation: bounceInUp 0.8s ease-in 1.6s backwards; -webkit-animation: bounceInUp 0.8s ease-in 1.6s backwards; animation: bounceInUp 0.8s ease-in 1.6s backwards;
}

.chr-facebook {
	-moz-animation: bounceInUp 0.8s ease-in 1.9s backwards; -webkit-animation: bounceInUp 0.8s ease-in 1.9s backwards; animation: bounceInUp 0.8s ease-in 1.9s backwards;
}

.chr-linkedin {
    -moz-animation: bounceInUp 0.8s ease-in 2.2s backwards; -webkit-animation: bounceInUp 0.8s ease-in 2.2s backwards; animation: bounceInUp 0.8s ease-in 2.2s backwards;
}

.chr-plus {
	-moz-animation: bounceInUp 0.8s ease-in 2.5s backwards; -webkit-animation: bounceInUp 0.8s ease-in 2.5s backwards; animation: bounceInUp 0.8s ease-in 2.5s backwards;
}

.chr-twitter:hover, .chr-facebook:hover, .chr-linkedin:hover, .chr-plus:hover {
    cursor:pointer; opacity: 1;
}