@charset 'UTF-8';

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../images/loader.gif') center center no-repeat;
}

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 999;
    top: calc(50% - 25px);
    display: none;
   	height:52px;
   	width:52px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    transition: all .3s ease-in-out;
    opacity: 0.7;
    background:none;
/*    border:2px rgba(255, 255, 255, 0.8) solid;*/
    border-radius:50%;
    opacity:0,5;
    transition: all .3s ease-in-out;
/*    background:rgba(39, 122, 186, 0.5);*/
}
.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next
{
   opacity:0.7;
   transition: all .7s ease-in-out;
}

.slick-next:before {
   font-family: FontAwesome;
   content: "\f054";
   font-weight: 900;
	display: flex;
	justify-content: center;
	align-items: center;
   color: rgba(255,255,255,.8);
   height:100%;
   width:100%;
   font-size:36px;
}

.slick-prev:before {
   font-family: FontAwesome;
   content: "\f053";
   font-weight: 900;
	display: flex;
	justify-content: center;
	align-items: center;
   color: rgba(255,255,255,.8);
   font-size:36px;
   height:100%;
   width:100%;
}


.slick-disabled {
	cursor:default !important;
	background:transparent !important;
	display:none !important;
}
.slick-prev:hover,
.slick-next:hover {
    opacity: 0.9;
    transition: all .3s ease-in-out;
}

.slick-prev
{
    left: 5px;
}
[dir='rtl'] .slick-prev
{
    right: 40px;
    left: auto;
}


.slick-next
{
    right: 5px;
}

.articles-list .slick-next {
	right:-25px;
	top:115px;
   	height:50px;
   	width:30px;
   	border:0;
   	background:transparent;
}
.articles-list .slick-prev {
	left:-25px;
	top:115px;
   	height:50px;
   	width:30px;
   	border:0;
   	background:transparent;
}


.top-slider:hover .slick-next, .top-slider:hover .slick-prev {
   	opacity:1;	
}

.top-slider .slick-next, .top-slider .slick-prev {
	left:auto;
	top:auto;
	bottom:35px;
	z-index: 2;
	/*border:1px rgba(255, 255, 255, 0.5) solid;*/
    border-radius:50%;
    transition: all .3s ease-in-out;
	background:rgba(79, 151, 74, .8);
   	height:50px;
   	width:50px;	
   	opacity:0.7;	
}


.top-slider .slick-next {
	right:calc(50% - 675px);
	
}
.top-slider .slick-prev {
	right:calc(50% - 675px + 60px);
}

.top-slider .slick-next:hover, .top-slider .slick-prev:hover {
	background:rgb(79, 151, 74);	
}

.top-slider .slick-next:before, .top-slider .slick-prev:before {
   font-size:24px;
}


/* Dots */


.slick-dots
{
	padding-top: 5px;
	line-height: auto;
	margin-top: -30px;
	position: absolute;
	z-index: 7;
	text-align: center;
	display: block;
	width: 100%;
	bottom: 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;	
}

.articles-list .slick-dots {
	position:relative;
	margin-top: 40px;
}


.slick-dots li
{
    width:20px;
    height:20px;
    display:inline-block;
    position: relative;
    margin:0 4px;
    text-align: center;
}
.slick-dots li button
{
    width:10px !important;
    height:10px !important;
    border:none;
    text-indent: -9999px;
    display: inline-block;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    outline: none;
    transition: all .2s ease-in-out;
	background: #fff;
	border-radius: 50%;
	text-align:center;
	opacity:.9;
	box-shadow:0 0 3px 1px rgba(0,0,0,.1);
	background-color: #ccc;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    height:16px !important;
    width:16px !important;
    transition: all .2s ease-in-out;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    background:none;
    height:16px !important;
    width:16px !important;
}
.slick-dots li.slick-active button
{
    background: #e6641b;
    text-align:center;
    width:16px !important;
    height:16px !important;
}

.top-news .slick-prev {
	left:-60px;
	z-index:999;
}

.top-news .slick-next {
	right:-60px;
	z-index:999;
}


.articles-list .slick-track{
  display:flex;
	margin: 0 auto;
}
.articles-list .slick-slide.slides {
  height:auto;
  flex:0 0 auto;
}

.content .articles-list .slick-dots {
	margin:40px 0 10px
}

.content .articles-list .slick-dots li {
	margin: 5px;
}


@media screen and (max-width: 1400px) {

	.slick-prev
	{
	    left: -15px;
	    transform: scale(0.7, 0.7);
	    background-color:rgba(255,255,255,.5);
	}
	[dir='rtl'] .slick-prev
	{
	    right: 20px;
	    left: auto;
	}


	.slick-next
	{
	    right: -15px;
	    transform: scale(0.7, 0.7);
	    background-color:rgba(255,255,255,.5);
	}
	[dir='rtl'] .slick-next
	{
	    right: auto;
	    left: 20px;
	}


	.slick-next::before, .slick-prev::before {
	    color: rgba(0,0,0,.4);
	}

}


@media screen and (max-width: 800px) {

	.slick-prev,
	.slick-next
	{
    	top: calc(50% - 25px);
	}
	.slick-prev
	{
	    left: 0;
	    transform: scale(0.7, 0.7);
	    background-color:rgba(255,255,255,.5);
	}
	[dir='rtl'] .slick-prev
	{
	    right: 20px;
	    left: auto;
	}


	.slick-next
	{
	    right: 0;
	    transform: scale(0.7, 0.7);
	    background-color:rgba(255,255,255,.5);
	}
	[dir='rtl'] .slick-next
	{
	    right: auto;
	    left: 20px;
	}

	.slick-next::before, .slick-prev::before {
	    color: rgba(0,0,0,.4);
	}

	.articles-list .slick-next {
		right:10px;
	   	opacity:0.7;
	   	top:70px;
	}
	.articles-list .slick-prev  {
		left:10px;
	   	opacity:0.7;
	   	top:70px;
	}

	.articles-list .slick-prev::before {
		text-shadow:0 0 2px 2px rgba(255,255,255,.5)
	}

	.content .articles-list.slider {
	    overflow:hidden;
		margin: -10px -10px -20px;
	}

	.content .articles-list.slider .item {
	    display: inline-block;
	    margin: 20px 10px 30px;
	}
	
	.articles-list .slick-dots {
	  position: relative;
	  margin-top: 0px 0 10px;
	}	

}