@font-face {
    font-family: 'fontmain';
    src: url('irfont400.eot');
    src: url('irfont400.eot?#iefix') format('embedded-opentype'),
         url('irfont400.woff') format('woff'),
         url('irfont400.ttf') format('truetype'),
         url('irfont400.svg') format('svg');
}

.tk-abril-text { font-family: fontmain, 'fontmain', sans-serif; }
.tk-abril-display { font-family: fontmain, 'fontmain', sans-serif; }
.tk-muli { font-family: fontmain, 'fontmain', sans-serif; }
.tk-abril-fatface { font-family: fontmain, 'fontmain', sans-serif; }
.tk-lust-didone { font-family: fontmain, 'fontmain', sans-serif; }
.tk-lust-display-didone { font-family: fontmain, 'fontmain', sans-serif; }
.tk-lust-display { font-family: fontmain, 'fontmain', sans-serif; }
.tk-lust { font-family: fontmain, 'fontmain', sans-serif; }
.tk-lust-didone-fine { font-family: fontmain, 'fontmain', sans-serif; }
.tk-lust-fine { font-family: fontmain, 'fontmain', sans-serif; }

html {
	font-family: fontmain, 'fontmain', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
details,
figure,
footer,
header,
main,
menu,
nav,
section {
	display: block
}

canvas,
video {
	display: inline-block;
	vertical-align: baseline
}

[hidden] {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

b,
strong {
	font-weight: 700
}

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

small {
	font-size: 80%
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

button,
select {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled] {
	cursor: default
}

button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.text-align-left {
	text-align: left
}

.text-align-right {
	text-align: right
}

.text-align-justify {
	text-align: justify
}

.align-left {
	float: left
}

.align-right {
	float: right
}

.container-inline div,
.container-inline label {
	display: inline
}

.container-inline .details-wrapper {
	display: block
}

.clearfix:after {
	display: table;
	clear: both;
	content: ""
}

.js details:not([open]) .details-wrapper {
	display: none
}

.hidden {
	display: none
}

.visually-hidden {
	position: absolute!important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	word-wrap: normal
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
	position: static!important;
	overflow: visible;
	clip: auto;
	width: auto;
	height: auto
}

.js .js-hide {
	display: none
}

.js-show {
	display: none
}

.js .js-show {
	display: block
}

.position-container {
	position: relative
}

.system-status-counter__status-icon {
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle
}

.system-status-counter__status-icon:before {
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-position: center 2px;
	background-size: 20px
}

tr.region-title {
	font-weight: 700
}

tr.region-message {
	color: #999
}

.views-align-left {
	text-align: left
}

.views-align-right {
	text-align: right
}

.views-display-link+.views-display-link {
	margin-left: .5em
}

#sliding-popup {
	background: url(../images/helin/gradient.png) center center scroll repeat-y transparent
}

.sliding-popup-top {
	margin: 0;
	padding: 0;
	width: 100%;
	z-index: 99999;
	left: 0;
	text-align: center
}

.sliding-popup-top {
	position: relative
}

.eu-cookie-compliance-content {
	margin: 0 auto;
	max-width: 80%;
	display: inline-block;
	text-align: left;
	width: 100%
}

.eu-cookie-compliance-buttons {
	float: right;
	margin: 0 0 1em 0;
	max-width: 40%
}

.eu-cookie-compliance-categories-buttons {
	margin: 0 0 1em 0;
	max-width: 60%;
	float: left
}

[dir=rtl] .eu-cookie-compliance-buttons {
	float: left
}

[dir=rtl] .eu-cookie-compliance-categories-buttons {
	float: right
}

.eu-cookie-compliance-more-button {
	cursor: pointer;
	display: inline;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: underline;
	background: 0 0
}

.eu-cookie-compliance-secondary-button {
	cursor: pointer;
	border: none;
	background: 0 0;
	margin-top: 1em;
	padding: 0 8px;
	vertical-align: middle
}

.disagree-button.eu-cookie-compliance-more-button,
.eu-cookie-compliance-agree-button,
.eu-cookie-compliance-default-button,
.eu-cookie-compliance-hide-button,
.eu-cookie-compliance-save-preferences-button,
.eu-cookie-withdraw-button {
	cursor: pointer;
	margin-right: 5px;
	margin-top: 1em;
	vertical-align: middle;
	overflow: visible;
	width: auto;
	-moz-box-shadow: inset 0 1px 0 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
	background-color: #ededed;
	background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
	background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	color: #000;
	font-family: fontmain, fontmain, sans-serif;
	font-weight: 700;
	padding: 4px 8px;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff
}

[dir=rtl] .eu-cookie-compliance-buttons button {
	-moz-box-shadow: inset 0 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 0 1px #fff;
	box-shadow: inset 0 0 0 1px #fff
}

.disagree-button.eu-cookie-compliance-more-button:hover,
.eu-cookie-compliance-agree-button:hover,
.eu-cookie-compliance-default-button:hover,
.eu-cookie-compliance-hide-button:hover,
.eu-cookie-withdraw-button:hover {
	background-color: #dfdfdf;
	background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed));
	background-image: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background-image: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background-image: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%)
}

.disagree-button.eu-cookie-compliance-more-button:active,
.eu-cookie-compliance-agree-button:active,
.eu-cookie-compliance-default-button:active,
.eu-cookie-compliance-hide-button:active,
.eu-cookie-withdraw-button:active {
	position: relative;
	top: 1px
}

.eu-cookie-compliance-message {
	float: left;
	margin: 5px 0 0;
	max-width: 60%
}

.eu-cookie-compliance-banner--categories .eu-cookie-compliance-message {
	max-width: 100%
}

.eu-cookie-compliance-categories {
	clear: both;
	padding-top: 1em
}

.eu-cookie-compliance-categories label {
	display: inline
}

[dir=rtl] .eu-cookie-compliance-message {
	float: right;
	text-align: right
}

.eu-cookie-compliance-message h1,
.eu-cookie-compliance-message h2,
.eu-cookie-compliance-message h3,
.eu-cookie-compliance-message p {
	color: #fff;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 5px 0
}

.eu-cookie-compliance-message h1 {
	font-size: 24px
}

.eu-cookie-compliance-message h2 {
	font-size: 16px
}

.eu-cookie-compliance-message h3 {
	font-size: 12px
}

.eu-cookie-compliance-message p {
	font-size: 12px;
	display: inline
}

.eu-cookie-withdraw-tab {
	padding: 4px 7px;
	cursor: pointer
}

.sliding-popup-top .eu-cookie-withdraw-tab {
	border-width: 0 2px 2px;
	border-radius: 0 0 5px 5px
}

.eu-cookie-withdraw-wrapper.sliding-popup-top,
.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-banner {
	transform: scaleY(-1)
}

.eu-cookie-withdraw-tab {
	position: absolute;
	top: 0;
	transform: translate(-50%, -100%);
	left: 50%
}

.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-tab {
	transform: translate(-50%, -100%) scaleY(-1)
}

@media screen and (max-width:600px) {
	.eu-cookie-compliance-content {
		max-width: 95%
	}
	.eu-cookie-compliance-categories,
	.eu-cookie-compliance-message {
		max-width: 100%
	}
	.eu-cookie-compliance-buttons {
		clear: both;
		float: none;
		max-width: 100%;
		margin: 5px 0 1em
	}
	.eu-cookie-compliance-buttons.eu-cookie-compliance-has-categories {
		float: right;
		margin-top: -56px
	}
	.eu-cookie-compliance-banner--categories .eu-cookie-compliance-buttons {
		position: initial;
		bottom: unset;
		right: unset
	}
}

#colorbox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999
}

#colorbox {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

#colorbox {
	outline: 0
}

.paragraph--unpublished {
	background-color: #fff4f4
}

footer a,
header a {
	color: inherit
}

header * {
	margin: 0;
	padding: 0
}

footer ul,
header ul {
	list-style: none
}

body .block-hkust-signature-affiliate .wrapper {
	max-width: 100%;
	padding: 0
}

body footer .wrapper {
	max-width: 100%;
	padding: 0
}

a {
	text-decoration: none
}

body.mobile-menu-shown {
	overflow: hidden;
	width: 100%
}

h1 {
	margin: 0
}

header {
	width: 100%
}

header.minimized {
	position: fixed;
	top: 0;
	z-index: 490
}

header.minimized .header-data-mobile .site-profile:last-child,
header.minimized .header-data-pc #main-menu {
	background-color: #fff
}

header.minimized .header-data-mobile .content,
header.minimized .header-data-pc #main-menu {
	box-shadow: 0 0 12px rgba(0, 0, 0, .4)
}

@media only screen and (min-width:1200px) {
	header.minimized .header-data-mobile .main-menu,
	header.minimized .header-data-pc .main-menu {
		padding-top: 16px;
		padding-bottom: 16px
	}
	header.minimized .header-data-mobile .site-logo a,
	header.minimized .header-data-mobile .site-logo span.logo-normal,
	header.minimized .header-data-mobile .site-logo span.logo-white,
	header.minimized .header-data-pc .site-logo a,
	header.minimized .header-data-pc .site-logo span.logo-normal,
	header.minimized .header-data-pc .site-logo span.logo-white {
		width: 180px;
		height: 45px;
		background-size: 180px 45px
	}
	header.minimized .header-data-mobile ul.menu-lists li a,
	header.minimized .header-data-pc ul.menu-lists li a {
		font-size: 16px;
		line-height: 20px
	}
	header.minimized .header-data-mobile ul.menu-lists li li a,
	header.minimized .header-data-pc ul.menu-lists li li a {
		font-size: 14px
	}
}

.header-data-pc #header,
.header-data-pc #header-desktop {
	background: #036
}

.header-data-pc #header .site-header-content,
.header-data-pc #header-desktop .site-header-content {
	max-width: 1500px;
	margin: 0 auto;
	background: #036
}

.header-data-pc #header .site-header-content .right .top_menu,
.header-data-pc #header-desktop .site-header-content .right .top_menu {
	float: left
}

.header-data-mobile {
	display: none
}

.header-data-mobile .content .logo {
	float: left;
	max-width: 185px;
	max-height: 60px
}

.header-data-mobile .menu-lists {
	margin: 0;
	display: none
}

@media only screen and (max-width:1200px) {
	.header-data-pc {
		display: none
	}
	.header-data-mobile {
		display: block
	}
}

header.drawer-shown .drawer {
	height: 186px
}

.drawer {
	overflow: hidden;
	position: relative;
	z-index: 3;
	background-color: #fff;
	height: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.drawer .drawer-wrapper {
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	position: relative;
	z-index: 490
}

.drawer .content-wrapper {
	margin: 36px 0;
	margin-top: 28px
}

.drawer .content {
	display: table;
	table-layout: fixed;
	width: 100%
}

.drawer .more-about {
	display: table-caption;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #036;
	text-transform: uppercase;
	letter-spacing: .6px;
	height: 34px
}

.drawer .row {
	display: table-row
}

.drawer .row>a {
	display: table-cell;
	width: 25%;
	text-align: center;
	padding: 12px 0;
	font-size: 16px;
	color: #161616;
	text-transform: uppercase;
	line-height: 20px
}

.drawer:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .4) 100%)
}

header.drawer-shown .header-data-mobile .drawer-toggle span.fa,
header.drawer-shown .header-data-pc .drawer-toggle span.fa {
	transform: rotate(180deg)
}

.header-data-mobile,
.header-data-pc {
	position: relative;
	z-index: 3
}

.header-data-mobile a[href="#"],
.header-data-pc a[href="#"] {
	cursor: default
}

.header-data-mobile .main-menu,
.header-data-mobile .site-header-content,
.header-data-pc .main-menu,
.header-data-pc .site-header-content {
	padding: 0 20px
}

.header-data-mobile #main-menu,
.header-data-pc #main-menu {
	position: relative;
	z-index: 495
}

.header-data-mobile .menu-top,
.header-data-pc .menu-top {
	float: left;
	font-size: 15px;
	letter-spacing: .2px;
	font-weight: 700;
	text-align: left
}

.header-data-mobile .menu-top,
.header-data-mobile .menu-top a:hover,
.header-data-pc .menu-top,
.header-data-pc .menu-top a:hover {
	color: #fff;
	text-decoration: none
}

.header-data-mobile .menu-top>ul,
.header-data-pc .menu-top>ul {
	height: 40px;
	position: relative;
	margin: 0
}

.header-data-mobile .menu-top>ul>li:hover>ul,
.header-data-pc .menu-top>ul>li:hover>ul {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	background-color: #036
}

.header-data-mobile .menu-top>ul>li,
.header-data-pc .menu-top>ul>li {
	display: inline-block;
	padding: 0 15px;
	height: 100%
}

.header-data-mobile .menu-top>ul>li>a,
.header-data-pc .menu-top>ul>li>a {
	padding: 9px 0;
	display: inline-block
}

.header-data-mobile .menu-top>ul>li>a+span,
.header-data-pc .menu-top>ul>li>a+span {
	margin-left: 5px
}

.header-data-mobile .menu-top>ul>li:first-child,
.header-data-pc .menu-top>ul>li:first-child {
	padding-left: 0
}

.header-data-mobile .menu-top ul ul,
.header-data-pc .menu-top ul ul {
	position: absolute;
	top: 100%;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	z-index: 500;
	white-space: nowrap;
	font-weight: 400;
	margin-left: -10px
}

.header-data-mobile .menu-top ul ul li a,
.header-data-pc .menu-top ul ul li a {
	display: inline-block;
	width: 100%;
	padding: 9px 15px;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

.header-data-mobile .menu-top ul ul li a:hover,
.header-data-pc .menu-top ul ul li a:hover {
	background-color: #2b6297
}

.header-data-mobile .main-menu,
.header-data-pc .main-menu {
	max-width: 1500px;
	margin: 0 auto;
	padding-top: 26px;
	padding-bottom: 26px;
	zoom: 1
}

.header-data-mobile .main-menu:before,
.header-data-pc .main-menu:before {
	content: '';
	display: block
}

.header-data-mobile .main-menu:after,
.header-data-pc .main-menu:after {
	content: '';
	display: table;
	clear: both
}

.header-data-mobile .main-menu .nav-right,
.header-data-pc .main-menu .nav-right {
	float: right;
	margin-top: 14px;
	padding-right: 14px
}

.header-data-mobile .main-menu .nav-right a.search,
.header-data-pc .main-menu .nav-right a.search {
	position: relative;
	cursor: pointer;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

.header-data-mobile .main-menu .nav-right span.fa-search,
.header-data-pc .main-menu .nav-right span.fa-search {
	font-size: 25px
}

.header-data-mobile .main-menu .nav-right>ul.menu-lists,
.header-data-pc .main-menu .nav-right>ul.menu-lists {
	display: inline-block;
	margin-right: 50px
}

.header-data-mobile .site-profile,
.header-data-pc .site-profile {
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

.header-data-mobile .site-profile .nav-right.style-1,
.header-data-mobile .site-profile .nav-right.style-2,
.header-data-pc .site-profile .nav-right.style-1,
.header-data-pc .site-profile .nav-right.style-2 {
	margin-top: 0;
	padding-right: 0
}

.header-data-mobile .site-profile .nav-right.style-1 .site-logo,
.header-data-mobile .site-profile .nav-right.style-2 .site-logo,
.header-data-pc .site-profile .nav-right.style-1 .site-logo,
.header-data-pc .site-profile .nav-right.style-2 .site-logo {
	padding-right: 0
}

.header-data-mobile .site-profile .search,
.header-data-pc .site-profile .search {
	display: inline-block;
	margin-top: 0;
	vertical-align: middle
}

.header-data-mobile .site-profile .search+*,
.header-data-pc .site-profile .search+* {
	margin-left: 30px
}

.header-data-mobile .site-profile .site-logo,
.header-data-pc .site-profile .site-logo {
	display: inline-block
}

.header-data-mobile .site-profile .site-info.style-1 .site-logo,
.header-data-pc .site-profile .site-info.style-1 .site-logo {
	padding-right: 0
}

.header-data-mobile .site-info,
.header-data-pc .site-info {
	display: table;
	table-layout: fixed;
	margin-bottom: 17px;
	max-width: 600px
}

.header-data-mobile .site-logo,
.header-data-pc .site-logo {
	display: table-cell;
	vertical-align: middle
}

.header-data-mobile .site-logo,
.header-data-pc .site-logo {
	text-indent: -9999px
}

.header-data-mobile .site-logo svg,
.header-data-pc .site-logo svg {
	pointer-events: none
}

.header-data-mobile .site-logo a,
.header-data-mobile .site-logo span.logo-normal,
.header-data-mobile .site-logo span.logo-white,
.header-data-pc .site-logo a,
.header-data-pc .site-logo span.logo-normal,
.header-data-pc .site-logo span.logo-white {
	display: block;
	width: 200px;
	height: 50px;
	background-size: 200px 50px
}

.header-data-mobile .site-logo a,
.header-data-pc .site-logo a {
	position: relative
}

.header-data-mobile .site-logo span.logo-normal,
.header-data-mobile .site-logo span.logo-white,
.header-data-pc .site-logo span.logo-normal,
.header-data-pc .site-logo span.logo-white {
	position: absolute;
	top: 0;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

.header-data-mobile .site-logo span.logo-white,
.header-data-pc .site-logo span.logo-white {
	opacity: 0;
	visibility: hidden
}

.header-data-mobile .site-header-content,
.header-data-pc .site-header-content {
	max-width: 1500px;
	margin: 0 auto;
	background: #036;
	position: relative;
	text-align: right
}

.header-data-mobile .site-header-content .drawer-toggle,
.header-data-pc .site-header-content .drawer-toggle {
	display: inline-block;
	vertical-align: top;
	width: 64px;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	padding: 0 24px;
	padding-top: 0;
	height: 40px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	position: relative
}

.header-data-mobile .site-header-content .drawer-toggle a:active span.fa,
.header-data-mobile .site-header-content .drawer-toggle a:focus span.fa,
.header-data-mobile .site-header-content .drawer-toggle a:hover span.fa,
.header-data-pc .site-header-content .drawer-toggle a:active span.fa,
.header-data-pc .site-header-content .drawer-toggle a:focus span.fa,
.header-data-pc .site-header-content .drawer-toggle a:hover span.fa {
	color: #fff
}

.header-data-mobile .site-header-content .drawer-toggle a,
.header-data-pc .site-header-content .drawer-toggle a {
	display: inline-block;
	position: relative;
	top: 10px;
	cursor: pointer
}

.header-data-mobile .site-header-content .drawer-toggle span.fa,
.header-data-pc .site-header-content .drawer-toggle span.fa {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	height: 9px;
	line-height: 9px;
	transform-origin: 50%;
	width: 100%;
	text-align: center
}

.header-data-mobile .site-header-content .right,
.header-data-pc .site-header-content .right {
	display: inline-block
}

.header-data-mobile .site-header-content .search-font,
.header-data-pc .site-header-content .search-font {
	margin-left: 20px;
	display: inline-block;
	padding: 5px 0
}

.header-data-mobile .site-header-content .search-font span.fa-search,
.header-data-pc .site-header-content .search-font span.fa-search {
	padding: 0 20px;
	color: #fff;
	font-size: 18px
}

.header-data-mobile .site-header-content .search-font .small-size,
.header-data-pc .site-header-content .search-font .small-size {
	cursor: pointer;
	color: #fff;
	font-size: 12px;
	padding: 0 5px
}

.header-data-mobile .site-header-content .search-font .small-size:hover,
.header-data-pc .site-header-content .search-font .small-size:hover {
	opacity: 1
}

.header-data-mobile .site-header-content .search-font .normal-size,
.header-data-pc .site-header-content .search-font .normal-size {
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	padding: 0 5px
}

.header-data-mobile .site-header-content .search-font .normal-size:hover,
.header-data-pc .site-header-content .search-font .normal-size:hover {
	opacity: 1
}

.header-data-mobile .site-header-content .search-font .large-size,
.header-data-pc .site-header-content .search-font .large-size {
	cursor: pointer;
	color: #fff;
	font-size: 20px;
	padding: 0 5px;
	padding-right: 14px
}

.header-data-mobile .site-header-content .search-font .large-size:hover,
.header-data-pc .site-header-content .search-font .large-size:hover {
	opacity: 1
}

.header-data-mobile .menu>ul.menu-lists,
.header-data-pc .menu>ul.menu-lists {
	margin-top: 20px
}

.header-data-mobile .site-profile,
.header-data-pc .site-profile {
	zoom: 1
}

.header-data-mobile .site-profile:before,
.header-data-pc .site-profile:before {
	content: '';
	display: block
}

.header-data-mobile .site-profile:after,
.header-data-pc .site-profile:after {
	content: '';
	display: table;
	clear: both
}

.header-data-mobile .menu.style-1,
.header-data-mobile .menu.style-2,
.header-data-pc .menu.style-1,
.header-data-pc .menu.style-2 {
	text-align: right
}

.header-data-mobile .menu.style-1>ul.menu-lists,
.header-data-mobile .menu.style-2>ul.menu-lists,
.header-data-pc .menu.style-1>ul.menu-lists,
.header-data-pc .menu.style-2>ul.menu-lists {
	display: inline-block;
	text-align: left
}

.header-data-mobile ul.menu-lists,
.header-data-pc ul.menu-lists {
	zoom: 1;
	list-style: none;
	margin: 0;
	text-align: right
}

.header-data-mobile ul.menu-lists:before,
.header-data-pc ul.menu-lists:before {
	content: '';
	display: block
}

.header-data-mobile ul.menu-lists:after,
.header-data-pc ul.menu-lists:after {
	content: '';
	display: table;
	clear: both
}

.header-data-mobile ul.menu-lists li,
.header-data-pc ul.menu-lists li {
	display: inline-block;
	text-align: left;
	padding-bottom: 4px;
	position: relative
}

.header-data-mobile ul.menu-lists li a,
.header-data-pc ul.menu-lists li a {
	display: inline-block;
	color: #036;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: .6px;
	text-transform: uppercase;
	padding: 7px 15px;
	text-decoration: none;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

.header-data-mobile ul.menu-lists li:after,
.header-data-pc ul.menu-lists li:after {
	content: "";
	width: 0;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background-color: #036;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	pointer-events: none
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul {
	position: absolute;
	top: 100%;
	background-color: #fff;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
	z-index: 497;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	height: 0
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li {
	display: block;
	white-space: nowrap;
	padding: 0 12px;
	width: 100%;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li:after,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li:after {
	content: none
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li>a,
.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li>span,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li>a,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li>span {
	font-size: 14px;
	line-height: 18px;
	text-transform: none;
	color: #036;
	padding: 11px 0;
	width: 100%
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li:hover,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li:hover {
	background-color: #ddd
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li>a:hover,
.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li>span:hover,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li>a:hover,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li>span:hover {
	background-color: transparent
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li+li>a,
.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li+li>span,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li+li>a,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li+li>span {
	border-top: 1px solid #d4d7dc
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul.left,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul.left {
	left: 0
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul.right,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul.right {
	right: 0
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul.left li ul,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul.left li ul {
	top: 0;
	left: 100%
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul.right li ul,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul.right li ul {
	top: 0;
	right: 100%
}

.header-data-mobile .responsive-menu-toggle,
.header-data-pc .responsive-menu-toggle {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 490;
	display: none;
	height: 100%;
	width: 60px
}

.header-data-mobile .responsive-menu-toggle .menus-bar,
.header-data-pc .responsive-menu-toggle .menus-bar {
	cursor: pointer;
	height: 100%;
	text-align: center;
	display: block;
	text-decoration: none
}

.header-data-mobile .responsive-menu-toggle .menus-bar:before,
.header-data-pc .responsive-menu-toggle .menus-bar:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.header-data-mobile .responsive-menu-toggle .menus-bar span.fa,
.header-data-pc .responsive-menu-toggle .menus-bar span.fa {
	display: inline-block;
	vertical-align: middle
}

.header-data-mobile .responsive-menu-toggle .menus-bar .fa-bars,
.header-data-pc .responsive-menu-toggle .menus-bar .fa-bars {
	font-size: 18px
}

.header-data-mobile .responsive-menu,
.header-data-pc .responsive-menu {
	visibility: hidden
}

.header-data-mobile .responsive-menu ul,
.header-data-pc .responsive-menu ul {
	text-align: left;
	background-color: #fff
}

.header-data-mobile .responsive-menu ul li,
.header-data-pc .responsive-menu ul li {
	display: block
}

.header-data-mobile .responsive-menu ul li>ul,
.header-data-pc .responsive-menu ul li>ul {
	display: none
}

.header-data-mobile .responsive-menu ul li>ul a,
.header-data-mobile .responsive-menu ul li>ul span,
.header-data-pc .responsive-menu ul li>ul a,
.header-data-pc .responsive-menu ul li>ul span {
	text-transform: none
}

.header-data-mobile .responsive-menu ul li+li,
.header-data-pc .responsive-menu ul li+li {
	border-top: 1px solid #bdbfc2
}

.header-data-mobile .responsive-menu ul li,
.header-data-mobile .responsive-menu ul li>ul li,
.header-data-pc .responsive-menu ul li,
.header-data-pc .responsive-menu ul li>ul li {
	padding: 0
}

.header-data-mobile .responsive-menu ul li a,
.header-data-mobile .responsive-menu ul li span,
.header-data-mobile .responsive-menu ul li>ul li>a,
.header-data-mobile .responsive-menu ul li>ul li>span,
.header-data-pc .responsive-menu ul li a,
.header-data-pc .responsive-menu ul li span,
.header-data-pc .responsive-menu ul li>ul li>a,
.header-data-pc .responsive-menu ul li>ul li>span {
	position: relative;
	font-size: 14px;
	line-height: 18px;
	color: #036;
	font-weight: 700;
	width: 100%;
	padding: 12px 14px 10px
}

.header-data-mobile .responsive-menu ul li a>span,
.header-data-pc .responsive-menu ul li a>span {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	z-index: 10;
	padding-left: 40px
}

.header-data-mobile .responsive-menu ul li>ul,
.header-data-mobile .responsive-menu ul li>ul li ul,
.header-data-pc .responsive-menu ul li>ul,
.header-data-pc .responsive-menu ul li>ul li ul {
	position: relative;
	left: 0;
	box-shadow: none;
	background-color: #efefef
}

.header-data-mobile .responsive-menu ul li>ul li ul:after,
.header-data-mobile .responsive-menu ul li>ul:after,
.header-data-pc .responsive-menu ul li>ul li ul:after,
.header-data-pc .responsive-menu ul li>ul:after {
	content: none
}

.header-data-mobile .responsive-menu ul li li,
.header-data-pc .responsive-menu ul li li {
	border-top: 1px solid #bdbfc2
}

.header-data-mobile.minimized,
.header-data-pc.minimized {
	position: fixed;
	width: 100%
}

.header-data-mobile .site-profile.style-1,
.header-data-mobile .site-profile.style-2,
.header-data-pc .site-profile.style-1,
.header-data-pc .site-profile.style-2 {
	padding-right: 14px
}

.header-data-mobile .site-profile.style-1 .site-info,
.header-data-mobile .site-profile.style-2 .site-info,
.header-data-pc .site-profile.style-1 .site-info,
.header-data-pc .site-profile.style-2 .site-info {
	max-width: none;
	width: 100%;
	zoom: 1
}

.header-data-mobile .site-profile.style-1 .site-info:before,
.header-data-mobile .site-profile.style-2 .site-info:before,
.header-data-pc .site-profile.style-1 .site-info:before,
.header-data-pc .site-profile.style-2 .site-info:before {
	content: '';
	display: block
}

.header-data-mobile .site-profile.style-1 .site-info:after,
.header-data-mobile .site-profile.style-2 .site-info:after,
.header-data-pc .site-profile.style-1 .site-info:after,
.header-data-pc .site-profile.style-2 .site-info:after {
	content: '';
	display: table;
	clear: both
}

.header-data-mobile .site-profile.style-1 .site-info>div:first-child,
.header-data-mobile .site-profile.style-2 .site-info>div:first-child,
.header-data-pc .site-profile.style-1 .site-info>div:first-child,
.header-data-pc .site-profile.style-2 .site-info>div:first-child {
	float: left
}

.header-data-mobile .site-profile.style-1 .site-info>div:last-child,
.header-data-mobile .site-profile.style-2 .site-info>div:last-child,
.header-data-pc .site-profile.style-1 .site-info>div:last-child,
.header-data-pc .site-profile.style-2 .site-info>div:last-child {
	float: right
}

.header-data-mobile .site-profile.style-1 .site-logo,
.header-data-mobile .site-profile.style-2 .site-logo,
.header-data-pc .site-profile.style-1 .site-logo,
.header-data-pc .site-profile.style-2 .site-logo {
	padding-right: 0
}

.header-data-mobile .site-profile.secondary,
.header-data-pc .site-profile.secondary {
	border-top: 1px solid #d4d7dc
}

.header-data-mobile .site-profile.secondary .site-info,
.header-data-pc .site-profile.secondary .site-info {
	margin: 0 auto;
	text-align: center
}

.header-data-pc ul.menu-lists li:hover:after {
	width: 100%;
	left: 0
}

.search-layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: table;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

.search-layer .search-layer-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .6);
	z-index: -1;
	opacity: 0;
	visibility: hidden
}

.search-layer .search-layer-wrapper {
	display: table-cell;
	vertical-align: middle
}

body.search-layer-shown header .search-layer,
body.search-layer-shown header .search-layer-overlay {
	opacity: 1;
	visibility: visible
}

body.search-layer-shown .header-data-mobile .responsive-menu-toggle .menus-bar,
body.search-layer-shown .header-data-pc .responsive-menu-toggle .menus-bar {
	display: none
}

body.search-layer-shown .header-data-mobile .main-menu .nav-right span.fa-search,
body.search-layer-shown .header-data-mobile .site-header-content span.fa-search,
body.search-layer-shown .header-data-pc .main-menu .nav-right span.fa-search {
	opacity: 0
}

body.search-layer-shown:not(.mobile-menu-shown) header .responsive-menu-toggle a.menus-bar,
body.search-layer-shown:not(.mobile-menu-shown) header ul.menu-lists>li>a {
	color: #fff
}

body.search-layer-shown:not(.mobile-menu-shown) header.minimized .header-data-mobile .site-profile,
body.search-layer-shown:not(.mobile-menu-shown) header.minimized .header-data-pc #main-menu {
	background-color: transparent;
	box-shadow: none
}

body.search-layer-shown:not(.mobile-menu-shown) header .site-logo span.logo-normal {
	opacity: 0;
	visibility: hidden
}

body.search-layer-shown:not(.mobile-menu-shown) header .site-logo span.logo-white {
	opacity: 1;
	visibility: visible
}

body.search-layer-shown:not(.mobile-menu-shown) header ul.menu-lists>li:after {
	background-color: #fff
}

body.search-layer-shown:not(.mobile-menu-shown) header.minimized .header-data-mobile .site-profile,
body.search-layer-shown:not(.mobile-menu-shown) header.minimized .header-data-pc #main-menu {
	background: 0 0;
	box-shadow: none
}

body.search-layer-shown:not(.mobile-menu-shown) footer,
body.search-layer-shown:not(.mobile-menu-shown) main {
	filter: blur(4px)
}

@media only screen and (max-width:1200px) {
	.header-data-mobile .site-header-content,
	.header-data-pc .site-header-content {
		padding: 0
	}
	.header-data-mobile .site-profile,
	.header-data-pc .site-profile {
		padding: 16px 20px;
		padding-right: 48px;
		position: relative;
		-webkit-transition: all .25s ease-out;
		-moz-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out
	}
	.header-data-mobile .site-info,
	.header-data-pc .site-info {
		border-bottom: none;
		margin-bottom: 0
	}
	.header-data-mobile .site-logo,
	.header-data-pc .site-logo {
		padding-right: 0;
		overflow: hidden
	}
	.header-data-mobile .site-logo a,
	.header-data-pc .site-logo a {
		overflow: hidden;
		vertical-align: middle;
		-webkit-transition: all .25s ease-out;
		-moz-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out
	}
	.header-data-mobile .site-logo a,
	.header-data-mobile .site-logo span.logo-normal,
	.header-data-mobile .site-logo span.logo-white,
	.header-data-pc .site-logo a,
	.header-data-pc .site-logo span.logo-normal,
	.header-data-pc .site-logo span.logo-white {
		width: 200px;
		height: 50px;
		background-size: 200px 50px
	}
	.header-data-mobile .content,
	.header-data-pc .content {
		position: relative;
		z-index: 490
	}
	.header-data-mobile .content .menu .menus-bar,
	.header-data-pc .content .menu .menus-bar {
		box-sizing: content-box;
		padding: 19px 14px 19px 8px;
		position: absolute;
		top: 0;
		right: 0;
		width: 26px;
		text-align: right
	}
	.header-data-mobile .site-header-content .drawer-toggle,
	.header-data-pc .site-header-content .drawer-toggle {
		padding: 0 14px;
		padding-top: 4px;
		height: 31px;
		display: inline-block;
		text-align: center
	}
	.header-data-mobile .site-header-content .drawer-toggle a,
	.header-data-pc .site-header-content .drawer-toggle a {
		top: 1px
	}
	.header-data-mobile .site-header-content .search,
	.header-data-pc .site-header-content .search {
		position: relative;
		text-align: right
	}
	.header-data-mobile .site-header-content .search-font,
	.header-data-pc .site-header-content .search-font {
		color: #fff;
		padding-right: 16px;
		padding-top: 4px
	}
	.header-data-mobile .site-header-content .search-font .large-size,
	.header-data-mobile .site-header-content .search-font .normal-size,
	.header-data-mobile .site-header-content .search-font .small-size,
	.header-data-pc .site-header-content .search-font .large-size,
	.header-data-pc .site-header-content .search-font .normal-size,
	.header-data-pc .site-header-content .search-font .small-size {
		margin: 0 4px;
		padding: 0
	}
	.header-data-mobile .site-header-content .search-font .small-size,
	.header-data-pc .site-header-content .search-font .small-size {
		font-size: 8px
	}
	.header-data-mobile .site-header-content .search-font .normal-size,
	.header-data-pc .site-header-content .search-font .normal-size {
		font-size: 11px
	}
	.header-data-mobile .site-header-content .search-font .large-size,
	.header-data-pc .site-header-content .search-font .large-size {
		font-size: 14px
	}
	.header-data-mobile .site-header-content .search-font span.fa-search,
	.header-data-pc .site-header-content .search-font span.fa-search {
		padding: 0;
		margin-left: 14px
	}
	.header-data-mobile .responsive-menu-toggle,
	.header-data-pc .responsive-menu-toggle {
		display: block;
		width: 48px
	}
	.header-data-mobile .responsive-menu,
	.header-data-pc .responsive-menu {
		visibility: visible;
		position: absolute;
		width: 100%
	}
	header.drawer-shown .drawer {
		height: 138px
	}
	.drawer .content,
	.drawer .row,
	.drawer .row>a {
		display: block;
		text-align: center
	}
	.drawer .content-wrapper {
		margin: 17px 0
	}
	.drawer .content {
		display: block;
		border-bottom: none
	}
	.drawer .more-about {
		display: block;
		width: 100%;
		font-size: 11px;
		line-height: 14px;
		height: 20px
	}
	.drawer .row {
		padding: 0 14px;
		zoom: 1
	}
	.drawer .row:before {
		content: '';
		display: block
	}
	.drawer .row:after {
		content: '';
		display: table;
		clear: both
	}
	.drawer .row>a {
		display: inline-block;
		width: 45%;
		font-size: 11px;
		line-height: 14px;
		padding: 3px 0
	}
}

@media only screen and (max-width:1023px) {
	.header-data-mobile .site-profile,
	.header-data-pc .site-profile {
		padding: 13px 14px;
		padding-right: 48px
	}
	.header-data-mobile .site-logo a,
	.header-data-mobile .site-logo span.logo-normal,
	.header-data-mobile .site-logo span.logo-white,
	.header-data-pc .site-logo a,
	.header-data-pc .site-logo span.logo-normal,
	.header-data-pc .site-logo span.logo-white {
		width: 140px;
		height: 35px;
		background-size: 140px 35px
	}
	.header-data-mobile.minimized .site-logo span.logo-normal,
	.header-data-mobile.minimized .site-logo span.logo-white,
	.header-data-pc.minimized .site-logo span.logo-normal,
	.header-data-pc.minimized .site-logo span.logo-white {
		width: 0;
		padding-right: 0
	}
	header.minimized .site-profile {
		background-color: #fff
	}
	header.minimized .site-profile:before {
		opacity: 0
	}
}

body.mobile-menu-shown .header-data-mobile .site-profile {
	background-color: #fff
}

.header-data-mobile .site-logo,
.header-data-pc .site-logo {
	padding-right: 20px
}

@media only screen and (max-width:1200px) {
	.header-data-mobile .site-logo,
	.header-data-pc .site-logo {
		padding-right: 15px
	}
}

@media only screen and (max-width:1023px) {
	.header-data-mobile .site-logo,
	.header-data-pc .site-logo {
		padding-right: 9px
	}
}

.header-data-mobile .site-logo span.logo-normal,
.header-data-mobile .site-logo span.logo-white,
.header-data-pc .site-logo span.logo-normal,
.header-data-pc .site-logo span.logo-white {
	background-repeat: no-repeat;
	background-position: center
}

.header-data-mobile .site-logo span.logo-normal,
.header-data-pc .site-logo span.logo-normal {
	background-image: url(../images/helin/ust.png)
}

.header-data-mobile .site-logo span.logo-white,
.header-data-pc .site-logo span.logo-white {
	background-image: url(../images/helin/whiteust.png)
}

.header-data-mobile .site-logo+*,
.header-data-pc .site-logo+* {
	padding-left: 20px
}

@media only screen and (max-width:1200px) {
	.header-data-mobile .site-logo+*,
	.header-data-pc .site-logo+* {
		padding-left: 15px
	}
}

@media only screen and (max-width:1023px) {
	.header-data-mobile .site-logo+*,
	.header-data-pc .site-logo+* {
		padding-left: 9px
	}
}

.header-data-mobile .site-info,
.header-data-pc .site-info {
	max-width: 800px
}

header.minimized .header-data-mobile .site-logo,
header.minimized .header-data-pc .site-logo {
	padding-right: 12px
}

@media only screen and (max-width:1200px) {
	header.minimized .header-data-mobile .site-logo,
	header.minimized .header-data-pc .site-logo {
		padding-right: 15px
	}
}

@media only screen and (max-width:1023px) {
	header.minimized .header-data-mobile .site-logo,
	header.minimized .header-data-pc .site-logo {
		padding-right: 9px
	}
}

header.minimized .header-data-mobile .site-logo+*,
header.minimized .header-data-pc .site-logo+* {
	padding-left: 12px
}

@media only screen and (max-width:1200px) {
	header.minimized .header-data-mobile .site-logo+*,
	header.minimized .header-data-pc .site-logo+* {
		padding-left: 15px
	}
}

@media only screen and (max-width:1023px) {
	header.minimized .header-data-mobile .site-logo+*,
	header.minimized .header-data-pc .site-logo+* {
		padding-left: 9px
	}
}

header.minimized .header-data-mobile .site-info,
header.minimized .header-data-pc .site-info {
	max-width: 480px;
	margin-bottom: 0
}

@media only screen and (max-width:1200px) {
	header.minimized .header-data-mobile .site-info,
	header.minimized .header-data-pc .site-info {
		max-width: 600px
	}
}

header.minimized .header-data-mobile .nav-right,
header.minimized .header-data-pc .nav-right {
	margin-top: 6px
}

header.minimized .header-data-mobile .nav-right>ul.menu-lists,
header.minimized .header-data-pc .nav-right>ul.menu-lists {
	margin-right: 20px
}

body .header-data-mobile .site-profile-wrapper>* {
	border-bottom: 1px solid transparent
}

body.mobile-menu-shown .header-data-mobile .content {
	position: absolute;
	width: 100%;
	height: 100vh;
	display: table
}

body.mobile-menu-shown .header-data-mobile .site-profile-wrapper {
	display: table-row
}

body.mobile-menu-shown .header-data-mobile .site-profile-wrapper>* {
	display: table-cell;
	height: 1px;
	border-bottom: 1px solid #bdbfc2
}

body.mobile-menu-shown .header-data-mobile .responsive-menu-wrapper {
	display: table-row
}

body.mobile-menu-shown .header-data-mobile .responsive-menu-wrapper>* {
	display: table-cell;
	height: 100%;
	position: relative
}

body.mobile-menu-shown .header-data-mobile .responsive-menu-wrapper .scrollable-wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: auto
}

body.mobile-menu-shown .header-data-mobile .responsive-menu-wrapper .menu-lists {
	position: relative
}

.header-data-mobile.mobile-menu-shown .site-profile:before {
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #fff 100%);
	background: -webkit-linear-gradient(top, #fff 0, #fff 100%);
	background: linear-gradient(to bottom, #fff 0, #fff 100%)
}

@media print {
	header.minimized {
		position: static
	}
}

@media only screen and (min-width:992px) {
	body.mobile-menu-shown {
		overflow: auto
	}
}

.header-data-mobile .site-logo span.logo-white,
.header-data-pc .site-logo span.logo-white {
	filter: saturate(0) brightness(100)
}

header.minimized .header-data-mobile .site-profile.secondary,
header.minimized .header-data-pc .site-profile.secondary {
	border-top-color: #d4d7dc
}

.footer {
	width: 100%;
	color: #fff;
	background-color: #036;
	overflow: hidden
}

.footer .desktop {
	display: block
}

.footer .mobile {
	display: none
}

.footer .content-locator {
	min-height: 80px;
	padding: 18px 20px;
	max-width: 1500px;
	margin: 0 auto;
	overflow: hidden
}

@media only screen and (max-width:1348px) {
	.footer .content-locator {
		padding: 18px 25px
	}
}

@media only screen and (max-width:768px) {
	.footer .content-locator {
		padding: 18px 25px
	}
}

.footer .content-locator .site-col {
	float: right
}

.footer .content-locator .site-col .hkust-logo {
	float: right;
	margin-top: 4px;
	margin-left: 28px;
	overflow: hidden
}

.footer .content-locator .site-col .hkust-logo>a {
	display: block;
	width: 135px
}

.footer .content-locator .site-col .hkust-logo img {
	width: 100%
}

.footer .content-locator .site-col .site-pages {
	float: right;
	color: #fff;
	margin-top: 4px
}

.footer .content-locator .site-col .site-pages a {
	color: #fff
}

.footer .content-locator .site-col .site-pages .page {
	float: right;
	margin-right: 20px;
	font-weight: 700;
	line-height: 27px
}

.footer .content-locator .site-col .site-pages .copyright {
	font-size: 12px;
	line-height: 15px
}

.footer .content-locator .social-share-col {
	float: left;
	color: #fff;
	padding-top: 9px;
	padding-right: 20px
}

.footer .content-locator .social-share-col .text {
	float: right;
	font-size: 12px;
	line-height: 15px;
	margin-top: 9px;
	margin-right: 15px
}

.footer .content-locator .social-share-col .icon-wrapper {
	float: right
}

.footer .content-locator .social-share-col .icon-wrapper>a {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 5px;
	overflow: hidden;
	position: relative
}

.footer .content-locator .social-share-col .icon-wrapper>a img {
	position: absolute;
	top: 0;
	right: 0;
	width: inherit;
	height: inherit
}

.footer .content-locator .copyright {
	clear: both
}

@media only screen and (max-width:1023px) {
	.footer {
		padding: 0 20px 9px;
		text-align: center
	}
	.footer .desktop {
		display: none
	}
	.footer .mobile {
		display: block
	}
	.footer .content-locator {
		padding: 0
	}
	.footer .content-locator .copyright,
	.footer .content-locator .hkust-logo,
	.footer .content-locator .site-col,
	.footer .content-locator .social-share-col,
	.footer .content-locator>* {
		float: none
	}
	.footer .content-locator .site-col .site-pages {
		float: none;
		margin: 12px 0
	}
	.footer .content-locator .site-col .site-pages .page {
		font-size: 12px;
		line-height: 15px;
		margin: 0 15px;
		float: none;
		display: inline-block
	}
	.footer .content-locator .social-share-col {
		padding: 0;
		margin-bottom: 18px
	}
	.footer .content-locator .social-share-col .icon-wrapper,
	.footer .content-locator .social-share-col .text {
		float: none
	}
	.footer .content-locator .social-share-col .text {
		margin: 0;
		margin-bottom: 7px
	}
	.footer .content-locator .hkust-logo>a img {
		width: 110px;
		height: 35px;
		margin: 0 auto;
		margin-bottom: 7px;
		display: block
	}
	.footer .content-locator .copyright {
		font-size: 9px;
		line-height: 11px;
		margin-bottom: 10px
	}
}

@font-face {
	font-family: swiper-icons;
	font-style: normal;
	font-weight: 400;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
	--swiper-theme-color: #007aff
}

.swiper-container {
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1
}

.swiper-wrapper {
	box-sizing: content-box;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%;
	z-index: 1
}

.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-container-pointer-events {
	touch-action: pan-y
}

.swiper-slide {
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%
}

.swiper-container-3d {
	perspective: 1200px
}

.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-container-css-mode>.swiper-wrapper {
	-ms-overflow-style: none;
	overflow: auto;
	scrollbar-width: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory
}

@-webkit-keyframes mouseWheel {
	0%,
	to {
		transform: translateX(-50%) translateY(0)
	}
	50% {
		transform: translateX(-50%) translateY(-5px)
	}
}

@keyframes mouseWheel {
	0%,
	to {
		transform: translateX(-50%) translateY(0)
	}
	50% {
		transform: translateX(-50%) translateY(-5px)
	}
}

@-webkit-keyframes arrowDownBounce {
	0%,
	20%,
	50%,
	80%,
	to {
		transform: translateY(0)
	}
	40% {
		transform: translateY(-10px)
	}
	60% {
		transform: translateY(-5px)
	}
}

@keyframes arrowDownBounce {
	0%,
	20%,
	50%,
	80%,
	to {
		transform: translateY(0)
	}
	40% {
		transform: translateY(-10px)
	}
	60% {
		transform: translateY(-5px)
	}
}

@-webkit-keyframes images-comparison-in {
	0% {
		width: 0
	}
	to {
		width: 50%
	}
}

@keyframes images-comparison-in {
	0% {
		width: 0
	}
	to {
		width: 50%
	}
}

@-webkit-keyframes pager-roller {
	0% {
		transform: translateX(-50%) rotate(0)
	}
	to {
		transform: translateX(-50%) rotate(1turn)
	}
}

@keyframes pager-roller {
	0% {
		transform: translateX(-50%) rotate(0)
	}
	to {
		transform: translateX(-50%) rotate(1turn)
	}
}

@-webkit-keyframes images-comparison-handle-in {
	0% {
		left: 0;
		opacity: 0
	}
	to {
		left: 50%;
		opacity: 1
	}
}

@keyframes images-comparison-handle-in {
	0% {
		left: 0;
		opacity: 0
	}
	to {
		left: 50%;
		opacity: 1
	}
}

*,
:after,
:before {
	box-sizing: border-box
}

body,
html {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%
}

html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	font-size: 16px;
	position: relative;
	scroll-behavior: smooth
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
	color: #333;
	font-family: fontmain, fontmain, sans-serif;
	font-size: 1.125rem;
	line-height: 1.4;
	overflow-x: hidden
}

img {
	height: auto;
	width: 100%
}

.container {
	margin: 0 auto;
	max-width: calc(1280px + 3.125rem);
	padding: 0 1.5625rem;
	width: 100%
}

@media only screen and (max-width:768px) {
	.container {
		padding: 0 .9375rem
	}
}

.js .lazyload,
.js .lazyloading {
	opacity: 0
}

.js .lazyloaded {
	opacity: 1
}

.field--name-body {
	color: #000;
	font-family: fontmain, fontmain, sans-serif;
	font-size: 1.125rem;
	margin: 0;
	max-width: 1000px;
	padding: 0;
	width: 100%
}

@media only screen and (max-width:768px) {
	.field--name-body {
		padding: 0
	}
}

.field--name-body ul ul {
	margin: .5em 0
}

.field--name-body ul {
	padding: 0
}

.field--name-body ul li {
	list-style: none;
	padding-left: 30px;
	position: relative
}

.field--name-body ul li:before {
	background-color: #0074bc;
	border-radius: 10px;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	top: 11px;
	width: 8px
}

body .region-content {
	letter-spacing: 0
}

footer a:active,
footer a:focus,
header a:active,
header a:focus {
	color: inherit
}

body .region-content h1,
body .region-content h2,
body .region-content h3,
body .region-content h4,
body .region-content h5,
body .region-content h6 {
	font-family: fontmain, fontmain, sans-serif;
	font-weight: 700
}

body .region-content h1 {
	font-size: 3.625rem
}

@media only screen and (max-width:992px) {
	body .region-content h1 {
		font-size: 2.8125rem
	}
}

@media only screen and (max-width:768px) {
	body .region-content h1 {
		font-size: 2rem
	}
}

body .region-content h2 {
	font-size: 2.625rem
}

@media only screen and (max-width:992px) {
	body .region-content h2 {
		font-size: 2.1875rem
	}
}

@media only screen and (max-width:768px) {
	body .region-content h2 {
		font-size: 1.75rem
	}
}

body .region-content h3 {
	font-size: 2rem
}

@media only screen and (max-width:992px) {
	body .region-content h3 {
		font-size: 1.75rem
	}
}

@media only screen and (max-width:768px) {
	body .region-content h3 {
		font-size: 1.5rem
	}
}

body .region-content h4 {
	font-size: 1.5rem
}

@media only screen and (max-width:768px) {
	body .region-content h4 {
		font-size: 1.25rem
	}
}

body .region-content h5 {
	font-size: 1.375rem
}

@media only screen and (max-width:768px) {
	body .region-content h5 {
		font-size: 1.125rem
	}
}

body .region-content h6 {
	font-size: 1.25rem
}

@media only screen and (max-width:768px) {
	body .region-content h6 {
		font-size: 1rem
	}
}

p {
	font-size: 1.125rem;
	line-height: 1.2;
	margin: 0
}

p:not(:last-child) {
	margin-bottom: 1em
}

ul {
	list-style-type: none
}

a,
a:hover {
	text-decoration: none
}

.header-data-mobile .site-header-content .drawer-toggle,
.header-data-pc .site-header-content .drawer-toggle {
	border: 0
}

.header-data-mobile .site-info,
.header-data-pc .site-info {
	margin-bottom: 0
}

.header-data-mobile .main-menu .nav-right,
.header-data-pc .main-menu .nav-right {
	margin-top: 9px
}

.header-data-mobile .main-menu .nav-right>ul.menu-lists,
.header-data-pc .main-menu .nav-right>ul.menu-lists {
	margin-right: 0
}

.header-data-mobile .menu-top>ul>li>a,
.header-data-pc .menu-top>ul>li>a {
	font-size: 1.7rem;
	padding: 11px 0
}

.header-data-mobile .menu-top>ul>li>a,
.header-data-pc .menu-top>ul>li>a {
	font-family: fontmain, fontmain, sans-serif
}

.header-data-mobile .main-menu .nav-right a.search,
.header-data-pc .main-menu .nav-right a.search {
	display: none
}

.header-data-mobile .main-menu .nav-right a.search .fa-search,
.header-data-pc .main-menu .nav-right a.search .fa-search {
	color: #036
}

.header-data-mobile .site-logo,
.header-data-pc .site-logo {
	padding-right: 15px
}

.header-data-mobile .site-logo+*,
.header-data-pc .site-logo+* {
	padding-left: 15px
}

.header-data-mobile .site-logo a,
.header-data-mobile .site-logo span.logo-normal,
.header-data-mobile .site-logo span.logo-white,
.header-data-pc .site-logo a,
.header-data-pc .site-logo span.logo-normal,
.header-data-pc .site-logo span.logo-white {
	background-size: 180px 50px;
	width: 180px
}

@media only screen and (max-width:992px) {
	.header-data-mobile .site-logo a,
	.header-data-mobile .site-logo span.logo-normal,
	.header-data-mobile .site-logo span.logo-white,
	.header-data-pc .site-logo a,
	.header-data-pc .site-logo span.logo-normal,
	.header-data-pc .site-logo span.logo-white {
		height: 50px
	}
}

@media only screen and (max-width:768px) {
	.header-data-mobile .site-logo a,
	.header-data-mobile .site-logo span.logo-normal,
	.header-data-mobile .site-logo span.logo-white,
	.header-data-pc .site-logo a,
	.header-data-pc .site-logo span.logo-normal,
	.header-data-pc .site-logo span.logo-white {
		background-size: 110px 30px;
		height: 30px;
		width: 110px
	}
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul {
	border-bottom: 2px solid #0074bc;
	border-top: 2px solid #0074bc;
	height: auto;
	left: 50%!important;
	min-width: 100%;
	padding: 9px 0 10px;
	right: auto!important;
	transform: translateX(-50%)
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li {
	color: #323232;
	padding: 0 1.5rem
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li>a,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li>a {
	align-items: flex-start;
	border: 0!important;
	cursor: pointer;
	font-size: 1rem1rem;
	line-height: 1.3;
	padding: 7px 0;
	text-align: center
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li>a:hover,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li>a:hover {
	color: #0074bc
}

.header-data-mobile:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li:hover,
.header-data-pc:not(.header-data-mobile):not(.mega-menu) ul.menu-lists li>ul li:hover {
	background: 0 0
}

.header-data-mobile .menu-top>ul {
	height: auto
}

.header-data-mobile .menu-top>ul>li>a {
	padding: 6px
}

.search-layer {
	height: 100vh
}

@media only screen and (max-width:992px) {
	.search-layer {
		display: none
	}
}

.header-data-mobile .responsive-menu-toggle .menus-bar.is_show,
.header-data-pc .responsive-menu-toggle .menus-bar.is_show {
	background: #0074bc;
	color: #fff
}

.header-data-mobile {
	z-index: 300
}

@media only screen and (max-width:768px) {
	.header-data-mobile .site-header-content .search-font {
		display: none
	}
}

@media only screen and (max-width:1200px) {
	body.mobile-menu-shown .header-data-mobile .responsive-menu-wrapper .scrollable-wrapper {
		height: 100vh
	}
	.header-data-mobile .responsive-menu ul li a {
		font-size: 1rem;
		padding: 1rem 1.125rem
	}
	.header-data-mobile .responsive-menu ul li a>span {
		color: #000;
		padding: 18px;
		right: -15px
	}
	.header-data-mobile .responsive-menu ul li.active>a {
		color: #0074bc;
		font-weight: 800
	}
	.header-data-mobile .responsive-menu ul li>ul {
		background-color: #fff;
		overflow: hidden;
		padding: .5rem 0
	}
	.header-data-mobile .responsive-menu ul li>ul li {
		border-top: 0
	}
	.header-data-mobile .responsive-menu ul li>ul li a {
		color: #323232
	}
	.header-data-mobile .responsive-menu ul li>ul:before {
		top: 0
	}
	.header-data-mobile .responsive-menu ul li>ul:after,
	.header-data-mobile .responsive-menu ul li>ul:before {
		background-color: #0074bc;
		box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5);
		content: "";
		height: 2px;
		left: 0;
		position: absolute;
		right: 0
	}
	.header-data-mobile .responsive-menu ul li>ul:after {
		bottom: 0
	}
	.header-data-mobile .responsive-menu-toggle .menus-bar.is_show .fa-bars {
		font-size: 1.5rem
	}
	.header-data-mobile .responsive-menu-toggle .menus-bar.is_show .fa-bars:before {
		content: "\f00d";
		font-weight: 100
	}
}

.header-data-mobile ul.menu-lists li a,
.header-data-pc ul.menu-lists li a {
	color: #000;
	display: inline-flex;
	flex-direction: column;
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: normal;
	text-decoration: none;
	text-transform: none
}

.header-data-mobile ul.menu-lists li a:after,
.header-data-pc ul.menu-lists li a:after {
	content: attr(data-text);
	content: attr(data-text)/"";
	font-weight: 800;
	height: 0;
	overflow: hidden;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	visibility: hidden
}

@media speech {
	.header-data-mobile ul.menu-lists li a:after,
	.header-data-pc ul.menu-lists li a:after {
		display: none
	}
}

.header-data-mobile ul.menu-lists li a .fa,
.header-data-pc ul.menu-lists li a .fa {
	font-size: 1.125rem
}

.header-data-pc ul.menu-lists li a {
	align-items: center;
	padding: 7px 25px
}

@media only screen and (max-width:1400px) {
	.header-data-pc ul.menu-lists li a {
		padding-left: 15px;
		padding-right: 15px
	}
}

.header-data-mobile ul.menu-lists {
	background: #fafafa
}

.header-data-mobile ul.menu-lists li a {
	margin: 0 16px;
	padding: 16px 3px;
	width: calc(100% - 32px)
}

.header-data-mobile ul.menu-lists>li:not(.active)+li>a {
	border-top: 1px solid #d1d2d3
}

.header-data-mobile .main-menu .nav-right,
.header-data-pc .main-menu .nav-right,
header.minimized .header-data-mobile .nav-right,
header.minimized .header-data-pc .nav-right {
	margin-top: 4px
}

.header-data-mobile ul.menu-lists li:after,
.header-data-pc ul.menu-lists li:after {
	display: none
}

.header-data-pc ul.menu-lists li>a:hover {
	color: #0074bc;
	font-weight: 800
}

.header-data-mobile .responsive-menu ul.menu-lists li+li,
body.mobile-menu-shown .header-data-mobile .site-profile-wrapper>* {
	border: none
}

.header-data-mobile .responsive-menu ul>li>ul>li>a {
	font-size: 1rem;
	font-weight: 600
}

.footer .content-locator .site-col .site-pages .page {
	font-weight: 400
}

.footer .content-locator .site-col .site-pages .copyright,
.footer .content-locator .site-col .site-pages .page,
.footer .content-locator .social-share-col .text {
	font-family: fontmain, fontmain, sans-serif;
	font-size: 1rem
}

@media only screen and (max-width:768px) {
	.footer .content-locator .site-col .site-pages .page,
	.footer .content-locator .social-share-col .text {
		font-size: .875rem
	}
	.footer .content-locator .copyright {
		font-size: .75rem;
		line-height: 1.1
	}
	.footer .content-locator .social-share-col {
		margin-bottom: 1rem
	}
}

body.helin-time-tunnel header {
	position: fixed;
	transition: transform .3s ease-out;
	z-index: 11
}

body.helin-time-tunnel header.minimized {
	transform: translateY(-32px)
}

body.helin-time-tunnel header.minimized .header-data-mobile .content,
body.helin-time-tunnel header.minimized .header-data-mobile .site-profile,
body.helin-time-tunnel header.minimized .header-data-pc #main-menu {
	background: 0 0;
	box-shadow: none
}

body.helin-time-tunnel.mobile-menu-shown header.minimized {
	transform: translateY(-32px)
}

body.helin-time-tunnel.mobile-menu-shown header.minimized .header-data-mobile .site-profile {
	background: #fff
}

body.helin-time-tunnel footer {
	bottom: 0;
	position: fixed;
	transition: transform .3s ease-out;
	width: 100%;
	z-index: 1
}

body.helin-time-tunnel.hide-header-footer footer {
	transform: translateY(calc(100% - 4px))
}

@media only screen and (max-width:768px) {
	body.helin-time-tunnel.hide-header-footer footer {
		transform: translateY(calc(100% - 2px))
	}
}

body.helin-time-tunnel.search-layer-shown:not(.mobile-menu-shown) footer,
body.helin-time-tunnel.search-layer-shown:not(.mobile-menu-shown) main {
	filter: none
}

.orientation-modal {
	align-items: center;
	background: radial-gradient(circle at 50% 50%, #f0f9ff, #fff 112%);
	flex-direction: column;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000000
}

.orientation-modal__icon {
	margin-bottom: 10px;
	position: relative
}

.orientation-modal__phone {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.orientation-modal__label {
	color: #000;
	font-weight: 600
}

@-webkit-keyframes orientationModalArrows {
	0% {
		transform: rotate(0)
	}
	25%,
	50% {
		transform: rotate(180deg)
	}
	75%,
	to {
		transform: rotate(1turn)
	}
}

@keyframes orientationModalArrows {
	0% {
		transform: rotate(0)
	}
	25%,
	50% {
		transform: rotate(180deg)
	}
	75%,
	to {
		transform: rotate(1turn)
	}
}

body,
html {
	-ms-scroll-chaining: none;
	overscroll-behavior: contain
}

#helin-time-tunnel {
	height: 100%;
	left: 0;
	overflow: hidden;
	perspective: 550px;
	position: fixed;
	top: 0;
	transform-style: preserve-3d;
	width: 100%
}

#helin-scroller {
	transform-origin: center center;
	transition: transform .35s cubic-bezier(0, 0, .2, 1)
}

#helin-scroller,
#helin-scroller__content {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform-style: preserve-3d;
	width: 100%;
	will-change: transform
}

#helin-scroller__content {
	--tunnel-speed: 700ms;
	--margin-back: 500px;
	transform: translateZ(0);
	transition: transform var(--tunnel-speed) cubic-bezier(0, 0, .2, 1)
}

#helin-scroller__content>section {
	align-items: center;
	-webkit-animation-duration: var(--tunnel-speed);
	animation-duration: var(--tunnel-speed);
	-webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
	animation-timing-function: cubic-bezier(0, 0, .2, 1);
	bottom: 0;
	display: none;
	height: 100%;
	justify-content: center;
	left: 0;
	opacity: 0;
	padding: 71px 15px 54px;
	position: absolute;
	width: 100%
}

@media screen and (min-width:768px) {
	#helin-scroller__content>section {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 81px
	}
}

@media screen and (min-width:993px) {
	#helin-scroller__content>section {
		padding-bottom: 86px;
		padding-top: 110px
	}
}

#helin-scroller__content>section:after {
	content: "";
	left: 0;
	position: absolute;
	top: 0
}

#helin-scroller__content>section.is-beyond {
	filter: blur(20px);
	opacity: 0
}

#helin-scroller__content>section.is-next {
	-webkit-animation-name: beyondToNext;
	animation-name: beyondToNext;
	display: flex;
	filter: blur(20px);
	opacity: .5
}

#helin-scroller__content>section.is-curr {
	-webkit-animation-name: nextToCurr;
	animation-name: nextToCurr;
	display: flex;
	opacity: 1
}

#helin-scroller__content>section.is-prev {
	-webkit-animation-name: currToPrev;
	animation-name: currToPrev;
	pointer-events: none
}

#helin-scroller__content>section .section__inner {
	max-width: 1460px
}

#helin-scroller__content.is-reverse>section.is-beyond {
	-webkit-animation-name: nextToBeyond;
	animation-name: nextToBeyond
}

#helin-scroller__content.is-reverse>section.is-next {
	-webkit-animation-name: currToNext;
	animation-name: currToNext
}

#helin-scroller__content.is-reverse>section.is-curr {
	-webkit-animation-name: prevToCurr;
	animation-name: prevToCurr
}

#helin-scroller__content.is-moving:not(.is-reverse)>section.is-prev {
	display: flex
}

@-webkit-keyframes beyondToNext {
	0% {
		opacity: 0
	}
	to {
		opacity: .5
	}
}

@keyframes beyondToNext {
	0% {
		opacity: 0
	}
	to {
		opacity: .5
	}
}

@-webkit-keyframes nextToBeyond {
	0% {
		opacity: .5
	}
	50% {
		opacity: 0
	}
}

@keyframes nextToBeyond {
	0% {
		opacity: .5
	}
	50% {
		opacity: 0
	}
}

@-webkit-keyframes nextToCurr {
	0% {
		filter: blur(20px);
		opacity: .5
	}
	50% {
		filter: none
	}
	to {
		opacity: 1
	}
}

@keyframes nextToCurr {
	0% {
		filter: blur(20px);
		opacity: .5
	}
	50% {
		filter: none
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes currToNext {
	0% {
		filter: none;
		opacity: 1
	}
	50% {
		filter: blur(20px)
	}
	to {
		opacity: .5
	}
}

@keyframes currToNext {
	0% {
		filter: none;
		opacity: 1
	}
	50% {
		filter: blur(20px)
	}
	to {
		opacity: .5
	}
}

@-webkit-keyframes currToPrev {
	0% {
		opacity: 1
	}
	20% {
		filter: none
	}
	to {
		filter: blur(20px);
		opacity: 0
	}
}

@keyframes currToPrev {
	0% {
		opacity: 1
	}
	20% {
		filter: none
	}
	to {
		filter: blur(20px);
		opacity: 0
	}
}

@-webkit-keyframes prevToCurr {
	0% {
		filter: blur(20px);
		opacity: 0
	}
	50% {
		filter: none
	}
	to {
		opacity: 1
	}
}

@keyframes prevToCurr {
	0% {
		filter: blur(20px);
		opacity: 0
	}
	50% {
		filter: none
	}
	to {
		opacity: 1
	}
}

@media only screen and (max-width:768px) {
	body.mobile-footer-hide footer {
		transform: translateY(calc(100% - 2px))
	}
	body.mobile-footer-hide #helin-scroller #logo-section .logo-section-layer {
		margin-bottom: 0
	}
}

#helin-scroller .helin-box {
	display: flex;
	position: relative
}

#helin-scroller .helin-box .image {
	height: 100%;
	position: relative;
	width: 100%
}

#helin-scroller .helin-box .image img {
	border-radius: 25px;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

#helin-scroller .helin-box .image:before {
	border: 3px solid #faa61a;
	border-radius: 25px;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	transition: .3s ease-out;
	transition-property: background-color, border, transform;
	width: 100%;
	z-index: -1
}

#helin-scroller .helin-box__hoverable {
	transition: transform .3s ease
}

#helin-scroller .helin-box__hoverable .image:after {
	background-color: rgba(0, 0, 0, .6);
	border-radius: 25px;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .3s ease
}

#helin-scroller .helin-box__hoverable .content {
	bottom: 0;
	left: 0;
	opacity: 0;
	overflow: hidden;
	padding: 1.5rem;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .3s ease;
	visibility: hidden;
	z-index: 1
}

#helin-scroller .helin-box__hoverable .content .video-icon {
	border-bottom: 10px solid transparent;
	border-left: 17.5px solid #fff;
	border-top: 10px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	right: 2rem;
	top: 1.625rem;
	width: 0;
	z-index: 1
}

#helin-scroller .helin-box__hoverable .content .text {
	align-items: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	opacity: 0;
	width: 100%
}

#helin-scroller .helin-box__hoverable .content .text .message-from__name {
	color: #fff;
	font-size: 1.5rem;
	margin: 0
}

#helin-scroller .helin-box__hoverable .content .text .message-from__award {
	font-family: fontmain, fontmain, sans-serif;
	font-size: 1rem
}

#helin-scroller .helin-box__hoverable .content .text .message-from__link {
	color: #fff;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1;
	margin-top: 1.125rem;
	text-decoration: underline
}

@media only screen and (max-width:768px) {
	#helin-scroller .helin-box__hoverable .content .text .message-from__link {
		display: none
	}
	#helin-scroller .helin-box__hoverable .content {
		padding: .875rem
	}
	#helin-scroller .helin-box__hoverable .content .video-icon {
		border-bottom: 5px solid transparent;
		border-left: 8.75px solid #fff;
		border-top: 5px solid transparent;
		right: .875rem;
		top: .875rem
	}
	#helin-scroller .helin-box__hoverable .content .text {
		text-align: center
	}
	#helin-scroller .helin-box__hoverable .content .text .message-from__name {
		font-size: 1rem
	}
	#helin-scroller .helin-box__hoverable .content .text .message-from__award {
		display: none;
		font-size: .875rem
	}
	#helin-scroller .helin-box__hoverable .content .text .message-from__link {
		font-size: .75rem
	}
}

@media only screen and (min-width:769px) {
	#helin-scroller .helin-box__hoverable:active,
	#helin-scroller .helin-box__hoverable:focus,
	#helin-scroller .helin-box__hoverable:hover {
		transform: scale(1.1);
		z-index: 10
	}
	#helin-scroller .helin-box__hoverable:active .content,
	#helin-scroller .helin-box__hoverable:focus .content,
	#helin-scroller .helin-box__hoverable:hover .content {
		opacity: 1;
		visibility: visible
	}
	#helin-scroller .helin-box__hoverable:active .content .text,
	#helin-scroller .helin-box__hoverable:focus .content .text,
	#helin-scroller .helin-box__hoverable:hover .content .text {
		opacity: 1
	}
	#helin-scroller .helin-box__hoverable:active .image:before,
	#helin-scroller .helin-box__hoverable:focus .image:before,
	#helin-scroller .helin-box__hoverable:hover .image:before {
		background-color: #faa61a;
		border: 1.5rem solid #faa61a
	}
	#helin-scroller .helin-box__hoverable:active .image:after,
	#helin-scroller .helin-box__hoverable:focus .image:after,
	#helin-scroller .helin-box__hoverable:hover .image:after {
		opacity: 1;
		visibility: visible
	}
}

@media only screen and (max-width:768px) {
	#helin-scroller .section-entered .helin-box__hoverable .content {
		opacity: 1;
		visibility: visible
	}
	#helin-scroller .section-entered .helin-box__hoverable .content .text {
		opacity: 1
	}
	#helin-scroller .section-entered .helin-box__hoverable .image:before {
		background-color: #faa61a;
		border: 1.5rem solid #faa61a
	}
	#helin-scroller .section-entered .helin-box__hoverable .image:after {
		opacity: 1;
		visibility: visible
	}
}

#helin-scroller .helin-text-area {
	z-index: 1
}

#helin-scroller .helin-text-area h2 {
	color: #036;
	font-size: 4.0625rem;
	line-height: 1.1;
	margin-bottom: .5em;
	margin-top: 0
}

#helin-scroller .helin-text-area h2 .highlight {
	color: #0074bc;
	font-weight: 900
}

@media only screen and (max-width:1400px) {
	#helin-scroller .helin-text-area h2 {
		font-size: 3.5rem
	}
}

@media only screen and (max-width:1200px) {
	#helin-scroller .helin-text-area h2 {
		font-size: 2.875rem
	}
}

@media only screen and (max-width:768px) {
	#helin-scroller .helin-text-area {
		width: 100%
	}
	#helin-scroller .helin-text-area h2 {
		font-size: 1.75rem
	}
}

#helin-scroller .section-entered {
	z-index: 1
}

#helin-scroller .section-entered .helin-box--tl .image:before {
	transform: translate(-11px, -16px)
}

#helin-scroller .section-entered .helin-box--tr .image:before {
	transform: translate(11px, -16px)
}

#helin-scroller .section-entered .helin-box--bl .image:before {
	transform: translate(-11px, 16px)
}

#helin-scroller .section-entered .helin-box--br .image:before {
	transform: translate(11px, 16px)
}

@media only screen and (max-width:768px) {
	#helin-scroller .section-entered .helin-box--tl .image:before {
		transform: translate(-9px, -6px)
	}
	#helin-scroller .section-entered .helin-box--tr .image:before {
		transform: translate(9px, -6px)
	}
	#helin-scroller .section-entered .helin-box--bl .image:before {
		transform: translate(-9px, 6px)
	}
	#helin-scroller .section-entered .helin-box--br .image:before {
		transform: translate(9px, 6px)
	}
}

#helin-scroller .section-entered .helin-text-area {
	opacity: 1;
	visibility: visible
}

#helin-scroller #logo-section {
	padding-top: 105px
}

@media screen and (min-width:768px) {
	#helin-scroller #logo-section {
		padding-top: 136px
	}
}

@media screen and (min-width:1201px) {
	#helin-scroller #logo-section {
		padding-top: 167px
	}
}

#helin-scroller #logo-section .logo-section-layer {
	align-items: center;
	display: flex;
	flex-flow: column;
	max-width: 1300px
}

@media screen and (orientation:landscape) and (min-width:1024px) {
	#helin-scroller #logo-section .logo-section-layer {
		flex-flow: row
	}
}

#helin-scroller #logo-section .logo {
	margin-bottom: 20px;
	max-width: 490px;
	width: 80vw
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #logo-section .logo {
		margin-bottom: 60px;
		width: 70vw
	}
}

@media screen and (orientation:landscape) and (min-width:1024px) {
	#helin-scroller #logo-section .logo {
		flex-shrink: 0;
		margin-bottom: 0;
		max-width: 825px;
		width: 55vw
	}
}

#helin-scroller #logo-section .logo-text {
	max-width: 900px;
	text-align: center
}

@media screen and (orientation:landscape) and (min-width:1024px) {
	#helin-scroller #logo-section .logo-text {
		margin-left: -3.33333vw;
		text-align: left
	}
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section,
	#helin-scroller #messages-from-president-section {
		padding-left: 90px;
		padding-right: 90px
	}
}

#helin-scroller #messages-from-chairman-section .section__inner,
#helin-scroller #messages-from-president-section .section__inner {
	display: flex;
	flex: 1;
	flex-flow: column
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .section__inner,
	#helin-scroller #messages-from-president-section .section__inner {
		flex-flow: row
	}
}

#helin-scroller #messages-from-chairman-section .helin-text-area,
#helin-scroller #messages-from-president-section .helin-text-area {
	order: 1;
	text-align: center
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-text-area,
	#helin-scroller #messages-from-president-section .helin-text-area {
		align-self: center;
		margin-left: 5.33333vw;
		margin-right: 5.33333vw;
		max-width: 690px;
		order: 0;
		text-align: left
	}
}

#helin-scroller #messages-from-chairman-section .helin-text-area .field--name-field-helin-scroller-text-area,
#helin-scroller #messages-from-president-section .helin-text-area .field--name-field-helin-scroller-text-area {
	margin-bottom: 20px;
	margin-top: 20px
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-text-area .field--name-field-helin-scroller-text-area,
	#helin-scroller #messages-from-president-section .helin-text-area .field--name-field-helin-scroller-text-area {
		margin-bottom: 30px;
		margin-top: 40px
	}
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-text-area .field--name-field-helin-scroller-text-area,
	#helin-scroller #messages-from-president-section .helin-text-area .field--name-field-helin-scroller-text-area {
		margin-bottom: 40px;
		margin-top: 0
	}
}

#helin-scroller #messages-from-chairman-section .helin-text-area .message-from__quotes,
#helin-scroller #messages-from-president-section .helin-text-area .message-from__quotes {
	font-size: 16px;
	line-height: 1.27273;
	margin-bottom: 20px
}

@media screen and (min-height:628px) {
	#helin-scroller #messages-from-chairman-section .helin-text-area .message-from__quotes,
	#helin-scroller #messages-from-president-section .helin-text-area .message-from__quotes {
		font-size: 4.8vw
	}
}

@media screen and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-text-area .message-from__quotes,
	#helin-scroller #messages-from-president-section .helin-text-area .message-from__quotes {
		font-size: 24px
	}
}

@media screen and (orientation:landscape) and (min-width:1500px) {
	#helin-scroller #messages-from-chairman-section .helin-text-area .message-from__quotes,
	#helin-scroller #messages-from-president-section .helin-text-area .message-from__quotes {
		font-size: 30px
	}
}

#helin-scroller #messages-from-chairman-section .helin-text-area .message-from__name,
#helin-scroller #messages-from-president-section .helin-text-area .message-from__name {
	font-size: 16px;
	font-weight: 700;
	line-height:45px;
	margin-bottom: 0
}

@media screen and (min-height:628px) {
	#helin-scroller #messages-from-chairman-section .helin-text-area .message-from__name,
	#helin-scroller #messages-from-president-section .helin-text-area .message-from__name {
		font-size: 4.8vw
	}
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-text-area .message-from__name,
	#helin-scroller #messages-from-president-section .helin-text-area .message-from__name {
		font-size: 22px
	}
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-text-area .message-from__name,
	#helin-scroller #messages-from-president-section .helin-text-area .message-from__name {
		font-size: 24px
	}
}

#helin-scroller #messages-from-chairman-section .helin-text-area .message-from__title,
#helin-scroller #messages-from-president-section .helin-text-area .message-from__title {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-text-area .message-from__title,
	#helin-scroller #messages-from-president-section .helin-text-area .message-from__title {
		font-size: 18px
	}
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-text-area .message-from__title,
	#helin-scroller #messages-from-president-section .helin-text-area .message-from__title {
		font-size: 18px
	}
}

#helin-scroller #messages-from-chairman-section .helin-box__1,
#helin-scroller #messages-from-president-section .helin-box__1 {
	align-self: center;
	flex-shrink: 0;
	height: 25vh;
	width: 25vh
}

@media screen and (min-height:628px) {
	#helin-scroller #messages-from-chairman-section .helin-box__1,
	#helin-scroller #messages-from-president-section .helin-box__1 {
		height: 53vw;
		width: 53vw
	}
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-box__1,
	#helin-scroller #messages-from-president-section .helin-box__1 {
		height: 40vw;
		width: 40vw
	}
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-box__1,
	#helin-scroller #messages-from-president-section .helin-box__1 {
		height: 30vw;
		max-height: 60vh;
		max-width: 60vh;
		width: 30vw
	}
}

@media screen and (orientation:landscape) and (min-width:1500px) {
	#helin-scroller #messages-from-chairman-section .helin-box__1,
	#helin-scroller #messages-from-president-section .helin-box__1 {
		max-height: 480px;
		max-width: 480px
	}
}

#helin-scroller #messages-from-chairman-section .helin-box__2,
#helin-scroller #messages-from-president-section .helin-box__2 {
	display: none;
	position: absolute
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-box__2,
	#helin-scroller #messages-from-president-section .helin-box__2 {
		display: block
	}
}

@media screen and (orientation:landscape) and (min-width:1024px) and (min-height:720px) {
	#helin-scroller #messages-from-chairman-section .helin-box__2,
	#helin-scroller #messages-from-president-section .helin-box__2 {
		display: block
	}
}

@media screen and (orientation:landscape) and (min-width:1500px) and (max-height:calc(790px - 0.02px)) {
	#helin-scroller #messages-from-chairman-section .helin-box__2,
	#helin-scroller #messages-from-president-section .helin-box__2 {
		display: none
	}
}

#helin-scroller #messages-from-chairman-section .helin-box__3,
#helin-scroller #messages-from-president-section .helin-box__3 {
	display: none;
	position: absolute
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-box__3,
	#helin-scroller #messages-from-president-section .helin-box__3 {
		display: block
	}
}

@media screen and (orientation:landscape) and (min-width:1024px) and (min-height:780px) {
	#helin-scroller #messages-from-chairman-section .helin-box__3,
	#helin-scroller #messages-from-president-section .helin-box__3 {
		display: block
	}
}

@media screen and (orientation:landscape) and (min-width:1500px) and (max-height:calc(840px - 0.02px)) {
	#helin-scroller #messages-from-chairman-section .helin-box__3,
	#helin-scroller #messages-from-president-section .helin-box__3 {
		display: none
	}
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section {
		padding-right: 80px
	}
}

#helin-scroller #messages-from-chairman-section .helin-text-area {
	order: 1;
	text-align: center
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-text-area {
		align-self: center;
		margin-left: 5.33333vw;
		margin-right: 5.33333vw;
		max-width: 720px;
		order: 0;
		text-align: left
	}
}

@media screen and (orientation:landscape) and (min-width:1024px) {
	#helin-scroller #messages-from-chairman-section .helin-link-btn {
		text-align: right
	}
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-box__2 {
		bottom: calc(6vw + 20px);
		height: 20vw;
		left: 6vw;
		width: 20vw
	}
}

@media screen and (orientation:landscape) and (min-width:1024px) {
	#helin-scroller #messages-from-chairman-section .helin-box__2 {
		bottom: calc(3vw + 20px);
		height: 14vw;
		left: 3vw;
		max-height: 220px;
		max-width: 220px;
		width: 14vw
	}
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #messages-from-chairman-section .helin-box__3 {
		display: block;
		height: 13vw;
		right: 6vw;
		top: calc(6vw + 50px);
		width: 13vw
	}
}

@media screen and (orientation:landscape) and (min-width:1024px) {
	#helin-scroller #messages-from-chairman-section .helin-box__3 {
		height: 11vw;
		max-height: 170px;
		max-width: 170px;
		right: 47vw;
		top: 77px;
		transform: translateX(50%);
		width: 11vw
	}
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #messages-from-president-section {
		padding-left: 80px
	}
	#helin-scroller #messages-from-president-section .helin-text-area {
		order: 1
	}
}

#helin-scroller #messages-from-president-section .helin-text-area .message-from__quotes {
	font-size: 20px;
	line-height: 1.27273;
	margin-bottom: 20px
}

@media screen and (min-height:628px) {
	#helin-scroller #messages-from-president-section .helin-text-area .message-from__quotes {
		font-size: 5.86667vw
	}
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #messages-from-president-section .helin-text-area .message-from__quotes {
		font-size: 30px
	}
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #messages-from-president-section .helin-text-area .message-from__quotes {
		font-size: 2.8vw
	}
}

@media screen and (orientation:landscape) and (min-width:700px) and (max-height:799px) {
	#helin-scroller #messages-from-president-section .helin-text-area .message-from__quotes {
		font-size: 30px
	}
}

@media screen and (orientation:landscape) and (min-width:1500px) {
	#helin-scroller #messages-from-president-section .helin-text-area .message-from__quotes {
		font-size: 42px
	}
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #messages-from-president-section .helin-box__2 {
		bottom: calc(6vw + 20px);
		height: 20vw;
		right: 6vw;
		width: 20vw
	}
}

@media screen and (orientation:landscape) and (min-width:1024px) {
	#helin-scroller #messages-from-president-section .helin-box__2 {
		bottom: calc(3vw + 20px);
		height: 14vw;
		max-height: 220px;
		max-width: 220px;
		right: 3vw;
		width: 14vw
	}
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #messages-from-president-section .helin-box__3 {
		display: block;
		height: 13vw;
		left: 6vw;
		top: calc(6vw + 50px);
		width: 13vw
	}
}

@media screen and (orientation:landscape) and (min-width:1024px) {
	#helin-scroller #messages-from-president-section .helin-box__3 {
		height: 11vw;
		left: 45vw;
		max-height: 170px;
		max-width: 170px;
		top: 77px;
		transform: translateX(-50%);
		width: 11vw
	}
}

#helin-scroller #messages-from-partners-section {
	padding-bottom: 5rem
}

#helin-scroller #messages-from-partners-section .helin-box {
	display: block
}

#helin-scroller #messages-from-partners-section .helin-box .image {
	height: auto;
	width: auto
}

#helin-scroller #messages-from-partners-section>.views-element-container {
	flex: 0 1 40%
}

@media only screen and (max-width:1400px) {
	#helin-scroller #messages-from-partners-section>.views-element-container {
		width: 100%
	}
}

@media only screen and (min-width : 850px) {
	.leftpadding {
		margin-left:4rem;
	}
}

#helin-scroller #messages-from-partners-section>.views-element-container .view-content {
	-moz-column-gap: 20px;
	column-gap: 20px;
	display: grid;
	grid-template-areas: "partnersBox3 partnersBox2" "partnersBox1 partnersBox2";
	grid-template-columns: auto auto;
	grid-template-rows: auto auto;
	row-gap: 20px
}

#helin-scroller #messages-from-partners-section .helin-text-area {
	padding: 0 80px 0 0;
	position: static;
	text-align: left
}

#helin-scroller #messages-from-partners-section .helin-box__1 {
	grid-area: partnersBox1;
	justify-self: end
}

#helin-scroller #messages-from-partners-section .helin-box__1 .image img {
	max-width: 400px
}

@media only screen and (min-width:1201px) {
	#helin-scroller #messages-from-partners-section .helin-box__1.layer-entered:active .image img,
	#helin-scroller #messages-from-partners-section .helin-box__1.layer-entered:focus .image img,
	#helin-scroller #messages-from-partners-section .helin-box__1.layer-entered:hover .image img {
		max-width: 450px
	}
}

#helin-scroller #messages-from-partners-section .helin-box__2 {
	align-self: center;
	grid-area: partnersBox2;
	justify-self: flex-start
}

#helin-scroller #messages-from-partners-section .helin-box__2 .image img {
	max-width: 310px
}

@media only screen and (min-width:1201px) {
	#helin-scroller #messages-from-partners-section .helin-box__2.layer-entered:active .image img,
	#helin-scroller #messages-from-partners-section .helin-box__2.layer-entered:focus .image img,
	#helin-scroller #messages-from-partners-section .helin-box__2.layer-entered:hover .image img {
		max-width: 360px
	}
}

@media (orientation:landscape) and (min-width:700px) and (max-height:640px) {
	#helin-scroller #messages-from-partners-section .helin-box__2 {
		align-self: flex-end
	}
}

#helin-scroller #messages-from-partners-section .helin-box__3 {
	align-self: end;
	grid-area: partnersBox3;
	justify-self: end
}

#helin-scroller #messages-from-partners-section .helin-box__3 .image img {
	max-width: 265px
}

@media only screen and (min-width:1201px) {
	#helin-scroller #messages-from-partners-section .helin-box__3.layer-entered:active .image img,
	#helin-scroller #messages-from-partners-section .helin-box__3.layer-entered:focus .image img,
	#helin-scroller #messages-from-partners-section .helin-box__3.layer-entered:hover .image img {
		max-width: 315px
	}
}

@media (orientation:landscape) and (min-width:700px) and (max-height:640px) {
	#helin-scroller #messages-from-partners-section .helin-box__3 {
		display: none
	}
}

@media only screen and (max-width:992px) {
	#helin-scroller #messages-from-partners-section>.views-element-container .view-content {
		-moz-column-gap: 25px;
		column-gap: 25px;
		row-gap: 25px
	}
	#helin-scroller #messages-from-partners-section .helin-text-area h2 {
		font-size: 1.75rem;
		line-height: 1.2
	}
	#helin-scroller #messages-from-partners-section .helin-box__1 .image img {
		max-width: 30vw;
		min-width: 190px
	}
	#helin-scroller #messages-from-partners-section .helin-box__2 .image img {
		max-width: 25vw;
		min-width: 150px
	}
	#helin-scroller #messages-from-partners-section .helin-box__3 .image img {
		max-width: 20vw;
		min-width: 115px
	}
}

@media (orientation:portrait) {
	#helin-scroller #messages-from-partners-section {
		flex-direction: column;
		justify-content: center;
		padding-bottom: 3rem
	}
	#helin-scroller #messages-from-partners-section>.views-element-container {
		align-self: center;
		flex: 0 1;
		width: 100%
	}
	#helin-scroller #messages-from-partners-section>.views-element-container .view-content {
		-moz-column-gap: 15px;
		column-gap: 15px;
		grid-template-areas: "partnersBox3 partnersBox2" "partnersBox1 partnersBox1";
		grid-template-columns: auto auto;
		grid-template-rows: auto auto;
		height: 100%;
		row-gap: 15px;
		width: 100%
	}
	#helin-scroller #messages-from-partners-section .helin-text-area {
		margin-bottom: 20px;
		padding: 0;
		text-align: center
	}
	#helin-scroller #messages-from-partners-section .helin-box__1 {
		justify-self: center
	}
	#helin-scroller #messages-from-partners-section .helin-box__1 .image img {
		max-width: 150px;
		min-width: 150px
	}
	#helin-scroller #messages-from-partners-section .helin-box__2 {
		align-self: center;
		justify-self: center;
		margin-top: 0
	}
	#helin-scroller #messages-from-partners-section .helin-box__2 .image img {
		max-width: 150px;
		min-width: 150px
	}
	#helin-scroller #messages-from-partners-section .helin-box__3 {
		align-self: center;
		justify-self: center
	}
	#helin-scroller #messages-from-partners-section .helin-box__3 .image img {
		max-width: 150px;
		min-width: 150px
	}
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #impact-stories-section {
		padding-left: 60px;
		padding-right: 60px
	}
}

#helin-scroller #impact-stories-section .section__inner {
	align-items: center;
	display: flex;
	flex-flow: column
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #impact-stories-section .section__inner {
		flex: 1;
		flex-flow: row
	}
}

#helin-scroller #impact-stories-section .helin-text-area {
	margin-bottom: 25px;
	max-width: 300px;
	text-align: center
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #impact-stories-section .helin-text-area {
		margin-bottom: 54px;
		max-width: 70.3125vw
	}
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #impact-stories-section .helin-text-area {
		margin: 0 auto;
		max-width: 480px;
		text-align: left
	}
}

@media screen and (orientation:landscape) and (min-width:1201px) {
	#helin-scroller #impact-stories-section .helin-text-area {
		max-width: 580px
	}
}

@media screen and (orientation:landscape) and (min-width:1401px) {
	#helin-scroller #impact-stories-section .helin-text-area {
		max-width: 680px
	}
}

#helin-scroller #impact-stories-section .helin-text-area h2 {
	line-height: 1.25;
	margin-bottom: 0;
	text-transform: uppercase
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #impact-stories-section .helin-text-area h2 {
		font-size: 4.6875vw
	}
}

#helin-scroller #impact-stories-section .helin-text-area__menu {
	margin-top: 15px
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #impact-stories-section .helin-text-area__menu {
		margin-top: 17px
	}
}

#helin-scroller #impact-stories-section .helin-text-area__menu ul {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	margin-bottom: 5px;
	margin-top: -5px;
	padding: 0
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #impact-stories-section .helin-text-area__menu ul {
		justify-content: flex-start;
		max-width: 500px
	}
}

#helin-scroller #impact-stories-section .helin-text-area__menu li {
	display: flex;
	margin: 0;
	padding-top: 5px
}

#helin-scroller #impact-stories-section .helin-text-area__menu li:not(:last-child):after {
	background: #8c8f90;
	content: "";
	display: block;
	height: 16px;
	margin-left: 13px;
	margin-right: 13px;
	opacity: .4;
	width: 2px
}

@media screen and (orientation:landscape) and (min-width:1024px) {
	#helin-scroller #impact-stories-section .helin-text-area__menu li:not(:last-child):after {
		height: 1.6vw;
		margin-left: 16px;
		margin-right: 16px
	}
}

@media screen and (orientation:landscape) and (min-width:1401px) {
	#helin-scroller #impact-stories-section .helin-text-area__menu li:not(:last-child):after {
		height: 24px
	}
}

#helin-scroller #impact-stories-section .helin-text-area__menu a {
	color: #036;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #impact-stories-section .helin-text-area__menu a {
		font-size: 14.76px
	}
}

@media screen and (orientation:landscape) and (min-width:1024px) {
	#helin-scroller #impact-stories-section .helin-text-area__menu a {
		font-size: 1.36vw
	}
}

@media screen and (orientation:landscape) and (min-width:1401px) {
	#helin-scroller #impact-stories-section .helin-text-area__menu a {
		font-size: 19.68px
	}
}

#helin-scroller #impact-stories-section .helin-link-btn {
	margin-top: 20px
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #impact-stories-section .helin-link-btn {
		margin-top: 28px
	}
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #impact-stories-section .helin-link-btn {
		margin-top: 35px
	}
}

#helin-scroller #impact-stories-section .helin-box {
	max-width: 70.66667vw;
	width: 39.73013vh
}

@media screen and (orientation:portrait) and (min-width:700px) {
	#helin-scroller #impact-stories-section .helin-box {
		max-width: 67.57813vw;
		width: 50.65886vh
	}
}

@media screen and (orientation:landscape) and (min-width:700px) {
	#helin-scroller #impact-stories-section .helin-box {
		max-width: 46.13333%;
		width: 64.07407vh
	}
}

#helin-scroller #impact-stories-section .helin-box .image:before {
	bottom: 10%;
	height: auto;
	left: 10%;
	right: 10%;
	top: 10%;
	transform: scale(0);
	width: auto
}

#helin-scroller #impact-stories-section.section-entered .helin-box .image:before {
	transform: scale(1)
}

@media screen and (max-width:calc(769px - 0.02px)) {
	#helin-scroller #our-30-years-section .views-element-container {
		transform: translateY(50px)
	}
}

#helin-scroller #our-30-years-section .helin-box__1 {
	left: 10%;
	top: 2.5%
}

#helin-scroller #our-30-years-section .helin-box__1 .image img {
	max-width: 400px
}

#helin-scroller #our-30-years-section .helin-box__2 {
	left: 70%;
	top: 20%
}

#helin-scroller #our-30-years-section .helin-box__2 .image img {
	max-width: 350px
}

#helin-scroller #our-30-years-section .helin-box__3 {
	left: 40%;
	top: 80%
}

#helin-scroller #our-30-years-section .helin-box__3 .image img {
	max-width: 300px
}

@media only screen and (max-width:768px) {
	#helin-scroller #our-30-years-section .helin-box__1 {
		left: 4%
	}
	#helin-scroller #our-30-years-section .helin-box__2 {
		top: 30%
	}
	#helin-scroller #our-30-years-section .helin-box__3 {
		left: 20%
	}
	#helin-scroller #our-30-years-section .helin-box__1 .image img,
	#helin-scroller #our-30-years-section .helin-box__2 .image img,
	#helin-scroller #our-30-years-section .helin-box__3 .image img {
		max-width: 300px
	}
}

#helin-scroller #our-30-years-section .view-milestones {
	transition: all .3s ease
}

@media only screen and (min-width:1401px) {
	#helin-scroller #our-30-years-section .view-milestones {
		margin-right: 10vw
	}
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider {
	max-width: 1100px;
	width: 100%
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider__bg {
	background-color: #f0f9ff;
	bottom: 0;
	display: none;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s ease;
	z-index: -1
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider__bg--image {
	background-image: none;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	left: 0;
	opacity: .1;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s ease
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container {
	margin-left: 0;
	overflow: visible;
	width: 100%
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper {
	align-items: center
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide {
	align-items: center;
	display: flex
}

@media only screen and (min-width:1201px) {
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide {
		width: 100%!important
	}
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .image {
	flex: 0 1 350px;
	line-height: 0;
	margin-left: auto;
	position: relative;
	transition: all .3s ease
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .image .year {
	align-items: center;
	background-color: rgba(0, 0, 0, .55);
	border-radius: 25px;
	color: #fff;
	display: flex;
	font-size: 2.375rem;
	font-weight: 800;
	height: 100%;
	justify-content: center;
	position: absolute;
	top: 0;
	width: 100%
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .image img {
	border-radius: 25px;
	display: none
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .image:before {
	border: 3px solid #faa61a;
	border-radius: 25px;
	content: "";
	display: block;
	height: 100%;
	margin-left: .6875rem;
	margin-top: 1rem;
	position: absolute;
	transition: all .3s ease;
	width: 100%;
	z-index: -1
}

@media only screen and (max-width:768px) {
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .image:before {
		margin-left: .375rem;
		margin-top: -.5625rem
	}
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .content {
	align-items: center;
	display: flex;
	flex: 0 1;
	opacity: 0;
	overflow: hidden;
	padding: 1rem 0;
	transform: scaleX(0);
	transition: all .3s ease
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .content .text {
	line-height: 1;
	padding: 0 50px;
	width: 100%
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .content .text__date {
	color: #036;
	font-size: 2.03125rem;
	font-weight: 900;
	margin-bottom: .8em;
	text-transform: uppercase
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .content .text__date .highlight {
	color: #0074bc
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .content .text__title {
	color: #000;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 2.5rem;
	text-align: justify
}

@media only screen and (min-width:993px) {
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .content .text {
		min-width: 500px
	}
}

@media only screen and (max-width:992px) {
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .content .text {
		min-width: 300px
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .content .text__date {
		font-size: 1.437rem
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .content .text__title {
		font-size: 1.375rem
	}
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .next-slide-btn,
#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .prev-slide-btn {
	cursor: pointer
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .next-slide-btn img,
#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .prev-slide-btn img {
	max-width: 3.375rem;
	width: 45px
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .prev-slide-btn img {
	margin-right: 48px;
	transform: rotateY(180deg)
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide:first-child .prev-slide-btn {
	display: none
}

@media only screen and (min-width:1201px) {
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .image {
		flex: 0 1 475px
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .content {
		flex: 0 1 calc(100% - 475px)
	}
}

@media only screen and (min-width:769px) {
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .image {
		flex: 0 1 40%
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .image:before {
		background-color: #faa61a;
		border: 1.5rem solid #faa61a;
		margin-left: -.6875rem;
		margin-top: -1rem
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .content {
		flex: 0 1 60%
	}
}

@media only screen and (max-width:768px) {
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .image:before {
		background-color: #faa61a;
		margin-left: -.375rem
	}
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .year {
	opacity: 0;
	visibility: hidden
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .content {
	opacity: 1;
	transform: scaleX(1)
}

@media only screen and (min-width:1201px) {
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next .image {
		transform: translateX(calc(-100% - 400px))
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next~.swiper-slide .image {
		transform: translateX(calc(-200% - 800px))
	}
}

#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-button-prev,
#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide:not(.swiper-slide-active) .next-slide-btn {
	display: none
}

@media only screen and (max-width:1200px) {
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider {
		max-width: 100vw
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container {
		padding: 0 25px;
		width: 100%
	}
}

@media only screen and (max-width:768px) {
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container {
		padding: 0 20%
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper {
		align-items: flex-start
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide {
		flex-direction: column;
		transition: padding .3s ease
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
		padding-top: 100px
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .image {
		flex: 1 1
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .content .text {
		min-width: 0;
		padding: 0;
		text-align: center
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .content .text__date {
		font-size: 1rem;
		margin-bottom: .5em
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .content .text__title {
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		display: -webkit-box;
		font-size: 1.125rem;
		margin-bottom: 1em;
		overflow: hidden;
		text-overflow: ellipsis
	}
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .next-slide-btn,
	#helin-scroller #our-30-years-section .view-milestones .milestones-slider .swiper-container .swiper-wrapper .swiper-slide .prev-slide-btn {
		display: none
	}
	#helin-scroller #our-30-years-section {
		align-items: flex-start;
		padding-top: 3rem
	}
}

#helin-scroller .view-milestones .milestones-slider .swiper-container.swiper-container-initialized .swiper-wrapper .swiper-slide .image img {
	display: block!important
}

#helin-scroller #hkust-in-time-section {
	flex-direction: row-reverse
}

#helin-scroller #hkust-in-time-section .helin-text-area {
	margin-left: 80px;
	position: static
}

#helin-scroller #hkust-in-time-section>.views-element-container {
	flex: 0 1 37.5%
}

@media (max-height:calc(640px - 0.02px)) {
	#helin-scroller #hkust-in-time-section>.views-element-container {
		max-width: 62.5vh
	}
}

#helin-scroller #hkust-in-time-section>.views-element-container .view-content {
	-moz-column-gap: 20px;
	column-gap: 20px;
	display: grid;
	grid-template-areas: "inTimeBox3 inTimeBox2" "inTimeBox1 inTimeBox2";
	grid-template-columns: auto auto;
	grid-template-rows: auto auto;
	row-gap: 20px
}

#helin-scroller #hkust-in-time-section .helin-box {
	position: static
}

#helin-scroller #hkust-in-time-section .helin-box__1 {
	align-self: center;
	grid-area: inTimeBox1;
	justify-self: end
}

#helin-scroller #hkust-in-time-section .helin-box__1 .image img {
	max-width: 400px
}

#helin-scroller #hkust-in-time-section .helin-box__2 {
	align-self: center;
	grid-area: inTimeBox2;
	justify-self: flex-start
}

#helin-scroller #hkust-in-time-section .helin-box__2 .image img {
	max-width: 310px
}

#helin-scroller #hkust-in-time-section .helin-box__3 {
	align-self: end;
	grid-area: inTimeBox3;
	justify-self: end
}

#helin-scroller #hkust-in-time-section .helin-box__3 .image img {
	max-width: 245px
}

@media only screen and (max-width:992px) {
	#helin-scroller #hkust-in-time-section>.views-element-container .view-content {
		-moz-column-gap: 25px;
		column-gap: 25px;
		row-gap: 25px
	}
	#helin-scroller #hkust-in-time-section .helin-text-area h2 {
		font-size: 2.375rem;
		line-height: 1.2
	}
	#helin-scroller #hkust-in-time-section .helin-box__1 .image img {
		max-width: 30vw;
		min-width: 190px
	}
	#helin-scroller #hkust-in-time-section .helin-box__2 .image img {
		max-width: 25vw;
		min-width: 150px
	}
	#helin-scroller #hkust-in-time-section .helin-box__3 .image img {
		max-width: 20vw;
		min-width: 115px
	}
	#helin-scroller #hkust-in-time-section {
		flex-direction: column-reverse;
		padding-bottom: 3rem
	}
	#helin-scroller #hkust-in-time-section>.views-element-container {
		align-self: center;
		flex: 0 1
	}
	#helin-scroller #hkust-in-time-section>.views-element-container .view-content {
		-moz-column-gap: 15px;
		column-gap: 15px;
		grid-template-areas: "inTimeBox3 inTimeBox2" "inTimeBox1 inTimeBox1";
		grid-template-columns: auto auto;
		grid-template-rows: auto auto;
		height: 100%;
		margin: 1rem 0 1.5rem;
		row-gap: 15px;
		width: 100%
	}
	#helin-scroller #hkust-in-time-section .helin-text-area {
		margin: 0;
		text-align: center
	}
	#helin-scroller #hkust-in-time-section .helin-text-area h2 {
		font-size: 1.75rem;
		line-height: 1.2
	}
	#helin-scroller #hkust-in-time-section .helin-box__1 {
		justify-self: center
	}
	#helin-scroller #hkust-in-time-section .helin-box__1 .image img {
		max-width: 190px;
		min-width: 190px
	}
	#helin-scroller #hkust-in-time-section .helin-box__2 .image img,
	#helin-scroller #hkust-in-time-section .helin-box__3 .image img {
		max-width: 150px;
		min-width: 150px
	}
}

@media screen and (min-width:768px) {
	#helin-scroller #news-and-events-section {
		padding-top: 40px
	}
}

@media screen and (min-width:993px) {
	#helin-scroller #news-and-events-section {
		padding-bottom: 0;
		padding-top: 70px
	}
}

@media only screen and (max-width:992px) {
	#helin-scroller #news-and-events-section {
		flex-direction: column
	}
}

#helin-scroller #news-and-events-section .helin-text-area {
	flex: 0 1 20%;
	margin: 0 2.66667vw;
	position: static;
	text-align: center
}

@media only screen and (max-width:992px) {
	#helin-scroller #news-and-events-section .helin-text-area {
		flex: 0 1 15%
	}
}

#helin-scroller #news-and-events-section>.views-element-container {
	flex: 0 1 35%;
	transition: flex .6s ease, opacity .3s ease, visibility .3s ease;
	width: 100%
}

@media only screen and (min-width:993px) {
	#helin-scroller #news-and-events-section>.views-element-container {
		height: 100%
	}
}

#helin-scroller #news-and-events-section>.views-element-container .view-content,
#helin-scroller #news-and-events-section>.views-element-container .view-news-and-events {
	height: 100%;
	width: 100%
}

#helin-scroller #news-and-events-section>.views-element-container .events-list .view-content,
#helin-scroller #news-and-events-section>.views-element-container .news-list .view-content {
	position: relative
}

@media only screen and (max-width:992px) {
	#helin-scroller #news-and-events-section>.views-element-container {
		flex: 0 1 40%
	}
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box {
	position: absolute;
	z-index: 2
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row {
	position: relative
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row .content {
	bottom: 0;
	height: 100%;
	left: 0;
	line-height: 1;
	opacity: 0;
	padding: 1.5rem 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: top .3s ease, opacity .3s ease, visibility .3s ease;
	visibility: hidden;
	width: 100%;
	z-index: 1
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row .content .date-and-time {
	align-items: flex-end;
	color: #036;
	display: flex;
	font-weight: 800;
	line-height: 1
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row .content .date-and-time .date {
	color: #0074bc;
	font-size: 2.625rem;
	font-weight: 800;
	margin-bottom: 0;
	text-align: center
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row .content .date-and-time .time {
	margin-left: 15px
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row .content .date-and-time .time span {
	font-size: 1.125rem
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row .content .date {
	color: #696969;
	font-size: .875rem;
	font-weight: 700;
	margin-bottom: 1rem
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row .content hr {
	border: 0;
	border-top: 3px solid #faa61a;
	margin: 1.25rem 0
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row .content .text {
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis
}

@media (min-width:1280px) and (min-height:600px) {
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row .content .text {
		font-size: 20px
	}
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row .content .text a {
	color: #036
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row .content .link {
	margin-top: .875rem
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row .content .link a {
	color: #323232;
	display: block;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1;
	text-decoration: underline
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box .views-row .content .link a:hover {
	color: #0074bc
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__1 {
	right: 20%;
	top: 8%
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__1 img {
	max-width: 340px;
	width: 22vw
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__2 {
	right: 0;
	top: 55%
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__2 img {
	max-width: 280px;
	width: 18vw
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__3 {
	right: 60%;
	top: 52%
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__3 img {
	max-width: 200px;
	width: 14vw
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__1 {
	left: 0;
	top: 50%
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__1 img {
	max-width: 320px;
	width: 20vw
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__2 {
	left: 30%;
	top: 10%
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__2 img {
	max-width: 220px;
	width: 18vw
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__3 {
	left: 65%;
	top: 44%;
	z-index: -10
}

#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__3 img {
	max-width: 150px;
	width: 14vw
}

@media only screen and (min-width:993px) and (max-width:1200px) {
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__1 {
		top: 5%
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__1 img {
		width: 19vw
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__2 {
		top: 60%
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__2 img {
		width: 16vw
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__3 {
		top: 43%
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__3 img {
		width: 12vw
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__1 {
		top: 58%
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__2 {
		top: 5%
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__2 img {
		width: 16.5vw
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__3 {
		top: 36%
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__3 img {
		width: 12vw
	}
}

@media only screen and (max-width:992px) {
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__1 {
		right: 15%;
		top: 25%
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__1 img {
		max-width: 300px;
		width: 24vw
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__2 {
		right: 70%;
		top: 40%
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__2 img {
		max-width: 215px;
		width: 20vw
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__3 {
		right: 48%;
		top: 10%
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__3 img {
		max-width: 130px
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__1 {
		left: 15%;
		top: 20%
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__1 img {
		max-width: 300px;
		width: 24vw
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__2 {
		left: 70%;
		top: 40%
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__2 img {
		max-width: 215px;
		width: 20vw
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__3 {
		left: 45%;
		top: 5%
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__3 img {
		max-width: 130px
	}
}

@media only screen and (max-width:768px) {
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__1 img,
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__1 img {
		width: 40vw
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__2 img,
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__2 img {
		width: 30vw
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__3,
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__3 {
		display: none
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__1 {
		bottom: 10%;
		right: 5%;
		top: auto
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-events.helin-box__2 {
		left: 5%;
		right: auto;
		top: 5%
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__1 {
		bottom: 10%;
		left: 5%;
		top: auto
	}
	#helin-scroller #news-and-events-section .view-news-and-events .helin-box__type-news.helin-box__2 {
		left: auto;
		right: 5%;
		top: 5%
	}
}

#helin-scroller #news-and-events-section .view-display-id-block_events_time_tunnel .helin-box .views-row .content .text {
	-webkit-line-clamp: 2
}

#helin-scroller #news-and-events-section .news-and-events__header {
	height: 100%;
	max-width: 1280px;
	position: relative;
	width: 100%;
	z-index: 1
}

#helin-scroller #news-and-events-section .news-and-events__header .news-and-events__container {
	bottom: auto;
	left: 50%;
	max-width: 320px;
	right: 50%;
	text-align: center;
	top: 45%;
	transform: translate(-50%, -50%);
	width: 100%
}

#helin-scroller #news-and-events-section .news-and-events__header .helin-link-btn {
	opacity: 0;
	visibility: hidden
}

#helin-scroller #news-and-events-section .news-and-events__title {
	color: #036;
	font-size: 4.0625rem;
	line-height: 1.2;
	margin: 0 0 1rem
}

#helin-scroller #news-and-events-section .news-and-events__title .highlight {
	color: #0074bc;
	display: block;
	font-weight: 900
}

#helin-scroller #news-and-events-section .news-and-events__menu {
	font-size: 1.5rem;
	margin-bottom: 2rem
}

#helin-scroller #news-and-events-section .news-and-events__menu span[ref] {
	color: #036;
	cursor: pointer;
	font-weight: 700;
	opacity: .4
}

#helin-scroller #news-and-events-section .news-and-events__menu span[ref].active,
#helin-scroller #news-and-events-section .news-and-events__menu span[ref]:active,
#helin-scroller #news-and-events-section .news-and-events__menu span[ref]:hover {
	opacity: 1
}

#helin-scroller #news-and-events-section .news-and-events__menu span:not([ref]) {
	opacity: .4;
	padding: 0 1rem;
	position: relative;
	top: -2px
}

#helin-scroller #news-and-events-section .news-and-events__bg {
	background-image: none;
	background-position: 50%;
	background-size: cover;
	bottom: 0;
	left: 0;
	opacity: .05;
	position: absolute;
	right: 0;
	top: 0
}

@media only screen and (max-width:992px) {
	#helin-scroller #news-and-events-section .news-and-events__title {
		font-size: 3rem
	}
	#helin-scroller #news-and-events-section .news-and-events__title .highlight {
		display: inline
	}
	#helin-scroller #news-and-events-section .news-and-events__menu {
		display: none
	}
}

@media only screen and (max-width:768px) {
	#helin-scroller #news-and-events-section .news-and-events__title {
		font-size: 1.75rem
	}
}

#helin-scroller #news-and-events-section .active-select-events .events-list .helin-box,
#helin-scroller #news-and-events-section .active-select-events .news-list .helin-box,
#helin-scroller #news-and-events-section .active-select-news .events-list .helin-box,
#helin-scroller #news-and-events-section .active-select-news .news-list .helin-box {
	top: 8%;
	z-index: 2
}

#helin-scroller #news-and-events-section .active-select-events .events-list .helin-box .image:before,
#helin-scroller #news-and-events-section .active-select-events .news-list .helin-box .image:before,
#helin-scroller #news-and-events-section .active-select-news .events-list .helin-box .image:before,
#helin-scroller #news-and-events-section .active-select-news .news-list .helin-box .image:before {
	transform: translate(-11px, -16px)
}

#helin-scroller #news-and-events-section .active-select-events .events-list .helin-box .image img,
#helin-scroller #news-and-events-section .active-select-events .news-list .helin-box .image img,
#helin-scroller #news-and-events-section .active-select-news .events-list .helin-box .image img,
#helin-scroller #news-and-events-section .active-select-news .news-list .helin-box .image img {
	max-width: 310px;
	width: 18vw
}

#helin-scroller #news-and-events-section .active-select-events .events-list .helin-box.was-selected .content,
#helin-scroller #news-and-events-section .active-select-events .news-list .helin-box.was-selected .content,
#helin-scroller #news-and-events-section .active-select-news .events-list .helin-box.was-selected .content,
#helin-scroller #news-and-events-section .active-select-news .news-list .helin-box.was-selected .content {
	opacity: 1;
	top: 100%;
	visibility: visible
}

#helin-scroller #news-and-events-section .active-select-events .events-list .helin-box.was-selected .content .text,
#helin-scroller #news-and-events-section .active-select-events .news-list .helin-box.was-selected .content .text,
#helin-scroller #news-and-events-section .active-select-news .events-list .helin-box.was-selected .content .text,
#helin-scroller #news-and-events-section .active-select-news .news-list .helin-box.was-selected .content .text {
	opacity: 1
}

#helin-scroller #news-and-events-section .active-select-events .events-list .helin-box.was-selected:active .image:before,
#helin-scroller #news-and-events-section .active-select-events .events-list .helin-box.was-selected:focus .image:before,
#helin-scroller #news-and-events-section .active-select-events .events-list .helin-box.was-selected:hover .image:before,
#helin-scroller #news-and-events-section .active-select-events .news-list .helin-box.was-selected:active .image:before,
#helin-scroller #news-and-events-section .active-select-events .news-list .helin-box.was-selected:focus .image:before,
#helin-scroller #news-and-events-section .active-select-events .news-list .helin-box.was-selected:hover .image:before,
#helin-scroller #news-and-events-section .active-select-news .events-list .helin-box.was-selected:active .image:before,
#helin-scroller #news-and-events-section .active-select-news .events-list .helin-box.was-selected:focus .image:before,
#helin-scroller #news-and-events-section .active-select-news .events-list .helin-box.was-selected:hover .image:before,
#helin-scroller #news-and-events-section .active-select-news .news-list .helin-box.was-selected:active .image:before,
#helin-scroller #news-and-events-section .active-select-news .news-list .helin-box.was-selected:focus .image:before,
#helin-scroller #news-and-events-section .active-select-news .news-list .helin-box.was-selected:hover .image:before {
	background-color: #faa61a;
	border: 1.5rem solid #faa61a
}

@media only screen and (max-width:992px) {
	#helin-scroller #news-and-events-section .active-select-events .events-list .helin-box .image:before,
	#helin-scroller #news-and-events-section .active-select-events .news-list .helin-box .image:before,
	#helin-scroller #news-and-events-section .active-select-news .events-list .helin-box .image:before,
	#helin-scroller #news-and-events-section .active-select-news .news-list .helin-box .image:before {
		margin: -.5625rem 0 0 -.375rem
	}
	#helin-scroller #news-and-events-section .active-select-events .events-list .helin-box .image img,
	#helin-scroller #news-and-events-section .active-select-events .news-list .helin-box .image img,
	#helin-scroller #news-and-events-section .active-select-news .events-list .helin-box .image img,
	#helin-scroller #news-and-events-section .active-select-news .news-list .helin-box .image img {
		max-width: 300px;
		width: 28vw
	}
}

#helin-scroller #news-and-events-section .active-select-events.helin-text-area {
	margin-left: 2rem
}

#helin-scroller #news-and-events-section .active-select-events.views-element-container:first-child {
	flex: 0 1 60%
}

#helin-scroller #news-and-events-section .active-select-events.views-element-container:last-child {
	flex: 0 1 0%;
	opacity: 0;
	visibility: hidden
}

#helin-scroller #news-and-events-section .active-select-events.views-element-container .events-list .view-content .helin-box {
	left: auto
}

#helin-scroller #news-and-events-section .active-select-events.views-element-container .events-list .view-content .helin-box__1 {
	right: 0
}

#helin-scroller #news-and-events-section .active-select-events.views-element-container .events-list .view-content .helin-box__2 {
	right: calc(17vw + 40px)
}

#helin-scroller #news-and-events-section .active-select-events.views-element-container .events-list .view-content .helin-box__3 {
	right: calc(34vw + 80px)
}

#helin-scroller #news-and-events-section .active-select-news.helin-text-area {
	margin-right: 2rem
}

#helin-scroller #news-and-events-section .active-select-news.views-element-container:first-child {
	flex: 0 1 0%;
	opacity: 0;
	visibility: hidden
}

#helin-scroller #news-and-events-section .active-select-news.views-element-container:last-child {
	flex: 0 1 60%
}

#helin-scroller #news-and-events-section .active-select-news.views-element-container .news-list .view-content .helin-box {
	right: auto
}

#helin-scroller #news-and-events-section .active-select-news.views-element-container .news-list .view-content .helin-box__1 {
	left: 0
}

#helin-scroller #news-and-events-section .active-select-news.views-element-container .news-list .view-content .helin-box__2 {
	left: calc(17vw + 40px)
}

#helin-scroller #news-and-events-section .active-select-news.views-element-container .news-list .view-content .helin-box__3 {
	left: calc(34vw + 80px)
}

#helin-scroller #helin-ig-section .helin-text-area {
	margin: 0 5% 0 -5%;
	position: static;
	width: auto
}

@media only screen and (min-width:993px) {
	#helin-scroller #helin-ig-section .helin-text-area.toggle-hide {
		opacity: 0!important
	}
}

#helin-scroller #helin-ig-section>.views-element-container {
	flex: 0 1 500px
}

@media (max-height:calc(700px - 0.02px)) {
	#helin-scroller #helin-ig-section>.views-element-container {
		flex-basis: 57.14286vh
	}
}

@media only screen and (max-width:992px) {
	#helin-scroller #helin-ig-section>.views-element-container {
		align-self: stretch;
		flex: 0 1
	}
}

@media only screen and (max-width:992px) {
	#helin-scroller #helin-ig-section {
		flex-direction: column;
		padding-bottom: 3rem
	}
	#helin-scroller #helin-ig-section>.views-element-container .view-content {
		flex: 0 1
	}
	#helin-scroller #helin-ig-section .helin-text-area {
		margin: 0 0 2rem
	}
	#helin-scroller #helin-ig-section .helin-text-area h2 {
		font-size: 2.375rem;
		line-height: 1.2
	}
}

@media only screen and (max-width:768px) {
	#helin-scroller #helin-ig-section>.views-element-container {
		flex: 0 1
	}
	#helin-scroller #helin-ig-section .helin-text-area {
		text-align: center
	}
	#helin-scroller #helin-ig-section .helin-text-area h2 {
		font-size: 1.75rem;
		line-height: 1.2
	}
}

#helin-time-tunnel .scroll-to-button {
	bottom: 0;
	cursor: pointer;
	left: 50%;
	margin-bottom: 15px;
	position: absolute;
	transform: translate(-50%, -85px);
	transition: .3s ease-out;
	transition-property: transform, bottom
}

#helin-time-tunnel .scroll-to-button:active,
#helin-time-tunnel .scroll-to-button:focus {
	outline: 0
}

#helin-time-tunnel .scroll-to-button__mouse {
	border: 2px solid #000;
	border-radius: 20px;
	height: 31px;
	position: relative
}

#helin-time-tunnel .scroll-to-button__mouse:before {
	-webkit-animation: mouseWheel 1.5s infinite;
	animation: mouseWheel 1.5s infinite;
	background: #000;
	content: "";
	height: 6px;
	left: 50%;
	position: absolute;
	top: 40%;
	transform: translateX(-50%);
	width: 2px
}

@media only screen and (max-width:992px) {
	#helin-time-tunnel .scroll-to-button__mouse {
		display: none
	}
}

#helin-time-tunnel .scroll-to-button__chevron {
	height: 19px;
	margin-top: 2px;
	overflow: hidden
}

#helin-time-tunnel .scroll-to-button__text {
	display: none;
	font-size: 20px;
	font-weight: 800;
	margin-top: 20px;
	text-transform: uppercase;
	white-space: nowrap
}

#helin-time-tunnel .scroll-to-button.is-up {
	bottom: 50%;
	transform: translate(-50%, 50%)
}

#helin-time-tunnel .scroll-to-button.is-up .scroll-to-button__mouse {
	display: none
}

#helin-time-tunnel .scroll-to-button.is-up .scroll-to-button__chevron {
	transform: rotate(180deg)
}

#helin-time-tunnel .scroll-to-button.is-up .scroll-to-button__text {
	display: block
}

#helin-time-tunnel .helin-link-btn a {
	background-color: #faa61a;
	border-radius: 38px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
	color: #323232;
	display: inline-block;
	font-size: 1.25rem;
	font-weight: 800;
	max-width: 320px;
	padding: 1em 2em;
	text-align: center;
	transition: box-shadow .3s ease;
	width: 100%
}

#helin-time-tunnel .helin-link-btn a:hover {
	box-shadow: 0 12px 12px -2px rgba(0, 0, 0, .25)
}

@media only screen and (max-width:992px) {
	#helin-time-tunnel .helin-link-btn a {
		font-size: 1.125rem;
		max-width: 275px
	}
}

@media only screen and (max-width:768px) {
	#helin-time-tunnel .helin-link-btn a {
		font-size: 1rem;
		max-width: 230px
	}
}

.hide-header-footer #helin-time-tunnel .scroll-to-button {
	transform: translate(-50%, -4px)
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		opacity: 0
	}
	to {
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		opacity: 0
	}
	to {
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		opacity: 1
	}
}

@-webkit-keyframes fadeOut {
	0% {
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		opacity: 1
	}
	to {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		opacity: 1
	}
	to {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		opacity: 0
	}
}

@-webkit-keyframes zoomIn {
	0% {
		transform: scale(.5)
	}
	to {
		transform: scale(1)
	}
}

@keyframes zoomIn {
	0% {
		transform: scale(.5)
	}
	to {
		transform: scale(1)
	}
}

.hkust30a-instagram-item {
	position: relative
}

.hkust30a-instagram-item:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.hkust30a-instagram-item__image {
	height: 100%;
	position: absolute;
	width: 100%
}

.hkust30a-instagram-item__image .image {
	height: 100%;
	position: relative;
	width: 100%
}

.hkust30a-instagram-item__image .image img {
	border-radius: 25px
}

.hkust30a-instagram-item__image .image:before {
	background-color: #faa61a;
	border-radius: 25px;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	transition: margin .3s ease, background-color .3s ease, border .3s ease, opacity .6s .3s;
	width: 100%;
	z-index: -1
}

.hkust30a-instagram-item__image .image:active:before,
.hkust30a-instagram-item__image .image:focus:before,
.hkust30a-instagram-item__image .image:hover:before {
	margin-left: .6875rem;
	margin-top: 1rem
}

@media only screen and (max-width:768px) {
	.hkust30a-instagram-item__image .image:active:before,
	.hkust30a-instagram-item__image .image:focus:before,
	.hkust30a-instagram-item__image .image:hover:before {
		margin-left: .375rem;
		margin-top: .5625rem
	}
}

.hkust30a-instagram-item__image .image:after,
.hkust30a-instagram-item__image .image:before {
	opacity: 0
}

@media only screen and (max-width:768px) {
	.hkust30a-instagram-item__image .image img,
	.hkust30a-instagram-item__image .image:before {
		border-radius: 15px
	}
}

.hkust30a-instagram-item__image .image figure,
.hkust30a-instagram-item__image .image img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.view-id-news .view-content {
	display: flex;
	flex-wrap: wrap;
	margin-left: -26px;
	margin-top: -30px
}

@media only screen and (min-width:1201px) {
	.view-id-news .view-content {
		margin-left: -30px;
		margin-top: -60px
	}
}

.view-id-news .view-content .views-row {
	padding-left: 26px;
	padding-top: 30px;
	width: 100%
}

@media only screen and (min-width:577px) {
	.view-id-news .view-content .views-row {
		width: 50%
	}
}

@media only screen and (min-width:769px) {
	.view-id-news .view-content .views-row {
		width: 33.33%
	}
}

@media only screen and (min-width:1201px) {
	.view-id-news .view-content .views-row {
		padding-left: 30px;
		padding-top: 60px
	}
}

.view-id-news .view-content .views-row .views-field-field-news-thumbnail {
	margin-bottom: 20px
}

@media only screen and (min-width:1201px) {
	.view-id-news .view-content .views-row .views-field-field-news-thumbnail {
		margin-bottom: 40px
	}
}

.view-id-news .view-content .views-row .views-field-field-news-thumbnail a {
	display: block;
	height: 100%;
	position: relative;
	width: 100%
}

.view-id-news .view-content .views-row .views-field-field-news-thumbnail a img {
	border-radius: 25px
}

.view-id-news .view-content .views-row .views-field-field-news-thumbnail a:before {
	background-color: #faa61a;
	border-radius: 25px;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	transition: margin .3s ease, background-color .3s ease, border .3s ease, opacity .6s .3s;
	width: 100%;
	z-index: -1
}

.view-id-news .view-content .views-row .views-field-field-news-thumbnail a:active:before,
.view-id-news .view-content .views-row .views-field-field-news-thumbnail a:focus:before,
.view-id-news .view-content .views-row .views-field-field-news-thumbnail a:hover:before {
	margin-left: .6875rem;
	margin-top: 1rem
}

@media only screen and (max-width:768px) {
	.view-id-news .view-content .views-row .views-field-field-news-thumbnail a:active:before,
	.view-id-news .view-content .views-row .views-field-field-news-thumbnail a:focus:before,
	.view-id-news .view-content .views-row .views-field-field-news-thumbnail a:hover:before {
		margin-left: .375rem;
		margin-top: .5625rem
	}
	.view-id-news .view-content .views-row .views-field-field-news-thumbnail a img,
	.view-id-news .view-content .views-row .views-field-field-news-thumbnail a:before {
		border-radius: 15px
	}
}

.view-id-news .view-content .views-row .views-field-title {
	margin-bottom: 15px
}

.view-id-news .view-content .views-row .views-field-title h4 {
	font-size: 1.375rem;
	font-weight: 900;
	margin: 0
}

.view-id-news .view-content .views-row .views-field-title h4 a:active,
.view-id-news .view-content .views-row .views-field-title h4 a:hover {
	color: #036;
	text-decoration: underline
}

.view-id-news .view-content .views-row .views-field-body-1 {
	margin-bottom: 15px
}

.view-id-news .view-content .views-row .views-field-body-1 p {
	font-size: 1.125rem
}

.view-display-id-impact_stories {
	display: flex;
	flex-flow: column
}

.view-display-id-impact_stories .view-header {
	height: 0;
	opacity: 0;
	order: 1;
	overflow: hidden;
	transition: .3s ease-out;
	transition-property: height, opacity
}

.view-display-id-impact_stories .view-header p {
	margin: 0
}

.view-display-id-impact_stories .view-content {
	order: 2
}

body.page-node-type-standard-page .standard-page__header {
	position: relative
}

body.page-node-type-standard-page .standard-page__header .header-banner__image {
	border-bottom: 5px solid #faa61a;
	height: 403px;
	overflow: hidden
}

@media only screen and (max-width:768px) {
	body.page-node-type-standard-page .standard-page__header .header-banner__image {
		height: 203px
	}
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
	body.page-node-type-standard-page .standard-page__header .header-banner__image img {
		height: 400px;
		-o-object-fit: cover;
		object-fit: cover
	}
	@media only screen and (max-width:768px) {
		body.page-node-type-standard-page .standard-page__header .header-banner__image img {
			height: 200px
		}
	}
}

body.page-node-type-standard-page .standard-page__header .header-banner__container {
	align-items: center;
	bottom: 0;
	display: flex;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

body.page-node-type-standard-page .standard-page__header .header-banner__text {
	background-color: rgba(0, 51, 102, .75);
	border-radius: 10px;
	margin-top: 12px;
	padding: 0 16px 16px
}

@media only screen and (min-width:769px) {
	body.page-node-type-standard-page .standard-page__header .header-banner__text {
		padding: 0 50px 25px
	}
}

body.page-node-type-standard-page .standard-page__header .header-banner__text h1.title {
	color: #fff;
	margin: 0;
	padding: 0
}

body.page-node-type-standard-page .standard-page__content {
	margin: 30px 0
}

@media only screen and (min-width:993px) {
	body.page-node-type-standard-page .standard-page__content {
		margin: 50px 0
	}
}

@media only screen and (min-width:1201px) {
	body.page-node-type-standard-page .standard-page__content {
		margin: 80px 0
	}
}

.page-node-type-messages-from .messages-from__header {
	background-color: #fafafa;
	border-bottom: 5px solid #faa61a;
	margin-bottom: 3.75rem;
	padding-top: 3.75rem
}

.page-node-type-messages-from .messages-from__header .messages-from__title .title {
	font-size: 2.875rem;
	line-height: 1.2;
	padding: 0;
	text-transform: capitalize
}

.page-node-type-messages-from .messages-from__header .messages-from__title .title span {
	color: #0074bc;
	font-weight: 900
}

@media only screen and (max-width:992px) {
	.page-node-type-messages-from .messages-from__header {
		margin-bottom: 2rem;
		padding: 2rem 0
	}
	.page-node-type-messages-from .messages-from__header .messages-from__title .title {
		font-size: 2.3125rem
	}
}

@media only screen and (max-width:768px) {
	.page-node-type-messages-from .messages-from__header .messages-from__title .title {
		font-size: 1.75rem
	}
}

.page-node-type-messages-from .messages-from__content {
	padding: 3.75rem 0
}

.page-node-type-messages-from .messages-from__content .field--name-body .message-from-content__name {
	color: #036;
	font-family: fontmain, fontmain, sans-serif;
	font-size: 1.5rem;
	font-weight: 700
}

.page-node-type-messages-from .messages-from__content .pdf-wrapper {
	margin: 40px auto;
	max-width: 900px
}

body:not([class*=page-node-type-]):not(.path-admin) .fixed-width {
	padding: 0
}

.page-node-type-events .events__wrapper {
	letter-spacing: 0
}

.page-node-type-events .events__wrapper--main {
	margin-top: 30px
}

@media only screen and (min-width:769px) {
	.page-node-type-events .events__wrapper--main {
		margin-top: 77px
	}
}

@media only screen and (min-width:1201px) {
	.page-node-type-events .events__wrapper--main {
		margin-top: 90px
	}
}

.page-node-type-events .events__section {
	margin-bottom: 30px
}

@media only screen and (min-width:769px) {
	.page-node-type-events .events__section {
		margin-bottom: 50px
	}
}

@media only screen and (min-width:1201px) {
	.page-node-type-events .events__section {
		margin-bottom: 60px
	}
}

.page-node-type-events .events__section :first-child {
	margin-top: 0
}

.page-node-type-events .events__section :last-child {
	margin-bottom: 0
}

.page-node-type-events .events__section--title {
	max-width: 1000px
}

.page-node-type-events .events__section--title h3 {
	font-size: 1.75rem;
	margin-bottom: 12px
}

@media only screen and (min-width:769px) {
	.page-node-type-events .events__section--title h3 {
		font-size: 2.375rem
	}
}

@media only screen and (min-width:1201px) {
	.page-node-type-events .events__section--title h3 {
		font-size: 2.875rem
	}
}

.page-node-type-events .events__section--application .events__image {
	background: #95a5a6;
	border-radius: 15px;
	flex-shrink: 0;
	margin-bottom: 20px;
	margin-right: 0;
	position: relative;
	width: 100%
}

@media only screen and (min-width:769px) {
	.page-node-type-events .events__section--application .events__image {
		border-radius: 20px;
		margin-bottom: 0;
		margin-right: 30px;
		width: 40%
	}
}

@media only screen and (min-width:1201px) {
	.page-node-type-events .events__section--application .events__image {
		border-radius: 25px;
		margin-right: 54px
	}
}

.page-node-type-events .events__section--application .events__image:before {
	content: "";
	display: block;
	padding-top: 75%
}

.page-node-type-events .events__section--application .events__image img {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.page-node-type-events .events__section--application h5 {
	color: #036;
	font-size: 2rem;
	line-height: normal;
	margin-bottom: 20px;
	margin-top: 0
}

@media only screen and (min-width:769px) {
	.page-node-type-events .events__section--application h5 {
		font-size: 1.75rem;
		margin-bottom: 15px
	}
}

@media only screen and (min-width:1201px) {
	.page-node-type-events .events__section--application h5 {
		font-size: 2rem
	}
}

.page-node-type-events .events__section--application .events__btn {
	margin-top: 20px
}

@media only screen and (min-width:1201px) {
	.page-node-type-events .events__section--application .events__btn {
		margin-top: 30px
	}
}

.page-node-type-events .events__section--application .btn {
	background: #faa61a;
	border-radius: 40px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
	color: #323232;
	display: block;
	font-size: 1rem;
	font-weight: 800;
	padding: 15px
}

@media only screen and (min-width:769px) {
	.page-node-type-events .events__section--application .btn {
		display: inline-block
	}
}

@media only screen and (min-width:1201px) {
	.page-node-type-events .events__section--application .btn {
		padding: 20px 48px
	}
}

.page-node-type-events .events__section--application .btn:active,
.page-node-type-events .events__section--application .btn:hover {
	background: #fccd7e
}

.page-node-type-events .events__section--body {
	max-width: 1000px
}

.page-node-type-events .events__section--body h4 {
	font-size: 1.25rem
}

@media only screen and (min-width:769px) {
	.page-node-type-events .events__section--body h4 {
		font-size: 2rem
	}
}

body.page-node-type-news article.node--type-news {
	letter-spacing: 0;
	margin-top: 30px
}

@media only screen and (min-width:769px) {
	body.page-node-type-news article.node--type-news {
		margin-top: 77px
	}
}

@media only screen and (min-width:1201px) {
	body.page-node-type-news article.node--type-news {
		margin-top: 90px
	}
}

body.page-node-type-news .news__section {
	margin-bottom: 60px
}

body.page-node-type-news .news__section :first-child {
	margin-top: 0
}

body.page-node-type-news .news__section :last-child {
	margin-bottom: 0
}

body.page-node-type-news .news__section--title {
	margin-bottom: 15px;
	max-width: 1000px
}

body.page-node-type-news .news__section--title h3 {
	font-size: 1.75rem
}

@media only screen and (min-width:769px) {
	body.page-node-type-news .news__section--title h3 {
		font-size: 2.375rem
	}
}

body.page-node-type-news .news__section--meta {
	margin-bottom: 30px
}

@media only screen and (min-width:769px) {
	body.page-node-type-news .news__section--meta {
		margin-bottom: 50px
	}
}

@media only screen and (min-width:1201px) {
	body.page-node-type-news .news__section--meta {
		margin-bottom: 40px
	}
}

body.page-node-type-news .news__section--meta .news__date {
	color: #696969;
	font-size: .875rem;
	font-weight: 700;
	margin-top: 15px;
	text-transform: uppercase
}

@media only screen and (min-width:577px) {
	body.page-node-type-news .news__section--meta .news__date {
		margin-left: 20px;
		margin-top: 0
	}
}

body.page-node-type-news .news__section--body {
	max-width: 1000px
}

.view .more-link {
	margin: 30px 0;
	text-align: center
}

@media only screen and (min-width:1201px) {
	.view .more-link {
		margin: 60px 0
	}
}

.view .more-link a,
.view .more-link a:active,
.view .more-link a:focus,
.view .more-link a:hover {
	background-color: #faa61a;
	border-radius: 100px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
	color: #323232;
	display: inline-block;
	font-size: 1rem;
	font-weight: 800;
	min-width: 230px;
	padding: 15px;
	text-transform: uppercase
}

@media only screen and (min-width:1201px) {
	.view .more-link a,
	.view .more-link a:active,
	.view .more-link a:focus,
	.view .more-link a:hover {
		min-width: 280px;
		padding: 20px
	}
}

body.page-node-type-in-time .in-time-page__header .container h1.title {
	font-size: 2.875rem;
	margin-bottom: 0;
	padding-bottom: 0
}

body.page-node-type-in-time .in-time-page__header .container h1.title .highlight {
	color: #0074bc;
	font-weight: 900
}

@media only screen and (max-width:992px) {
	body.page-node-type-in-time .in-time-page__header .container h1.title {
		font-size: 2.375rem
	}
}

@media only screen and (max-width:768px) {
	body.page-node-type-in-time .in-time-page__header .container h1.title {
		font-size: 1.75rem
	}
}

body.page-node-type-in-time .in-time-page__content {
	padding: 3.75rem 0
}

body.page-node-type-in-time .in-time-page__content .view-in-time {
	background: #fafafa;
	margin-bottom: -138px;
	margin-top: 25px;
	padding: 35px 0
}

@media only screen and (min-width:993px) {
	body.page-node-type-in-time .in-time-page__content .view-in-time {
		margin-top: 50px;
		padding: 50px 0
	}
}

@media only screen and (min-width:1201px) {
	body.page-node-type-in-time .in-time-page__content .view-in-time {
		margin-top: 80px;
		padding: 80px 0
	}
}

body.page-node-type-in-time .in-time-page__content .view-in-time .view-header h3 {
	font-size: 1.75rem;
	margin: 0 0 30px;
	text-align: center
}

@media only screen and (min-width:993px) {
	body.page-node-type-in-time .in-time-page__content .view-in-time .view-header h3 {
		font-size: 2.375rem
	}
}

@media only screen and (min-width:1201px) {
	body.page-node-type-in-time .in-time-page__content .view-in-time .view-header h3 {
		font-size: 2.625rem;
		margin-bottom: 40px
	}
}

body.page-node-type-in-time .in-time-page__content .view-in-time .swiper-container {
	display: none
}

@media only screen and (min-width:769px) {
	body.page-node-type-in-time .in-time-page__content .view-in-time .swiper-container {
		display: block
	}
}

@media only screen and (min-width:769px) {
	body.page-node-type-in-time .in-time-page__content .view-in-time .in-time-more-mobile {
		display: none
	}
}

.px-0 {
	padding-left: 0!important;
	padding-right: 0!important
}

.px-1 {
	padding-left: 10px!important;
	padding-right: 10px!important
}

.px-2 {
	padding-left: 20px!important;
	padding-right: 20px!important
}

.px-3 {
	padding-left: 30px!important;
	padding-right: 30px!important
}

.px-4 {
	padding-left: 40px!important;
	padding-right: 40px!important
}

.px-5 {
	padding-left: 50px!important;
	padding-right: 50px!important
}

.px-6 {
	padding-left: 60px!important;
	padding-right: 60px!important
}

.px-7 {
	padding-left: 70px!important;
	padding-right: 70px!important
}

.px-8 {
	padding-left: 80px!important;
	padding-right: 80px!important
}

.px-9 {
	padding-left: 90px!important;
	padding-right: 90px!important
}

.px-10 {
	padding-left: 100px!important;
	padding-right: 100px!important
}

.px-11 {
	padding-left: 110px!important;
	padding-right: 110px!important
}

.px-12 {
	padding-left: 120px!important;
	padding-right: 120px!important
}

.px-13 {
	padding-left: 130px!important;
	padding-right: 130px!important
}

.px-14 {
	padding-left: 140px!important;
	padding-right: 140px!important
}

.px-15 {
	padding-left: 150px!important;
	padding-right: 150px!important
}

.px-16 {
	padding-left: 160px!important;
	padding-right: 160px!important
}

.px-17 {
	padding-left: 170px!important;
	padding-right: 170px!important
}

.px-18 {
	padding-left: 180px!important;
	padding-right: 180px!important
}

.px-19 {
	padding-left: 190px!important;
	padding-right: 190px!important
}

.px-20 {
	padding-left: 200px!important;
	padding-right: 200px!important
}

.header-data-pc .right {
	margin-right: -67px
}

.header-data-mobile .site-header-content .search {
	float: right
}

body.size-small .region-content {
	font-size: 14px
}

body.size-normal .region-content {
	font-size: 14px
}

body.size-large .region-content {
	font-size: 14px
}

body.size-small {
	zoom: .95
}

body.size-normal {
	zoom: 1
}

body.size-large {
	zoom: 1.1
}

.search-font a {
	opacity: .5
}

.search-font a:active,
.search-font a:focus {
	text-decoration: none
}

body.size-large .search-font .large-size,
body.size-normal .search-font .normal-size,
body.size-small .search-font .small-size,
body:not(.size-small):not(.size-large) .search-font .normal-size {
	opacity: 1
}

@-webkit-keyframes animate-stripes {
	0% {
		background-position: 0 0, 0 0
	}
	100% {
		background-position: 0 0, -80px 0
	}
}

@-ms-keyframes animate-stripes {
	0% {
		background-position: 0 0, 0 0
	}
	100% {
		background-position: 0 0, -80px 0
	}
}

@keyframes animate-stripes {
	0% {
		background-position: 0 0, 0 0
	}
	100% {
		background-position: 0 0, -80px 0
	}
}

.button,
.image-button {
	margin-left: 1em;
	margin-right: 1em
}

.button:first-child,
.image-button:first-child {
	margin-left: 0;
	margin-right: 0
}

.container-inline .label:after,
.container-inline label:after {
	content: ':'
}

details {
	border: 1px solid #ccc;
	margin-top: 1em;
	margin-bottom: 1em
}

details>.details-wrapper {
	padding: .5em 1.5em
}

.field__label {
	font-weight: 700
}

.field--label-inline .field__label {
	float: left
}

.field--label-inline .field__label,
.field--label-inline>.field__item {
	padding-right: .5em
}

[dir=rtl] .field--label-inline .field__label {
	padding-left: .5em;
	padding-right: 0
}

.field--label-inline .field__label::after {
	content: ':'
}

.label {
	display: inline;
	font-size: inherit;
	font-weight: 700;
	margin: 0;
	padding: 0
}

.item-list .title {
	font-weight: 700
}

.item-list ul {
	margin: 0 0 .75em 0;
	padding: 0
}

.item-list li {
	margin: 0 0 .25em 1.5em;
	padding: 0
}

[dir=rtl] .item-list li {
	margin: 0 1.5em .25em 0
}

button.link {
	background: 0 0;
	border: 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
	font-size: 1em
}

label button.link {
	font-weight: 700
}

ul.inline {
	display: inline;
	padding-left: 0
}

[dir=rtl] ul.inline {
	padding-right: 0;
	padding-left: 15px
}

ul.inline li {
	display: inline;
	list-style-type: none;
	padding: 0 .5em
}

ul.menu {
	list-style: none outside;
	margin-left: 1em;
	padding: 0;
	text-align: left
}

[dir=rtl] ul.menu {
	margin-left: 0;
	margin-right: 1em;
	text-align: right
}

.menu-item {
	padding-top: .2em;
	margin: 0
}

.more-link {
	display: block;
	text-align: right
}

[dir=rtl] .more-link {
	text-align: left
}

.pager__item {
	display: inline;
	padding: .5em
}

.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom
}

.fa {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}

.fa-1x {
	font-size: 1em
}

.fa-2x {
	font-size: 2em
}

.fa-3x {
	font-size: 3em
}

.fa-4x {
	font-size: 4em
}

.fa-5x {
	font-size: 5em
}

.fa-6x {
	font-size: 6em
}

.fa-7x {
	font-size: 7em
}

.fa-8x {
	font-size: 8em
}

.fa-9x {
	font-size: 9em
}

.fa-10x {
	font-size: 10em
}

.fa-ul {
	list-style-type: none;
	margin-left: 2.5em;
	padding-left: 0
}

.fa-ul>li {
	position: relative
}

.fa-li {
	left: -2em;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit
}

.fa-border {
	border: .08em solid #eee;
	border-radius: .1em;
	padding: .2em .25em .15em
}

@keyframes fa-spin {
	0% {
		transform: rotate(0)
	}
	to {
		transform: rotate(1turn)
	}
}

.fa-500px:before {
	content: "\f26e"
}

.fa-align-justify:before {
	content: "\f039"
}

.fa-align-left:before {
	content: "\f036"
}

.fa-align-right:before {
	content: "\f038"
}

.fa-analytics:before {
	content: "\f643"
}

.fa-app-store:before {
	content: "\f36f"
}

.fa-apple:before {
	content: "\f179"
}

.fa-apple-alt:before {
	content: "\f5d1"
}

.fa-arrows:before {
	content: "\f047"
}

.fa-arrows-alt:before {
	content: "\f0b2"
}

.fa-arrows-alt-h:before {
	content: "\f337"
}

.fa-arrows-alt-v:before {
	content: "\f338"
}

.fa-arrows-h:before {
	content: "\f07e"
}

.fa-arrows-v:before {
	content: "\f07d"
}

.fa-award:before {
	content: "\f559"
}

.fa-bars:before {
	content: "\f0c9"
}

.fa-box:before {
	content: "\f466"
}

.fa-box-alt:before {
	content: "\f49a"
}

.fa-box-full:before {
	content: "\f49c"
}

.fa-box-up:before {
	content: "\f49f"
}

.fa-chevron-double-down:before {
	content: "\f322"
}

.fa-chevron-double-left:before {
	content: "\f323"
}

.fa-chevron-double-right:before {
	content: "\f324"
}

.fa-chevron-double-up:before {
	content: "\f325"
}

.fa-chevron-down:before {
	content: "\f078"
}

.fa-chevron-left:before {
	content: "\f053"
}

.fa-chevron-right:before {
	content: "\f054"
}

.fa-chevron-up:before {
	content: "\f077"
}

.fa-cookie:before {
	content: "\f563"
}

.fa-copyright:before {
	content: "\f1f9"
}

.fa-crop:before {
	content: "\f125"
}

.fa-crop-alt:before {
	content: "\f565"
}

.fa-css3:before {
	content: "\f13c"
}

.fa-css3-alt:before {
	content: "\f38b"
}

.fa-d-and-d:before {
	content: "\f38d"
}

.fa-d-and-d-beyond:before {
	content: "\f6ca"
}

.fa-desktop:before {
	content: "\f108"
}

.fa-desktop-alt:before {
	content: "\f390"
}

.fa-drupal:before {
	content: "\f1a9"
}

.fa-facebook:before {
	content: "\f09a"
}

.fa-facebook-f:before {
	content: "\f39e"
}

.fa-fill:before {
	content: "\f575"
}

.fa-font:before {
	content: "\f031"
}

.fa-google:before {
	content: "\f1a0"
}

.fa-h1:before {
	content: "\f313"
}

.fa-h2:before {
	content: "\f314"
}

.fa-h3:before {
	content: "\f315"
}

.fa-history:before {
	content: "\f1da"
}

.fa-home:before {
	content: "\f015"
}

.fa-html5:before {
	content: "\f13b"
}

.fa-image:before {
	content: "\f03e"
}

.fa-info:before {
	content: "\f129"
}

.fa-instagram:before {
	content: "\f16d"
}

.fa-js:before {
	content: "\f3b8"
}

.fa-language:before {
	content: "\f1ab"
}

.fa-layer-group:before {
	content: "\f5fd"
}

.fa-line:before {
	content: "\f3c0"
}

.fa-link:before {
	content: "\f0c1"
}

.fa-linkedin:before {
	content: "\f08c"
}

.fa-linkedin-in:before {
	content: "\f0e1"
}

.fa-list:before {
	content: "\f03a"
}

.fa-list-alt:before {
	content: "\f022"
}

.fa-list-ul:before {
	content: "\f0ca"
}

.fa-mask:before {
	content: "\f6fa"
}

.fa-mobile:before {
	content: "\f10b"
}

.fa-mobile-alt:before {
	content: "\f3cd"
}

.fa-node:before {
	content: "\f419"
}

.fa-node-js:before {
	content: "\f3d3"
}

.fa-page4:before {
	content: "\f3d7"
}

.fa-paragraph:before {
	content: "\f1dd"
}

.fa-phone:before {
	content: "\f095"
}

.fa-php:before {
	content: "\f457"
}

.fa-repeat:before {
	content: "\f363"
}

.fa-repeat-1:before {
	content: "\f365"
}

.fa-repeat-1-alt:before {
	content: "\f366"
}

.fa-repeat-alt:before {
	content: "\f364"
}

.fa-save:before {
	content: "\f0c7"
}

.fa-scroll:before {
	content: "\f70e"
}

.fa-search:before {
	content: "\f002"
}

.fa-share:before {
	content: "\f064"
}

.fa-share-all:before {
	content: "\f367"
}

.fa-share-alt:before {
	content: "\f1e0"
}

.fa-signature:before {
	content: "\f5b7"
}

.fa-store:before {
	content: "\f54e"
}

.fa-store-alt:before {
	content: "\f54f"
}

.fa-tag:before {
	content: "\f02b"
}

.fa-text-height:before {
	content: "\f034"
}

.fa-text-width:before {
	content: "\f035"
}

.fa-toggle-off:before {
	content: "\f204"
}

.fa-toggle-on:before {
	content: "\f205"
}

.fa-user:before {
	content: "\f007"
}

.fa-user-alt:before {
	content: "\f406"
}

.fa-user-tag:before {
	content: "\f507"
}

.fa-video:before {
	content: "\f03d"
}

.fa-window:before {
	content: "\f40e"
}

.fa-window-alt:before {
	content: "\f40f"
}

.fa-window-close:before {
	content: "\f410"
}

.fa-window-minimize:before {
	content: "\f2d1"
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: 400;
    src: url('../fonts/webfonts/fa-brands-400.eot');
    src: url('../fonts/webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfonts/fa-brands-400.woff') format('woff'),
         url('../fonts/webfonts/fa-brands-400.woff2') format('woff2'),
         url('../fonts/webfonts/fa-brands-400.ttf') format('truetype');
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 300;
    src: url('../fonts/webfonts/fa-light-300.eot');
    src: url('../fonts/webfonts/fa-light-300.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfonts/fa-light-300.woff') format('woff'),
         url('../fonts/webfonts/fa-light-300.woff2') format('woff2'),
         url('../fonts/webfonts/fa-light-300.ttf') format('truetype');
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 400;
    src: url('../fonts/webfonts/fa-regular-400.eot');
    src: url('../fonts/webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfonts/fa-regular-400.woff') format('woff'),
         url('../fonts/webfonts/fa-regular-400.woff2') format('woff2'),
         url('../fonts/webfonts/fa-regular-400.ttf') format('truetype');
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 900;
    src: url('../fonts/webfonts/fa-solid-900.eot');
    src: url('../fonts/webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfonts/fa-solid-900.woff') format('woff'),
         url('../fonts/webfonts/fa-solid-900.woff2') format('woff2'),
         url('../fonts/webfonts/fa-solid-900.ttf') format('truetype');
}

.fa {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
details,
figure,
footer,
header,
main,
menu,
nav,
section {
	display: block
}

canvas,
video {
	display: inline-block;
	vertical-align: baseline
}

[hidden] {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

b,
strong {
	font-weight: 700
}

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

small {
	font-size: 80%
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

button,
select {
	margin: 0;
	font: inherit;
	color: inherit
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled] {
	cursor: default
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-size: 10px;
	-webkit-tap-highlight-color: transparent
}

body {
	font-family: fontmain, 'fontmain', sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff
}

button,
select {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a {
	color: #337ab7;
	text-decoration: none
}

a:focus,
a:hover {
	color: #23527c;
	text-decoration: underline
}

a:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

figure {
	margin: 0
}

img {
	vertical-align: middle
}

.img-responsive,
.thumbnail a>img,
.thumbnail>img {
	display: block;
	max-width: 100%;
	height: auto
}

.img-thumbnail {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee
}

[role=button] {
	cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
	font-weight: 400;
	line-height: 1;
	color: #777
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin-top: 20px;
	margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
	font-size: 65%
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
	margin-top: 10px;
	margin-bottom: 10px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
	font-size: 75%
}

.h1,
h1 {
	font-size: 36px
}

.h2,
h2 {
	font-size: 30px
}

.h3,
h3 {
	font-size: 24px
}

.h4,
h4 {
	font-size: 18px
}

.h5,
h5 {
	font-size: 14px
}

.h6,
h6 {
	font-size: 12px
}

p {
	margin: 0 0 10px
}

.small,
small {
	font-size: 85%
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-justify {
	text-align: justify
}

.text-info {
	color: #31708f
}

a.text-info:focus,
a.text-info:hover {
	color: #245269
}

.bg-info {
	background-color: #d9edf7
}

a.bg-info:focus,
a.bg-info:hover {
	background-color: #afd9ee
}

.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee
}

ul {
	margin-top: 0;
	margin-bottom: 10px
}

ul ul {
	margin-bottom: 0
}

.list-inline {
	padding-left: 0;
	margin-left: -5px;
	list-style: none
}

.list-inline>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media only screen and (min-width:768px) {
	.container {
		width: 750px
	}
}

@media only screen and (min-width:992px) {
	.container {
		width: 970px
	}
}

@media print,
screen and (min-width:1200px) {
	.container {
		width: 1170px
	}
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700
}

select[multiple],
select[size] {
	height: auto
}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px
}

.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.btn:focus,
.btn:hover {
	color: #333;
	text-decoration: none
}

.btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn[disabled] {
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65
}

.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc
}

.btn-default:focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c
}

.btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad
}

.btn-default:active {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad
}

.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c
}

.btn-default:active {
	background-image: none
}

.btn-default[disabled]:focus,
.btn-default[disabled]:hover {
	background-color: #fff;
	border-color: #ccc
}

.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da
}

.btn-info:focus {
	color: #fff;
	background-color: #31b0d5;
	border-color: #1b6d85
}

.btn-info:hover {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc
}

.btn-info:active {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc
}

.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover {
	color: #fff;
	background-color: #269abc;
	border-color: #1b6d85
}

.btn-info:active {
	background-image: none
}

.btn-info[disabled]:focus,
.btn-info[disabled]:hover {
	background-color: #5bc0de;
	border-color: #46b8da
}

.btn-link {
	font-weight: 400;
	color: #337ab7;
	border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
	border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
	color: #23527c;
	text-decoration: underline;
	background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover {
	color: #777;
	text-decoration: none
}

.btn-block {
	display: block;
	width: 100%
}

.btn-block+.btn-block {
	margin-top: 5px
}

.btn-group {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.btn-group>.btn {
	position: relative;
	float: left
}

.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
	z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
	margin-left: -1px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0
}

.btn-group>.btn:first-child {
	margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group>.btn-group {
	float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
	border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.nav>li {
	position: relative;
	display: block
}

.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
	text-decoration: none;
	background-color: #eee
}

.nav>li>a>img {
	max-width: none
}

.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none
}

.pager li {
	display: inline
}

.pager li>a,
.pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px
}

.pager li>a:focus,
.pager li>a:hover {
	text-decoration: none;
	background-color: #eee
}

.pager .next>a,
.pager .next>span {
	float: right
}

.pager .previous>a,
.pager .previous>span {
	float: left
}

.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em
}

a.label:focus,
a.label:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}

.label:empty {
	display: none
}

.btn .label {
	position: relative;
	top: -1px
}

.label-default {
	background-color: #777
}

.label-default[href]:focus,
.label-default[href]:hover {
	background-color: #5e5e5e
}

.label-info {
	background-color: #5bc0de
}

.label-info[href]:focus,
.label-info[href]:hover {
	background-color: #31b0d5
}

.thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out
}

.thumbnail a>img,
.thumbnail>img {
	margin-right: auto;
	margin-left: auto
}

a.thumbnail:focus,
a.thumbnail:hover {
	border-color: #337ab7
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}

@-o-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}

.media {
	margin-top: 15px
}

.media:first-child {
	margin-top: 0
}

.media,
.media-body {
	overflow: hidden;
	zoom: 1
}

.media-body {
	width: 10000px
}

.media-right {
	padding-left: 10px
}

.media-left {
	padding-right: 10px
}

.media-body,
.media-left,
.media-right {
	display: table-cell;
	vertical-align: top
}

.media-list {
	padding-left: 0;
	list-style: none
}

.list-group {
	padding-left: 0;
	margin-bottom: 20px
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd
}

.list-group-item:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

a.list-group-item,
button.list-group-item {
	color: #555
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
	color: #555;
	text-decoration: none;
	background-color: #f5f5f5
}

button.list-group-item {
	width: 100%;
	text-align: left
}

.list-group-item-info {
	color: #31708f;
	background-color: #d9edf7
}

a.list-group-item-info,
button.list-group-item-info {
	color: #31708f
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
	color: #31708f;
	background-color: #c4e3f3
}

.list-group-item-text {
	margin-bottom: 0;
	line-height: 1.3
}

.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2
}

.close:focus,
.close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .5
}

button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}

.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
	margin-top: -2px
}

.modal-title {
	margin: 0;
	line-height: 1.42857143
}

.modal-body {
	position: relative;
	padding: 15px
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
	margin-left: 0
}

@media only screen and (min-width:768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
	}
}

.clearfix:after,
.clearfix:before,
.container:after,
.container:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.pager:after,
.pager:before,
.row:after,
.row:before {
	display: table;
	content: " "
}

.clearfix:after,
.container:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.pager:after,
.row:after {
	clear: both
}

.hide {
	display: none!important
}

.show {
	display: block!important
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.hidden {
	display: none!important
}

@media print {
	.view-content,
	p {
		page-break-inside: avoid
	}
}

.node__content>.field,
.page-container,
.region-header .wrapper,
footer .wrapper {
	box-sizing: border-box;
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 25px
}

@media screen and (max-width:1348px) {
	.node__content>.field,
	.page-container,
	.region-header .wrapper,
	footer .wrapper {
		padding: 0 25px
	}
}

@media screen and (max-width:768px) {
	.node__content>.field,
	.page-container,
	.region-header .wrapper,
	footer .wrapper {
		padding: 0 15px
	}
}

.fixed-width>.block-system-main-block>.wrapper>.block-body {
	box-sizing: border-box;
	margin: 15px 0
}

.fixed-width>.block-system-main-block>.wrapper>.block-body>article {
	margin-top: -20px
}

.fixed-width>.block-system-main-block>.wrapper>.block-body>.views-element-container,
.fixed-width>.block-system-main-block>.wrapper>.block-body>article.profile,
body:not([class*=page-node-type-]):not(.path-admin) .fixed-width {
	box-sizing: border-box;
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 25px
}

.fixed-width>.block-system-main-block>.wrapper>.block-body>.views-element-container .page-container,
.fixed-width>.block-system-main-block>.wrapper>.block-body>article.profile .page-container,
body:not([class*=page-node-type-]):not(.path-admin) .fixed-width .page-container {
	padding: 0
}

@media only screen and (max-width:767px) {
	.fixed-width>.block-system-main-block>.wrapper>.block-body>.views-element-container,
	.fixed-width>.block-system-main-block>.wrapper>.block-body>article.profile,
	body:not([class*=page-node-type-]):not(.path-admin) .fixed-width {
		padding: 0 15px
	}
}

img {
	max-width: 100%;
	height: auto
}

body {
	font-weight: 500;
	line-height: 1.5;
	color: #30383b;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body {
	font-family: fontmain, 'fontmain', sans-serif
}

body.size-small .region-content {
	font-size: 12px
}

body .region-content,
body.size-normal .region-content {
	font-size: 14px
}

body.size-large .region-content {
	font-size: 18px
}

body .layout {
	display: block
}

body footer {
	margin-top: 78px
}

div.messages {
	background-position: 20px;
	padding: 10px 50px
}

.messages__item+.messages__item {
	margin-top: 0
}

.region-content>.views-element-container>.view {
	margin: 20px 0
}

.view-hkust-search.page-container {
	margin-top: 20px
}

.view-hkust-search .views-row+.views-row {
	margin-top: 20px
}

@media only screen and (max-width:960px) {
	body .block.block-hkust-page-title.has-image {
		height: 200px
	}
	body .block.block-hkust-page-title.has-image .page-title {
		left: 0;
		bottom: 25px;
		padding: inherit
	}
	body .block.block-hkust-page-title h1 {
		font-size: 24px
	}
	body .block.block-hkust-page-title p {
		font-size: 12px;
		line-height: 16px
	}
}

.layout+.layout {
	margin: 2em 0
}

.layout .block+.block {
	margin-top: 1em
}

.node__content>.field {
	margin: 4em auto
}

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

[class*=" icon-"],
[class^=icon-] {
	font-family: icomoon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-icons-source-01:before {
	content: "\e900"
}

.icon-icons-source-02:before {
	content: "\e901"
}

.icon-icons-source-03:before {
	content: "\e902"
}

.icon-icons-source-04:before {
	content: "\e903"
}

.icon-icons-source-05:before {
	content: "\e904"
}

.icon-icons-source-06:before {
	content: "\e905"
}

.icon-icons-source-07:before {
	content: "\e906"
}

.icon-icons-source-08:before {
	content: "\e907"
}

.icon-icons-source-09:before {
	content: "\e908"
}

.icon-icons-source-10:before {
	content: "\e909"
}

.icon-icons-source-11:before {
	content: "\e90a"
}

.icon-icons-source-12:before {
	content: "\e90b"
}

.icon-icons-source-13:before {
	content: "\e90c"
}

.icon-icons-source-14:before {
	content: "\e90d"
}

.layout+.layout {
	margin: 0 0
}

body .region-content .layout+.layout .wrapper>h3 {
	margin-top: 20px
}

.img-full-width img {
	width: 100%
}

body .region-content .block-hkust-blocks .wrapper>h3 {
	text-transform: uppercase
}

body .region-content ul {
	line-height: 1.5em
}

* {
	-webkit-text-size-adjust: none
}

.layout>.page-container>.wrapper {
	margin-left: -15px;
	margin-right: -15px
}

.layout .block-body {
	zoom: 1
}

.layout .block-body:before {
	content: "";
	display: block
}

.layout .block-body:after {
	content: "";
	display: table;
	clear: both
}

.hkust-simple-text {
	font-size: 1.28em;
	line-height: 1.43em
}

.hkust-simple-text ul {
	list-style: initial
}

.hkust-simple-text p {
	font-size: 1em;
	line-height: 1.5em
}

.site-header .site-name {
	text-transform: uppercase
}

body {
	background-color: #f9f9f9
}

body.size-small .region-content {
	font-size: 12px
}

body .region-content,
body.size-normal .region-content {
	font-size: 14px
}

body.size-large .region-content {
	font-size: 18px
}

body .region-content {
	color: #333;
	line-height: 1.43em;
	letter-spacing: .58px
}

body .region-content ul li+li {
	margin-top: .5em
}

body .region-content h1,
body .region-content h2,
body .region-content h3,
body .region-content h4,
body .region-content h5 {
	font-weight: 700
}

body .region-content h1 strong,
body .region-content h2 strong,
body .region-content h3 strong,
body .region-content h4 strong,
body .region-content h5 strong {
	font-weight: 900;
	text-transform: uppercase
}

body .region-content h1,
body .region-content h2,
body .region-content h3,
body .region-content h4 {
	margin: 15px auto
}

body .region-content h1 {
	font-size: 2.7em;
	font-weight: 900;
	color: #036;
	line-height: 1.35em;
	text-transform: uppercase;
	padding-bottom: 15px
}

body .region-content h2 {
	font-size: 2em;
	color: #036;
	line-height: 1.13em
}

body .region-content h3 {
	font-size: 1.7em;
	color: #036;
	line-height: 1.25em
}

body .region-content h4 {
	font-size: 1.4em;
	color: #036;
	line-height: 1.25em
}

body .region-content a {
	color: #2b6297;
	text-decoration: none;
	-webkit-transition: color .25s ease;
	transition: color .25s ease
}

body .region-content a:hover {
	color: #0074bc;
	text-decoration: none
}

body .region-content h2 a,
body .region-content h3 a,
body .region-content h4 a {
	color: #036;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

body .region-content h2:hover a,
body .region-content h3:hover a,
body .region-content h4:hover a {
	color: #0074bc;
	text-decoration: none
}

body .region-content p {
	line-height: 1.43em
}

body .region-content p+h1,
body .region-content p+h2,
body .region-content p+h3,
body .region-content p+h4,
body .region-content p+h5 {
	margin-top: 30px
}

body .region-content p+figure {
	margin-top: 30px
}

body .region-content figure+* {
	margin-top: 30px
}

body .region-content .field--type-image .field__item {
	margin-bottom: 20px
}

body .region-content .header-title {
	margin-top: 70px
}

body .region-content .header-title h3 {
	font-size: 3.43em;
	font-weight: 900;
	color: #036;
	margin-top: 30px;
	margin-bottom: 70px;
	text-align: center;
	text-transform: uppercase
}

body .region-content .view-id-news.view-display-id-block_4 .wrapper>h3 {
	text-align: center;
	font-size: 3.43em;
	font-weight: 900;
	margin-top: 40px;
	margin-bottom: 40px
}

body .region-content .view-id-news.view-display-id-block_4 .view-content {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 1px
}

body .region-content .view-id-news.view-display-id-block_4 .views-row {
	display: table-cell;
	float: none;
	vertical-align: top
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .details-wrapper,
body .region-content .view-id-news.view-display-id-block_4 .views-row .wrapper {
	height: 100%
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .views-field-title {
	font-size: 1.86em;
	font-weight: 900;
	padding: 25px 0;
	line-height: 1.19em
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .details {
	position: relative;
	padding: 25px 30px;
	padding-top: 18px
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .details .views-field-title {
	padding: 0
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .views-field-body {
	line-height: 2em
}

body .region-content .view-id-news.view-display-id-block_4 .views-row:first-child .views-field,
body .region-content .view-id-news.view-display-id-block_4 .views-row:last-child .views-field {
	padding-left: 0;
	padding-right: 0
}

body .region-content .view-id-news.view-display-id-block_4 .wrapper>h3 {
	text-transform: uppercase;
	text-align: center;
	font-size: 3.43em;
	font-weight: 900;
	margin-bottom: 40px;
	margin-top: 40px
}

body .region-content .view-id-news.view-display-id-block_4 .view-content {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 1px
}

body .region-content .view-id-news.view-display-id-block_4 .views-row {
	display: table-cell;
	float: none;
	vertical-align: top
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .details-wrapper,
body .region-content .view-id-news.view-display-id-block_4 .views-row .wrapper {
	background-color: #fff;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .4);
	box-shadow: 0 0 12px rgba(0, 0, 0, .4);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	height: 100%
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .image {
	overflow: hidden
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .image img {
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .views-field-title {
	font-size: 1.29em;
	font-weight: 700;
	line-height: 1.25em;
	padding: 20px 30px
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .views-field-title a {
	color: #036;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .views-field-title a:hover {
	text-decoration: none
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .details {
	position: relative;
	padding: 25px 30px;
	padding-top: 18px
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .details .views-field-title {
	padding: 0
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .views-field-body {
	font-size: 1.29em;
	line-height: 1.55em;
	padding-left: 20px;
	padding-bottom: 10px
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .details-wrapper:hover,
body .region-content .view-id-news.view-display-id-block_4 .views-row .wrapper:hover {
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
	box-shadow: 0 0 12px rgba(0, 0, 0, .8)
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .details-wrapper:hover .views-field-title a,
body .region-content .view-id-news.view-display-id-block_4 .views-row .wrapper:hover .views-field-title a {
	color: #0074bc
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .details-wrapper:hover .image img,
body .region-content .view-id-news.view-display-id-block_4 .views-row .wrapper:hover .image img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

@media only screen and (max-width:991px) {
	body .region-content .view-id-events.view-display-id-block_2 .views-row .details {
		padding: 0
	}
}

body .region-content .view-id-news.view-display-id-block_4 .views-row .date {
	margin-top: 12px
}

body .region-content .hkust-simple-text ul {
	padding-left: 40px
}

body .region-content .hkust-simple-text ul li {
	padding: 0
}

body .region-content .hkust-simple-text ul li:before {
	content: none
}

body.path-frontpage .layout__region--top .block {
	margin: 0
}

body.path-frontpage .layout__region--top .block .wrapper {
	padding: 0
}

body.page-node-type-page article>h2 {
	display: none
}

@media only screen and (max-width:991px) {
	body .region-content .header-title .page-container {
		padding: 0 25px
	}
	body .region-content .header-title .wrapper>h3 {
		font-size: 3.36em;
		line-height: 1.06em
	}
	body .region-content .view-id-events.view-display-id-block_2 .view-content,
	body .region-content .view-id-news.view-display-id-block_4 .view-content {
		display: block;
		height: auto
	}
	body .region-content .view-id-events.view-display-id-block_2 .views-row,
	body .region-content .view-id-news.view-display-id-block_4 .views-row {
		display: block
	}
	body .region-content .view-id-events.view-display-id-block_2 .views-row,
	body .region-content .view-id-news.view-display-id-block_4 .views-row {
		margin-bottom: 30px
	}
	body .region-content .view-id-events.view-display-id-block_2 .view-content,
	body .region-content .view-id-news.view-display-id-block_4 .view-content {
		display: block;
		height: auto
	}
	body .region-content .view-id-events.view-display-id-block_2 .views-row,
	body .region-content .view-id-news.view-display-id-block_4 .views-row {
		display: block;
		margin-bottom: 30px
	}
}

#social_share_row_block a.link {
	background-color: #9db2c6;
	border-radius: 8px
}

body .region-content a.btn {
	background-color: #4a8fd5;
	font-size: .9em;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	padding: .9em;
	min-width: 300px;
	color: #fff;
	border-radius: 0;
	display: inline-block;
	margin: 0 auto;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

body .region-content a.btn:hover {
	background-color: #036;
	text-decoration: none
}

.layout.btn-view-more {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center
}

@media only screen and (max-width:767px) {
	body .region-content .header-title .page-container {
		padding: 0 15px
	}
	body .region-content article.node--type-events {
		font-size: 1.2em
	}
}

@media only screen and (max-width:991px) {
	footer {
		margin-top: 50px
	}
	div[class*=col-] div[class*=col-] {
		padding: 0
	}
}

.field__item p {
	line-height: 1.75em
}

.layout.footer-menu {
	background-color: #eaecee
}

.layout.footer-menu .page-container {
	max-width: 1000px;
	padding-top: 30px;
	padding-bottom: 30px
}

.layout.footer-menu ul {
	margin: 0;
	padding: 0
}

.layout.footer-menu li,
.layout.footer-menu ul {
	list-style: none
}

.layout.footer-menu li a,
.layout.footer-menu li span {
	font-size: 24px;
	font-weight: 700;
	line-height: 29px;
	color: #036
}

.layout.footer-menu li ul {
	margin-top: 8px
}

.layout.footer-menu li li a,
.layout.footer-menu li li span {
	font-size: 16px;
	line-height: 24px;
	color: #555;
	font-weight: 400
}

.layout.footer-menu nav>ul>li+li {
	margin-top: 27px
}

.node__content>.layout:first-child {
	margin-top: 40px
}

body.path-search h2 {
	display: none
}

body .region-content .hkust-simple-text {
	overflow-x: auto
}

body .region-content :not(.tablesaw-bar)+table.tablesaw {
	margin-top: 32px
}

@media only screen and (max-width:991px) {
	.row .row {
		margin: 0
	}
}

@media only screen and (max-width:991px) {
	.node__content>.layout:first-child {
		margin-top: 30px
	}
}

@media only screen and (max-width:767px) {
	.node__content>.layout:first-child {
		margin-top: 20px
	}
}

@media only screen and (max-width:960px) {
	.layout.footer-menu .layout__region {
		padding: 0
	}
	.layout.footer-menu nav>ul>li+li {
		margin-top: 0
	}
	.layout.footer-menu li a,
	.layout.footer-menu li span {
		font-size: 16px;
		line-height: 29px
	}
	.layout.footer-menu li li a,
	.layout.footer-menu li li span {
		font-size: 12px;
		line-height: 22px
	}
	.layout.footer-menu ul {
		margin-bottom: 10px
	}
	.layout.footer-menu .page-container {
		padding-left: 16px;
		padding-right: 16px
	}
}

@media only screen and (max-width:767px) {
	footer {
		margin-top: 40px
	}
	body .region-content {
		font-size: 12px
	}
	body .region-content h1 {
		font-size: 2.33em
	}
	body .region-content .header-title .wrapper>h3 {
		font-size: 2.33em
	}
	.hkust-simple-text {
		font-size: 1.14em;
		line-height: 1.14em
	}
}

body .region-content .news-wrapper .page-container.row>.wrapper {
	margin-left: -15px;
	margin-right: -15px
}

body .region-content .news-wrapper .news-list-view .views-row {
	padding: 27px 0
}

body .region-content .news-wrapper .news-list-view .views-row+.views-row {
	border-top: 1px solid #d6d9dd
}

body .region-content .news-wrapper .news-list-view .left,
body .region-content .news-wrapper .news-list-view .right {
	display: table-cell;
	vertical-align: top
}

body .region-content .news-wrapper .news-list-view .left:empty {
	display: none
}

body .region-content .news-wrapper .news-list-view .left {
	width: 220px
}

body .region-content .news-wrapper .news-list-view .left img {
	display: inline-block;
	width: 195px
}

body .region-content .news-wrapper .news-list-view .right .date {
	margin-bottom: 11px
}

body .region-content .news-wrapper .news-list-view .right .date {
	font-size: .93em;
	font-weight: 700;
	text-transform: uppercase;
	color: #94771e
}

body .region-content .news-wrapper .news-list-view .right .link a {
	font-size: 1.29em;
	font-weight: 700
}

body .region-content .news-wrapper .news-list-view .right .description {
	margin-top: 10px
}

body.page-node-type-news .region-content article {
	margin-top: 56px;
	font-size: 1.29em
}

body.page-node-type-news .region-content article .page-container {
	max-width: 960px
}

body.page-node-type-news .region-content article .title>h1 {
	color: #036;
	font-size: 2em
}

body.page-node-type-news .region-content article .banner {
	margin: 26px 0
}

body.page-node-type-news .region-content article figure {
	font-size: .78em
}

body.page-node-type-news .region-content article .date {
	color: #960;
	height: 53px
}

body.page-node-type-news .region-content article .date .field {
	display: inline-block;
	vertical-align: middle
}

body.page-node-type-news .region-content article .row [class*=col-md-]:first-child {
	padding-left: 0
}

body.page-node-type-news .region-content article .row [class*=col-md-]:last-child {
	padding-right: 0
}

body.page-node-type-news .region-content article .date:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
	margin-left: -4px
}

body.page-node-type-news .region-content article .tag .field__item {
	display: inline-block;
	vertical-align: middle
}

body.page-node-type-news .region-content article .tag .field__item a {
	display: block;
	padding: 4px 8px;
	font-size: .67em;
	color: #555;
	line-height: 1.17em;
	border-radius: 4px;
	background-color: #eaecee;
	font-family: fontmain, 'fontmain', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

body.page-node-type-news .region-content article .tag .field__item a:hover {
	color: #eaecee;
	background-color: #555
}

body.page-node-type-news .region-content article a.share-btn {
	display: inline-block;
	width: 43px;
	height: 43px;
	border-radius: 8px;
	background-color: #9db2c6;
	position: relative;
	margin: 2px;
	text-align: left;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}

body.page-node-type-news .region-content article a.share-btn:before {
	color: #fff;
	content: "";
	position: absolute;
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	font-family: Font Awesome\5 Brands;
	top: 50%;
	margin-top: -10px;
	text-align: center
}

body.page-node-type-news .region-content article a.share-btn:hover {
	background-color: #7d8e9e
}

body.page-node-type-news .region-content article a.share-btn.share-fb:before {
	content: "\f39e"
}

body.page-node-type-news .region-content article a.share-btn.share-linkedin:before {
	content: "\f0e1"
}

body.page-node-type-news .region-content article .meta {
	margin-top: 10px
}

@media only screen and (max-width:1079px) {
	body.page-node-type-news .region-content article .row [class*=col-md-]:last-child {
		text-align: left
	}
}

@media only screen and (max-width:991px) {
	.layout>.page-container>.wrapper {
		margin-left: 0;
		margin-right: 0
	}
	body .region-content .news-wrapper .news-list-view .left {
		width: 110px;
		padding-right: 20px
	}
	body.page-node-type-news .region-content article .row [class*=col-md-] {
		padding: 0
	}
}

@media only screen and (max-width:767px) {
	body.page-node-type-news .region-content article .row [class*=col-md-]:last-child {
		text-align: left
	}
	body.page-node-type-news .region-content article .tag .field__item a {
		font-size: .8em
	}
}

article.node--unpublished {
	position: relative;
	background-color: transparent
}

article.node--unpublished:before {
	content: "(Unpublished)";
	position: fixed;
	bottom: 0;
	left: 20px;
	display: block;
	z-index: 1;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1em;
	font-weight: 800;
	background-color: #036;
	padding: 7px 16px;
	color: #fff;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .1);
	box-shadow: 0 0 12px rgba(0, 0, 0, .1)
}

body #drupal-off-canvas *,
body #drupal-off-canvas .ui-dialog-title,
body .ui-dialog.ui-dialog-off-canvas *,
body .ui-dialog.ui-dialog-off-canvas .ui-dialog-title {
	font-family: fontmain, 'fontmain', sans-serif
}

body #drupal-off-canvas .ui-dialog-title,
body .ui-dialog.ui-dialog-off-canvas .ui-dialog-title {
	font-weight: 900
}

div#sliding-popup {
	background-color: #036
}

.eu-cookie-compliance-banner {
	letter-spacing: .4px
}

.eu-cookie-compliance-banner .popup-content {
	display: block;
	max-width: 1500px;
	padding: 10px 20px;
	zoom: 1
}

.eu-cookie-compliance-banner .popup-content:before {
	content: "";
	display: block
}

.eu-cookie-compliance-banner .popup-content:after {
	content: "";
	display: table;
	clear: both
}

.eu-cookie-compliance-banner .eu-cookie-compliance-message h2 {
	font-size: 1.2em;
	margin: 0
}

.eu-cookie-compliance-banner .eu-cookie-compliance-message p {
	font-weight: 400
}

.eu-cookie-compliance-banner .eu-cookie-compliance-buttons button {
	font-family: fontmain, 'fontmain', sans-serif;
	background: #abb1ba;
	font-weight: 700;
	color: #fff;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0;
	letter-spacing: .2px;
	padding: 6px 18px
}

.eu-cookie-compliance-banner .eu-cookie-compliance-buttons button.agree-button {
	background: #4a8fd5
}

@media only screen and (max-width:767px) {
	body .region-content h1,
	body .region-content h2,
	body .region-content h3,
	body .region-content h4 {
		margin: 8px auto
	}
}

body .region-content>.messages {
	position: relative;
	z-index: 3;
	width: 100%;
	-webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 12px rgba(0, 0, 0, .3)
}

body .region-content>.messages {
	color: #fff;
	border: none;
	background-image: none;
	padding: 10px 20px
}

body .region-content>.messages.messages--status {
	background-color: #1abc9c
}