/**

 * @version		$Id$

 * @author		NooTheme

 * @package		Joomla.Site

 * @subpackage	mod_noo_slideshow

 * @copyright	Copyright (C) 2013 NooTheme. All rights reserved.

 * @license		License GNU General Public License version 2 or later; see LICENSE.txt, see LICENSE.php

 */





@media (max-width:480px) {

	.NooSlide .carousel-caption {

		position: static!important;

		height: auto!important;

	}

}

.NooSlide .carousel {

	position: relative;

	margin-bottom: 0px;

	line-height: 1;

}



.NooSlide .carousel-inner {

	position: relative;

	width: 100%;

	overflow: hidden;

}

.NooSlide .carousel-inner > .item{

	display: none;

    position: relative;

    transition: left 0.6s ease-in-out 0s;

}

.NooSlide .carousel .item:hover{

    cursor: pointer;

}



.NooSlide .carousel .item > img {

	display: block;

	line-height: 1;

	width:100%;

}



.NooSlide .carousel .active,

.NooSlide .carousel .next,

.NooSlide .carousel .prev {

	display: block;

}



.NooSlide .carousel .active {

	left: 0;

}



.NooSlide .carousel .next,

.NooSlide .carousel .prev {

	position: absolute;

	top: 0;

	width: 100%;

}





.NooSlide .carousel .next {

	left: 100%;

}



.NooSlide .carousel .prev {

	left: -100%;

}



.NooSlide .carousel .next.left,

.NooSlide .carousel .prev.right {

	left: 0;

}



.NooSlide .carousel .active.left {

	left: -100%;

}



.NooSlide .carousel .active.right {

	left: 100%;

}



.NooSlide .carousel-control {

	position: absolute;

	top: 40%!important;

	left: 15px;

	width: 40px;

	height: 40px;

	margin-top: 10px;

	font-size: 60px;

	font-weight: 100;

	line-height: 30px;

	color: #ffffff;

	text-align: center;

	background: #222222;

	border: 3px solid #ffffff;

	-webkit-border-radius: 23px;

	-moz-border-radius: 23px;

	border-radius: 23px;

	opacity: 0.5;

	filter: alpha(opacity=50);

}



.NooSlide .carousel-control.right {

	right: 15px;

	left: auto;
display:none;

}



.NooSlide .carousel-control.left {

	left: 15px;

	right: auto;
display:none;
}



.NooSlide .carousel-control:hover {

	color: #ffffff;

	text-decoration: none;

	opacity: 0.9;

	filter: alpha(opacity=90);

}



.NooSlide .carousel-caption {

	position: absolute;

	right: 0;

	left: 0;

	padding: 10px 15px 5px;

	background: #333333;

	background: rgba(0, 0, 0, 0.75);

}



.NooSlide .carousel-caption h4,

.NooSlide .carousel-caption div,

.NooSlide .carousel-caption h4 a {

	color: #ffffff;

}



.NooSlide .carousel-inner .left{

    float:none !important;

	margin:0px !important;

}



.NooSlide .carousel-indicators {

	position: absolute;

	top: 15px;

	right: 15px;

	z-index: 10;

	margin: 0;

	list-style: none;
display:none;

}



.NooSlide .carousel-indicators li {

	display: block;

	float: left;

	width: 10px;

	height: 10px;

	margin-left: 5px;

	text-indent: -999px;

	background-color: #ccc;

	background-color: rgba(255, 255, 255, 0.25);

	border-radius: 5px;

	cursor: pointer;

}



.NooSlide .carousel-indicators .active {

	background-color: #fff;

}



.NooSlide .carousel .item {

/*

	position: relative;

	display: none;

	-webkit-transition: 0.6s ease-in-out left;

	-moz-transition: 0.6s ease-in-out left;

	-ms-transition: 0.6s ease-in-out left;

	-o-transition: 0.6s ease-in-out left;

	transition: 0.6s ease-in-out left;

*/

	opacity: 0;

	-webkit-transition-property: opacity;

	-moz-transition-property: opacity;

	-o-transition-property: opacity;

	transition-property: opacity;

}

.NooSlide .carousel .active{

	opacity:1;

}

.NooSlide .carousel .active.left ,

.NooSlide .carousel .active.right {

	left:0;

	opacity:0;

	z-index:1;

}

.NooSlide .carousel .next.left ,

.NooSlide .carousel .prev.right {

	opacity:1;

}