/* CSS Document */
.fullscreen-slider{
	height:500px;
	position: relative;
}


.fullscreen-slider ul {
    list-style: none;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    padding: 0;
    margin: 0;
}

.fullscreen-slider ul li {
    position: absolute;
    width: 100%;
    min-height: 100%;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
}

/* If background-size supported we'll add the images to the background of the li */

.fullscreen-slider ul li {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
	background-repeat:no-repeat;
}
 .fullscreen-slider ul li:not(.no-opacity):before {
	position:absolute;
	width:100%;
	height:100%;
	background:#364452;
	opacity:0.4;
	content: '';
	top:0;
	left:0;
}

/* ...and hide the images */
.fullscreen-slider ul li img.player-bg {
    display: none;
}

.fullscreen-slider .controls .prev,
.fullscreen-slider .controls .next {
    position: absolute;
    cursor: pointer;
	top:50%;
	line-height:0;
	font-size:32px;
	color: white;
}
.fullscreen-slider .controls .navs {
	bottom: 20px;
	position:absolute;
	width:100%;
	padding: 0 0 0 0;
	text-align:center;
}
.fullscreen-slider .controls .navs .nav {
    margin-right: 5px;
    width: 10px;
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    background: #e2dcce;
    height: 10px;
}

.fullscreen-slider .controls .navs .nav:hover {
    background: #fbbf2d;
}


.fullscreen-slider .controls .prev {
	left:5%;
}
.fullscreen-slider .controls .next {
	right:5%;
}

.fullscreen-slider .controls .prev:hover {
	-webkit-animation: point-left 2s infinite;
	   -moz-animation: point-left 2s infinite;
		-ms-animation: point-left 2s infinite;
		 -o-animation: point-left 2s infinite;
			animation: point-left 2s infinite;
}
.fullscreen-slider .controls .next:hover {
	-webkit-animation: point-right 2s infinite;
	   -moz-animation: point-right 2s infinite;
		-ms-animation: point-right 2s infinite;
		 -o-animation: point-right 2s infinite;
			animation: point-right 2s infinite;
}


.fullscreen-slider .player-content{
	position: relative;
	color: white;
}

.fullscreen-slider .player-content{
	position: absolute;
	color: white;
	width:100%;
	bottom:20%;
}

.fullscreen-slider .player-title{
    text-align: center;
}

.fullscreen-slider .player-title a{
	/*border: 2px solid white;*/
	padding: 7px 14px;
    color: white;
    font-size: 28px;
}

.fullscreen-slider .description{
	padding: 40px 20px 20px;
    text-align: center;
}


@-webkit-keyframes point-left {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@keyframes point-left {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}

@-webkit-keyframes point-right {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  60% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}
@keyframes point-right {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  60% {
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}


@media screen and (max-width:990px) {

	.fullscreen-slider{
		height:400px;
	}

	.fullscreen-slider .player-content{
		position: absolute;
		color: white;
		width:100%;
		bottom:20%;
	}

	.fullscreen-slider .player-title,
	.fullscreen-slider .description{
		padding: 20px;
		width: 100%;

	}
	.fullscreen-slider .description{
		line-height:1.2;
	}

	.fullscreen-slider .controls .navs {
		padding: 0 5%;
		text-align:left;

	}


	.fullscreen-slider .controls .navs .nav {
		width: 40px;
	}

}

@media screen and (max-width: 600px) {

	.fullscreen-slider{
		height:250px;
	}

	.fullscreen-slider .player-content{
		position: absolute;
		color: white;
		width:100%;
		top: 20%;
		text-align:center;
	}

    .fullscreen-slider .player-title a{
        font-size: 18px;
    }


	.fullscreen-slider .player-title,
	.fullscreen-slider .description{
		padding: 10px 0 40px;
	}

	.fullscreen-slider .player-title{
		line-height: 1.2;
	}

	.fullscreen-slider .description{
        display: none
	}

	.fullscreen-slider .controls .navs {
		padding: 0;
		text-align:center;

	}


	.fullscreen-slider .controls .navs .nav {
		width: 50px;
	}



	.fullscreen-slider .author .icon img{
		display: none;
	}


}