/** Carousel **/

.jcarousel {
    position: relative;
	overflow:hidden;
    width: 100%; 
    padding-bottom:64px;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;

}




.jcarousel-control-prev,
.jcarousel-control-next {  
    position: absolute;
    bottom:0;
    cursor: pointer;
    margin:auto;
    left:0;
    right:0;
	background:#fff;
    padding:8px 16px;
	border:2px solid #000;
}



.jcarousel-control-prev {
    width:199px;
    left:-220px;
}

.jcarousel-control-next {
    width:214px;
    right:-220px;
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {  
	background:#000;
    color:#fff;
    padding:10px 16px;
	border:0;
}

.scroll-left	{ float:right; margin-top:4px }
.jcarousel-control-prev:hover .scroll-left	{ margin-right:2px }
.scroll-right	{ float:left; margin-top:4px }
.jcarousel-control-next:hover .scroll-right	{ margin-left:2px }

.scroll-line	{ float:left; width:2px; height:32px; background: #000; }
.jcarousel-control-prev .scroll-line { margin-left:15px}
.jcarousel-control-next .scroll-line	{ margin-left:15px}

.jcarousel-control-prev:hover .scroll-line	{ background: #fff; }
.jcarousel-control-next:hover .scroll-line	{ background: #fff; }

.arrow-left		{ float:left; width:32px; height:31px; background-image:url(../images/arrow-left.svg); background-size: 32px 31px; margin-left:-4px }
.arrow-right	{ float:right; width:32px; height:31px; background-image:url(../images/arrow-left.svg); transform: rotate(180deg); background-size: 32px 31px; margin-right:-4px }

.jcarousel-control-prev:hover .arrow-left {  transform: rotate(180deg); background-image:url(../images/arrow-right.svg); margin-left:-2px  }
.jcarousel-control-next:hover .arrow-right	{ background-image:url(../images/arrow-right.svg); transform: rotate(0); margin-right:-2px }