/**
 * Plugin Name: Crelly Slider
 * Plugin URI: https://wordpress.org/plugins/crelly-slider/
 * Description: A free responsive slider that supports layers. Add texts, images, videos and beautify them with transitions and animations.
 * Version: 1.2.1
 * Author: Fabio Rinaldi
 * Author URI: https://github.com/fabiorino
 * License: MIT
 */

.crellyslider {
	    font-size: 17px;
    color: #fff;
    text-align: center;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	line-height: 1.5;
}

.crellyslider a {
	color: #0073aa;
}

.crellyslider a:hover {
	color: #0073aa;
}

.crellyslider > .cs-preloader {
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}

.crellyslider > .cs-preloader > .cs-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	display: block;
	width: 100%;
	height: 100%;
	filter: blur(5px);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
}

.crellyslider > .cs-preloader > .cs-loader {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 46%;
	margin-top: -25px;
	z-index: 12;
}

.crellyslider > .cs-preloader > .cs-loader > .cs-spinner {
	top: 16px;
	left: 50%;
	margin-left: -2px;
}

.crellyslider > .cs-preloader > .cs-loader > .cs-spinner, .crellyslider > .cs-preloader > .cs-loader > .cs-spinner:before, .crellyslider > .cs-preloader > .cs-loader > .cs-spinner:after {
  width: 4px;
  height: 18px;
  background-color: #0b60a9;
  border-radius: 2px;
}

.crellyslider > .cs-preloader > .cs-loader > .cs-spinner {
  display: inline-block;
  position: relative;
}
.crellyslider > .cs-preloader > .cs-loader > .cs-spinner:before, .crellyslider > .cs-preloader > .cs-loader > .cs-spinner:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.crellyslider > .cs-preloader > .cs-loader > .cs-spinner:before {
  left: -6px;
}
.crellyslider > .cs-preloader > .cs-loader > .cs-spinner:after {
  left: 6px;
}

@-webkit-keyframes cs-bounce-middle {
  0% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  50% {
    height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  100% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
@keyframes cs-bounce-middle {
  0% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  50% {
    height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  100% {
    height: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.crellyslider > .cs-preloader > .cs-loader > .cs-spinner {
  -webkit-animation: cs-bounce-middle 0.6s ease 0.1s infinite;
          animation: cs-bounce-middle 0.6s ease 0.1s infinite;
}
.crellyslider > .cs-preloader > .cs-loader > .cs-spinner:before, .crellyslider > .cs-preloader > .cs-loader > .cs-spinner:after {
  top: 50%;
  -webkit-transform: translateY(-10px) translateZ(0);
          transform: translateY(-10px) translateZ(0);
}
.crellyslider > .cs-preloader > .cs-loader > .cs-spinner:before {
  -webkit-animation: cs-bounce-middle 0.6s ease 0s infinite;
          animation: cs-bounce-middle 0.6s ease 0s infinite;
}
.crellyslider > .cs-preloader > .cs-loader > .cs-spinner:after {
  -webkit-animation: cs-bounce-middle 0.6s ease 0.2s infinite;
          animation: cs-bounce-middle 0.6s ease 0.2s infinite;
}

.crellyslider > .cs-controls,
.crellyslider > .cs-navigation {
	z-index: 9999;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	opacity: 1;
}

.crellyslider > .cs-slides {
	list-style: none;
	margin: 0;
	padding: 0;
}

.crellyslider > .cs-slides > .cs-slide {
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.crellyslider > .cs-slides > .cs-slide > .cs-background-link {
	opacity: 0;
	z-index: 0;
	padding: 0;
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;
	left: 0 !important;
}

.crellyslider > .cs-slides > .cs-slide > * {
	position: absolute;
    display: block;
	cursor: default;
}

.crellyslider > .cs-slides > .cs-slide > a {
	cursor: pointer;
}

.crellyslider > .cs-slides > .cs-slide > img,
.crellyslider > .cs-slides > .cs-slide > a > img {
	max-width: none !important;
}

.crellyslider > .cs-slides > .cs-slide a,
.crellyslider > .cs-slides > .cs-slide > a > img {
	text-decoration: none;
	outline: none;
	border: none;
}

.crellyslider > .cs-controls {
	width: 100%;
	height: 40px;
	top: 50%;
	position: absolute;
}

.crellyslider > .cs-controls > .cs-previous,
.crellyslider > .cs-controls > .cs-next {
	position: absolute;
	cursor:pointer;
	color: #fff;
	font-family: 'Glyphicons Halflings';
	font-size: 25px;
	padding:12px;
}
.crellyslider > .cs-controls > .cs-previous {
	left: 1% !important;
}
.crellyslider > .cs-controls > .cs-next {
	right: 1% !important;
}
.crellyslider > .cs-controls > .cs-previous:before {
	content: "\e257";
}
.crellyslider > .cs-controls > .cs-next:before {
	content: "\e258";
}
.crellyslider > .cs-navigation {
display:none
	
}

.crellyslider > .cs-navigation > .cs-slide-link {
	width: 20px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
	margin: 6px;
	border: 2px solid #444;
	border-radius: 50%;
}

.crellyslider > .cs-navigation > .cs-slide-link.cs-active {

	border: 4px solid rgba(255, 255, 255, 0.87);
	background-color: #ffc107;
}

.crellyslider > .cs-progress-bar {
	width: 0%;
	height: 4px;
	position: absolute;
	top: 0;
	background-color: #fff;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 999;
}

.crellyslider > .cs-progress-bar.cs-progress-bar-hidden {
	opacity: 0;
	filter: alpha(opacity=0);
}