/**
 * jQuery Whale Parallax Slider v1.0.0
 * Theme: Default
 * @author      shahroq <shahroq \at\ yahoo.com>
 * @copyright   Copyright (c) 2014 shahroq.
 * http://concrete5.killerwhalesoft.com
 */
@font-face {
  font-family: 'raleway-heavy';
  src: url('font/Raleway-Heavy.eot');
  src: url('font/Raleway-Heavy.eot?#iefix') format('embedded-opentype'),
       url('font/Raleway-Heavy.woff') format('woff'),
       url('font/Raleway-Heavy.ttf') format('truetype'),
       url('font/Raleway-Heavy.svg#Raleway-Heavy') format('svg');
}
.wps-slider{
	width: 100%;
	height: 400px; /*will override by block setting*/
	position: relative;
	overflow: hidden;
	background-repeat: repeat;
	background-position: 0% 0%;
	/*background-color: #cccccc;*/
	border-style: solid;
	border-width: 0;
	border-color: #cccccc
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
}
.wps-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: left;
}
.wps-slide-current{
	z-index: 10;
}
/*without effect*/
.wps-slider-we .wps-slide{
	left: 100%;
}
.wps-slider-we  .wps-slide.wps-slide-current{
	left: 0px;
}

/*images*/
.wps-slider-we .wps-slide .wps-img{
	right: 10%;
	opacity: 1;
}
.wps-slide .wps-img{
	text-align: center;
	width: auto;
	top: 60px;
	border:0px dotted #ccc;
	max-width: 40%;
}
.wps-slide .wps-img img{
	height:auto;
	max-width:100%;
}

/*contents*/
.wps-slide h1,
.wps-slide h2,
.wps-slide h3,
.wps-slide h4,
.wps-slide h5,
.wps-slide h6,
.wps-slide p,
.wps-slide .wps-link,
.wps-slide .wps-img{
	position: absolute;
	opacity: 0;
	font-family: 'economica-bold';
	font-family: 'raleway-heavy';
}
.wps-slider-we .wps-slide h1,
.wps-slider-we .wps-slide h2,
.wps-slider-we .wps-slide h3,
.wps-slider-we .wps-slide h4,
.wps-slider-we .wps-slide h5,
.wps-slider-we .wps-slide h6,
.wps-slider-we .wps-slide p,
.wps-slider-we .wps-slide .wps-link{
	left: 10%;
	opacity: 1;
}
.wps-slide h1,
.wps-slide h2,
.wps-slide h3,
.wps-slide h4,
.wps-slide h5,
.wps-slide h6
{
	color: #fff;
	width: 40%;
	top: 60px;
	white-space: nowrap;
	z-index: 9;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	padding: 10px!important;
	margin:0!important;
}
.wps-slide p{
	width:auto;
	width: 40%;
	top: 140px;
	overflow: hidden;
	color: #fff;
	padding: 10px!important;
	margin: 0!important;;
}
.wps-slide .wps-link{
	top: 250px;
	width:auto;
	text-align: center;
	padding: 10px 40px;
	margin: 0;
  	float: left;
	border-radius: 5px;
	text-decoration: none;
	color: #FFF;
	background-color: #555555;
	/*
	background-color: #3498DB;//blue
	background-color: #E74C3C;//red
	background-color: #82BF56;//green
	background-color: #D1B358;//yellow
	*/
}
.wps-slide .wps-link:hover{
	background-color: rgba(85,85,85,0.9);
}

/*controls*/
.wps-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 15px;
	z-index: 20;
	-moz-user-select: none;
	-webkit-user-select: none;
	margin: 0 !important;
}
.wps-dots li{
	display: inline-block;
	position: relative;
	margin: 3px;
	cursor: pointer;
    border-radius: 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
    cursor: pointer;
    height: 11px;
    text-indent: -9999px;
    width: 11px;
	background-position: 0 0;
	background-repeat: repeat;
	background-attachment: scroll;
	background-color: #898989;
}
.wps-dots li.wps-dots-current,
.wps-dots li:hover
{
	background-color:#fff
}

.wps-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.wps-arrows span{
	position: absolute;
	top: 50%;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 20;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out 0.2s;
	transition: opacity 0.4s ease-in-out 0.2s;
	background: transparent url(img/arrows.png) no-repeat;
	background-color: #ffffff;
}
.wps-slider:hover .wps-arrows span{
	opacity:0.9;
}
.wps-arrows span.wps-arrows-prev{
	background-position: 0 -40px;
}
.wps-arrows span.wps-arrows-next{
	background-position: 0 0;
}

.wps-arrows span.wps-arrows-prev{
	left: 15px;
}
.wps-arrows span.wps-arrows-next{
	right: 15px;
}

.wps-slide-current .wps-img{
	right:10%;
	opacity: 1;
}
.wps-slide-current h1,
.wps-slide-current h2,
.wps-slide-current h3,
.wps-slide-current h4,
.wps-slide-current h5,
.wps-slide-current h6,
.wps-slide-current p,
.wps-slide-current .wps-link{
	left: 10%;
	opacity: 1;
}

/* Begin: Animation classes and animations */
/*
Animation 1: images
Animation 2: h,p
Animation 3: p
Animation 4: buttons
*/

/* Slide in from the right*/
.wps-slide-from-right .wps-img{
	-webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	animation: fromRightAnim1 0.6s ease-in 0.8s both;
}
.wps-slide-from-right h1,
.wps-slide-from-right h2,
.wps-slide-from-right h3,
.wps-slide-from-right h4,
.wps-slide-from-right h5,
.wps-slide-from-right h6
{
	-webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	animation: fromRightAnim2 0.6s ease-in 0.8s both;
}
.wps-slide-from-right p{
	-webkit-animation: fromRightAnim3 0.6s ease-in 0.8s both;
	animation: fromRightAnim3 0.6s ease-in 0.8s both;
}
.wps-slide-from-right .wps-link{
	-webkit-animation: fromRightAnim4 0.4s ease-in 1.2s both;
	animation: fromRightAnim4 0.4s ease-in 1.2s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ right: -50%; opacity: 0; }
	100%{ right: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ right: -50%; opacity: 0; }
	100%{ right: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}

/* Slide in from the left*/
.wps-slide-from-left .wps-img{
	-webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}
.wps-slide-from-left h1,
.wps-slide-from-left h2,
.wps-slide-from-left h3,
.wps-slide-from-left h4,
.wps-slide-from-left h5,
.wps-slide-from-left h6
{
	-webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}
.wps-slide-from-left p{
	-webkit-animation: fromLeftAnim3 0.6s ease-in 0.6s both;
	animation: fromLeftAnim3 0.6s ease-in 0.6s both;
}
.wps-slide-from-left .wps-link{
	-webkit-animation: fromLeftAnim4 0.4s ease-in 1.2s both;
	animation: fromLeftAnim4 0.4s ease-in 1.2s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ right: -110%; opacity: 0; }
	100%{ right: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ right: -110%; opacity: 0; }
	100%{ right: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}

/* Slide out to the right */
.wps-slide-to-right .wps-img{
	-webkit-animation: toRightAnim1 0.6s ease-in both;
	animation: toRightAnim1 0.6s ease-in both;
}
.wps-slide-to-right h1,
.wps-slide-to-right h2,
.wps-slide-to-right h3,
.wps-slide-to-right h4,
.wps-slide-to-right h5,
.wps-slide-to-right h6
{
	-webkit-animation: toRightAnim2 0.6s ease-in 0.6s both;
	animation: toRightAnim2 0.6s ease-in 0.6s both;
}
.wps-slide-to-right p{
	-webkit-animation: toRightAnim3 0.6s ease-in 0.3s both;
	animation: toRightAnim3 0.6s ease-in 0.3s both;
}
.wps-slide-to-right .wps-link{
	-webkit-animation: toRightAnim4 0.4s ease-in both;
	animation: toRightAnim4 0.4s ease-in both;
}
@-webkit-keyframes toRightAnim1{
	0%{ right: 10%;  opacity: 1; }
	30%{ right: 15%;  opacity: 1; }
	100%{ right: 0%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ right: 10%;  opacity: 1; }
	30%{ right: 15%;  opacity: 1; }
	100%{ right: 0%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}

/* Slide out to the left*/
.wps-slide-to-left .wps-img{
	-webkit-animation: toLeftAnim1 0.6s ease-in 0.6s both;
	animation: toLeftAnim1 0.6s ease-in 0.6s both;
}
.wps-slide-to-left h1,
.wps-slide-to-left h2,
.wps-slide-to-left h3,
.wps-slide-to-left h4,
.wps-slide-to-left h5,
.wps-slide-to-left h6
{
	-webkit-animation: toLeftAnim2 0.6s ease-in both;
	animation: toLeftAnim2 0.6s ease-in both;
}
.wps-slide-to-left p{
	-webkit-animation: toLeftAnim3 0.6s ease-in 0.3s both;
	animation: toLeftAnim3 0.6s ease-in 0.3s both;
}
.wps-slide-to-left .wps-link{
	-webkit-animation: toLeftAnim4 0.4s ease-in both;
	animation: toLeftAnim4 0.4s ease-in both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ right: 10%;  opacity: 1; }
	40%{ right: 5%;  opacity: 1; }
	90%{ right: 100%;  opacity: 0; }
	100%{ right: -150%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ right: 10%;  opacity: 1; }
	40%{ right: 5%;  opacity: 1; }
	90%{ right: 100%;  opacity: 0; }
	100%{ right: -150%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
/* End: Animation classes and animations */