/*====================================================================*/
/*	GENERAL
/*====================================================================*/

	#ninzio-slider {
		position:relative;
		width: 100%;
		margin:0 auto;
		overflow: hidden;
		background-color: #f5f5f5;
		background-image:url(../images/ajax_loader.gif);
		background-repeat: no-repeat;
		background-position: center center;
		display: none;
	}

	#ninzio-slider[data-mobile="true"] {
		display: block;
	}

	.dark-skin #ninzio-slider {
		background-color: #3b3b3b;
		background-image:url(../images/ajax_loader_dark.gif);
	}

	#ninzio-slider > ul.ninzio-slides {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#ninzio-slider > .ninzio-slides > li {
		width: 100%;
		height: 100%;
		position: absolute;
		padding: 0;
		margin: 0;
		z-index: 1;
		font-size: inherit;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		background-size: cover !important;
		background-position: center center;
		background-repeat: no-repeat;
		overflow: hidden;
		visibility: hidden;
		-webkit-transition: opacity ease 0.3s, visibility ease 0.3s;
		-moz-transition: opacity ease 0.3s, visibility ease 0.3s;
		-o-transition: opacity ease 0.3s, visibility ease 0.3s;
		-ms-transition: opacity ease 0.3s, visibility ease 0.3s;
		transition: opacity ease 0.3s, visibility ease 0.3s;
		opacity: 0;
	}

	#ninzio-slider > .ninzio-slides > li.active {
		visibility: visible;
		opacity: 1;
	}

	#ninzio-slider > .ninzio-slides > li .slider-canvas {
		margin: 0 auto; 
		position: relative;
		height: 100%;
	}

	#ninzio-slider .ninzio-layer {
		position: absolute;
		height: auto;
		font-size: 13px;
		line-height: 22px;
		white-space: nowrap;
		visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	#ninzio-slider > .ninzio-slides > li.active .ninzio-layer {
		visibility: visible;
	}

	#ninzio-slider > .ninzio-slides > li.animate-out .ninzio-layer {
		visibility: hidden;
	}

	.ninzio-layer.bottom,
	.ninzio-layer.left_bottom,
	.ninzio-layer.right_bottom
	{top:100% !important;}
	
	#ninzio-slider .animate-in .ninzio-layer {
		opacity: 1 	!important;
	}

	#ninzio-slider .ninzio-slides li > video {
		position: absolute;
		top: -1px; 
		right: 0px; 
		min-width: 100%; 
		width: 100%; 
		height: auto; 
		z-index: -1000; 
		overflow: hidden;
	}

/*====================================================================*/
/*	LAYER CONTENT
/*====================================================================*/

	#ninzio-slider .ninzio-layer > *,
	#ninzio-slider .ninzio-layer .ninzio-slider-colorbox > * {
		margin-bottom: 0;
	}

	#ninzio-slider .ninzio-layer .ninzio-slider-colorbox,
	#ninzio-slider .ninzio-layer .wp-caption {
		white-space: normal;
	}

	#ninzio-slider .ninzio-layer > p > img:only-child {
		position: absolute;
	}


	#ninzio-slider .ninzio-layer {
		-webkit-transform-origin: 0px 0px;
		-moz-transform-origin: 0px 0px;
		-o-transform-origin: 0px 0px;
		-ms-transform-origin: 0px 0px;
		transform-origin: 0px 0px;
	}

	#ninzio-slider .ninzio-layer > img {
		max-width: none !important;
	}

	/*Sizes*/
	#ninzio-slider .ninzio-layer i.fa.small {font-size:64px; line-height: 64px;}
	#ninzio-slider .ninzio-layer i.fa.medium {font-size:128px; line-height: 128px;}
	#ninzio-slider .ninzio-layer i.fa.large {font-size:256px;  line-height: 256px;}

	/*Sizes with types*/
	#ninzio-slider .ninzio-layer i.fa.circle.small,
	#ninzio-slider .ninzio-layer i.fa.square.small {
		width: 110px;
		height: 110px;
		line-height: 107px;
		border-width: 3px;
	}
	#ninzio-slider .ninzio-layer i.fa.circle.medium,
	#ninzio-slider .ninzio-layer i.fa.square.medium {
		width: 220px;
		height: 220px;
		line-height: 215px;
		border-width: 4px;
	}
	#ninzio-slider .ninzio-layer i.fa.circle.large,
	#ninzio-slider .ninzio-layer i.fa.square.large {
		width: 400px;
		height: 400px;
		line-height: 400px;
		border-width: 5px;
	}

	#ninzio-slider .ninzio-layer a {
		-webkit-transition: all ease 0.25s;
		-moz-transition: all ease 0.25s;
		-o-transition: all ease 0.25s;
		-ms-transition: all ease 0.25s;
		transition: all ease 0.25s;
	}

/*====================================================================*/
/*	NAVIGATION
/*====================================================================*/
	
	#ninzio-slider .controls {
		display: block;
		width: 64px;
		height: 64px;
		background-color:transparent;
		background-image: url(../images/arrow_slider_l.png);
		background-repeat: no-repeat;
		background-position: center center;
		position: absolute;
		top: 50%;
		margin-top: -32px;
		left: 0;
		cursor: pointer;
		z-index: 98;
	}

	#ninzio-slider .controls.next {
		left: auto;
		right: 0;
		background-image: url(../images/arrow_slider_r.png);
		border-radius: 3px 0px 0px 3px;	
	}

	#ninzio-slider .controls {
		opacity: 0;
		-webkit-transition: all ease 0.25s;
		-moz-transition: all ease 0.25s;
		-o-transition: all ease 0.25s;
		-ms-transition: all ease 0.25s;
		transition: all ease 0.25s;
	}

	#ninzio-slider:hover .slider-nav {opacity: 0.7;}
	#ninzio-slider:hover .slider-nav:hover {opacity: 1;}

	#ninzio-slider .ninzio-slider-bullets {
		position: absolute;
		z-index: 98;
		left: 0;
		bottom:30px;
		width: 100%;
		height: 10px;
		text-align: center;
	}

	#ninzio-slider .ninzio-slider-bullets span {
		display: inline-block;
		width: 12px;
		height: 12px;
		background-color:#ffffff;
		opacity: 0.5;
		border:2px solid transparent;
		border-radius: 50%;
		cursor: pointer;
		margin: 0 10px 0px 0;
		-webkit-transition: all ease 0.25s;
		-moz-transition: all ease 0.25s;
		-o-transition: all ease 0.25s;
		-ms-transition: all ease 0.25s;
		transition: all ease 0.25s;
		-moz-background-clip: content;
		-webkit-background-clip: content;
		background-clip: content-box;

	}

	#ninzio-slider .ninzio-slider-bullets span.current-bullet {
		background-color: transparent;
		border-color: #ffffff;
		opacity: 1;
	}

	#ninzio-slider .ninzio-slider-bullets span:last-child {
		margin-right: 0;
	}

	@media only screen and (min-width: 768px) {
		#ninzio-slider {display: block;}

		#ninzio-slider > .ninzio-slides > li[data-video="false"][data-parallax="yes"] {
			background-attachment: fixed;
			background-position: center top;
		}
	}