.article { }


.article.full { 
    color: #000;
    font-size: 16px;
}
.article.full p {padding: 0 0 15px 0; }

.articletitle { }


.newslink { 
	font-size: 1.3em;  
	line-height: 1.1em; 
	margin: 0 0 5px 0;
}
a.newslink {  text-decoration: underline !important; }
a.newslink:hover { color: #333 !important;  text-decoration: underline !important; }

.description { 	font-size: 1.1em;   }
.descriptionfull { font-style: italic; border: 1px solid  #F1F1F1; padding: 10px 15px;}  /* Показывать краткую новость внутри статьи */

.article { margin: 0;    padding: 0; }


/* blocklink > print, autor ... */
.blocklink,
.article.full > .blocklink  { 
	height: 25px; 
	display: inline-block;
	float: right;
	text-align: right; 
	margin: 0px; 
	margin: 0 0 10px 0;
}

.blocklink > span,
.blocklink i  {
	font-size: 12px;
	padding: 0 0 0 2px;
}
.print { padding: 0 0 0 2px; }

.datepub {}
.dateupd {}
.author {}
.favorits {}
.print {}
.views { }

a.favorits:hover, a.print:hover { color: #333333; }

/*  -------------   */
.aimg {
	float:left; 
	width:220px; 
	padding: 0;
	margin: 0px 20px 10px 0;
}
.aimg img {
	width:100%;
}



.askfrends { margin: 15px 0 ; float: left; }
.askfrends .askfendstitle { margin: 0 2px 2px 0px; padding: 0; }


.artbutton { margin: 20px 0 0 0; }
/*
.artbutton a.button.article { 

    color: #333;
    border: none;
    background: none !important;
    filter: none !important;
    background: -webkit-gradient (none);
    background: -moz-linear-gradient(none);
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:none;
    text-shadow:none;
}
.artbutton a.button.article:hover { color: #000 !important; }

*/



.blacker {
  background-color: #000000;
  border: none;
}
.blacker img {
 vertical-align: top; 
}

.card a {
 text-decoration: none !important;
}
.card a:hover img {
 opacity: 0.6;
 text-decoration: none !important;
 transition: opacity 0.5s linear;    -moz-transition: opacity 0.5s linear; -o-transition:  opacity 0.5s linear; -webkit-transition: opacity 0.5s linear;
}

h3.card-title, .card-title {
  font-size: 1.2em !important;
  line-height: 1.4em;
  color: #000000 !important;
  text-decoration: none !important;
}

.card:hover .card-title { color: #00A74A !important;}
a:hover .card-title { color: #00A74A !important;}

.card-bgimage {
 position: relative;
 height: 250px;
 width: 100%;
 background-position: center !important;
 background-size: cover !important;
 background-repeat: no-repeat;
 opacity: 1;
 transition: opacity 0.3s linear;    -moz-transition: opacity 0.3s linear; -o-transition:  opacity 0.3s linear; -webkit-transition: opacity 0.3s linear;
}

.card-bgimage:hover { opacity: 0.7;}


.playvideo {
  display: block;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-image: url(/skins/template/i/play.png);
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.3;
 transition: opacity 0.8s linear;  -moz-transition: opacity 0.8s linear; -o-transition:  opacity 0.8s linear; -webkit-transition: opacity 0.8s linear;
}

.card-bgimage:hover .playvideo {
  opacity: 0.8;
}


.bigimg { height: 500px; overflow:hidden; margin-bottom: 30px; }
.card { border-radius: 0px !important; border: 1px solid #EBEDED  !important;  }
.card-body, .card-title	{ border-radius: 0px !important; border:  !important; }
.card .card-img-top 	{ border-radius: 0px !important; border:   !important; }

.embed-responsive {  margin: 0 auto;text-align: center; max-width: 800px;}





@media (min-width: 321px) { 
	.bigimg1 { max-width: 100%; float: none; margin: 10px auto; }
	.article.full h1 { font-size: 22px; line-height: 26px;}
}
@media (min-width: 575px) { 
	.bigimg1 { max-width: 100%; float: none; margin: 10px auto; }
	.article.full h1 { font-size: 25px; line-height: 30px;}
}
@media (min-width: 768px) {
	.bigimg1 { max-width: 100%; float: none; margin: 10px auto; }
	.article.full h1 { font-size: 30px; line-height: 35px;}
}
@media (min-width: 992px) {
	.bigimg1 { max-width: 450px; float: right; margin: 10px 0 10px 30px;}
	.article.full h1 { font-size: 30px; line-height: 35px;}
}
@media (min-width: 1200px) {
	.bigimg1 { max-width: 450px; float: right; margin: 10px 0 10px 30px;}
	.article.full h1 { font-size: 30px; line-height: 35px;}
}
@media (min-width: 1620px) {
	.bigimg1 { max-width: 450px; float: right; margin: 10px 0 10px 30px;}
	.article.full h1 { font-size: 30px; line-height: 35px;}
}