/**

 * @version		$Id$

 * @author		NooTheme

 * @package		Joomla.Site

 * @subpackage	mod_noo_contentslider

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

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

*/



@charset "UTF-8";

.noo-cs {
	position: relative;
}

.noo-cs:after {

	clear: both;

}

.noo-cs:before, .noo-cs:after {

	content: "";

	display: table;

	line-height: 0;

}

.noo-cs-main-wrap{padding:0 30px;}
#noo-cs-category-spielworks .noo-cs-category-wrap, .noo-cs-categories .noo-cs-category-wrap, .noo-cs-videos-wrap{padding:0 30px;}
/*.noo-cs-category-wrap{height:300px;}*/

.noo-cs-inner{

	overflow: hidden;

	position: relative;

}

.cs-group-inner{



}

.noo-cs-group {

	display: none;

	left: 0;

	overflow: hidden;

	position: absolute;

	top: 0;

	width: 100%;

}

.hrz .noo-cs-group{

	-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;

}

.vrt .noo-cs-group{

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

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

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

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

	transition: 0.6s ease-in-out top;

}

.noo-cs-group.active {

	display: block;

	left: 0;

	position: relative;

	top: 0;

}



.cs-group-inner .active,

.cs-group-inner .next,

.cs-group-inner .nextvrt,

.cs-group-inner .prevvrt,

.cs-group-inner .prev {

	display: block;

}



.cs-group-inner .active {

	left: 0;

	top:0;

}





.cs-group-inner .next {

	left: 100%;

}



.cs-group-inner .prev {

	left: -100%;

}

.cs-group-inner .next.left,

.cs-group-inner .prev.right {

	left: 0;

}

.cs-group-inner .active.left {

	left: -100%;

}



.cs-group-inner .active.right {

	left: 100%;

}

/**/

.cs-group-inner .nextvrt {

	top: 100%;

}



.cs-group-inner .prevvrt {

	top: -100%;

}

.cs-group-inner .nextvrt.up,

.cs-group-inner .prevvrt.down {

	top: 0;

}

.cs-group-inner .active.up {

	top: -100%;

}



.cs-group-inner .active.down {

	top: 100%;

}

/**/

.noo-cs-pager {

	text-align: center;

}

.cs-indicators {

	list-style: none outside none;

	margin: 0;

	position: relative;

}

.cs-indicators li {

	background-color: #BEBEBE;

	border-radius: 5px 5px 5px 5px;

	cursor: pointer;

	display: inline-block;

	float: left;

	height: 10px;

	margin-left: 5px;

	text-align: left;

	text-indent: -999px;

	width: 10px

}

.cs-indicators .active {
	background-color: #333333;
}

.noo-cs-item {
	text-align: center;
	float:left;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.noo-cs-item {
		/*width: 50% !important;*/
	}

}



@media only screen and (min-width: 480px) and (max-width: 767px) {
	.title-light, .title-dark{text-align: center;}
	.noo-cs-main-wrap{margin:10px 30px;}
}



@media only screen and (min-width: 0px) and (max-width: 479px) {
	.noo-cs-item {
		width: 100% !important;
	}
	.title-light, .title-dark{text-align: center;}

}

.item-info {

}

.item-info h2 {
	border: medium none;
	padding:0;
}

.item-info a {

}

.cs-title {
	font-size: 13px;

}

.cs-title:hover {
}

.cs-item-inner {

}

.item-image {
	/*padding: 0!important;
	height: 100%;*/
}

.noo-cs-control {
}

.cs-btn {


	/*background: url("../img/sprite.png") no-repeat scroll 0 0 transparent;*/

	/*display: inline-block;*/
	/*position: absolute;

	*//*height: 20px;*//*
	height: 60px;

	text-align: left;

	text-indent: -999em;

	width: 20px;*/
	width:23px;
	display: block;
	height: 36px;
	top:43%;
	opacity: 1;
	position: absolute;
	transition: opacity 300ms ease-in 0s;
	z-index: 100;

}

#noo-cs-spielworks .cs-btn {
	top:33%;
}

#noo-cs-category-spielworks .next {
	background: url("../img/prev.png") no-repeat transparent;
	/*background-position: -80px -80px;*/
	/*background-position: -20px -20px;*/
	left:0;


}

.next {
	background: url("../img/prev-grey.png") no-repeat transparent;
	/*background: url("../img/prev.png") no-repeat transparent;*/
	/*background-position: -80px -80px;*/
	/*background-position: -20px -20px;*/
	left:0;


}

.next:hover {

	/*background-position: -20px 0;*/

}

#noo-cs-category-spielworks .prev {
	background: url("../img/next.png") no-repeat transparent;
	/*background-position: -80px -80px;*/
	/*background-position: -20px -20px;*/
	right:0px;
}
/*#noo-cs-category-spielworks .noo-cs-item, .noo-cs-categories .noo-cs-item, .noo-cs-videos .noo-cs-item{margin-left:10px}*/

.prev {

	/*background-position: 0 -20px;*/
	/*background-position: -60px -80px;*/
	background: url("../img/next-grey.png") no-repeat transparent;
	/*background: url("../img/next.png") no-repeat transparent;*/
	right:0;

}

.prev:hover {

	/*background-position: 0 0;*/

}

.noo-cs-item {

	opacity: 1;

	transform: translate(0%, 0%) scale(1,1) rotateZ(0deg);

	-o-transform: translate(0%, 0%) scale(1,1) rotateZ(0deg);

	-webkit-transform: translate(0%, 0%) scale(1,1) rotateZ(0deg);

	-moz-transform: translate(0%, 0%) scale(1,1) rotateZ(0deg);

	-ms-transform: translate(0%, 0%) scale(1,1) rotateZ(0deg);

	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;

	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;

	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;

	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;

	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;

	position: relative;

}



.noo-cs-item.no-anim{

	-webkit-transition-duration:0;

	-moz-transition-duration:0;

	-o-transition-duration:0;

	-ms-transition-duration:0;

	transition-duration:0}

.noo-cs-item.top {

	opacity: 0;

	transform: translate(0%, -100%);

	-o-transform:translate(0%, -100%);

	-webkit-transform:translate(0%, -100%);

	-ms-transform:translate(0%, -100%);

	-moz-transform:translate(0%, -100%);

}

.noo-cs-item.right {

	opacity: 0;

	transform: translate(100%, 0%);

	-o-transform: translate(100%, 0%);

	-webkit-transform: translate(100%, 0%);

	-ms-transform: translate(100%, 0%);

	-moz-transform: translate(100%, 0%);





}

.noo-cs-item.bottom {

	opacity: 0;

	transform: translate(0%, 100%);

	-o-transform: translate(0%, 100%);

	-webkit-transform: translate(0%, 100%);

	-ms-transform: translate(0%, 100%);

	-moz-transform: translate(0%, 100%);

}

.noo-cs-item.left {

	opacity: 0;

	transform: translate(-100%, 0%);

	-o-transform: translate(-100%, 0%);

	-webkit-transform: translate(-100%, 0%);

	-ms-transform: translate(-100%, 0%);

	-moz-transform: translate(-100%, 0%);

}

.noo-cs-item.zoomin {

	opacity: 0;

	transform: translate(0%, 0%) scale(0) rotateZ(0deg);

	-o-transform:translate(0%, 0%) scale(0) rotateZ(0deg);

	-webkit-transform:translate(0%, 0%) scale(0) rotateZ(0deg);

	-ms-transform:translate(0%, 0%) scale(0) rotateZ(0deg);

	-moz-transform:translate(0%, 0%) scale(0) rotateZ(0deg);

}

.noo-cs-item.zoomrotate {

	opacity: 0;

	transform: translate(0%, 0%) scale(0) rotateZ(720deg);

	-o-transform: translate(0%, 0%) scale(0) rotateZ(720deg);

	-webkit-transform: translate(0%, 0%) scale(0) rotateZ(720deg);

	-ms-transform: translate(0%, 0%) scale(0) rotateZ(720deg);

	-moz-transform: translate(0%, 0%) scale(0) rotateZ(720deg);

}

.noo-cs-item.scale{

	opacity: 0;

	transform: translate(0%, 0%) scale(1, 0) rotateZ(0deg);

	-o-transform: translate(0%, 0%) scale(1, 0) rotateZ(0deg);

	-webkit-transform: translate(0%, 0%) scale(1, 0) rotateZ(0deg);

	-moz-transform: translate(0%, 0%) scale(1, 0) rotateZ(0deg);

	-ms-transform: translate(0%, 0%) scale(1, 0) rotateZ(0deg);

}

.noo-cs-item.fade{

	opacity: 0;

}
@media (max-width:1200px){
#noo-cs-spielworks .cs-btn{top:25%}
}