@font-face {
	font-family: slick;
	src: url(./fonts/slick.eot?#iefix) format("embedded-opentype"), url(./fonts/slick.woff) format("woff"), url(./fonts/slick.ttf) format("truetype"), url(./fonts/slick.svg#slick) format("svg");
	font-weight: normal;
	font-style: normal;
}
.slick-loading .slick-list {
	background: url("./ajax-loader.gif") no-repeat center rgb(255, 255, 255);
}
.slick-prev {
	background: none; padding: 0px; border: currentColor; border-image: none; top: 50%; width: 20px; height: 20px; color: transparent; line-height: 0; font-size: 0px; display: block; position: absolute; cursor: pointer; transform: translate(0px, -50%); -webkit-transform: translate(0, -50%);
}
.slick-next {
	background: none; padding: 0px; border: currentColor; border-image: none; top: 50%; width: 20px; height: 20px; color: transparent; line-height: 0; font-size: 0px; display: block; position: absolute; cursor: pointer; transform: translate(0px, -50%); -webkit-transform: translate(0, -50%);
}
.slick-prev:hover {
	background: none; color: transparent;
}
.slick-prev:focus {
	background: none; color: transparent;
}
.slick-next:hover {
	background: none; color: transparent;
}
.slick-next:focus {
	background: none; color: transparent;
}
.slick-prev:hover::before {
	opacity: 1;
}
.slick-prev:focus::before {
	opacity: 1;
}
.slick-next:hover::before {
	opacity: 1;
}
.slick-next:focus::before {
	opacity: 1;
}
.slick-disabled.slick-prev::before {
	opacity: 0.25;
}
.slick-disabled.slick-next::before {
	opacity: 0.25;
}
.slick-prev::before {
	color: white; line-height: 1; font-family: "slick"; font-size: 20px; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.slick-next::before {
	color: white; line-height: 1; font-family: "slick"; font-size: 20px; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: -25px;
}
[dir='rtl'] .slick-prev {
	left: auto; right: -25px;
}
.slick-prev::before {
	content: "��";
}
[dir='rtl'] .slick-prev::before {
	content: "��";
}
.slick-next {
	right: -25px;
}
[dir='rtl'] .slick-next {
	left: -25px; right: auto;
}
.slick-next::before {
	content: "��";
}
[dir='rtl'] .slick-next::before {
	content: "��";
}
.slick-slider.slick-dotted {
	margin-bottom: 30px;
}
.slick-dots {
	list-style: none; margin: 0px; padding: 0px; width: 100%; text-align: center; bottom: -25px; display: block; position: absolute;
}
.slick-dots li {
	margin: 0px 5px; padding: 0px; width: 20px; height: 20px; display: inline-block; position: relative; cursor: pointer;
}
.slick-dots li button {
	background: none; padding: 5px; border: 0px currentColor; border-image: none; width: 20px; height: 20px; color: transparent; line-height: 0; font-size: 0px; display: block; cursor: pointer;
}
.slick-dots li button:hover {
	
}
.slick-dots li button:focus {
	
}
.slick-dots li button:hover::before {
	opacity: 1;
}
.slick-dots li button:focus::before {
	opacity: 1;
}
.slick-dots li button::before {
	left: 0px; top: 0px; width: 20px; height: 20px; text-align: center; color: black; line-height: 20px; font-family: "slick"; font-size: 6px; position: absolute; content: "?"; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before {
	color: black; opacity: 0.75;
}
.slider img {
	width: 100%; height: auto;
}
@media screen and (max-width: 420px) {
  .multiple-items {
    margin: 0 auto; padding: 0; max-width: 420px;
  }
  .thumb-item {
    margin: 0px auto 5px; padding: 0px 5px; max-width: 290px;
  }
  .thumb-item img {
    width: auto; height: 160px; margin: 0 auto;
  }
  .thumb-item-nav img {
    width: auto; height: 44px;
  }
  .thumb-item-nav {
    margin: 0 0 0 10px; cursor: pointer; max-width: 80px;
  }
  .thumb-item-nav li {
    padding: 1px;
  }
  #SlideArea {
    width: 400px;
    height: 325px;
    margin: 0 auto;
  }
  .thumb-item {
    width: 290px;
    height: 160px;
    float: left;
    background-color: #000;
  }
  .thumb-item .caption {
    padding: 2px 10px;
    width: 290px;
    font-size: 0.8rem;
  }
  .thumb-item-nav {
    width: 80px;
    height: 160px;
    float: left;
    background-color: #000;
    overflow: hidden;
  }
}
@media screen and (min-width: 421px) and (max-width: 900px) {
  .multiple-items {
    margin: 0 auto; padding: 0; max-width: 900px;
  }
  .thumb-item {
    margin: 0 0 5px; padding: 0; max-width: 640px;
  }
  .thumb-item img {
    width: auto; height: 360px; margin: 0 auto;
  }
  .thumb-item-nav img {
    margin: 0; width: auto; height: 90px;
  }
  .thumb-item-nav {
    margin: 0 0 0 20px; padding: 0; cursor: pointer; max-width: 160px;
  }
  .thumb-item-nav li {
    padding: 1px;
  }
  #SlideArea {
    width: 860px;
    height: 630px;
    margin: 0 auto;
  }
  .thumb-item {
    width: 640px;
    height: 360px;
    float: left;
    background-color: #000;
  }
  .thumb-item .caption {
    padding: 20px;
    width: 640px;
  }
  .thumb-item-nav {
    width: 160px;
    height: 360px;
    float: left;
    background-color: #000;
    overflow: hidden;
  }
}
@media screen and (min-width: 901px) {
  .multiple-items {
    margin: 0 auto; padding: 0; max-width: 1260px;
  }
  .thumb-item {
    margin: 0 0 5px; padding: 0; max-width: 640px;
  }
  .thumb-item img {
    width: auto; height: 360px; margin: 0 auto;
  }
  .thumb-item-nav img {
    margin: 0; width: auto; height: 90px;
  }
  .thumb-item-nav {
    margin: 0 0 0 20px; padding: 0; cursor: pointer; max-width: 160px;
  }
  .thumb-item-nav li {
    padding: 1px;
  }
  #SlideArea {
    width: 860px;
    height: 630px;
    margin: 0 auto;
  }
  .thumb-item {
    width: 640px;
    height: 360px;
    float: left;
    background-color: #000;
  }
  .thumb-item .caption {
    padding: 20px;
    width: 640px;
  }
  .thumb-item-nav {
    width: 160px;
    height: 360px;
    float: left;
    background-color: #000;
    overflow: hidden;
  }
}
.thumb-item-nav li {
	margin: 0;
}
.thumb-item-nav .slick-next {
	right: -25px; z-index: 99;
}
.thumb-item-nav .slick-prev {
	left: -20px; z-index: 100;
}
.slick-prev::before {
	color: rgb(0, 0, 0);
}
.slick-next::before {
	color: rgb(0, 0, 0);
}