﻿
.slick-loading .slick-list {
	background:#fff url('../images/ajax-loader.gif?1427466478') center center no-repeat;
}

@font-face {
	font-family:"slick";
	src:url('../webfonts/slick.eot');
	src:url('../webfonts/slick.eot?#iefix') format("embedded-opentype"),url('../webfonts/slick.woff') format("woff"),url('../webfonts/slick.ttf') format("truetype"),url('../webfonts/slick.svg#slick') format("svg");
	font-weight:normal;
	font-style:normal;
}

.slick-prev,
.slick-next {
	position:absolute;
	display:block;
	height:40px;
	width:40px;
	line-height:0px;
	font-size:0px;
	cursor:pointer;
	background:transparent;
	color:transparent;
	top:55%;
	margin-top:-10px;
	padding:0;
	border:none;
	outline:none;
	text-shadow: 1px 1px #000;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline:none;
	background:transparent;
	color:transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity:1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity:0.25;
}

.slick-prev:before,
.slick-next:before {
	font-family:"slick";
	font-size:30px;
	line-height:1;
	color:#0782bf;
	opacity:0.75;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.slick-prev { left:-35px }
[dir="rtl"] .slick-prev { left:auto; right:-35px; }
/* .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:"←" } */

/* for homepage */

.slick-dots {
	position:absolute;
	bottom:-45px;
	list-style:none;
	display:block;
	text-align:center;
	padding:0;
	width:100%;
}

.fade .slick-dots {
	bottom:0;
	width:100%;
	right:10px;
}

.slick-dots li {
	position:relative;
	display:inline-block;
	height:20px;
	width:20px;
	margin:0 5px;
	padding:0;
	cursor:pointer
}

.slick-dots li button {
	border:0;
	background:transparent;
	display:block;
	height:20px;
	width:20px;
	outline:none;
	line-height:0px;
	font-size:0px;
	color:transparent;
	padding:5px;
	cursor:pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline:none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity:1; }

.slick-dots li button:before {
	position:absolute;
	top:0;
	left:0;
	content:"•";
	width:20px;
	height:20px;
	font-family:"slick";
	font-size:15px;
	line-height:20px;
	text-align:center;
	color:#000;
	opacity:0.25;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.slick-dots li.slick-active button:before {
	color:#000;
	opacity:0.75;
}

/* For Volume Pager */

.slickworks div.slick-slide {
/*	min-height:150px; */
	margin:0 10px;
	padding:10px;
	border:2px solid #ddd;
}


/* FOR TOP SLIDER ONLY */

.fade .slick-prev, .fade .slick-next { top: 55%; }
.fade .slick-prev { left:5px; }
[dir='rtl'] .fade .slick-prev { right:5px; left:auto; }
/* .fade .slick-prev:before { content: '←'; }
[dir='rtl'] .fade .slick-prev:before { content: '→'; } */
.fade .slick-next { right:5px; }
[dir='rtl'] .fade .slick-next { right:auto; left:5px; }
.fade .slick-prev:before, .fade .slick-next:before { color:#fff; }

.fade .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 1.5rem;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    content: '•';
    text-align: center;
    opacity: .35;
    color:#fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fade .slick-dots li.slick-active button:before {
    opacity: .90;
    color:#fff;
}

/* FOR VIDEO SLIDERS ONLY */

.videoCat ul.slick-dots {
	height:40px;
	bottom: 0;
  	top: -35px;
  	right: 10px;
  	text-align: right;
}


@media only screen and (max-width:48em) {
	.fade .slick-dots {
		bottom:0;
	}
}


@media only screen and (max-width: 30em) {

.fade .slick-prev,
.fade .slick-next
{
	opacity:0;
}

.fade .slick-dots {
	width:40%;
}

.fade .slick-dots li {
	margin:0;
}

.fade .slick-dots li button:before {
  font-size: 1rem;
	width: 20px;
  height: 20px;
}
