/*!
 *  Penci Instagram Slider CSS
 */

/* Instagram Slider */
.jr-insta-slider .pllexislider .pllex-direction-nav {
	background: none;
}
.jr-insta-slider .pllexislider .pllex-direction-nav li:first-child {
	border-color: transparent;
}
.jr-insta-slider .pllexislider .pllex-direction-nav li a {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    background: rgba( 0, 0, 0, 0.5 );
    text-align: center;
	display: inline-block;
    vertical-align: top;
}
.jr-insta-slider .pllexislider .pllex-direction-nav .pllex-prev:before {
	font-family: FontAwesome;
	content: "\f104";
}
.jr-insta-slider .pllexislider .pllex-direction-nav .pllex-next:before {
	font-family: FontAwesome;
	content: "\f105"
}

/* Instagram Thumb */
.jr-insta-slider .jr-insta-thumb ul.thumbnails {
  margin-left: -10px;
  width: calc(100% + 10px);
  max-width: 150%;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_2 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_3 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_4 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_5 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_6 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_7 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_8 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_9 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_10 li {
  width: calc( ( 100% - 20px ) / 2 ) !important;
  margin-left: 10px;
  margin-bottom: 10px;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_3 li {
  width: calc( ( 100% - 30px ) / 3 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_4 li {
  width: calc( ( 100% - 40px ) / 4 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_5 li {
  width: calc( ( 100% - 50px ) / 5 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_6 li {
  width: calc( ( 100% - 60px ) / 6 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_7 li {
  width: calc( ( 100% - 70px ) / 7 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_8 li {
  width: calc( ( 100% - 80px ) / 8 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_9 li {
  width: calc( ( 100% - 90px ) / 9 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_10 li {
  width: calc( ( 100% - 100px ) / 10 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails li:hover a {
  opacity: .85;
}

/* Instagram Thumb with no border */
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border {
  width: 100%;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_2 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_3 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_4 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_5 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_7 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_8 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_9 li,
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_10 li {
  width: calc( 100% / 2 ) !important;
  margin-left: 0px;
  margin-bottom: 0px;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_3 li {
  width: calc( 100% / 3 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_4 li {
  width: calc( 100% / 4 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_5 li {
  width: calc( 100% / 5 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li {
  width: calc( 100% / 6 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_7 li {
  width: calc( 100% / 7 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_8 li {
  width: calc( 100% / 8 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_9 li {
  width: calc( 100% / 9 ) !important;
}
.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_10 li {
  width: calc( 100% / 10 ) !important;
}

@media only screen and (max-width: 960px) {
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_5 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_6 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_7 li {
		width: calc( ( 100% - 30px ) / 3 ) !important;
	}
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_8 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_9 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_10 li {
		width: calc( ( 100% - 40px ) / 4 ) !important;
	}
	/* No Border */
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_5 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_7 li {
		width: calc( 100% / 3 ) !important;
	}
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_8 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_9 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_10 li {
		width: calc( 100% / 4 ) !important;
	}
}
@media only screen and (max-width: 767px) {
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_2 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_3 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_4 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_5 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_6 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_7 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_8 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_9 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.jr_col_10 li {
		width: calc( ( 100% - 20px ) / 2 ) !important;
	}
	/* No Border */
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_2 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_3 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_4 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_5 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_7 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_8 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_9 li,
	.jr-insta-slider .jr-insta-thumb ul.thumbnails.no-border.jr_col_10 li {
		width: calc( 100% / 2 ) !important;
	}
}