
/* Home Slider */
.slider-holder{ position: relative;}
.main-slides{ overflow: hidden;}
.main-slides .slick-list{ margin: 0!important;}
.main-slides li{ display: inline-block; margin: 0!important; position: relative; vertical-align: top;}
.main-slides-thumb{ position: absolute; left: 0; width: 100%; bottom: 0; z-index: 11;}
.slides-thmnail{ overflow: hidden; width: 78%; float: left;}
.slides-thmnail li{ display: inline-block; margin: 0!important;}
.slides-thmnail .slick-list{ margin: 0!important;}
.slides-thmnail .slick-list{ padding: 0!important;}
.slides-thmnail li span{ display: block; cursor: pointer; text-align: center; font-weight: bold; text-transform: uppercase;
line-height: 60px; text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,0.3);  background: rgba(0,0,0,0.6); position: relative;}
.slides-thmnail li span::before,
.slides-thmnail li span::after{ content: ""; height: 5px; width: 100%; border-top: 5px solid #fff; position: absolute; top: 0; left: 0;}
.slides-thmnail li span i{ margin: 0 10px 0 0;}
.slides-thmnail li.slick-current.slick-active span::after{ width: 100%;}
.thmnail-arrows{ width: 22%; float: left;}
.thmnail-arrows li{ float: left; width: 50%;}
.thmnail-arrows li span{ cursor: pointer; height: 60px; line-height: 60px; background: #202020; color: #fff; 
display: block; text-align: center;}
.thmnail-arrows li.prev-1 span{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);}
/********  Banner Slider ****************************************************************/
/**************************************************************** Banner Slider *********/
.carousel-fade .carousel-inner .item{-webkit-transition-property:opacity;transition-property:opacity;}
.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{opacity:0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1;}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
/********  Banner Slider ****************************************************************/
/**************************************************************** Banner Slider *********/
/* Inenr Slider */
.banner-caption h1{ font-size: 62px; font-weight: 700; color: #fff;}
.banner-caption p{ font-size: 16px; color: #fff;}
.delay-1s{ animation-delay: 0.6s;}
.delay-2s{ animation-delay: 1s;}
.delay-3s{ animation-delay: 1.4s;}
.delay-4s{ animation-delay: 1.8s;}
.slider-nav{ position: absolute; height: 49px; width: 49px; line-height: 49px; text-align: center; color: #fff; border: 1px solid #fff;
top: 50%; margin: -25px 0 0; opacity: 0; visibility: hidden;}
.slider-nav:hover{ color: #fff;}
.slider-nav.prev{ left: 80px; right: auto;}
.slider-nav.next{ right: 80px; left: auto;}
.slider-holder:hover .slider-nav.prev,
.slider-holder:hover .slider-nav.next{ opacity: 1; visibility: visible;}
.slider-holder:hover .slider-nav.prev{ left: 50px;}
.slider-holder:hover .slider-nav.next{ right: 50px;}

.main-slides .carousel-indicators{ position: absolute; bottom: 100px;}
.main-slides .carousel-indicators li{ background: #bcdbbb; margin: 0 0 0 7px;}
.main-slides .carousel-indicators li:first-child{ margin: 0;}

.main-slides .carousel-indicators li.active {
	border-color: #cc0000;
}
.main-slides .carousel-indicators li.active {
	background: #cc0000;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img{ width: 100%;}
.header.style-2 .logo{ position: absolute; left: -4px; top: -10px;}
.banner-layer{ margin: 0 0 0 -100px;}
.banner-layer img{ position: absolute; top: 10px;}

.position-center-center{ left: 50%; position: absolute; top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
	
	.position-center-x{ position: absolute; top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);}
	
	.position-center-y{ left: 50%; position: absolute;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);}
	
	.pos-left-0{ left: 0;}
	.pos-right-0{ right: 0;}
	.pos-top-0{ top: 0;}
	.pos-bottomt-0{ bottom: 0;}
	
	.position-r{ position: relative;}
	.position-a{ position: absolute; }
	
.slick-list{ margin: 0 -15px; overflow: hidden;}
.slick-list .slick-slide{ margin: 0 15px;}
#main-slides .slick-dots {
	position: absolute;
	bottom: 28px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 99;
	display: flex !important;
	justify-content: center;
	align-items: center;
}


.client-logos-holder li{
	display: inline-block;
}

#main-slides .slick-dots li {
	background: #fff;
	height: 16px;
	width: 16px;
	cursor: pointer;
	display: block;
	border-radius: 100%;
	margin-right: 12px !important;
}

#main-slides .slick-dots li.slick-active{
	background-color: #cc0000;
}

#main-slides .slick-dots li:last-child {
	margin-right: 0;
}

.main-slides li img {
	width: 100%;
}

