@font-face {
	font-family: 'Catamaran';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/catamaran-v7-latin-ext_latin-regular.woff2') format('woff2')
}
@font-face {
	font-family: 'Catamaran';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/catamaran-v7-latin-ext_latin-700.woff2') format('woff2')
}
@font-face {
	font-family: 'Catamaran';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('fonts/catamaran-v7-latin-ext_latin-900.woff2') format('woff2')
}

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, li, fieldset,
form, label, legend, caption,
tfoot, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

html, body {
    background: linear-gradient(0deg, #0D324D, #23a6d5);
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100%;
    min-height: 100%;
	font-family: 'Catamaran'
}

/* Basic */
	html {
		box-sizing: border-box
	}

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

/* Type */
	body, select, textarea {
		color: rgba(255, 255, 255, 0.8);
		font-size: 16.5pt;
		font-weight: normal;
		line-height: 1.75;
	}
	
		@media screen and (max-width: 1680px) {
			body, input, select, textarea {
				font-size: 13pt
			}
		}
		@media screen and (max-width: 1280px) {
			body, input, select, textarea {
				font-size: 12pt
			}
		}
		@media screen and (max-width: 360px) {
			body, input, select, textarea {
				font-size: 11pt
			}
		}

		input[type="password"] {
			border: 0;
			outline: 0;
			padding: 15px;
			border-radius: 10px
		}

	a {
		color: inherit;
		text-decoration: none;
	}
	
	a:hover {
	    cursor: pointer; 
	}
	a:hover, a:active {
        text-shadow: 0.1px 0.1px #ffffff;
    }
    
	p {
		margin: 0.5em 1em 2em 1em;;
	}

	h1, h2 {
		color: #ffffff;
		font-weight: bold;
		line-height: 1.5
	}

	h1 {
		font-size: 2.75em
	}

	h2 {
		font-size: 1.75em
	}

	@media screen and (max-width: 736px) {
		h1 {
			font-size: 2.5em
		}

		h2 {
			font-size: 1.25em
		}
	}
	
    .bold-text {
        font-weight: bold;
    }
    
	.text-center {
		text-align: center
	}
    
	.wrapper {
		position: relative
	}
		.wrapper > .inner {
			width: 100%;
			padding: 2em 4em 2em 4em
		}
			@media screen and (max-width: 736px) {

				.wrapper > .inner {
					padding: 1em 2em 1em 2em
				}
			}

/* Menu */
	#topMenu {
		padding: 0;
		background:0;
		cursor: default;
		height: 5.4em;
		left: 0;
		overflow: hidden;
		text-align: center;
		top: 0;
		width: 100%;
		line-height: 3.5em;
		z-index: 20
	}

	#topMenu > .inner {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-moz-transition: opacity 1s ease;
		-webkit-transition: opacity 1s ease;
		-ms-transition: opacity 1s ease;
		transition: opacity 1s ease;
		min-height: 100%;
		opacity: 1;
		width: 100%
	}
		#topMenu nav {
			height: inherit;
			line-height: inherit;
			margin-top: 1em
		}
			#topMenu nav ul {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				height: inherit;
				line-height: inherit;
				list-style: none;
				padding: 0;
				margin: 0
			}
			#topMenu nav a {
				height: inherit;
				line-height: inherit;
				padding: 0
			}
			#topMenu nav a:after {
				background-image: none;
				background-color: #b74e91
			}
			#topMenu nav > ul > li {
				margin: 0 1em 0 1em;
				opacity: 1;
				padding: 0;
				position: relative;
				height: inherit;
				line-height: inherit;
				padding: 0
			}

		#topMenu nav a {
			border: 0;
			font-size: 0.70em;
			font-weight: bold;
			letter-spacing: 0.25em;
			line-height: 1.75;
			outline: 0;
			padding: 2em 0;
			position: relative;
			text-decoration: none;
			text-transform: uppercase
		}
		
		#topMenu nav li.active, nav li.active a {
			color: #fff !important
		}
			#topMenu nav .active a{
				border-bottom: 1px solid #ffffff7d
			}
			#topMenu nav a:hover {
				/*border-bottom: 1px solid #ffffff59*/
			}
			#topMenu nav a.active {
				color: #ffffff
			}
				#topMenu nav a.active:after {
					max-width: 100%
				}

		@media screen and (max-width: 736px) {
			#topMenu {
				height: 104px;
				font-size: 0.94em;
				position: relative;
				background-color: rgba(0, 0, 0, 0.30);
			}
			#topMenu nav ul {
				display: block;
				float: left
			}
			#topMenu nav > ul > li {
				display: block;
				float: left;
				margin: 0 1em 0 1em
			}
			#topMenu nav .active a{
				border-bottom: 1px solid #fff
			}
		}