/*Горизонтальная карусель CSS*/
.jscarousal-horizontal{
		width:740px;
		height:118px;
		margin:0;
		padding:0;
		padding:25px;
		position:relative;
		}
.jscarousal-contents-horizontal{
		width:690px; 
		height:124px;
		float:left;
		position:relative;
		overflow:hidden;
		}
.jscarousal-contents-horizontal img{
		width:120px;
		height:94px;
		border:solid 1px #7a7677;
		}
.jscarousal-horizontal-back,
.jscarousal-horizontal-forward{
		float:left;
		width:23px;
		height:98px;
		background-color:#121212;
		color:White;
		position:relative;
		top:-1px;
		cursor:pointer;
		}
.jscarousal-horizontal-back{
		background-image:url(images/left_arrow.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}
.jscarousal-horizontal-forward{
		background-image:url(images/right_arrow.jpg);
		background-repeat:no-repeat;
		background-position:right;
		}
.jscarousal-contents-horizontal > div{
		position:absolute;
		width:100%;
		}
.jscarousal-contents-horizontal > div > div{
		float:left;
		margin-left:8px;
		margin-right:8px;
		}
	
/*Вериткальная карусель CSS*/
.jscarousal-vertical{
		position:relative;
		width:20%;
		height:100%;
		padding:0;
		overflow:hidden;
		background:#49C0C4;
		}
.jscarousal-contents-vertical{
		width:100%;
		height:100%;
		overflow:hidden;
		}
.jscarousal-contents-vertical > div{
		position:absolute;
		top:0;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:100%;
		height:100%;
		overflow:hidden;
		background:#49C0C4;
		}
.jscarousal-contents-vertical > div > div{
		width:100%;
		margin:10px 0;
		overflow:hidden;
		}
.jscarousal-contents-vertical a{
		width:100%;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:100%;
		}
.jscarousal-contents-vertical a img{
		width:120px;
		margin:15px auto;
		}
.jscarousal-contents-vertical a span{
		display:block;
		width:80%;
		margin:0 auto;
		text-align:center;
		color:#FFF;
		font-weight:400;
		line-height:1.2;
		font-size:14px;
		}
.jscarousal-vertical-back,
.jscarousal-vertical-forward{
		position:absolute;
		width:100%;
		height:18px;
		color:#FFF;
		cursor:pointer;
		z-index:100;
		}
.jscarousal-vertical-back,
.jscarousal-vertical-forward{
		position:absolute;
		display:flex;
		align-items:center;
		justify-content:center;
		background:#000F26;
		width:20px;
		height:50px;
		line-height:20px;
		text-align:center;
		transition:all .3s ease;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		transform:rotate(90deg);
		left:46.5%;
		}
.jscarousal-vertical-back:hover,
.jscarousal-vertical-forward:hover{
		background:#F8F6F6;
		}
.jscarousal-vertical-back{
		bottom:-15px !important;
		border-radius:150% 0 0 150%;
		}
.jscarousal-vertical-forward{
		top:-15px !important;
		border-radius:0 150% 150% 0;
		}		
		
.jscarousal-vertical-back:before,
.jscarousal-vertical-forward:before{
		font-size:20px;
		color:#FFF;
		font-style:normal;
		display:inline-block;
		vertical-align:middle;
		font-weight:900;
		transition:all .3s ease;
		}
.jscarousal-vertical-back:hover:before,
.jscarousal-vertical-forward:hover:before{
		color:#000F26;
		}
.jscarousal-vertical-back:before{
		content:"<" !important;
		}
.jscarousal-vertical-forward:before{
		content:">" !important;
		}
	
/*Общие*/
.visible{
		display:block;
		}
.hidden{
		display:none !important
		}
.thumbnail-active{
		filter:alpha(opacity=100);
		opacity:1;
		cursor:pointer;
		}
.thumbnail-inactive{
		filter:alpha(opacity=90);
		opacity:0.9;
		cursor:pointer;
		}