/* default css */

#news,
#videos {/* background:black; *//* background-image:url(/templates/img/logo.png); */}

#news .new,
#videos .video {border: 1px solid white;background:whitesmoke;float:left;-webkit-box-sizing: border-box;position: relative;overflow: hidden;cursor: pointer;}

#news .new1 {background: url(/templates/img/logo.png) no-repeat center;}

#news .new2 {
background: url(/templates/img/logo.png) no-repeat center;

}

#news .new3 {
background: url(/templates/img/logo.png) no-repeat center;

}

#news .innner,
#videos .innner {
position: relative;
height: 100%;
margin: 0;
padding: 0;
}

#news h3,
#videos h3  {padding: 0;margin: 0;/* outline: 1px solid white; */height: 100%;display: table-cell;vertical-align: top;padding: 3%;/* background: linear-gradient(45deg,  rgba(16,108,170,1) 0%,rgba(16,108,170,1) 50%,rgba(16,108,170,0) 50%,rgba(16,108,170,0) 100%); */ /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#106caa', endColorstr='#00106caa',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */word-break:break-word;text-align: left;}

#news .bar,
#videos .bar  {background: #e40514;background: rgba(228, 5, 20, 0.9);color: white;width: 93%;width: calc(100% - 16px);position: absolute;left: 0;bottom: 0;/* padding: 5px 10px; */height: 40px;margin: 8px;box-sizing: border-box;margin-bottom: 9px;}

#news .bar .date,
#videos .bar .date  {font-size: 14px;font-weight: bold;float: left;padding: 9px 12px;transition: all ease-in-out 0.4s;padding-right: 0;}

#news .bar,
#videos .bar {
    /* padding-top: 8px; */
    transition: all ease-in-out 0.4s;
}

#news .source_ico,
#videos .source_ico {float: right;height: 32px;position: relative;top: 4px;left: -4px;width: 30px;text-align: center;/* line-height: 30px; *//* background: black; */}

#news .headline,
#videos .headline {background: #d30d1d;background: rgba(211, 13, 29, 0.9);height: 100%;position: absolute;width: 100%;left: 0;top: 0;opacity: 0;padding: 5%;color: white;-webkit-transition: all ease .5s;text-align: center;font-size: 20px;margin: auto;letter-spacing: normal;display: table;visibility: hidden;padding-bottom: 16%;}

#news .headline.up,
#videos .headline.up {
opacity: 1;
visibility: visible;
}

#news .headline.up:hover,
#videos .headline.up:hover {
background: transparent;
}

#news .new:hover .headline,
#videos .video:hover .headline {
opacity: 1;
visibility: visible;
}

#news .new:hover .bar {/* bottom: 0; *//* top: 8%; *//* left: 25px; *//* text-align: right; *//* width: 82%; *//* margin: 0% 8%; */background: transparent;}



#news .bar.up {/* bottom: 0; *//* top: 8%; *//* left: 25px; *//* text-align: right; *//* width: 82%; *//* margin: 0% 8%; */background: transparent;}


#news .new .bar.up .date,
#news .new:hover .date {
    padding-left: 59px;
}

.bar.up .source_ico {
    background-size: 100%;
}

#news .new2 .bar.up {/* top: 15% */}

#news .new2:hover .bar {/* top: 15%; */}

#news .bcg-img,
#videos .bcg-img {
    background-size: cover;
    background-position: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#news .bcg-img.left,
#videos .bcg-img.left {

    background-position: left;

}
#news .bcg-img.center,
#videos .bcg-img.center  {

    background-position: center;

}
#news .new.link .headline,
#videos .video.link .headline {
/*     background-image: url(/img/new_back.png); */
    background-repeat: no-repeat;
    background-position: center;
}





#news .new.ins .source_ico {
    background-image: url(/templates/img/inst.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
/*      transition: all ease-in-out 0.1s; */
}
#news .new.fcb .source_ico {
    background-image: url(/templates/img/fac.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
/*      transition: all ease-in-out 0.1s; */
}
#news .new.twtr .source_ico {
   background-image: url(/img/twit_sm_white.png);
    background-position: center;
    background-repeat: no-repeat;

}

#news .new .source_ico img,
#videos .video .source_ico img  {
    display: none;
}

.bar.up .vlastovka,
.new:hover .vlastovka {
    bottom: -40px;
}



.vlastovka {
    width: 100px;
    height: 100px;
    position: absolute;
    left: -9px;
    bottom: -104px;
    background-image: url(/templates/img/vlastovka_bila.png);
    background-size: 81%;
    background-repeat: no-repeat;
    background-position: bottom left;
    transition: all ease-in-out 0.4s;
}

#news .new.ins:hover .source_ico {

	background-size: 90%;
    
}

#news .new.fcb:hover .source_ico {

	background-size: 70%;
    
}

.bar.down:after {content: '';width: 100%;height: 2px;background: #e40514;bottom: -4px;position: absolute;left: 0;
transitoin:all ease-in-out 0.4s;

}

.new:hover .bar.down:after {background:transparent}