/** Carousel **/
.jcarousel2 			{ position:relative; overflow: hidden; margin-top:250px }
.jcarousel2 ul 			{ width:100%; height:100%; position:relative; list-style: none; margin-top:65px }
.jcarousel2 li 			{ position:relative; float:left; width:100%; height:100%; margin-left:0  }

/** Carousel Pagination **/

.jcarousel2-pagination 	{ position:absolute; top:0; background-color:#fff ; z-index:10 }
.jcarousel2-pagination a { float:left; width:20px; height:20px; border:solid 2px #000; cursor:pointer; margin:0 24px 0 0;
						  -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
.jcarousel2-pagination a:last-child { margin:0 }
.jcarousel2-pagination a.active  { background:#000}


.jcarousel2-box	{ position:absolute; border:solid 1px #888888; width:100%; z-index:11;  }


.jcarousel2-show { position:relative; float:right; background-size:11px 21px; width:24px; height:15px; padding:21px; margin:3px 5px 0 0; background: url(../images/arrow3.svg) no-repeat center; cursor:pointer;  z-index:10 }
.jcarousel2-show-map { position:absolute; top:18px; right:65px; color:#000; }
.jcarousel2-show2 { position:relative; float:right; background-size:11px 21px; width:24px; height:15px; padding:1px 0 1px 1px; margin:7px 0 0 0; background: url(../images/arrow3.svg) no-repeat center; cursor:pointer;  transform: rotate(180deg); z-index:10 }
.jcarousel2-show2-map { position:absolute; top:18px; right:65px; color:#000; }


.jcarousel2-hide		{ display:none; top:1px; position:absolute; border:solid 1px #888888; border-top:0; border-bottom:0; background-color:#F3F3F3; width:100%; z-index:12   }
.jcarousel2-white		{ position:relative; background-color:#fff; width:100%; padding:17px 24px; color: #888; border-bottom: 1px solid #888; }
.jcarousel2-inner		{ position:relative; float:left; width:100%; border-bottom:solid 1px #888888; }
.jcarousel2-left		{ display:none; position:absolute; width:calc(50% - 12px); height:100%; overflow-y:scroll;cursor:pointer;  }
.jcarousel2-left-letter		{ width:19px; margin-right:24px; text-align:center; }


.jcarousel2-left::-webkit-scrollbar { height:16px;  }
.jcarousel2-left::-webkit-scrollbar-track { background:url(../images/cara2.svg); background-size: 15px 15px; background-position:0 1px; margin:16px; }
.jcarousel2-left::-webkit-scrollbar-thumb { background: #000000;}
.jcarousel2-left::-webkit-scrollbar-thumb:hover { background: #000000; }

.jcarousel2-left-item	{ position:relative; float:left; width:calc(100% - 12px); border-bottom: 1px solid #888; border-right: 1px solid #888; background: #F3F3F3; padding:16px 24px;  }
.jcarousel2-left-item:last-child	{ border-bottom:0;  }
.jcarousel2-left-item.active,
.jcarousel2-left-item:hover { background: #d1faf7; }
.jcarousel2-left-letter	{ float:left; margin-right:24px }

.jcarousel2-map			{ position:relative; float:right; /*width:50%;*/ width:100%   }
.jcarousel2-map img		{ position:relative; float:left; width:100%; }


.jcarousel2-map-point-position	{ position:absolute; top:0; left:0; cursor:pointer; } 

.jcarousel2-map-point-position.a	{ top:calc(56% - 28px); left:0;  } 
.jcarousel2-map-point-position.b	{ top:calc(67% - 28px); left:calc(35% - 28px);  } 
.jcarousel2-map-point-position.c	{ top:calc(77.5% - 28px); left:calc(90% - 28px);  } 
.jcarousel2-map-point-position.d	{ top:calc(78.5% - 28px); left:calc(77.5% - 28px);  } 
.jcarousel2-map-point-position.e	{ top:calc(79% - 28px); left:calc(70.5% - 28px);  } 
.jcarousel2-map-point-position.f	{ top:calc(23% - 28px); left:0;  } 
.jcarousel2-map-point-position.g	{ top:calc(15.5% - 28px); left:calc(35% - 28px); }
.jcarousel2-map-point-position.h	{ top:calc(25.5% - 28px); left:calc(66.5% - 28px);  } 
.jcarousel2-map-point-position.i	{ top:calc(18% - 28px); left:calc(90% - 28px);  } 
.jcarousel2-map-point-position.j	{ top:calc(14% - 28px); left:calc(96% - 28px);  } 
.jcarousel2-map-point-position.k	{ top:calc(98% - 28px); left:calc(92.5% - 28px);  } 
.jcarousel2-map-point-position.l	{ top:calc(98% - 28px); left:calc(52.5% - 28px);  } 

.jcarousel2-map-point			{ position:absolute; top:0; left:0; background-color:#E6E6E6; width:28px; height:28px; padding-top:2px; text-align:center; border:solid 1px #464646; cursor:pointer; z-index:10; } 
.jcarousel2-map-point.active,
.jcarousel2-map-point:hover	{ border:solid 1px #464646; background: #d1faf7; } 


.jcarousel2-look 		{ display:none; position:absolute; width:104px; height:90px; background:url(../images/look.svg?rand=1); background-size: 104px 90px; left:0; top:0 }
.jcarousel2-map-point-position.a .jcarousel2-look		{ display:block;  top:-30px; left:1px;}
.jcarousel2-map-point-position.b .jcarousel2-look		{ top:-63px; left:-20px; transform: rotate(-60deg);}
.jcarousel2-map-point-position.c .jcarousel2-look		{ top:-63px; left:-55px; transform: rotate(-120deg);}
.jcarousel2-map-point-position.d .jcarousel2-look		{ top:-30px; left:1px;}
.jcarousel2-map-point-position.e .jcarousel2-look		{ top:-30px; left:-75px; transform: rotate(180deg);}
.jcarousel2-map-point-position.f .jcarousel2-look		{ top:-22px; left:1px; transform: rotate(15deg);}
.jcarousel2-map-point-position.g .jcarousel2-look		{ top:8px; left:-39px; transform: rotate(90deg); }
.jcarousel2-map-point-position.h .jcarousel2-look		{ top:-30px; left:-75px; transform: rotate(180deg);}
.jcarousel2-map-point-position.i .jcarousel2-look		{ top:-13px; left:-70px; transform: rotate(150deg);}
.jcarousel2-map-point-position.j .jcarousel2-look		{ top:0; left:-58px; transform: rotate(120deg);}
.jcarousel2-map-point-position.k .jcarousel2-look		{ top:-67px; left:-43px; transform: rotate(-100deg);}
.jcarousel2-map-point-position.l .jcarousel2-look		{ top:-67px; left:-38px; transform: rotate(-90deg);}


.jcarousel2-map-point-position:hover .jcarousel2-look	{ display:block; } 


.jcarousel-control-prev2,
.jcarousel-control-next2 { float:left; background-size:11px 21px; width:11px; height:21px; padding:21px; margin:0 5px; background: url(../images/arrow2.svg) no-repeat center; cursor:pointer; z-index:10 } 


.jcarousel-control-prev2 { left:0; transform: rotate(180deg);  }
.jcarousel-control-next2 { right:0; }