* {
	box-sizing: border-box;
}

@font-face {
	font-family: "PT Sans";
	font-display: swap;
}

.no-wrap {
	white-space: nowrap;
}

body {
	margin:      0;
	padding:     0;
	position:    relative;
	background:  #8DC7DA;
	font-size:   14px;
	font-family: "PT Sans", sans-serif;
}

.clearbox {
	clear: both;
}

img {
	max-width:  100%;
	object-fit: scale-down;
}

.row {
	margin-left:  0;
	margin-right: 0;
}

.load-later {
	opacity:    0;
	transition: .5s;
}

.header-bg {
	width:      100%;
	height:     1056px;
	top:        0;
	object-fit: none;
	position:   absolute;
	z-index:    -1;
}

.header-bg.v2 {
	height: 1054px;
}

.header-bg.v2mobile {
	height: 560px;
}

.footer-bg {
	width:      100%;
	height:     632px;
	bottom:     0;
	object-fit: none;
	position:   absolute;
	z-index:    -1;
}

.upper-header {
	padding:       60px 0 0;
	margin-bottom: -10px;
	z-index:       3;
}

.upper-header .logo {
	max-width: 375px;
	width:     100%;
}

.upper-header .search {
	position:     relative;
	overflow:     hidden;
	margin-top:   55px;
	margin-right: 25px;
	z-index:      20;
}

.upper-header .search input:not([type="submit"]) {
	width:         100%;
	padding:       7px 40px 7px 12px;
	border-radius: 4px;
	border:        0;
}

.upper-header .search button[type="submit"] {
	color:            #212121;
	position:         absolute;
	background:       transparent;
	border:           0;
	right:            0px;
	padding:          7px 15px 7px 7px;
	top:              0;
	transition:       0.3s cubic-bezier(0.77, 0.04, 0, 0.7);
	transform:        scaleX(0);
	transform-origin: right;
	cursor:           pointer;
}

.upper-header .search input:focus + button[type="submit"] {
	transform: scale(1);
}

.upper-header .social {
	text-align: right;
	margin-top: 55px;
	z-index:    20;
}

.upper-header .social .item {
	width:         32px;
	display:       inline-block;
	color:         #FFF;
	border-radius: 4px;
	line-height:   30px;
	font-size:     16px;
	text-align:    center;
	transition:    .3s ease-in-out;
	overflow:      hidden;
	opacity:       1;
	border:        2px solid black;
}

.upper-header .social .item.facebook-f {
	background:   #3B5998;
	border-color: #3B5998;
}

.upper-header .social .item.twitter {
	background:   #1DA1F2;
	border-color: #1DA1F2;
}

.upper-header .social .item.youtube {
	background:   #F00;
	border-color: #F00;
}

.upper-header .social .item:hover {
	background: rgba(255, 255, 255, .8);
}

.upper-header .social .item.youtube:hover {
	color: #F00;
}

.upper-header .social .item.facebook-f:hover {
	color: #3B5998;
}

.upper-header .social .item.twitter:hover {
	color: #1DA1F2;
}

.content {
	background:    #EEFAFE;
	border:        1px solid #E4E6E8;
	border-radius: 4px;
	margin-bottom: 250px;
	z-index:       2;
	min-height:    500px;
}

.content .row {
	margin-left:  0;
	margin-right: 0;
}

.slider .owl-carousel img {
	width:         100%;
	height:        100%;
	max-height:    440px;
	border-radius: 4px;
	object-fit:    cover;
}

.slider {
	position:      relative;
	border:        30px solid #EEFAFE;
	border-top:    30px solid #EEFAFE;
	border-bottom: 0;
	overflow:      hidden;
}

.slider .owl-carousel {
	max-height: 440px;
}

.slider .buttons {
	position: absolute;
	top:      10%;
	width:    200px;
	right:    0;
	z-index:  4;
}

.slider .button {
	display:          block;
	float:            left;
	position:         absolute;
	right:            24px;
	text-align:       left;
	transform:        translate(100%, 0%);
	background:       #FFF;
	width:            auto;
	height:           30px;
	line-height:      30px;
	padding:          0 7px;
	overflow:         hidden;
	transition:       .3s ease;
	transform-origin: right;
	border-radius:    4px;
}

.slider .button + .button {
	margin-top: 40px;
}

.slider .button:hover {
	right:     -2px;
	transform: translate(0%, 0%);
}

.owl-theme .owl-nav.disabled + .owl-dots {
	position: relative;
	bottom:   85px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #286CBC;
}

.owl-theme .owl-dots .owl-dot span {
	background: white;
	padding:    5px;
	border:     2px solid #DDD;
}

.form {
	display:         flex;
	flex-wrap:       wrap;
	justify-content: space-evenly;
	max-width:       1000px;
	margin:          60px auto 15px;
}

.form.mini {
	margin:          0;
	max-width:       unset;
	justify-content: flex-start;
}

.form.mini .form-group {
	flex:          unset;
	margin-bottom: 0;
	padding:       0;
}

.form.mini .form-group + .form-group {
	margin-left: 10px;
}

.form.mini .form-group:not(.submit) {
	max-width: 160px;
	flex:      1;
}

.form.mini .form-group input {
	padding: 4px 15px !important;
}

.form .form-group {
	margin-bottom: 12px;
	flex-basis:    50%;
	padding:       0 20px;
}

.form .form-group.submit {
	text-align: center;
}

.form .form-group input[type="submit"] {
	display:       inline-block;
	border:        0;
	padding:       7px 15px;
	background:    #1DA1F2;
	color:         #FFF;
	opacity:       1;
	border-radius: 6px;
	cursor:        pointer;
	transition:    .15s cubic-bezier(1, 0, 0, 1);
}

.form .form-group input[type="submit"]:hover {
	transform: scale(1.1);
}

.form .form-group input[type="file"] {
	display: inline-block;
	border:  0;
	padding: 7px 15px;
	opacity: 1;
}

.form .form-group label {
	display:       block;
	padding:       0 15px;
	margin-bottom: 5px;
}

.form .form-group .g-recaptcha div {
	margin: auto;
}

.form .form-group input:not([type="submit"]):not([type="file"]), .form .form-group textarea {
	display:       block;
	width:         100%;
	border-radius: 3px;
	padding:       6px 15px;
	color:         #333;
	font-size:     14px;
	border:        1px solid rgba(0, 0, 0, 0.12);
	resize:        none
}

@media screen and (max-width: 600px) {
	.form .form-group {
		flex-basis: 100%;
	}
}

.magazines {
	padding:   35px;
	display:   flex;
	flex-flow: row wrap;
}

.magazines .magazine {
	flex:          0 1 25%;
	padding:       0 10px;
	margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
	.magazines {
		padding: 35px 0;
	}
	
	.magazines .magazine {
		flex: 0 1 50%;
	}
}

.magazines .magazine .magazine__title {
	margin-bottom: 4px;
	text-align:    center;
	font-weight:   bold;
}

.magazines .magazine .magazine__img {
	opacity: 1;
}

.magazines .magazine img {
	transition: .52s ease;
}

.magazines .magazine .magazine__img {
	display:       block;
	margin-bottom: 8px;
	overflow:      hidden;
}

.magazines .magazine .magazine__link {
	display:     block;
	text-align:  center;
	line-height: 1;
	padding:     2px 0;
}

.magazines .magazine:hover img {
	transform: scale(1.1) rotate(-2deg);
}

.boxes {
	z-index:  10;
	position: relative;
	top:      -43px;
	margin:   0 35px;
	height:   120px;
}

@media screen and (min-width: 992px) {
	.boxes.onpage {
		top:    0;
		margin: 20px 35px 0;
		height: 72px;
	}
}

.boxes > .list {
	position: absolute;
	width:    100%;
}

.boxes .item {
	width:         calc(20% - 4px);
	float:         left;
	margin:        0 4px 0 0;
	font-size:     14px;
	overflow:      hidden;
	position:      relative;
	border-radius: 4px;
	max-height:    152px;
	color:         #212121;
}

.boxes.onpage .item {
	max-height: 65px;
}

.boxes.onpage:not(.scroll) .item ul {
	margin-top: 13px;
}

.boxes .item ul {
	margin-top: 9px;
}

.boxes .item .expand {
	position:   absolute;
	top:        18px;
	left:       9px;
	transition: 0.3s linear;
}

.boxes .item:hover .expand {
	transform: rotate(90deg);
}

.boxes .item .title {
	padding:       10px 15px 7px 27px;
	font-weight:   bold;
	font-size:     140%;
	margin-bottom: 0;
}

.boxes .item .title::after {
	content:    "";
	display:    block;
	margin-top: 2px;
	background: rgba(33, 33, 33, .4);
	width:      100%;
	height:     1px;
}

.boxes .item ul {
	padding:    0;
	list-style: none;
}

.boxes .item ul li a {
	color:   #212121;
	padding: 4px 0 4px 27px;
	opacity: 1;
	display: inline-block;
}

.boxes .item ul li {
	display:         block;
	text-decoration: none;
	cursor:          pointer;
	position:        relative;
	line-height:     1.3;
}

.boxes .item ul li:hover {
	background: rgba(0, 0, 255, .04);
}

.breadcrumbs ul {
	width:           100%;
	display:         flex;
	list-style:      none;
	padding-left:    35px;
	justify-content: flex-end;
}

.breadcrumbs ul li {
	display:     inline-flex;
	align-items: baseline;
}

.breadcrumbs ul li a {
	color:      #212121;
	opacity:    .8;
	display:    inline-block;
	padding:    5px 14px;
	transition: .24s ease-in;
}

.breadcrumbs ul li a:hover {
	opacity: 1;
}

.breadcrumbs ul li + li a {
	padding: 5px 14px 5px 10px;
}

.breadcrumbs ul li + li::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:     "\f101";
}

.page-content {
	padding: 0 35px;
}

.page-gallery {
	padding:         35px;
	display:         flex;
	flex-wrap:       wrap;
	justify-content: left;
}

.page-gallery > * {
	flex-basis: calc(100% / 6);
}

.page-gallery p {
	text-align: center;
	padding:    0 5px;
}

.page-gallery img {
	width:      100%;
	height:     160px;
	padding:    0 5px 10px;
	object-fit: cover;
}

@media screen and (max-width: 991px) {
	.page-gallery > * {
		flex-basis: calc(100% / 4);
	}
}

@media screen and (max-width: 768px) {
	.page-gallery > * {
		flex-basis: calc(100% / 2);
	}
}

.main .main-panel-left {
	padding: 0 20px 21px;
}

.main .main-panel-right {
	padding:       0 20px 21px;
	border-left:   1px solid rgba(40, 108, 188, .15);
	margin-bottom: 20px;
}

.main .main-panel-right section:not(.navlist) {
	padding-top: 40px;
}

.main .navlist ul {
	list-style: none;
	padding:    0;
}

.main .navlist a {
	display:         block;
	width:           100%;
	padding:         6px 15px;
	cursor:          pointer;
	color:           #4E555B;
	opacity:         .8;
	text-decoration: none;
	transition:      0.1s cubic-bezier(0.77, 0.04, 0, 0.7);
	border-radius:   4px;
}

.main .navlist a i {
	display:        inline-block;
	position:       relative;
	vertical-align: middle;
	text-align:     center;
	width:          34px;
	font-size:      30px;
}

.main .navlist a span {
	width:          calc(100% - 50px);
	display:        inline-block;
	vertical-align: middle;
	border-left:    1px solid rgba(0, 0, 0, .4);
	margin-left:    12px;
	padding-left:   12px;
}

.main .navlist a:hover {
	opacity:    1;
	background: rgba(0, 0, 0, .05);
}

.main p {
	width: 100%;
}

.main .title {
	font-weight:   bold;
	font-size:     22px;
	color:         #286CBC;
	margin-top:    20px;
	margin-bottom: 20px;
}

.main-panel-left  section.partners {
	background: #fff;
	margin-bottom: 0;
	padding: 0 10px 50px;
}

.main .fast-contact p:not(.title) {
	margin-bottom: 0;
	padding:       0 15px;
}

.main-panel-left section {
	margin-bottom: 50px;
}

.main-panel-left section.calendar {
	margin-bottom: 30px;
}

.main-panel-left section:not(.calendar) {
	border-top: 1px solid rgba(40, 108, 188, .15);
}

.main .life .image {
	width:   196px;
	height:  144px;
	display: block;
}

.main .life .image img {
	width:      100%;
	height:     100%;
	object-fit: cover;
	display:    block;
	margin:     0 auto;
}

.main .life .owl-carousel {
	margin-bottom: 32px;
}

.main .life .owl-carousel .owl-nav.disabled {
	display:        block;
	position:       relative;
	width:          100%;
	top:            12px;
	transform:      translateY(-50%);
	font-size:      22px;
	vertical-align: middle;
}

.main .life .owl-carousel .owl-nav button {
	background:    rgba(0, 0, 0, .15);
	line-height:   32px;
	width:         32px;
	border-radius: 4px;
	text-align:    center;
}

.main .life .owl-carousel .owl-nav .owl-prev {
	left:     calc(50% - 50px);
	position: absolute;
	bottom:   -20px;
}

.main .life .owl-carousel .owl-nav .owl-next {
	right:    calc(50% - 50px);
	position: absolute;
	bottom:   -20px;
}

div.line {
	width:      100%;
	height:     1px;
	background: rgba(40, 108, 188, .15);;
	margin:     10px 0;
	display:    block;
}

.news .categories {
	padding: 0 35px;
}

.news .categories a {
	display:       inline-block;
	padding:       5px 10px;
	background:    #1DA1F2;
	border:        1px solid rgba(0, 0, 0, .1);
	color:         #FFF;
	border-radius: 4px;
	margin-bottom: 5px;
	margin-right:  5px;
}

.news .categories a.active, .news .categories a:hover {
	color:        #1DA1F2;
	background:   white;
	border-color: #1DA1F2;
}

.news .item .image {
	position: relative;
}

.news .item img {
	display:    block;
	max-width:  120px;
	margin:     0 auto;
	height:     100%;
	width:      100%;
	object-fit: contain;
}

.news .more {
	display:       block;
	text-align:    center;
	opacity:       1;
	font-weight:   bold;
	width:         150px;
	margin:        25px auto 0;
	border-radius: 4px;
	transition:    .2s ease;
	padding:       7px;
	color:         white;
	background:    #286CBC;
	border:        1px solid #286CBC;
}

.news .more:hover {
	color:      #286CBC;
	background: transparent;
}

@media (min-width: 767px) {
	.news .item img {
		position:  absolute;
		top:       50%;
		left:      50%;
		transform: translate(-50%, -50%);
	}
}

.news .item {
	padding: 15px 5px;
}

.news .item + .item {
	border-top: 1px solid rgba(40, 108, 188, .07);
}

.news .item .body {
	position: relative;
}

.news .item .body .buttons {
	color:     #6C757D;
	font-size: 13px;
}

.news .item .title {
	font-size:     110%;
	margin-top:    2px;
	margin-bottom: 10px;
}

.news .item .body .buttons .date {
	display: inline-block;
}

.news .item .body .buttons .author {
	display:      inline-block;
	padding-left: 15px;
}

.news .item .description {
	color: #3C3C3C;
}

.news .item .body .buttons p {
	margin-bottom: 0;
	color:         #212121;
	opacity:       .5;
}

.news .item .body .buttons a {
	text-align:      right;
	text-decoration: none;
}

.news .item .body .buttons a:hover {
	opacity: 1;
}

.map img {
	width: 100%;
}

.virtual img {
	width: 100%;
}

.office-hours ul {
	list-style: none;
	padding:    0;
}

.office-hours ul li {
	padding:   5px 15px;
	font-size: 13px;
}

.office-hours ul li.active {
	background: rgba(0, 0, 0, .05);
}

.office-hours ul li + li {
	border-top: 1px solid rgba(40, 108, 188, .15);
}

.copyright {
	padding:    8px 0;
	background: rgba(255, 255, 255, .97);
	color:      rgba(30, 30, 30, .8);
}

.datepicker .highlight {
	font-weight: bold !important;
	background:  rgba(0, 0, 0, .08);
}

section.quick-contact p:not(.title) {
	padding: 0 15px;
}

.quick-contact a {
	display:     block;
	padding-top: 15px;
}

a {
	color:           #286CBC;
	opacity:         .75;
	text-decoration: none;
	transition:      .24s ease-in-out;
}

a:hover {
	opacity:         1;
	text-decoration: none;
}

.partners .owl-carousel {
	height: 90px;
}

.partners .owl-carousel img {
	object-fit: contain;
	max-height: 115px;
}

a.scroll-button {
	display:       none;
	position:      fixed;
	bottom:        45px;
	right:         25px;
	width:         40px;
	z-index:       100;
	text-align:    center;
	line-height:   40px;
	border-radius: 50%;
	transition:    .2s ease-in-out;
	background:    #FFF;
	border:        1px solid #286CBC;
}

a.scroll-button:hover {
	background: #286CBC;
	color:      #FFF;
}

a.hamburger {
	display: none;
}

.hamburger-line {
	display:    none;
	position:   fixed;
	background: #286CBC;
	width:      100%;
	z-index:    100000;
	height:     60px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, .2);
}

.hamburger-line .ham-link {
	line-height: 60px;
	color:       #FFF !important;
	font-weight: bold;
	padding:     0 0 0 15px;
	opacity:     1;
	font-size:   26px;
}

.hamburger-line .hamburger {
	position:   relative;
	text-align: right;
	top:        7px;
	float:      right;
}

.datepicker table tbody tr + tr {
	border-top: 1px solid rgba(40, 108, 188, .15);
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
	background: #286CBC;
	color:      #FFF;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
	background: #286CBC !important;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
	background: #61CAF1;
	color:      white;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover,
.datepicker table tr td.day:hover, .datepicker table tr td.focused {
	background: rgba(0, 0, 0, .1);
}

.datepicker {
	padding: 0;
}

.datepicker-inline {
	border:     1px solid rgba(40, 108, 188, .15);
	background: rgba(40, 108, 188, .15);
}

.datepicker .table-condensed {
	width: 100%;
}

.date-list {
	height:      280px;
	width:       calc(100% - 16em - 10px);
	margin-left: 10px;
	overflow-y:  hidden;
}

.date-list .item {
	display:       block;
	margin:        auto;
	opacity:       1;
	width:         160px;
	height:        243px;
	text-align:    center;
	position:      relative;
	border-radius: 4px;
	overflow:      hidden;
}

.date-list .item img {
	max-width:     160px;
	object-fit:    cover;
	border-radius: 4px;
}

.date-list .item .text {
	position:         absolute;
	bottom:           0;
	border-radius:    4px;
	left:             0;
	width:            100%;
	height:           100%;
	background:       rgba(0, 0, 0, .8);
	color:            #FFF;
	padding:          7px 3px;
	transition:       .4s ease-in-out;
	overflow:         hidden;
	font-size:        12px;
	transform:        rotateX(90deg);
	transform-origin: bottom;
}

.calendar .date-list.owl-carousel.owl-theme .owl-dots {
	top: 0px !important;
}

.date-list .item:hover .text {
	transform: rotateX(0);
}

.date-list .item p {
	margin-bottom: 0;
	padding:       4px 0;
}

.date-list .item a {
	display: block;
}

.desk .line {
	font-size:      13px;
	margin: 0;
	padding: 5px 10px;
	border-bottom:  1px solid rgba(40, 108, 188, .15);
	transition: .31s ease;
}

.desk p:last-child {
	margin-top: 10px;
}

.desk .line:hover {
	background: rgba(0, 0, 0, .05);
}

.desk.body {
	padding: 10px 35px 10px;
}

section.news .item:hover {
	background: rgba(0, 0, 0, .05);
}

.desk .filter {
	display:   flex;
	flex-flow: wrap row;
	width:     100%;
}

.datetimepicker table {
	font-size:   12px;
	line-height: 1.4;
}

.datetimepicker .icon-arrow-left::before {
	content: "\e091";
}

.datetimepicker .icon-arrow-right::before {
	content: "\e092";
}

.desk .filter .filter-years {
	display:       flex;
	flex-flow:     wrap row;
	width:         100%;
	margin-top:    10px;
	font-size:     12px;
	align-items:   center;
	margin-bottom: 6px;
}

.desk .filter .filter-years span {
	margin-right: 8px;
}

.desk .filter .filter-years a {
	padding:       0px 8px;
	display:       block;
	border-radius: 4px;
	border:        1px solid transparent;
	margin-right:  4px;
}

.desk .filter .filter-years a.active,
.desk .filter .filter-years a:hover {
	background:   #286CBC;
	color:        #FFF;
	border-color: rgba(0, 0, 0, .04);
}

.desk .filter .filter-form {
	flex-basis: 100%;
}

.desk.body .buttons {
	padding: 0 0 20px;
}

.desk.body .buttons a {
	padding:    7px 30px;
	background: #286CBC;
	color:      white;
}

.desk.body .buttons a.gray {
	background: #777;
}

.desk.body .buttons a.light-blue {
	background: #3295BC;
}

.desk.body .buttons a.active {
	opacity: 1;
}

.desk.body .buttons a + a {
	margin-left: 6px;
}

.desk.body table * {
	border-color: rgba(40, 108, 188, .2);
}

.desk.body table thead {
	width: 100%;
}

.galleryModal {
	z-index:       1034;
	position:      absolute;
	top:           15%;
	background:    #EEFAFE;
	animation:     showUp ease-in .4s forwards;
	padding:       30px 0;
	left:          50%;
	width:         80%;
	opacity:       1;
	display:       flex;
	flex-wrap:     wrap;
	transition:    opacity .4s ease-in-out, display .1s ease-in-out .4s;
	border-radius: 4px;
	border:        1px solid #E4E6E8;
}

.galleryModal > * {
	flex: 100%;
}

.galleryModal.close {
	animation: none;
	opacity:   0;
	display:   none;
}

.galleryModal .closeModal {
	position:  absolute;
	right:     30px;
	top:       30px;
	cursor:    pointer;
	font-size: 32px;
}

#flipbook {
	margin: auto !important;
}

.pdf-viewer .title {
	font-size:  18px;
	text-align: center;
}

.galleryModal h2 {
	padding: 0 30px;
}

.pdf-viewer .flipbook-controls {
	display:    flex;
	width:      100%;
	background: #DDF5FD;
	border:     1px solid rgba(0, 0, 0, .1);
	margin:     5px 0;
}

.pdf-viewer .flipbook-controls a {
	flex:       1;
	padding:    10px;
	text-align: center;
	display:    block;
	font-size:  18px;
	cursor:     pointer;
	color:      #212121;
}

.pdf-viewer .flipbook-controls a + a {
	border-left: 1px solid rgba(0, 0, 0, .15);
}

.pdf-viewer .flipbook-controls a:hover {
	background: rgba(0, 0, 0, .2);
}

@keyframes showUp {
	0% {
		opacity:   0;
		transform: translateY(100px) translateX(-50%);
	}
	100% {
		opacity:   1;
		transform: translateY(0) translateX(-50%);
	}
	
}

@media (min-width: 991px) {
	.pdf-viewer {
		padding: 0 40px;
	}
}

@media (min-width: 1440px) {
	.container {
		max-width: 1400px;
	}
	
	.pdf-viewer {
		padding:  0 100px;
		position: relative;
	}
}

@media (max-width: 1440px) {
	.pdf-viewer {
		text-align: center;
	}
}

@media (min-width: 1200px) {
	.pdf-viewer {
		padding: 0 50px;
	}
	
}

@media screen and (max-width: 1200px) {
	#flipbook {
	}
}

@media (min-width: 992px) {
	.boxes .item ul li:nth-child(n+4) {
		opacity: 0;
	}
	
	.boxes .item:hover ul li {
		opacity: 1;
	}
}

@media (max-width: 991px) {
	.upper-header .search input {
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}
	
	.upper-header .search, .upper-header .social {
		margin-top: 25px;
	}
	
	section.quick-contact {
		position:       relative;
		padding-right:  0;
		padding-bottom: 0;
	}
	
	.boxes {
		display: none;
	}
	
	a.hamburger {
		display:    block;
		position:   absolute;
		top:        10px;
		right:      25px;
		color:      white;
		font-size:  32px;
		transition: .2s ease;
		transform:  scaleY(.6);
	}
	
	a.hamburger.expanded {
		transform: scaleY(1);
	}
	
	.expand {
		display: none;
	}
	
	.boxes {
		display:   none;
		position:  absolute;
		z-index:   99999;
		top:       60px;
		left:      50%;
		transform: translateX(-50%);
		width:     100%;
		margin:    0;
		max-width: 420px;
		height:    800px;
	}
	
	.boxes.onpage .item,
	.boxes .item {
		width:         100%;
		max-height:    unset;
		border-radius: 0;
	}
}

@media (max-width: 767px) {
	
	.date-list {
		width:       100%;
		overflow-y:  hidden;
		margin-left: 0;
	}
	
	.datepicker-inline {
		margin: 0 auto 25px;
		width:  100%;
	}
	
	.calendar .date {
		width: 100%;
	}
	
	.calendar .date .datepicker .ui-datepicker {
		margin:  0 auto 25px;
		display: block;
	}
	
	.main-panel-left .container,
	.main-panel-right.container,
	.news .container {
		padding-left:  0;
		padding-right: 0;
	}
	
	.main .main-panel-right {
		border-left: 0;
	}
	
	.main-panel-left {
		border-bottom: 1px solid rgba(40, 108, 188, .07);
	}
	
	.main-panel-right, footer {
		text-align: center;
	}
	
	.main .main-panel-right section:not(.navlist) {
		padding-top: 20px;
	}
	
	.news .item .title {
		padding-top: 10px;
	}
	
	.news .item img {
		margin-bottom: 25px;
	}
	
	.news .item .body .buttons .date,
	.news .item .body .buttons .author {
		display:      block;
		padding-left: 0;
	}
	
	.slider {
		display: none;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.upper-header .search {
		margin-right: 6px;
	}
	
	.upper-header .search, .upper-header .social {
		margin-top: 39px;
	}
}

@media screen and (max-width: 767px) {
	.upper-header .search {
		margin-top:   0;
		order:        2;
		width:        100%;
		margin-right: 0;
	}
	
	.upper-header .social {
		order: 1;
		width: 100%;
	}
}

.news h2.title {
	font-weight:   bold;
	font-size:     22px;
	width:         100%;
	color:         #286CBC;
	text-align:    center;
	margin-top:    20px;
	margin-bottom: 20px;
}

.news.default {
	margin-bottom: 20px;
}

.news.detail .body {
	padding: 20px 35px 10px;
}

.paginator ul {
	display:         flex;
	justify-content: center;
	list-style:      none;
	flex-wrap:       wrap;
}

.paginator li + li {
	margin-left: 8px;
}

.paginator li a {
	border-radius: 4px;
	display:       inline-block;
	width:         26px;
	height:        26px;
	line-height:   26px;
	text-align:    center;
	border:        1px solid #1DA1F2;
}

.paginator li.active a {
	background: #1DA1F2;
	color:      white;
	opacity:    1;
}

.search-page {
	padding:    15px;
	text-align: center;
}

.search-page h2,
.search-page h4 {
	padding-top: 15px;
}

.search-page .search-list {
	padding-top: 25px;
}

.search-page .search-list .category {
	display:         flex;
	flex-wrap:       wrap;
	justify-content: center;
	width:           100%;
}

.search-page h2,
.search-page h4,
.search-page .search-list h3 {
	flex-basis: 100%;
	color:      #286CBC;
}

.search-page .search-list .category + .category {
	padding-top: 25px;
}

.search-page .search-list .category .item {
	display:       block;
	flex-basis:    calc(100% / 4 - 30px);
	padding:       10px;
	margin:        15px 15px 0;
	border:        1px solid #1DA1F2;
	border-radius: 4px;
	transition:    .15s ease-in;
}

.search-page .search-list .category .item:hover {
	background:   #286CBC;
	color:        #FFF;
	border-color: #286CBC;
}

@media screen and (max-width: 768px) {
	.search-page .search-list .category .item {
		flex-basis: calc(100% / 2 - 10px);
		margin:     5px;
	}
	
}

.searchinput {
	width:         100%;
	max-width:     700px;
	display:       block;
	margin:        0 auto 25px;
	padding:       15px 40px 15px 12px;
	border-radius: 4px;
	border:        1px solid #DDD;
}

.searchsubmit {
	width:            100%;
	max-width:        200px;
	display:          block;
	margin:           0 auto;
	padding:          7px 7px;
	background-color: #1DA1F2;
	color:            white;
	border-radius:    4px;
	cursor:           pointer;
	border:           0;
	text-align:       center;
}

.event {
	padding: 20px 35px 10px;
}

.event h3 {
	margin-bottom: 16px;
}

.event h4 {
	font-size:     14px;
	font-weight:   normal;
	margin-bottom: 16px;
	padding-left:  16px;
}

.event * {
	color: #212121;
}

.content-page-header {
	padding: 20px 35px 35px;
}

.content-page-header h1 {
	margin: 0;
	font-size: 34px;
	font-weight: 700;
}

@media screen and (max-width: 768px) {
	.content-page-header {
		padding: 20px 0 10px;
	}
	
	.breadcrumbs ul {
		padding-left: 0px;
		margin: 0;
		justify-content: flex-start;
		font-weight: 300;
	}
	
	.content-page-header h1 {
		margin-bottom: 16px;
	}
	
	.page-content {
		padding: 0 15px;
	}
	
	.breadcrumbs ul li a {
		padding: 1px 6px;
	}
	.breadcrumbs ul li + li a {
		padding: 1px 10px 1px 6px;
	}
	
	
}

.boxes.second-level > .list {
	display: flex;
}

.boxes.second-level .item {
	width:      unset;
	flex-basis: calc(100% / 5);
	align-self: baseline;
	float:      none;
	z-index:    80;
}

.boxes.second-level .item:hover {
	z-index:    90;
	overflow:   visible;
	transition: none;
}

.boxes.second-level .item ul li a {
	padding: 4px 27px 4px 27px;
	display: inline-block;
	width:   100%;
}

.boxes.second-level .item ul li:hover > .dropdown {
	display: block;
}

.boxes.second-level .item ul.dropdown {
	position:      absolute;
	left:          100%;
	top:           -20px;
	width:         250px;
	z-index:       100;
	display:       none;
	transition:    .3s ease-in;
	border-radius: 4px;
	border:        1px solid rgba(0, 0, 0, .1);
	padding:       10px 0;
}

.boxes.second-level .item ul {
	background: inherit;
}

.boxes.second-level .item ul li {
	padding: 0;
}

.boxes.second-level .item li.hasDropdown {
	position: relative;
}

.boxes.second-level .item li.hasDropdown::after {
	content:     "\f105";
	display:     inline-block;
	position:    absolute;
	right:       15px;
	top:         50%;
	transform:   translateY(-50%);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

@media (max-width: 991px) {
	.boxes.second-level > .list {
		flex-wrap: wrap;
	}
	
	.boxes.second-level .item {
		flex-basis: 100%;
	}
	
	.boxes.second-level .item li.hasDropdown::after {
		right:     25px;
		top:       3px;
		transform: rotate(90deg);
	}
	
	.boxes.second-level .item ul.dropdown {
		position:      relative;
		left:          unset;
		top:           unset;
		width:         calc(100% - 20px);
		border:        0;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		margin:        0 10px;
		padding:       0;
		transition:    none;
	}
	
	.boxes.second-level .item .dropdown {
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}
	
	.boxes.second-level .item ul li:hover > .dropdown {
		display: none;
	}
}

#flipbook img {
	object-fit: unset;
}

#flipbook .page-wrapper {
	cursor: zoom-in;
}

#flipbook .page-wrapper.isZoomed {
	cursor: zoom-out;
}

.boxes.scroll {
	top:        0;
	background: #EEFAFE;
	margin:     0;
	height:     50px;
	z-index:    1030;
	position:   fixed;
	width:      100%;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, .2);
	display:    none;
}

.boxes.scroll .list {
	max-width: calc(1400px - 70px);
	margin:    0 auto;
	display:   flex;
	height:    100%;
	left:      50%;
	transform: translateX(-50%);
}

.boxes.scroll .item {
	border-radius: 0;
	margin:        0;
	cursor:        pointer;
	box-shadow:    0px 2px 6px rgba(0, 0, 0, .2);
}

.boxes.scroll .item .title {
	padding:        0 15px;
	vertical-align: middle;
	font-size:      16px;
	line-height:    50px;
}

.boxes.scroll .item .title::after,
.boxes.scroll i,
.boxes.scroll ul {
	display: none;
}

.boxes.scroll ul {
	border-top:  1px solid rgba(0, 0, 0, .2);
	margin-top:  0;
	padding-top: 9px;
}

.boxes.scroll .item ul.dropdown {
	border-radius: 0;
	top:           -10px;
}

@media (max-width: 1400px) {
	.boxes.scroll .list {
		max-width: 1140px;
	}
}

@media (max-width: 992px) {
	.boxes.scroll .list {
		max-width: 960px;
	}
}

.anotherFilesList {
	list-style: none;
	margin:     0;
	font-size:  13px;
	padding:    0 0 0 10px;
}

.two-panel-layout {
	display: flex;
	padding: 0 35px;
}

.two-panel-layout .left {
	flex-basis: 250px;
}

.two-panel-layout .right {
	flex: 1;
}

.two-panel-layout .singleBox {
	margin:     20px 0px 20px;
	box-shadow: 2px 4px 6px rgba(0, 0, 0, .16);
}

.two-panel-layout .singleBox .title {
	padding:       12px;
	font-size:     16px;
	font-weight:   bold;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	margin-bottom: 12px;
}

.two-panel-layout .singleBox ul {
	list-style: none;
	padding:    0;
}

.two-panel-layout .singleBox .hasDropdown {
	position: relative;
}

.two-panel-layout .singleBox .hasDropdown > i {
	position:   absolute;
	right:      0;
	top:        0;
	display:    block;
	transition: .24s ease-in;
	padding:    10px;
	cursor:     alias;
}

.two-panel-layout .singleBox .hasDropdown.opened > i {
	transform: rotate(90deg);
}

.two-panel-layout .singleBox ul .dropdown {
	border-top:    1px solid rgba(0, 0, 0, .2);
	border-bottom: 2px solid rgba(0, 0, 0, .2);
}

.two-panel-layout .singleBox li:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.two-panel-layout .singleBox li:hover {
	background: rgba(0, 0, 0, .06);
}

.two-panel-layout .singleBox li li {
	padding-left: 12px;
}

.two-panel-layout .singleBox li.active {
	background: rgba(255, 255, 255, .3);
}

.two-panel-layout .singleBox li a {
	display:   block;
	color:     #212121;
	padding:   6px 28px 6px 12px;
	font-size: 14px;
	opacity:   1;
}

@media screen and (max-width: 991px) {
	.two-panel-layout {
		flex-wrap: wrap-reverse;
		padding:   15px;
	}
	
	.two-panel-layout .left,
	.two-panel-layout .right {
		flex: 100%;
	}
	
	.two-panel-layout .page-content,
	.two-panel-layout .content-page-header {
		padding: 0;
	}
	
	.content-page-header .row {
		flex-wrap: wrap-reverse;
	}
}

.page-content {
	margin-bottom: 30px;
}

.page-content > * {
	margin: 0;
}

.page-content h2 {
	font-size: 32px;
	color:     #286CBC;
	font-weight: 700;
}

.page-content h3 {
	font-size: 26px;
	font-weight: 700;
}

.page-content h4 {
	font-size: 20px;
	font-weight: 700;
}

.page-content h5 {
	font-size: 16px;
	font-weight: 700;
}

.page-content p {
	font-size: 16px;
}

.page-content ul,
.page-content ol {
	font-size: 16px;
}

.page-content ul li:last-child,
.page-content ol li:last-child {
	margin-bottom: 0;
}

.page-content table {
	width:  100%;
	border: 1px solid #DDD;
}

.page-content table * {
	margin: 0;
}

.page-content table tr {
	border: 1px solid #DDD;
}

.page-content table th + th,
.page-content table td + td {
	border-left: 1px solid #DDD;
}

.page-content table tr th,
.page-content table tr td {
	padding: 6px 12px;
}

.page-content > * + * {
	margin-top: 12px;
}

.page-content > * + h2 {
	margin-top: 26px;
}

.page-content > * + h3 {
	margin-top: 22px;
}

.page-content > * + h4 {
	margin-top: 18px;
}

.page-content > * + h5 {
	margin-top: 14px;
}

.sl-wrapper .sl-image .sl-caption {
	font-size: 20px;
}

.event .content-page-header {
	padding: 20px 0 10px;
}
.event .content-page-header + h4 {
	margin-bottom: 20px;
}

.content-page-header .row > div {
	padding: 0;
}

.gallery-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.85);
	transition: .24s ease;
	z-index: 1020;
}

.gallery-bg.close {
	opacity: 0;
	pointer-events: none;
}