.region-content-home-top,
.region-content-home-bottom {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.region-content-home-top {
  margin-bottom: 2rem;
}


/******new********/
.event,
.gallery .item-list ul,
.ttbd .item-list ul,
.news .item-list ul,
.frontpagenews ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
  list-style: none;
  margin: 2px;
  padding: 2px;		
}

.gallery .item-list img,
.ttbd .item-list img,
.news item-list img,
.frontpagenews img {
  width:100%;
}


.lmaterials img {
	float: right;
	padding: 0 0 0 4px;	
}

.lmaterials li {
  margin: 4px 0 4px 0;
  padding: 2px;	
  min-height: 100px;
}

.lmaterials time {
	color: var(--c12);
        font-size: 90%;
}



.region-content .view-taxonomy-term-by-date ul,
.region-content .block-views-block1-title-3-news-block-1  .item-list ul,
.region-content .view-novini .item-list ul,
.region-content .block-views-blockallpage-block-1 .view-display-id-block_1 .item-list ul,  
.view-taxonomy-term-by-date ul,
.view-zobrazhennya-terminu-taksonomii ul,
.a-z ol {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 10px;
  list-style: none;
  list-style-type: none;
  margin: 2px;
  padding: 2px;		
}



.view-taxonomy-term-by-date img {
  width:100%;
}

.vfront {
  margin-: 0px;	
  padding-top: 120px;
  padding-bottom: 100px;
  background-image: url(../images/featured-bottom.png);
  background-repeat: no-repeat; 
}

.kpin {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-gap: 1em;
}

.kpin image {
  width: 100%;
}




/**************** sm *********************/
.social {
	margin: 0;
        padding: 0;
        line-height: 0px;
        position:static;
        right:0px;
        text-align: right;
}
ul.social {
	list-style-type: none;
	margin: 0;
        padding: 0;

}
ul.social li {
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	display: inline-grid;
	margin: 0px;		
        padding: 0px;

}
		
		
		
ul.social li a {
	background: url(../images/sm-l.jpg) no-repeat; 
}
		
ul.social li.fb a {
    background-position: 0 0;
}
ul.social li.tw a {
    background-position: -32px 0;
}
ul.social li.yt a {
    background-position: -64px 0;
}
ul.social li.in a {
    background-position: -96px 0;
}
ul.social li.ig a {
    background-position: -128px 0;
}
ul.social li.te a {
    background-position: -160px 0;
}
ul.social li.go a {
    background-position: -192px 0;
}
ul.social li.rss a {
    background-position: -224px 0;
}
ul.social li.tt a {
    background-position: -256px 0;
}
ul.social li.ukl a {
    background-position: -297px 0;
}
ul.social li.enl a {
    background-position: -327px 0;
}
	
ul.social li.srch a {
    background-position: -360px 0;
}


/**************** inews *********************/
.inews {
        line-height: 0px;
        position:static;
        text-align: right;
}

ul.inews {
	list-style-type: none;
	margin: 6px 0 4px 0;
        padding: 0;
}

ul.inews li {
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	display: inline-grid;
	margin: 2px;		
        padding: 2px;
}
				
ul.inews li a {
	background: url(../images/inews40.png) no-repeat; 
}
		
ul.inews li.nws a {
    background-position: 0 0;
}
ul.inews li.ann a {
    background-position: -40px 0;
}
ul.inews li.roz a {
    background-position: -80px 0;
}
ul.inews li.ec a {
    background-position: -120px 0;
}
ul.inews li.lib a {
    background-position: -160px 0;
}
ul.inews li.ist a {
    background-position: -200px 0;
}


/**************** icons *******************/

.ifront {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
}

ul.kpii {
    list-style-type: none;
	
}
ul.kpii li {
  width: 236px;
  height: 236px;
  text-indent: -9999px;
  display: inline-grid;
  margin: 10px;
}	
		
ul.kpii li a { background: url(../images/kpii.png) no-repeat; }

ul.kpii li.faculty a {background-position: 0 0;}
	ul.kpii li.faculty a:hover {background-position: 0 -468px;}		
		
ul.kpii li.op a {background-position: -236px 0;}
	ul.kpii li.op a:hover {background-position: -236px -468px;}		
		
ul.kpii li.vstup a {background-position: -472px 0;}
	ul.kpii li.vstup a:hover {background-position: -472px -468px;}
		
ul.kpii li.science a {background-position: -703px 0;}
	ul.kpii li.science a:hover {background-position: -703px -468px;}
		
ul.kpii li.practice a {background-position: -940px 0;}
	ul.kpii li.practice a:hover {background-position: -940px -468px;}
		
ul.kpii li.am a {background-position: -1174px 0;}
    ul.kpii li.am a:hover {background-position: -1174px -468px;}	

ul.kpii li.sd a {background-position: 0 -210px;}
	ul.kpii li.sd a:hover {background-position: 0 -700px;}
		
ul.kpii li.roz a {background-position: -236px -210px;}
	ul.kpii li.roz a:hover {background-position: -236px -700px;}

ul.kpii li.cult a {background-position: -472px -210px;}	
	ul.kpii li.cult a:hover {background-position: -472px -700px;}	

ul.kpii li.stm a {background-position: -703px -210px;}	
	ul.kpii li.stm a:hover {background-position: -703px -700px;}	

ul.kpii li.sport a {background-position: -940px -210px;}	
	ul.kpii li.sport a:hover {background-position: -940px -700px;}	

ul.kpii li.sss a {background-position: -1174px -210px;}	
	ul.kpii li.sss a:hover {background-position: -1174px -700px;}	
		

/************************** target ************************/

.target-b {
background: url("../images/target-b.png") no-repeat; 
background-size:cover;
color: aliceblue;
padding-right: 0px;
padding-top: 200px;
padding-left: 70px;
padding-bottom: 450px;
-webkit-background-origin:border;
margin: 0px;
}

.target-b h2 {font-size: 200%; margin-left:18px; color: #ffffff;}		
		
ul.target {
list-style-type: none;
max-width: 950px;
margin: 0px;
padding: 0px;
}

ul.target li {

width: 290px;
height: 84px;
text-indent: -9999px;
display: inline-grid;}
		
ul.target li a {background: url("../images/target.png") no-repeat; }	

ul.target li.sh a {background-position: 0 0;}
ul.target li.sh a:hover {background-position: 0 -337px;}
ul.target li.vs a {background-position: -299px 0;}
ul.target li.vs a:hover {background-position: -299px -337px;}
ul.target li.fr a {background-position: -596px 0;}
ul.target li.fr a:hover {background-position: -596px -337px;}		
ul.target li.st a {background-position: -0 -108px;}
ul.target li.st a:hover {background-position: -0 -432px;}
ul.target li.as a {background-position: -299px -108px;}
ul.target li.as a:hover {background-position: -299px -432px;}
ul.target li.dc a {background-position: -597px -108px;}
ul.target li.dc a:hover {background-position: -597px -432px;}	
ul.target li.vy a {background-position: -0 -215px;}
ul.target li.vy a:hover {background-position: -0 -529px;}
ul.target li.sp a {background-position: -299px -215px;}
ul.target li.sp a:hover {background-position: -299px -529px;}
ul.target li.is a {background-position: -597px -215px;}
ul.target li.is a:hover {background-position: -597px -529px;}
	

.projects {margin:20px;}

.projects h2	{font-size: 200%; margin-left:23px; color: #1a3a6b;}	
		
ul.project {
list-style-type: none;
margin: 0px;
padding: 40px 20px 40px 20px;

}

ul.project li {
width: 284px;
height: 116px;
text-indent: -9999px;
display: inline-grid;
}
		
ul.project li a {background: url("../images/project.jpg") no-repeat;}
		
ul.project li.spr a {background-position: 0 0;}
ul.project li.fest a {background-position: 0 -144px;}
ul.project li.sc a {background-position: 0 -288px;}
ul.project li.art a {background-position: 0 -432px;}
ul.project li.stgr a {background-position: -360px 0;}
ul.project li.fair a {background-position: -360px -144px;}		
ul.project li.ec a {background-position: -360px -288px;}	
ul.project li.sh a {background-position: -360px -432px;}	
ul.project li.iy a {background-position: -720px -144px;}	
ul.project li.talks a {background-position: -720px -288px;}