@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
border:none;
outline:none;
text-align:left;
}
.clear {
width:100%;
font-size:1px;
line-height:1px;
clear:both;
}
table, tr, td, th {
vertical-align:top;
border:none;
margin:0;
}
header {
background:#ffffff;
text-align:left;
margin-bottom:0;
}
section {
clear:both;
position:relative;
}
footer {
clear:both;
}
html, body, p, ul, ol, li, label, pre, input, select, textarea {
font: normal 14px/20px 'Granate', Tahoma, Verdana, sans-serif;
color:#000000;
text-align:left;
}
li {
/*margin-left: 25px;*/
}
li.in {
margin-left: 50px;
}
p, .container {
text-align:justify;
}
.container {
position:relative;
}
a {
color:#37003c;
text-decoration:underline;
cursor:pointer;
transition: all 0.3s;
}
a:hover {
color:#b6cc33;
}
.container table, .container tr, .container td, .container th {
border:1px solid #000000;
border-collapse: collapse;
padding:0;
}
.container table {
margin:0 0 10px 0;
width:100%;
}
.container td {
padding:4px;
margin:0;
vertical-align:top;
}
.container th {
padding:4px;
margin:0;
color:#ffffff;
background-color:#000000;
}
footer, footer p, footer p, footer li, footer h6 {
color:#ffffff;
}
.cover-main {
    padding:0;
    height: 100%;
		background: linear-gradient(0deg,#9ec4f3 30%,#3a74f1 95%) #9ec4f3;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    overflow: hidden;
		position:relative;
}
h1.main-h1 {
		position:absolute; top:15px; left:0;
		color:#ffffff;
		text-align:center;
		width:100%;
		font-size: calc(2.225rem + 1.5vw);
}
span.main-h1 {
		position:absolute; top:0px; left:0;
		color:#ffffff;
		text-align:center;
		width:100%;
		font-size: calc(1.225rem);
}
.navbar-brand img {
	width:200px;
}
li.nav-item.nav-item-first { margin-left:0; }
@media (min-width: 576px) { li.nav-item.nav-item-first { margin-left:25px; } }
@media (min-width: 768px) { li.nav-item.nav-item-first { margin-left:10px; } }
@media (min-width: 992px) { li.nav-item.nav-item-first { margin-left:250px; } }
@media (min-width: 1200px) { li.nav-item.nav-item-first { margin-left:430px; } }
@media (min-width: 1400px) { li.nav-item.nav-item-first { margin-left:600px; } }
#topcover {
	position:relative;
	z-index:3000;
}
#topnav {
	position:fixed;
	display:none;
}
#bignav a {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}
#bignav a:hover {
	text-decoration:none;
	color:#522980;
}
.mp_link {
    display: block;
    text-decoration: none;
}
.mp_tile {
    background: #ffffff;
    border: 1px solid rgba(206,209,213,.4);
    border-radius: 8px;
    box-shadow: 0 8px 20px 0 rgb(0 0 0 / 5%);
    box-sizing: border-box;
    color: #2c3136;
    display: flex;
    flex-direction: column;
    height: 320px;
    overflow: hidden;
    position: relative;
    transition: box-shadow .2s ease-out;
}
.mp_tile__caption {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    padding: 20px;
    position: relative;
    z-index: 1;
}
.mp_tile__picture {
    bottom: 0;
    flex-shrink: 0;
    height: 158px;
    position: absolute;
    right: 0;
    width: 100%;
}
.mp_tile__picture img {
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
}
.mp_tile__history {
    background:#dcd4e6;
}
@media (max-width: 379.98px) {
.mp_tile__caption {

      padding: 10px;
}
.mp_tile__text {
    font-size: 13px;
    line-height: 18px;
}
}
@media (min-width: 768px) {
.mp_tile {
    height: 186px;
    margin-left: 0;
    margin-right: 0;
    max-height: none;
    max-width: none;
    min-height: auto;
    width: 100%;
}
.mp_tile__caption {
    padding: 25px;
    width: 60%;
}
.mp_tile__picture {
    height: 100%;
}
}
@media (min-width: 992px) {
.mp_tile {
    height: 270px;
}
.mp_tile_shrinked {
    height: 388px;
}
.mp_tile_shrinked .mp_tile__caption {
    padding-right: 20px;
    width: auto;
}
.mp_tile_shrinked .mp_tile__picture {
    height: 176px;
}
.mp_tile__history {
    background:#ffffff;
}
}
a.toplink {
  text-decoration: none;
  border-left:1px solid #dee2e6;
  margin-top:2px;
}
a.toplink:hover {
  transition: all .2s ease-out;
  border-left: 1px solid #000000;
  color:#000000;
}
a.toplink.active, a.toplink.active:hover {
  text-decoration: none;
  border-left:1px solid #dee2e6;
  color:#668099;
}
@media (max-width: 575.98px) {
  a.toplink {
    box-sizing: border-box;
    padding:4px 5px 0 15px;
    border-left:3px solid #000000;
  }
  a.toplink.active, a.toplink.active:hover {
    padding:4px 5px 0 15px;
    border-left:3px solid #dee2e6;
  }
}

.catcat {
  padding:10px 0 0;
  margin-bottom:10px;
}
.catimg img {
    margin:0 0 20px 0;
    width:100%;
    border:1px solid #6c757d;
}
.cattxt {
    margin-bottom:10px;
}
.cattxt p {
    font-size:90%;
}
@media (max-width: 575.98px) {
  .catimg img {
    margin:10px 0 30px;
  }
  .cattxt {
      margin-bottom:0;
  }
  .cattxt p {
      font-size:100%;
  }
  .cattxt .btn, .cattxt p {
    display:none;
  }
}
a.ser {
  text-decoration: none;
  padding:2px 4px;
  font-size:80%;
  display:inline-block;
  margin-bottom:4px;
}
.pagination {
  margin-top: 1rem;
}
.page-link, a.page-link, a.page-link:hover {
    color: #522980;
}
.active>.page-link, .page-link.active  {
    background-color: #522980;
    border-color: #522980;
}
