/*slick slider for article*/
.slick-lightbox {z-index: 999999;}
.ie-artical-outer{overflow: hidden;height: calc(360px + 70px);}
.ie-single-article-slider-box{ width: 100%; display: block; position: relative; overflow: hidden; margin: 0 auto; margin-bottom: 10px; }
.ie-single-article-slider-box a.article-slider-expand { position: absolute; width: 20px; height: 20px; z-index: 1; right: 10px; top: 76%; display: block; outline: 0; }
.ie-single-article-slider-box .article-slider-box-ul { position: relative; width: 100%; margin: 0; padding: 0; margin-bottom: 0; }
.ie-single-article-slider-box .article-slider-box-ul { float: left; list-style: none; position: relative; width: 100%; margin: 0; padding: 0;}
.ie-single-article-slider-box .article-slider-box-ul .slick-slide img.ar-slider-img { width: 100%; max-height: 360px; height: 360px; object-fit: cover; object-position: 25% 15%; position:relative; display:block; }.img-gradient img{ z-index:-1; }
.img-gradient{ display:inline-block; width: 100%; height: 360px; overflow: hidden; background-image: linear-gradient(to bottom, rgba(217, 217, 217, 0) 75%, #000 100%); }
.slick-lightbox .slick-dots li button { padding: 0px; width: 10px; height: 10px; background: transparent; border-radius: 50%; }
.slick-lightbox .slick-dots li button:before { font-size: 40px; line-height: 10px; width: 10px; height: 10px; background: transparent; opacity: 10; color:#ccc; }
.slick-lightbox .slick-dots li.slick-active button:before {color: #dc0505;}
.ie-single-article-slider-box .slick-dotted.slick-slider {margin-bottom: 20px;}
.ie-single-article-slider-box .slick-prev,
.ie-single-article-slider-box .slick-next {width: 27px;height: 27px;top: 78%;z-index: 1;}
.ie-single-article-slider-box .slick-prev {left: 37%;}
.ie-single-article-slider-box .slick-next {right: 36.3%;}
.article-slider-box-ul .slick-prev:before,.article-slider-box-ul .slick-next:before {outline: 0;width: 27px;height: 27px;display: block;opacity: 10;content: "";}
.article-slider-box-ul .slick-prev:before {background: url('../images/prev-button-icon.png') no-repeat 0 0;}
.article-slider-box-ul .slick-next:before {background: url('../images/next-button-icon.png') no-repeat 0 0;}
.slick-lightbox-close {height: 27px;width: 27px;background: url("../images/slider-close-icon.png")no-repeat 0 0;}
.slick-lightbox-close:before {display: none;}

.slick-lightbox .slick-prev, .slick-lightbox .slick-next { z-index: 9; top: 45%; width: 30px; height: 30px; } .slick-lightbox .slick-next { right: 8px; }
.slick-lightbox .slick-prev { left: 10px; }
.slick-lightbox .slick-dots{ top:81.2%; bottom:0; height: 20px; }
.slick-lightbox-inner { width: 800px; max-width: 800px !important; overflow: auto; padding: 0; background: transparent; color: black; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 450px; max-height: 450px !important; overflow: hidden; background-color: #000;}
.slick-lightbox-slick-item-inner, .slick-lightbox-slick-img { height: 100%; max-height: 100% !important; width: 100%; max-width: 100% !important; position: relative; } .slick-lightbox-close { top: 0; right: 0; }
.slick-lightbox .slick-dots li { width: 10px; height: 10px; margin: 0 2px; } .slick-lightbox-slick-caption { position: absolute; z-index: 9999; font-size: 14px; line-height: 20px; padding: 10px; text-align: left; bottom: 0; width: 100%; height: auto; display: block; font-style: italic; font-family: Roboto, sans-serif; margin-top:0; background: rgba(0, 0, 0, 0.7); } .slick-lightbox-slick-caption:empty{ padding:0; }
.slick-lightbox-slick-item-inner img.slick-lightbox-slick-img { width: 100%; max-height: 100%; object-fit: contain; position: relative; z-index: inherit; display: block; } .slick-lightbox-slick-item-inner{ display: inline-block; width: 100%; } .slide-caption { color: #747474; display: block; font-family: Roboto, sans-serif; font-size: 14px; clear: both; font-weight: 400; line-height: 19px; overflow: hidden; padding: 10px 0; height: 70px; position: relative; } .article-slide-count { position: absolute; z-index: 9; right: 0; background: red; border-radius: 20px; color: #fff; font-size: 12px; padding: 0; margin: 10px; font-family: Roboto, sans-serif; min-width: 38px; height: 20px; text-align: center; line-height: 20px; font-weight: 500;}

/*.slick-dots-container*/
.slick-dots-container { width: 90px; overflow: hidden; display: block; padding: 0; margin: 0 auto; height: 0.875rem; position: absolute; left: 50%; transform: translate(-50%, -50%); top:78%; }
.slick-dots-container > ul{ padding: 0; display: flex; transition: all 0.25s; position: relative; margin: 0!important; list-style: none; transform: translateX(0); align-items: center; bottom: unset; height: 100%; }
.slick-dots-container > ul li { width: 10px; height: 10px; margin: 0 0.25rem; background-color: #cccccc; border: none; border-radius: 50%; }
.slick-dots-container > ul li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 0.3125rem; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0; }
.slick-dots-container > ul li.p-small-1,
.slick-dots-container > ul li.n-small-1 {transform: scale(1);}
.slick-dots-container > ul li.slick-active {transform: scale(1);transform-origin: center;background: #dc0505;}

@media screen and (max-width: 767px) {
	.slick-lightbox-slick-caption{ padding-top:0; margin: 0; line-height: 19px; padding-bottom: 10px; }
	.slide-caption{ padding:10px 10px; }
	.img-gradient{ height: 250px; }
	.ie-artical-outer{ margin-left: -20px; margin-right:-20px; position: relative; height: calc(250px + 80px); }
	.ie-single-article-slider-box .slick-prev, .ie-single-article-slider-box .slick-next { top: 72%; } .ie-single-article-slider-box .slick-prev { left: 29%; }
	.ie-single-article-slider-box .slick-next { right: 28%;}
	.slick-lightbox-inner { height: 300px; max-height:300px !important; width: 100%; max-width: 95%!important; }

	.slick-lightbox-slick-item-inner img.slick-lightbox-slick-img { object-fit: contain; }
	.ie-single-article-slider-box .article-slider-box-ul .slick-slide img.ar-slider-img{ height: 250px!important; object-position: 25% 15%; }
	.slick-lightbox .slick-prev, .slick-lightbox .slick-next { top:45%; }
	.slick-lightbox .slick-next { right: 8px; }
	.slick-lightbox .slick-prev { left: 10px; }
	.slick-lightbox .slick-dots{ top: 81%; }
	.ie-single-article-slider-box a.article-slider-expand{ top:68.5%; right: 7px; }
	.ie-single-article-slider-box,
	.ie-single-article-slider-box .article-slider-box-ul{height: 320px;}
	.article-slide-count{ margin:5px; }
	.slick-lightbox-slick-item-inner{ background: linear-gradient(to top, rgba(0,0,0,1) 10%,rgba(255,255,255,0) 100%); }
	.slick-dots-container{ top:72%;}
	.slick-dots-container > ul li{ padding:0;}
}