/* = .news
---------------------------------------------------------------------------------------------------*/

.news-box {
  width: 60%;
  text-align: center;
  margin: 0 auto;
}
.news-box .news-line {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
}
.news { 
	width: 100%; 
	margin: 0 auto; 
	padding: 95px 0 0 0; 
	display: flex; 
	text-align: left; 
}
.news .item { 
	width: 100%; 
	flex: 0 1 calc(33% - 10px); 
	position: relative;   
}
/*.news .item:first-child { flex: 0 0 auto; justify-content: center; }*/

/*.news .item:not(:first-child) img { width: 70%;  max-width: 70%; }*/
.news .item .itemContent { 
	border-bottom: 1px solid #ff00002e; 
	z-index: 100; 
	width: 100%;
	min-height: 122px;
	margin-top: 0px;
	margin-bottom: 10px;
	transition: all .3s ease-in-out;
}
						.section.news section > h2 {
							width: 60%;
							text-align: center;
							margin: 0 auto;
							font-size: 42px;
						}
.news p { 
	margin: 0;
	font-size: 15px;
	color: #000; 
}
.news .item h3 { 
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 22px;
	margin: 0; 
	height: 32px;
	color: #000;
	padding: 0 25px;
}
.novinka-content p { 
	font-size: 1.2em; 
	line-height: 1.2; 
	text-align: justify; 
	color: #000; 
	transition: opacity .3s ease-in-out;  
}
.novinka-content p, 
.novinka-content h2, 
.novinka-content h3, 
.novinka-content h4,
.novinka-content h5 {
	padding: 5px 25px 15px;
}
.home .novinka-content p { text-align: center; }
.novinka-content p.has-text-align-right,
.novinka-content p.has-text-align-right em { text-align: right; }
.novinka-content .novinka-kategoria { 
	position: absolute;
	top: 15px;  
	right: 25px;
	padding: 0;
	color: #ff3d3d;
	opacity: 0;
	font-weight: 700;
}
.news a.link:hover .novinka-kategoria {
	opacity: 1;
}
.news .item a { 
	border:none; 
}
.news .item img { 
	width:  calc(100% - 30px);
	max-width: 100%; 
	height: auto; 
	padding: 15px; 
	transition: all .3s ease-in-out;
}
.news .item:hover {
	box-shadow: 0 0 10px #0002;
}
.news .item:hover .itemContent {
	margin-top: 10px;
	margin-bottom: 0;
}
.news a.link:hover .novinka_img img {  
	opacity: 0.8; 
	transform: scale(1.15); 
}
.novinka_img { 
	overflow: hidden;  
}



.news .item:first-child .itemContent.prvy {  width: 100%;}

.ukaz-viacej-noviniek { position:relative; background:#9BC008;padding:25px 55px;margin:25px 0;float: left; width: 100%;cursor:pointer; }
.ukaz-viacej-noviniek p { color:white; }
.dalsia-novinka { display:none; }

.desktop { display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center; }
.mobile { display: none !important;}




.news .item a.link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(0,0,0,1);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .2s ease-out;
}
.news .item a.link:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

@media (min-width: 1500px) {
	.news-box {
	  width: 90%;
	}
}

@media screen and (max-width: 1500px) {
	.news-box {
	  width: 99%;
	}
}

@media screen and (max-width: 1274px) {
		.news-box {
		  width: 80%;
		}
		.news .item {
		  width: 100%;
		  flex: 0 1 50%;
		  position: relative;
		}

}

@media screen and (max-width: 768px) {
	.desktop { display: none !important; }
	.mobile { display: block !important; }
		.news-box {
		  width: 100%;
		}
	.news .item {
	  width: 100%;
	  flex: 0 1 50%;
	  position: relative;
	}
	.content.main-picture {
    width: 100%;
    height: 250px;
    margin: 75px auto 42px;
	}
	.content .novinka-content {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 0 55px 30px 0;
	}
	.news .item h3 {
	  font-size: 20px;
	  height: unset;
	  padding: 0 25px;
	  line-height: 1;
	}

}

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


}








/*
 /end css hulvire news
 */