/*** Template Steam ***/
.cycloneslider-template-steam{
	position:relative;
	overflow:hidden;
	background: #1C2A37;
	padding: 2px;
}
.cycloneslider-template-steam .cycloneslider-slides{
	position:relative;
	z-index: 1;
	overflow:hidden;
	background:#000;
}
.cycloneslider-template-steam .cycloneslider-slide{
	text-align: center;
	width: 100%; /* For slides in scrollHorz to work */
	display: none; /* Hide slides to prevent FOUC when JS hasn't kicked in yet */
	background: #000; /* Add background to prevent slides from peeking behind the current slide when fx=scrollHorz and hideNonActive=false */
}
.cycloneslider-template-steam .cycle-slide{
	display: block; /* Show slide so that getBoundingClientRect().height will not return 0. Class .cycle-slide is added when cycle has initialized. */
}
.cycloneslider-template-steam .cycloneslider-slide:first-child, /* Show first slide */
.cycloneslider-template-steam .cycle-sentinel + .cycloneslider-slide{ /* Select next slide when using sentinel slide */
	display: block;
}
.cycloneslider-template-steam .cycloneslider-slide img{
	display:block;
	margin:0 auto;
	padding:0;
	max-width:100%;
	border:0;
}
.cycloneslider-template-steam.cycloneslider-width-full .cycloneslider-slide img{
	width:100%;
}


.karusel {
	box-sizing: border-box;
	text-align: center;
	margin-top: -11px;
	position: relative;
	z-index: 2;
}
.karusel * {
	box-sizing: inherit;
}
.karusel:after {
	content:"";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.karusel-view-port {
	position: relative;
	height: 65px;
	border-bottom: 4px solid #1B2838;
	overflow: hidden;
	box-sizing: content-box;
	margin: 0 auto;
	text-align: left;
	padding-top: 15px;
}
.karusel-strip {
	position: absolute;
	left: 0;
	top: 15px;
	white-space: nowrap;
	width: 200%;
	transition: all 600ms ease-out;
}

.karusel-strip:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.karusel-item {
	float: left;
	position: relative;
	transition: border 200ms ease;
	border: 2px solid #1B2838;
	background: #1B2838;
	cursor: pointer;
}
.karusel-item.selected {
	border-color: #fff;
	position: relative;
}
.karusel-item:after{
	content:"";
	position:absolute;
	left: 50%;
	margin-left: -11px;
	top: -11px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 11px 11px 11px;
	border-color: transparent transparent #ffffff transparent;
	opacity: 0;
	transition: opacity 200ms ease;
}
.karusel-item.selected:after{
	opacity: 1;
}
.karusel-item img {
	display: block;
	height: 65px;
}
.karusel-prev,
.karusel-next,
.karusel-prev:focus,
.karusel-next:focus {
	border:0;
	width: 38px;
	height: 19px;
	background: #1F3140;
	color: #407899;
	cursor: pointer;
	font-size: 10px;
	border-radius:2px;
	position: relative;
	outline: 0;
}
.karusel-prev {
	float: left;
}
.karusel-prev:after,
.karusel-next:after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	top: 5px;
}
.karusel-prev:after{
	left: 13px;
	border-width: 4px 8px 4px 0;
	border-color: transparent #407899 transparent transparent;
}
.karusel-next {
	float: right;
}
.karusel-next:after {
	right: 13px;
	border-width: 4px 0 4px 8px;
	border-color: transparent transparent transparent #407899;
}
.karusel-prev:hover,
.karusel-next:hover{
	background: #335B78;
}
.karusel-prev:hover:after{
	border-color: transparent #fff transparent transparent;
}
.karusel-next:hover:after{
	border-color: transparent transparent transparent #fff;
}