:root {
	--umk-red: #c4262e;
	--umk-lightblue: #0073b8;
	--umk-blue: #00498a;
	--umk-green: #00673b;
	--umk-lightgreen: #00914c;
	--umk-magenta: #a0065b;
	--umk-purple: #942c8b;
	--umk-orange: #f4592c;
	--umk-gray: #4d4d4d;

	--umk-content-theme-color: var(--umk-blue);
	--umk-content-banner-color: #fff;

	--bs-body-font-family: "Lato-Regular";
	--bs-body-bg: #dee9ee;
	--bs-body-color: #004492;

	--bs-link-color-rgb: "rgb(153, 170, 187)"
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?il6fnm');
  src:  url('fonts/icomoon.eot?il6fnm#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?il6fnm') format('truetype'),
    url('fonts/icomoon.woff?il6fnm') format('woff'),
    url('fonts/icomoon.svg?il6fnm#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrivals-of-foreign-guests:before {
  content: "\e900";
  color: #fff;
}
.icon-collaborations-and-partners:before {
  content: "\e901";
  color: #fff;
}
.icon-contact-and-media:before {
  content: "\e902";
  color: #fff;
}
.icon-global-rankings-and-recognition:before {
  content: "\e903";
  color: #fff;
}
.icon-ncu-international-grants:before {
  content: "\e904";
  color: #fff;
}
.icon-opportunities-for-researchers-and-students:before {
  content: "\e905";
  color: #fff;
}
.icon-research-excellence-centers:before {
  content: "\e906";
  color: #fff;
}
.icon-researchers-and-projects:before {
  content: "\e907";
  color: #fff;
}

div.tresc a.klocek {
	background-color: var(--umk-blue);
	color: #fff;
	border-bottom: none;
	padding: 10px 10px 10px 20px;
	clip-path: polygon(100% 0, 100% 80%, 80% 100%, 0 100%, 0 0);
	text-decoration:none;
}

div.tresc a.klocek:hover {
	background-color: #0057a4;
	color: #fff;
	border-bottom: none;
	text-decoration:none;
}

div.tresc a.klocek .icon {
	/*font-size: 110px;*/
	height:100px;
	width:auto;
	margin: 10px 0;
}

div.tresc a.klocek p {
	margin-top:5px;
	font-size: 26px;
	line-height: 28px;
}



@media (min-width: 0px) {

	div.tresc a.klocek {
		padding: 3vw;
	}

	div.tresc a.klocek .icon {
		margin:0;
		height: 15vw;
	}
	
	div.tresc a.klocek p {
		margin-top:10vw;
		font-size: 4vw;
		line-height: 4.5vw;
	}
	
	div.tresc a.klocek .icon + p {
		margin-top: 1.5vw;
	}
}


@media (min-width: 300px) {

	div.tresc a.klocek {
		padding: 3vw;
	}

	div.tresc a.klocek .icon {
		margin:0;
		height: 15vw;
	}
	
	div.tresc a.klocek p {
		margin-top:10vw;
		font-size: 4vw;
		line-height: 4.8vw;
	}
	
	div.tresc a.klocek .icon + p {
		margin-top: 1.5vw;
	}
}


@media (min-width: 500px) {

	div.tresc a.klocek {
		padding: 2.2vw;
	}

	div.tresc a.klocek .icon {
		margin:0;
		height: 11vw;
	}
	
	div.tresc a.klocek p {
		margin-top: 8vw;
		font-size: 3vw;
		line-height: 3.4vw;
	}
	
	div.tresc a.klocek .icon + p {
		margin-top: 1vw;
	}
}


@media (min-width: 760px) {

	div.tresc a.klocek {
		padding: 2vw;
	}

	div.tresc a.klocek .icon {
		margin:0;
		height: 8vw;
	}
	
	div.tresc a.klocek p {
		margin-top: 5vw;
		font-size: 2.2vw;
		line-height: 2.5vw;
	}
	
	div.tresc a.klocek .icon + p {
		margin-top:1vw;
	}
}


@media (min-width: 1020px) {

	div.tresc a.klocek {
		/*width: 260px;
		height: 260px;*/
		margin: 0 15px 15px 0;
		padding: 10px 10px 10px 20px;
	}
	
	div.tresc a.klocek .icon {
		margin: 10px 0;
		height: 70px;
	}
	
	div.tresc a.klocek p {
		margin-top:70px;
		font-size: 20px;
		line-height: 22px;
	}
	
	div.tresc a.klocek .icon + p {
		margin-top:5px;
	}
}