/***************************************
* Name: jKsNewsEffects3                *
* File: style.css                      *
* (c) 2014 Web Studio KS, Dyakov S.A.  *
* http://kssite.ru/                    *
* E-mail:xxxcore89@gmail.com           *
****************************************/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=cyrillic-ext");

.jksnewseffects3-default {
    /*text-align: left; /*standart*/
	text-align: justify; /*standart*/
    position: relative;
    /*overflow-y: hidden; 
    overflow-x: scroll; 
    height: auto;*/
    float: left;
    width: 100%;
    font-family: "Open Sans", Arial, sans-serif;    /*standart*/
}

.jksnewseffects3-default * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.jksnewseffects3-default
.jksnewseffects3-items {
	font-size: 0;
	padding: 0;
	list-style: none;
	background: none;
	/*width: 100%;
	display: table;*/
    /*width: max-content;
    width: -moz-max-content;     /*Firefox/Gecko 
  width: -webkit-max-content;Chrome */
  text-align: left;
    position: relative;
    display: block;
    /*flex-wrap: wrap; 
    justify-content: space-evenly; */
   	background: #fff !important;
}

.jksnewseffects3-default
.jksnewseffects3-item {
	/*display: inline-block;*/
	/*overflow: hidden;*/
	/*margin: 5px;*/
    display: inline-block;
    justify-content: left;
   /* float: left;*/
	width: 25%;   /*280px*/
	padding: 10px;
	text-align: left;
	background: none;
	color: #333;
	font-size: 14px;
	vertical-align: top;
	margin: 0;
}

.jksnewseffects3-default
.jksnewseffects3-item figure {
	margin: 0;
	position: relative;
}

.jksnewseffects3-default
.jksnewseffects3-item figure img {
	position: relative;
	display: block;
	width: 100%;
}

.jksnewseffects3-default
.jksnewseffects3-item
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-family: "Open Sans", Arial, sans-serif;
}

.jksnewseffects3-default
.jksnewseffects3-item
figcaption
.jksnewseffects3-item-date {
	display: block;
	color: #ededed;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 400;
}

.jksnewseffects3-default
.jksnewseffects3-item
figcaption
h3 {
	padding: 0;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 400;
	margin: 25px 0 20px 0;
	line-height: 26px;
	font-size: 24px;
	text-align: center;
	font-family: "Open Sans", Arial, sans-serif;
}

.jksnewseffects3-default
.jksnewseffects3-item
figcaption
.jksnewseffects3-item-link {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #666;
	color: #fff;
	text-decoration: none;
	margin-top: 15px;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}

.jksnewseffects3-default
.jksnewseffects3-item
figcaption
.jksnewseffects3-item-link:hover {
	text-decoration: none;
	-moz-transition: 150ms ease-in all;
	-ms-transition: 150ms ease-in all;
	-o-transition: 150ms ease-in all;
	-webkit-transition: 150ms ease-in all;
	transition: 150ms ease-in all;
	background: #333;
}

.jksnewseffects3-default
.jksnewseffects3-item
figcaption
p {
	display: block;
	color: #dadada;
	font-size: 14px;
	line-height: 20px;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 400;
	text-align: center;
}

/* Individual Caption Styles */
.jksnewseffects3-default
.jksnewseffects3-item
figure
figcaption {
	height: max-content;
	width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	overflow: hidden;
	z-index: 100;
}

.jksnewseffects3-default
.jksnewseffects3-item
figcaption
.jksnewseffects3-item-date {
	position: absolute;
	left: 0;
	top: 10px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.no-touch
.jksnewseffects3-default
.jksnewseffects3-item
figure:hover
figcaption,
.jksnewseffects3-default
.jksnewseffects3-item
figure.cs-hover
figcaption {
	opacity: 1;
	-webkit-transform: translate(15px, 15px);
	-moz-transform: translate(15px, 15px);
	-ms-transform: translate(15px, 15px);
	transform: translate(15px, 15px);
}
/* / Individual Caption Styles */

.scrollbar-elem-card{
    
}
.mCSB_dragger_bar{ background-color: #ed1c24 !important; }


   



