﻿@charset "UTF-8";
/**
 * Main colors
 */
/**
 * Section themes
 * Classes are generated in layout/_sections.scss
 */
/**
 * Fonts
 */
/**
 * Font weights
 */
/**
 * Forms
 */
/**
 * Lazy load
 */
/**
 * Breakpoints
 */
/**
 * Overlay
 */
/**
 * Gallery overlay
 */
/**
 * Image backgrounds
 */
/**
 * Paddings
 **/
h1, h2, h3, h4, h5, h6 {
	font-family: "Raleway", sans-serif;
	line-height: 1.1; }
	.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
		margin-bottom: 1rem; }
	.entry * + h1, .entry * + h2, .entry * + h3, .entry * + h4, .entry * + h5, .entry * + h6 {
		padding-top: 1.5rem;
		margin-bottom: 1rem; }

h1, .h1, h2, .h2 {
	font-size: 3.2rem; }
	@media (min-width: 992px) {
		h1, .h1, h2, .h2 {
			font-size: 4rem; } }

h3, .h3 {
	font-size: 2rem; }
	@media (min-width: 992px) {
		h3, .h3 {
			font-size: 2.4rem; } }
	@media (min-width: 1200px) {
		h3, .h3 {
			font-size: 2.8rem; } }

h4, .h4 {
	font-size: 1.8rem; }
	@media (min-width: 992px) {
		h4, .h4 {
			font-size: 2rem; } }
	@media (min-width: 1200px) {
		h4, .h4 {
			font-size: 2.4rem; } }

h5, .h5 {
	font-size: 1.7rem; }

h6, .h6 {
	font-size: 1.6rem; }

a {
	color: #5298b2;
	transition: all .3s ease; }
	a:hover {
		color: #152133; }

.entry p {
	padding-top: .7rem;
	margin-bottom: 1.2rem; }

/**
 * SVG
 */
svg {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%; }
	svg > path {
		fill: currentColor; }

/**
 * Images
 */
img {
	max-width: 100%; }
	img:not([src*='.svg']) {
		min-width: .1rem; }

/**
 * Iframe
 */
iframe {
	max-width: 100%; }

/**
 * Media wrappers
 */
.media--16-9 {
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 56.25%; }
	.media--16-9 > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%; }

.btn {
	display: inline-flex;
	padding: 1.2rem 4.5rem;
	font-size: 1.4rem;
	cursor: pointer;
	transition: all .3s ease;
	border-radius: 5rem;
	max-width: 100%;
	/**
     * Types
     */ }
	.btn--wrapper {
		margin-top: auto;
		padding-top: 2.5rem; }
		.btn--wrapper > * {
			margin: .5rem 1rem .5rem 0; }
	.btn--primary {
		border: 0.2rem solid #152133;
		background-color: #ffffff;
		color: #152133; }
		.btn--primary:hover {
			background-color: #152133;
			color: #ffffff; }
	.btn--secondary {
		border: 0.2rem solid #5298b2;
		color: #5298b2;
		background-color: #ffffff; }
		.btn--secondary:hover {
			background-color: #5298b2;
			color: #ffffff; }
	.btn--white {
		background-color: #ffffff;
		border: 0.1rem solid #ffffff;
		color: #152133; }
		.btn--white:hover {
			background-color: #5298b2;
			border-color: #ffffff;
			color: #ffffff; }

.owl-lazy,
.lazy {
	opacity: 0;
	transition: all .3s ease; }
	.has-loaded .owl-lazy, .has-loaded
	.lazy {
		opacity: 1; }
	.owl-lazy--wrapper,
	.lazy--wrapper {
		position: relative;
		z-index: 1; }
		.owl-lazy--wrapper.has-loaded::after,
		.lazy--wrapper.has-loaded::after {
			opacity: 0; }
		.owl-lazy--wrapper::after,
		.lazy--wrapper::after {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -2.5rem;
			margin-left: -2.5rem;
			width: 5rem;
			height: 5rem;
			border-radius: 50%;
			border: 0.2rem solid #f7f7f7;
			border-top-color: #152133;
			transition: opacity 0.75s cubic-bezier(0.55, 0, 0.1, 1);
			z-index: -1;
			animation: spinner 1.5s linear infinite; }

@keyframes spinner {
	0% {
		transform: rotate(0deg); }
	100% {
		transform: rotate(360deg); } }

form h4 {
	margin-bottom: 1.5rem; }
	@media (min-width: 992px) {
		form h4 {
			margin-bottom: 2.5rem; } }

form input[type="text"],
form input[type="email"],
form textarea {
	color: #161616 !important;
	background-color: #ffffff !important;
	border-color: #eaeaea !important;
	padding: 1.5rem !important;
	font-size: 1.4rem !important;
	height: auto !important;
	border-radius: 0 !important; }
	form input[type="text"]:hover, form input[type="text"]:focus,
	form input[type="email"]:hover,
	form input[type="email"]:focus,
	form textarea:hover,
	form textarea:focus {
		color: #161616 !important;
		background-color: #ffffff !important;
		border-color: #152133 !important; }

form button:not(.bv-hidden-submit) {
	height: auto !important;
	font-size: 1.4rem !important;
	display: inline-flex !important;
	padding: 1.2rem 4.5rem !important;
	border-radius: 5rem !important;
	max-width: 100%;
	width: auto !important; }
	form button:not(.bv-hidden-submit):not([disabled]) {
		cursor: pointer;
		color: #ffffff !important;
		background-color: #152133 !important;
		border-color: #152133 !important;
		transition: all .3s ease !important; }
		form button:not(.bv-hidden-submit):not([disabled]):hover {
			color: white !important;
			background-color: #243857 !important;
			border-color: #152133 !important; }

/**
 * Sections
 */
.section {
	/**
	 * Colour themes
	 */
	/**
	 * Sizes
	 */
	/**
     * Titlte
     */ }
	.section--light {
		background-color: #f7f7f7;
		color: #585858; }
		.section--light h1, .section--light h2, .section--light h3, .section--light h4, .section--light h5, .section--light h6 {
			color: #161616; }
		.section--light a:not(.btn):not(.no-style) {
			color: #5298b2; }
			.section--light a:not(.btn):not(.no-style):hover {
				color: #152133; }
	.section--grey-light {
		background-color: #eaeaea;
		color: #585858; }
		.section--grey-light h1, .section--grey-light h2, .section--grey-light h3, .section--grey-light h4, .section--grey-light h5, .section--grey-light h6 {
			color: #161616; }
		.section--grey-light a:not(.btn):not(.no-style) {
			color: #5298b2; }
			.section--grey-light a:not(.btn):not(.no-style):hover {
				color: #152133; }
	.section--grey-dark {
		background-color: #161616;
		color: #ffffff; }
		.section--grey-dark h1, .section--grey-dark h2, .section--grey-dark h3, .section--grey-dark h4, .section--grey-dark h5, .section--grey-dark h6 {
			color: #ffffff; }
		.section--grey-dark a:not(.btn):not(.no-style) {
			color: #cccccc; }
			.section--grey-dark a:not(.btn):not(.no-style):hover {
				color: #ffffff; }
	.section--primary {
		background-color: #152133;
		color: #ffffff; }
		.section--primary h1, .section--primary h2, .section--primary h3, .section--primary h4, .section--primary h5, .section--primary h6 {
			color: #ffffff; }
		.section--primary a:not(.btn):not(.no-style) {
			color: #cccccc; }
			.section--primary a:not(.btn):not(.no-style):hover {
				color: #ffffff; }
	.section--secondary {
		background-color: #5298b2;
		color: #ffffff; }
		.section--secondary h1, .section--secondary h2, .section--secondary h3, .section--secondary h4, .section--secondary h5, .section--secondary h6 {
			color: #ffffff; }
		.section--secondary a:not(.btn):not(.no-style) {
			color: #cccccc; }
			.section--secondary a:not(.btn):not(.no-style):hover {
				color: #ffffff; }
	.section--s {
		padding-top: 3rem;
		padding-bottom: 3rem; }
		@media (min-width: 576px) {
			.section--s {
				padding-top: 3rem;
				padding-bottom: 3rem; } }
		@media (min-width: 768px) {
			.section--s {
				padding-top: 4rem;
				padding-bottom: 4rem; } }
		@media (min-width: 992px) {
			.section--s {
				padding-top: 5rem;
				padding-bottom: 5rem; } }
		@media (min-width: 1200px) {
			.section--s {
				padding-top: 5rem;
				padding-bottom: 5rem; } }
	.section--m {
		padding-top: 3rem;
		padding-bottom: 3rem; }
		@media (min-width: 576px) {
			.section--m {
				padding-top: 3rem;
				padding-bottom: 3rem; } }
		@media (min-width: 768px) {
			.section--m {
				padding-top: 4rem;
				padding-bottom: 4rem; } }
		@media (min-width: 992px) {
			.section--m {
				padding-top: 6rem;
				padding-bottom: 6rem; } }
		@media (min-width: 1200px) {
			.section--m {
				padding-top: 8rem;
				padding-bottom: 8rem; } }
	.section--l {
		padding-top: 3rem;
		padding-bottom: 3rem; }
		@media (min-width: 576px) {
			.section--l {
				padding-top: 3rem;
				padding-bottom: 3rem; } }
		@media (min-width: 768px) {
			.section--l {
				padding-top: 5rem;
				padding-bottom: 5rem; } }
		@media (min-width: 992px) {
			.section--l {
				padding-top: 7rem;
				padding-bottom: 7rem; } }
		@media (min-width: 1200px) {
			.section--l {
				padding-top: 10rem;
				padding-bottom: 10rem; } }
	.section__title {
		padding-bottom: 1.5rem; }
		@media (min-width: 992px) {
			.section__title {
				padding-bottom: 3rem; } }

.header {
	background: #152133; }
	@media (min-width: 1200px) {
		.header {
			padding: 2rem 5rem; } }
	@media (min-width: 1920px) {
		.header {
			padding-left: 8rem;
			padding-right: 8rem; } }

.footer {
	font-size: 1.4rem; }
	.footer a[href*="tel"] i,
	.footer a[href*="mailto"] i {
		padding-right: 1rem; }
	@media (max-width: 992px) {
		.footer__item + .footer__item {
			margin-top: 3rem; } }
	.footer__item--title {
		margin-bottom: 1.5rem; }
	.footer__item--address {
		border-left: 0.2rem solid #152133;
		padding-left: 1rem; }
	@media (max-width: 768px) {
		.footer__item--meta + .footer__item--meta {
			margin-top: .5rem; } }
	@media (min-width: 768px) {
		.footer__item--meta:nth-child(n+3) {
			margin-top: .5rem; } }
	.footer__item--social {
		margin: .2rem .4rem .2rem 0;
		width: 3rem;
		height: 3rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
		border: .1rem solid currentColor; }
		.footer__item--social:hover {
			background-color: #152133;
			color: #ffffff; }
			.footer__item--social:hover i {
				color: #ffffff; }
		.footer__item--social > i {
			padding: .5rem;
			transition: color .3s ease; }
	.footer__meta {
		margin-top: 2.5rem; }
		@media (min-width: 992px) {
			.footer__meta {
				margin-top: 3.5rem; } }

.page__hero {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 15rem; }
	@media (min-width: 992px) {
		.page__hero {
			height: 25rem; } }
	@media (min-width: 1200px) {
		.page__hero {
			height: 35rem; } }

.page__caption {
	margin-top: 1.5rem;
	color: #8b8b8b; }
	@media (min-width: 992px) {
		.page__caption {
			font-size: 1.7rem;
			line-height: 1.5;
			max-width: 65%; } }

.page__header {
	padding-bottom: 2rem;
	margin-bottom: 2.5rem;
	border-bottom: 0.2rem solid #f7f7f7; }
	@media (min-width: 992px) {
		.page__header {
			margin-bottom: 3rem; } }

.page__content {
	padding-left: 1.5rem;
	padding-right: 1.5rem; }
	@media (min-width: 992px) {
		.page__content {
			width: 70%;
			padding-left: 5rem;
			padding-right: 5rem; } }
	@media (min-width: 1200px) {
		.page__content {
			padding-left: 8rem;
			padding-right: 8rem; } }
	@media (min-width: 1200px) {
		.page__content--inner {
			max-width: 85rem; } }
	@media (min-width: 1920px) {
		.page__content--inner {
			max-width: 100rem; } }

.sidebar {
	flex: 1;
	padding-left: 1.5rem;
	padding-right: 1.5rem; }
	@media (min-width: 992px) {
		.sidebar {
			padding-left: 5rem;
			padding-right: 5rem; } }
	@media (min-width: 1920px) {
		.sidebar {
			padding-left: 8rem;
			padding-right: 8rem; } }

.gallery {
	margin-top: 2.5rem; }
	.gallery__item {
		width: 100%;
		padding: 1.5rem; }
	.gallery__link {
		display: block;
		position: relative; }
		.gallery__link:hover:before, .gallery__link:hover:after {
			opacity: 1; }
		.gallery__link:before, .gallery__link:after {
			position: absolute;
			opacity: 0;
			transition: all .3s ease; }
		.gallery__link:before {
			content: '';
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(21, 33, 51, 0.6);
			z-index: 1; }
		.gallery__link:after {
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 2.6rem;
			color: #ffffff;
			z-index: 2;
			font-family: 'Font Awesome 5 Pro';
			content: "\";
			font-weight: 400; }
	.gallery__caption {
		margin-top: .5rem; }

.boxes {
	width: 100%;
	padding: .5rem;
	background-color: #f7f7f7;
	border: 0.1rem solid #f7f7f7;
	border-left: none;
	border-right: none; }
	@media (min-width: 992px) {
		.boxes {
			padding: 3rem;
			width: 33.33333%; } }
	@media (min-width: 1200px) {
		.boxes {
			padding: 6rem; } }
	.boxes__item {
		padding: 1rem;
		width: 100%; }
		@media (min-width: 768px) and (max-width: 992px) {
			.boxes__item {
				width: 33.33333%; } }
		.boxes__item--inner {
			width: 100%; }
		.boxes__item--icon {
			width: 25%;
			height: 7rem;
			margin-right: 3rem; }
			.boxes__item--icon > svg path {
				transition: fill .3s ease;
				fill: #ffffff; }
	.boxes__link {
		width: 100%;
		padding: 2rem;
		overflow: hidden;
		color: #ffffff;
		background-color: #152133; }
		.boxes__link[href]:hover {
			color: #ffffff;
			background-color: #5298b2;
			box-shadow: 0 0.5rem 1.5rem -0.2rem rgba(0, 0, 0, 0.06); }
			.boxes__link[href]:hover svg path {
				fill: #ffffff; }

.facebook__title {
	border-bottom: 0.1rem solid #efefef;
	text-align: center;
	margin-bottom: 3rem; }

.facebook__item {
	width: 100%;
	padding: 1.5rem; }
	@media (min-width: 992px) {
		.facebook__item {
			width: 33.33333%; } }

.facebook__inner {
	width: 100%;
	background: #ffffff;
	color: #585858; }
	.facebook__inner:hover {
		box-shadow: 0 0 3rem 0.2rem rgba(22, 22, 22, 0.05); }
		.facebook__inner:hover .facebook__image::before, .facebook__inner:hover .facebook__image::after {
			opacity: 1; }

.facebook__image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 75%;
	display: block;
	position: relative; }
	.facebook__image:hover:before, .facebook__image:hover:after {
		opacity: 1; }
	.facebook__image:before, .facebook__image:after {
		position: absolute;
		opacity: 0;
		transition: all .3s ease; }
	.facebook__image:before {
		content: '';
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(21, 33, 51, 0.6);
		z-index: 1; }
	.facebook__image:after {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 2.6rem;
		color: #ffffff;
		z-index: 2;
		font-family: 'Font Awesome 5 Pro';
		content: "\";
		font-weight: 400; }

.facebook__content {
	padding: 3rem; }

.facebook__meta {
	padding: .5rem 1rem;
	margin-top: auto;
	background-color: #f2f2f2;
	color: #585858; }
	.facebook__meta > * {
		margin: .2rem 1rem; }
		.facebook__meta > * i {
			margin-right: .6rem; }
	.facebook__meta--date {
		font-style: italic;
		font-size: .8em; }

.facebook__button {
	width: 100%;
	padding: 1rem;
	text-align: center;
	background-color: #152133;
	color: #ffffff; }

@media (max-width: 768px) {
	.cta__title {
		margin-bottom: 1.5rem;
		text-align: center; } }

@media (min-width: 768px) {
	.cta__title {
		margin: .6rem 1.5rem .6rem 0; } }

.contact__info {
	margin-top: 1.5rem; }
	.contact__info i {
		padding-right: 1rem; }

.contact__departments {
	margin-top: 2rem; }
	.contact__departments--item + .contact__departments--item {
		padding-top: 1rem; }

html {
	height: 100%;
	font-size: 10px; }

body {
	min-height: 100%;
	font-size: 1.5rem;
	line-height: 1.8;
	font-family: "Poppins", sans-serif; }

/* MAP */
#map {
	height: 20rem; }
	@media (min-width: 1200px) {
		#map {
			height: 40rem; } }
	#map img {
		max-width: none; }
