body {
	margin: 0;
	font-family: "Roboto", Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	position: relative;
	line-height: 1.65;
	color: #333;
	background-color: #fbfbfb;
}



.section-title{
	position:relative;}

	.show-all{
		position: absolute;
		top: 0;
		right: 19px;
		font-weight: 700;
		border-left: 3px solid #000;
		padding: 0 0 0 9px;
	}
	header{background-color: #fff;
		border-radius: 0 20px 20px 0;
	}
	.top-line{
		border-bottom: 1px solid #f1f1f1;
		padding: .3em 0;
		color: #91a0a0;
		font-size: .9em;
	}

	.top-line-left div{
		display: inline-block;
		margin-right: .3em; 
	}
	.banner img {
		width: 100%;
	}

	.top-line-right {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.top-line-right * {
		margin-left: 10px;
	}

	#lang_search img {
		width: 35px;
	}

	.logo, .logo-bottom {
		display: flex;
		align-items: center;
		padding: 1.4em 0;

	}
	.logo-text h1 {
		line-height: 1.3;
		text-transform: uppercase;
		font-size: 1.6em;
	}
	.logo-text-bottom{
		line-height: 1.3;
		text-transform: uppercase;
		font-size: 1.7em;
		font-family: 'Alegreya Sans SC', sans-serif;
font-weight: 700;
	}
	.logo-text-bottom a:active, .logo-text-bottoma:hover, .logo-text-bottom a.current,.logo-text-bottom a:link,.logo-text-bottom a:visited{
		color: #1a242d;
	}
	.logo img, .logo-bottom img{
		max-width: 8em;
	}
	.logo div, .logo-bottom div {
		display: inline-block;
		margin-left: .5em;
	}
	.logo-bottom{padding-top: 1.4em;}

	.footer-block {
		padding-top: 1.4em;
	}

	.sveden {
		font-size: 1.2em;
		margin-bottom: 10px;
		font-weight: 700;
	}

	.sveden a{
		color: #333;
	}
	.metrics {
		text-align: center;
	}

	.copyright {
		margin-top: 2em;
		color: #949494;
		text-align: right;
		font-size: 15px;
	}

	#logo img{
		width: 135px;
	}

	.wrapper {
		max-width: 1360px;
		margin: 0 auto;
		position: relative;
	}

	section{
		padding: 1em 0;
		margin-bottom: 1.2em;
		background-color: #ffffff;
		padding: 20px;
		border-radius: 20px;

	}


	h1,h2,h3,h4,h5,h6{
		//font-family: 'Alegreya Sans SC', sans-serif;
		font-family: "Roboto", Roboto, Arial, sans-serif;
		font-weight: 700;
		color: #1a242d;
		margin: .67em 0;
	}

	h1 {
		font-size: 2.1em;
		margin: .67em 0
	}

	h2{
		font-size: 1.9em;
	}

	h3{
		font-size: 1.4em;
	}



	a { color: #2b5e99; text-decoration: none; } 
	a:active, a:hover, a.current { color: #2864a9; }



	/* lang_search */
	#lang_search {
		float:right;
		padding: 10px 5px 0 0;
		font-size:13px;
		text-align: right;
	}
	#lang_search a{
		color:#333;
		margin:0 0 0 10px;
	}

	#lang_search input.searchIco {
		width: 20px;
		height: 14px;
		background: url(images/blockSearch.png) no-repeat;
		border: none;
		vertical-align: center;
		margin: 1px 0 0 -1px;
		padding: 0;


	}
	#lang_search input.searchField {
		width: 150px;
	}

	/* footer */
	footer {
		background: #fff;
		border-top: 1px solid #eee;
	}

	/* Pagination */
	.paginator {
		width: 350px;
		margin: 0 auto;
		text-align: center;
		font-size: 14px;
	}

	.paginator span {
		font-size: 11px;
	}

	.paginator ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.paginator ul li {
		display: inline-block;
	}
	.paginator ul li a {
		display: inline-block;
		padding: 3px 5px;
	}

	.paginator .pager {
		font-size: 16px;
		margin-bottom: 60px;
	}

	.paginator .pager .current {
		background: #e9e9e9;
		color: #ffffff;
		padding: 1px 7px;
		border-radius: 4px;
		box-shadow: 1px 1px 5px rgba(0,0,0,0.5) inset;
	}



	#main-menu{
		background-color: #163f6f;
	}


	.slick-carousel img {
		max-height: 150px;
	}

	.inst-carousel a {
		font-size: .9em;
		text-transform: uppercase;
		font-weight: 700;
		border: 1px solid #eee;
		color: #1a242d;
		padding: 12px;
		display: flex;
		align-content: center;
		min-height: 69px;
		border-radius: 11px;
	}
	.inst-carousel .slick-slide {padding: 0 5px;}


	#inst-box .ibox-item a {
		color: #2f2f2f;
		font-weight: 700;
		text-transform: uppercase;
		font-size: .9em;
		padding: 20px;
		display: block;
	}
	#inst-box .ibox-item {
		height: 100%;
		border: 1px solid #f7f7f7;
		border-radius: 12px;
	}

	#inst-box .col-3 {

		margin: 8px 0;
	}

	.ibox-item:hover {
		-webkit-box-shadow: 0 9px 30px rgb(0 30 80 / 19%);
		box-shadow: 0 9px 30px rgb(0 30 80 / 15%);
		transform: scale(1.01);
		transition: all .2s ease;
	}


	.left-menu {
		list-style: none;
		font-weight: 700;
		text-transform: uppercase;
		font-size: .9em;
		margin: 1em;
		padding-left: 9px;
	}

	.left-menu.special {
		border: 1px solid #f7f7f7;
		border-radius: 12px;
		padding: 20px 8px;
		text-align: center;
		margin: 0;
	}



	.TATZET{
		width: 100%;
		margin-top: 29px;
		border-radius: 12px;
		filter: grayscale(.13);
		border: 1px solid #f7f7f7;
	}

	#side-menu {
		background: #fff;
		padding: 10px;
		border-radius: 0 0 12px 12px;
		height: auto;
		margin-bottom: 1em;
	}

	#side-menu ul {
		list-style: none;
		padding: 0;
	}
	#side-menu li {
		list-style: none;
		font-weight: 700;
		text-transform: uppercase;
		font-size: .9em;
		margin: .5em;
	}

	.main-content{
		background:#fff;
		padding: 1em;
		margin-bottom: 1em;
		border-radius: 0 0 12px 12px;
		min-height: 400px;
	}

	table.styled {
		border-collapse: collapse;
		border: 1px solid rgb(204, 204, 204);
		font-family: Calibri;
		line-height: 1.3;
		background-color: #fff;
	}
	table.styled thead{
		background-color:#f4f4f4;
		/*font-weight: 700;*/
	}

	#side-menu li.active a{
		color: #2864a9;
	}


	button#menu-toggle, button#pagenav-toggle {
		background-color: #163f6f;
		color: #fff;
		padding: 12px 42px;
		font-weight: 700;
		border: none;
		font-size: .9em;
		border-radius: 5px;
		font-family: "Roboto", Roboto, Arial, sans-serif;
		margin-left: 20px;
		margin-bottom: 10px;
		cursor: pointer;
	}

	button#pagenav-toggle {
		display:none;
	}

	#inst-box .col-6 {
		margin-bottom: 15px;
	}



	@media (max-width: 1250px)
	{
		#nav ul {
			padding: 8px;
			width: 260px;
		}
.news-item {
    margin-bottom: 1.4em;
}
	}

	@media (max-width: 1024px)
	{
		#nav {
			padding: 5px;
		}
		#nav ul {
			padding: 5px;
			width: 255px;
		}
		#nav li:last-child ul {
			right: 0;
			left: unset;
		}

		.wrapper {
			max-width: 1024px;
		}



	}


	@media (max-width: 991px)
	{
		#main-menu{
			font-size: .8em;
		}
		.footer-block{
			text-align:center;
		}

		.logo-bottom {
			justify-content: center;
		}


		.copyright {
			text-align: center;
		}

	}


	@media (max-width: 812px)
	{

		body{
			font-size:14px;
		}

		#inst-box .ibox-item {
			font-size: .9em;
		}

		.logo-text h1 {
			font-size: 1.6em;
		}
		.wrapper {
			max-width: 812px;
			padding: 0 10px;
		}

		#inst-box .ibox-item a {
			padding: 13px;
		}


	}

	@media (max-width: 600px)
	{
		.logo div{
			display: none;
		}

		.logo-text-bottom {
			font-size: 1.3em;
		}
	}

	@media (max-width: 500px)
	{
		.top-line-left{
			display: none;
		}
		.logo img, .logo-bottom img {
			max-width: 7em;
		}
		#lang_search {
			font-size: 12px;
		}
	}


	@media (max-width: 440px)
	{
		.search-form {
			position: relative;
			bottom: 18px;
			text-align: center;
		}
		.search-form input[type="text"] {
			width: 70%;
		}

		.logo {
			padding: 10px 0;
		}


	}

	@media (max-width: 320px)
	{
		.logo div{
			display:block;
		}

		.logo-text h1 {
			font-size: .6em;

		}

		button#menu-toggle, button#pagenav-toggle {
			padding: 12px 25px;
		}

		.logo img {
			max-width: 3.7em;
		}
		.logo {
			padding: 5px 0px 10px 7px;
			margin-bottom: 12px;
		}

		#lang_search{
			display: none;
		}
	}


	.scrolltop {
		width: 100%;
		margin: 0 auto;
		position: fixed;
		bottom: 20px;
		right: 10px;
	}

	.scroll {
		position: absolute;
		right: 20px;
		bottom: 20px;
		padding: 10px 12px;
		cursor: pointer;
		transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}


a.ask-btn {
    display: inline;
    padding: 20px 60px;
    margin: 5px;
    background-color: #163f6f;
    width: 146px;
    margin-bottom: 9px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    transition: background-color 0.5s ease-out;
text-transform: uppercase;
    font-family: 'Alegreya Sans SC';
    font-weight: 700;
}

a.ask-btn:hover {
    background-color: #2864a9;
}


