html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
langnav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: transparent;
	vertical-align: baseline;
	font-size: 100%;
}

body {
	line-height: 1;
	animation: fadeIn 1s;
	font-weight: 500;
}


@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes grow {
    from {
        scale: 0.2;
        opacity: 1;
    }
    to {
        scale: 1;
        opacity: 1;
    }
}

@keyframes shrink {
    from {
        scale: 1;
        opacity: 1;
    }
    to {
        scale: 0.97;
        opacity: 1;
    }
}

@keyframes nextarrow {
  0%,100% {
    background-position: 100% center;
  }
  50% {
    background-position: 97.5% center;
  }
}

@keyframes animatedBackground {
  from {
    background-position: 0 0;
      }
  to {
    background-position: 50% 50%;
  }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
langnav,
section {
	display: block;
}

nav ul, langnav ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	background: transparent;
	vertical-align: baseline;
	font-size: 100%;
}

ins {
	background-color: #041e42;
	color: #fff;
	text-decoration: none;
}

mark {
	background-color: #8bbcff;
	color: #041e42;
	font-weight: bold;
	font-style: normal;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

hr {
	display: block;
	margin: 1em 0;
	padding: 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
}

input,
select {
	vertical-align: middle;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

.dark {
	background: #041E42;
	/*background-image: linear-gradient(#041E42, #051837);*/
	/* animation: animatedBackground 20s linear infinite alternate; */
}

.dark * {
	color: #fff;
}

.dark a,
.dark a:visited {
	color: #fff;
	padding: 0 1.5rem 0.2rem 0;
	background-image:url(/media/design/aarrow-white.svg);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: 0.75em;
	
}

.dark a:hover,
.dark a:visited:hover {
	color: #fff;
	animation: nextarrow 1s infinite;
}

.dark a.button {
	border: 1px solid #fff;
	background: #041e42;
	color: #fff;
}

.dark a.button:hover {
	background: #fff;
	color: #041e42;
}

.dark a.button.fill {
	background: #041e42;
	color: #fff;
}

.dark a.button.fill:hover {
	background: #fff;
	color: #041e42;
}

.dark code,
.dark pre {
	background-color: #667195;
}

.dark + .triangle:before {
	border-color: transparent transparent transparent #041e42;
}

.light {
	background: #fff;
	/* animation: animatedBackground 20s linear infinite alternate; */
}

.light * {
	color: #041e42;
}

.light a,
.light a:visited {
	color: #041e42 !important;
	padding: 0 1.5rem 0.2rem 0;
	background-image:url(/media/design/aarrow-blue.svg);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: 0.75em;
}

.light a:hover {
	color: #041e42 !important;
	animation: nextarrow 1s infinite;
}

.light a.button {
	border: 1px solid #041e42;
	background: transparent;
	color: #041e42;
}

.light a.button:hover {
	background: #041e42;
	color: #fff !important;
}

.light a.button.fill {
	background: #fff;
	color: #041e42;
}

.light a.button.fill:hover {
	background: #fff;
	color: #041e42;
}

.light code,
.light pre {
	background-color: #041e42;
}

.light + .triangle:before {
	border-color: transparent transparent transparent #041e42;
}

.custom1 {
	background: #E6E8EC;
	/* animation: animatedBackground 20s linear infinite alternate; */
}

.custom1 * {
	color: #041e42;
}

.custom1 a,
.custom1 a:visited {
	color: #041e42 !important;
	padding: 0 1.5rem 0.2rem 0;
	background-image:url(/media/design/aarrow-blue.svg);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: 0.75em;
}

custom1 a:hover, a:visited:hover {
	color: #041e42 !important;
	animation: nextarrow 1s infinite;
}

.custom1 a.button {
	border: 1px solid #636363;
	background: transparent;
	color: #041e42;
}

.custom1 a.button:hover {
	background: #041e42;
	color: #fff;
}

.custom1 a.button.fill {
	background: #041e42;
	color: #ffffff;
}

.custom1 a.button.fill:hover {
	background: #fff;
	color: #041e42;
}

.custom1 + .triangle:before {
	border-color: transparent transparent transparent #E6E8EC;
}

.custom2 {
	background: #B46B5B;
	/* animation: animatedBackground 20s linear infinite alternate; */
}

.custom2 * {
	color: #fff;
}

.custom2 a,
.custom2 a:visited {
	text-decoration: none;
	color: #fff;
	padding: 0 1.5rem 0.2rem 0;
	background-image:url(/media/design/aarrow-white.svg);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: 0.75em;
}

.custom2 a:hover,
.custom2 a:visited:hover {
	color: #fff !important;
	animation: nextarrow 1s infinite;
}

.custom2 a.button {
	border: 1px solid #041e42;
	background: #fff;
	text-decoration: none;
}

.custom2 a.button:hover {
	background: #041e42;
	color: #fff;
}

.custom2 a.button.fill {
	background: #041e42;
	color: #fff;
}

.custom2 a.button.fill:hover {
	background: #fff;
	color: #041e42;
}

.custom2 + .triangle:before {
	border-color: transparent transparent transparent #B46B5B;
}

.custom3 {
	background: #ABCAF6;
	/* animation: animatedBackground 20s linear infinite alternate; */
}

.custom3 * {
	color: #041e42;
}

.custom3 a,
.custom3 a:visited {
	color: #041e42;
	padding: 0 1.5rem 0.2rem 0;
	background-image:url(/media/design/aarrow-blue.svg);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: 0.75em;
}

.custom3 a:hover,
.custom3 a:visited:hover {
	color: #041e42 !important;
	animation: nextarrow 1s infinite;0;
}

.custom3 a.button {
	border: 1px solid #041e42;
	background: #fff;
	text-decoration: none;
}

.custom3 a.button:hover {
	background: #041e42;
	color: #fff;
}

.custom3 a.button.fill {
	background: #041e42;
	color: #fff;
}

.custom3 a.button.fill:hover {
	background: #fff;
	color: #041e42;
}

.custom3 + .triangle:before {
	border-color: transparent transparent transparent #ABCAF6;
}

.round {
	margin: 0;
	border-radius: 50% !important;
	width: 100% !important;
  	object-fit: cover !important;
  	aspect-ratio: 1/1 !important;
}

.icon {
	margin: 60px 0 20px 0 !important;
	width: 30% !important;
  	object-fit: cover !important;
  	aspect-ratio: 1/1 !important;
}

.text--center {
	text-align: center;
}

.text--center .seperator {
	margin-right: auto;
	margin-left: auto;
}

.center,
.center img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

body {
	font-family: 'Gellix', sans-serif;
	line-height: 1.4;
	font-weight: 500;
}

h1 {
	font-weight: 700;
	line-height: 1;
	animation: slideInFromLeft 1s ease-in-out;
	animation-iteration-count: 1;
}

h2,
h3,
h4 {
	font-weight: 700;
	font-family: 'Gellix', sans-serif;
	line-height: 1;
}

h1 {
	letter-spacing: -.2px;
	font-size: 3.5rem;
	font-family: 'Gellix', sans-serif;
}

h2 {
	font-size: 1.95rem;
	font-weight: 700;
}

h3 {
	font-size: 1.6rem;
}

h4 {
	font-size: 1.3rem;
	margin-bottom: 3px;
}

h5 {
	font-size: 2rem;
	font-weight: 700;
	margin: 0;
}

h5 + * {
	margin-bottom: 20px;
}

h5 a {
	font-size: inherit;
	font-family: inherit !important;
}

strong {
	font-weight: 700;
}

p,
blockquote,
li,
a {
	font-size: 1.2rem;
	line-height: 1.6;
	letter-spacing: 0.2px;
}

p,
blockquote,
li {
	font-weight: 500;
}

a,
a:visited {
	text-decoration: none;
	width: auto;
	white-space: nowrap;
}

blockquote {
	font-size: 1.2rem;
}

blockquote:before,
blockquote:after {
	display: inline-block;
	padding: 0 2px;
	font-size: 1.4rem;
	content: ' ';
}

a.button {
	border-radius: 6px;
	padding: 8px 18px !important;
	/*margin-top: 20px;*/
	font-family: 'Gellix', sans-serif !important;
	font-size: 1.1rem;
	background: transparent;
}

a.button:hover {
	background: #ABCAF6;
	color: #fff;
	text-decoration: none !important;
	transition: grow .2s ease-in-out;
}

a.button.fill {
	background: #041e42;
	color: #fff;
}

a.button.fill:hover {
	background: #ABCAF6;
	color: #fff;
	text-decoration: none;
}

html,
body {
	width: 100%;
	overflow-x: hidden;
}

body {
	background: transparent;
	min-height: 100%;
	min-width: 100%;
	font-size: 1.1em;
}

*[role="content"] {
	position: relative;
}

header {
	background: #fff;
	padding: 0px 0px 10px 0px;
	position: relative;
	border-bottom: 0px;
}

header .container {
	max-width: 100%;
	padding: 0;
}

header .row {
	margin: 0;
}

.brand {
	margin: 0 auto;
	width: 150px;
	height: 80px;
	background-size: 95%;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#toggle {
	position: absolute;
	right: 30px;
	top: 80%;
	-webkit-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	transform: translateY(-40%);
}

.toggle {
	position: relative;
	z-index: 999;
	display: inline-block;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.toggle .cross {
	transition-duration: 0s;
	transition-delay: .1s;
}

.toggle .cross span:before {
	transition-property: margin,  -webkit-transform;
	transition-property: margin,  transform;
	transition-duration: .1s;
	transition-delay: .1s,  0;
}

.toggle .cross span:after {
	transition-property: margin,  -webkit-transform;
	transition-property: margin,  transform;
	transition-duration: .1s;
	transition-delay: .1s,  0;
}

.toggle .cross.open span {
	background-color: transparent;
	transition-delay: .1s;
}

.toggle .cross.open span:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition-delay: 0,  .1s;
	background-color: #ffffff;
}

.toggle .cross.open span:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition-delay: 0,  .1s;
	background-color: #ffffff;
}

.toggle span {
	margin: 0 auto;
	position: relative;
	z-index: 999;
	top: 12px;
	width: 25px;
	height: 2px;
	background-color: #041e42;
	display: block;
}

.toggle span:before,
.toggle span:after {
	position: absolute;
	content: '';
	width: 25px;
	height: 2px;
	background-color: #041e42;
	display: block;
}

.toggle span:before {
	margin-top: -7px;
}

.toggle span:after {
	margin-top: 7px;
}

nav {
	z-index: 999;
	background: #041e42;
	background-image: linear-gradient(#04224a, #031937);
	text-align: center;
	left: 0px;
	right: 0px;
	display: block;
	position: relative;
	top: 18px;
	border-radius: 10px 0px 0px 10px;
	transition: height 300ms ease-in-out;
}

nav > ul, langnav > ul {
	padding: 0px;
	position: relative;
	display: inline-table;
	width: 100%;
}

nav > ul li, langnav > ul li {
	position: relative;
	font-family: 'Gellix', sans-serif;
	letter-spacing: 0;
}

nav > ul li a,
nav > ul li span,
langnav > ul li a,
langnav > ul li span {
	cursor: pointer !important;
	display: inline-block;
	padding: 35px 12px;
	font-size: 1.3em;
	font-weight: 400;
	color: #041e42;
}

nav > ul li span, langnav > ul li span {
	cursor: default;
}

nav > ul li:after, langnav > ul li:after {
	content: "";
	clear: both;
	display: block;
}

nav > ul li.selected > a,
nav > ul li.selected span,
langnav > ul li.selected > a,
langnav > ul li.selected span {
	color: #041e42;
	font-weight: 500;
	text-decoration: none;
}

nav li > ul, 
langnav li > ul {
	position: absolute;
}

nav li > ul li,
langnav li > ul li {
	float: none;
	display: block;
	position: relative;
}

nav li > ul li a,
langnav li > ul li a {
	font-size: 1.2em;
	padding: 15px 15px 15px 15px;
	font-weight: 500;
	color: #b8d7ee;
}

nav li > ul li a:hover,
langnav li > ul li a:hover {
	color: #fff;
}

nav li > ul > li > ul,
langnav li > ul > li > ul {
	left: 100%;
	top: 0;
	display: none;
}

langnav {
	z-index: 999;
	background: #041e42;
	background-image: linear-gradient(#04224a, #031937);
	text-align: center;
	right: 60%;
	display: block;
	position: relative;
	top: 18px;
	border-radius: 10px 0px 0px 10px;
	transition: height 300ms ease-in-out;
}

langnav {
	margin: 0 auto;
	background: none;
	width: 70px;
}

langnav > ul {
	padding-right: 0;
	width: auto;
}

langnav > ul li {
	float: left;
}

langnav > ul li a,
langnav > ul li span {
	font-size: 0.95em;
}

langnav > ul li:last-child a {
	padding-right: 1.5em;
}

langnav li > ul {
	left: 0;
	top: 75px;
	display: none;
	white-space: nowrap;
	height: auto;
	margin-bottom: 0;
	margin-left: -20px;
	text-align: left;
	background: #fff;
	padding: 20px 40px 25px 18px;
	opacity: 0.92;
    filter: alpha(opacity=92);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);
    transition: height 1s ease-in-out;
}

langnav li > ul li a {
	font-size: 0.95em;
	color: #fff;
	font-weight: 500;
	background: none;
	color: #041e42 !important;
	padding: 0.4em 1.5em 0.6em 1.5em;
	background-image:url(/media/design/aarrow-blue.svg);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: 0.75em;
	background-color: none;
}

langnav li > ul li a:hover {
	font-size: 0.95em;
	font-weight: 500;
	animation: nextarrow 1s infinite;
}

langnav .has-child:hover > .sublevel {
	display: block;
}

.dark,
.light,
.custom1,
.custom2,
.custom3 {
	display: block;
	margin: 0 auto;
	padding: 80px 0 40px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #041e42;
}

.dark .row,
.light .row,
.custom1 .row,
.custom2 .row,
.custom3 .row {
	margin: 0;
}

.dark .row div[class^="col-"],
.light .row div[class^="col-"],
.custom1 .row div[class^="col-"],
.custom2 .row div[class^="col-"],
.custom3 .row div[class^="col-"] {
	margin-bottom: 40px;
}

.dark p,
.light p,
.custom1 p,
.custom2 p,
.custom3 p,
.dark a,
.light a,
.custom1 a,
.custom2 a,
.custom3 a,
.dark blockquote,
.light blockquote,
.custom1 blockquote,
.custom2 blockquote,
.custom3 blockquote,
.dark li,
.light li,
.custom1 li,
.custom2 li,
.custom3 li {
	font-family: 'Gellix', serif;
}

.dark h1,
.light h1,
.custom1 h1,
.custom2 h1,
.custom3 h1 {
	margin-bottom: 20px;
}

.dark h2,
.light h2,
.custom1 h2,
.custom2 h2,
.custom3 h2,
.dark h3,
.light h3,
.custom1 h3,
.custom2 h3,
.custom3 h3 {
	margin: 25px 0 20px;
}

.light h1,
.custom1 h1,
.custom2 h1,
.light h2,
.custom1 h2,
.custom2 h2,
.light h3,
.custom1 h3,
.custom2 h3 {
	;
}

.dark p,
.light p,
.custom1 p,
.custom2 p,
.custom3 p {
	letter-spacing: 0.2px;
	margin: 0 auto;
	animation: fadeIn 2s;
}

.dark p + *,
.light p + *,
.custom1 p + *,
.custom2 p + *,
.custom3 p + * {
	margin-top: 30px;
}

.dark a,
.light a,
.custom1 a,
.custom2 a,
.custom3 a {
	position: relative;
	display: inline-block;
}

.dark img,
.light img,
.custom1 img,
.custom2 img,
.custom3 img {
	padding: 0px 10px 0px 10px;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 5px 0 25px;
	animation: fadeIn 4s;
	text-decoration: none;
	transition: all 990ms ease;
}

.dark img:hover,
.light img:hover,
.custom1 img:hover,
.custom2 img:hover,
.custom3 img:hover {
  	transform: scale(1.06);
	transition: all 990ms ease;
}

.dark li,
.light li,
.custom1 li,
.custom2 li,
.custom3 li {
	padding: 2px 0 0;
}

.blogarchive div[class^="col-"] {
	margin-bottom: 20px !important;
}

.blogarchive .equal {
	width: 100%;
}

.blogarchive a, .blogarchive a:visited {
	white-space: normal;
	padding: 0 1.5rem 0.2rem 0;
	background-image:url(/media/design/aarrow-blue.svg);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: 0.75em;
}


.custom2 .blogarchive a, .custom2 .blogarchive a:visited {
		background-image:url(/media/design/aarrow-white.svg);
}

.blogposts {
	padding: 40px 0 0 0;
}

.blogarchive a:hover {
	animation: nextarrow 1s infinite;
}

.blogarchive a:hover p {
}

.blogarchive img {
	border-radius: 2%;
	width: 100%;
	height: auto;
  	object-fit: cover;
  	aspect-ratio: 1/1;
}

.blogarchive .date {
	font-size: 1.1rem;
	text-align: left;
	margin: 10px 0 15px 0;
}

.blogarchive h2 {
	font-size: 1.85rem;
	font-family: 'Gellix', sans-serif;
	transition: all 200ms ease;
}

.blogarchive p {
	transition: all 900ms ease;
}

.bloglistitems {
	background: rgba(0, 0, 0, 0.03);
	padding: 1.8em 1.3em 1.8em 1.3em;
	transform: scale(1.0);
	transition: all 200ms ease;
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, .0);
	display: flex;
}

.bloglistitems:hover {
	border: 1px solid rgba(255, 255, 255, 0.5);
	transform: scale(1.1);
	transition: all 200ms ease;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(50px);
    z-index: 325;
}

.bloglistitems:has(.location) {
	background: rgba(0, 40, 55, 0.06) !important;
}

.label {
	font-size: 0.8rem;

}

.location {
	background-image: url(/media/design/locator-dark.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	padding: 10px 0 5px 20px !important;
}

.dark .location, .custom2 .location {
	background-image: url(/media/design/locator-light.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	padding: 10px 0 5px 20px !important;
}

.date {
	background-image: url(/media/design/newsdate-dark.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	padding: 3px 0 5px 20px !important;
}

.dark .date, .custom2 .date {
	background-image: url(/media/design/newsdate-light.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	padding: 3px 0 5px 20px !important;
}

.eventdate {
	background-image: url(/media/design/eventdate-dark.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	padding: 3px 0 5px 20px !important;
}

.dark .eventdate, .custom2 .eventdate {
	background-image: url(/media/design/eventdate-light.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	padding: 3px 0 5px 20px !important;
}

.LoginBtn {
	white-space: normal;
  transition: max-width .5s ease-in-out;
	padding: 12px 18px;
	background: rgba(4,30,66,.9);
	color: #fff!important;
	border-radius: 35px;
	border: 0px solid;
	cursor: pointer;
	font-family: 'Gellix',serif;
	font-weight: 500;
	position: relative;
	display: inline-block;
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: .2px;
	top: 2rem;
}

.LoginBtn:hover, next:hover {
	text-decoration: none;
	background-color: #ABCAF6;
	color: #fff!important;
}

.timeline {
	border-left: 0px dotted;
	padding: 0 0 0 50px;
}

.projectbtn:visited, 
.projectbtn {
	transition: all 200ms ease !important;
	background-image: url(/media/design/prjaarrow.svg) !important;
	background-color: #fff;
	background-position: top .45rem right .6rem !important;
	background-size: .75em;
	font-size: 0.7em;
	opacity: 0.6; 
	position: absolute;
	border: none; 
	outline: 1px solid #041e42; 
	color: #041e42; 
	cursor: pointer;
	padding: .1rem 1.5rem .15rem .8rem !important; 
	border-radius: 35px; 
	margin: 0px 0px 6px 0px;
}

.projectbtn:hover, 
.projectbtn:active {
	transform: scale(1.4);
	transition: all 200ms ease;
	animation: none !important;
	z-index: 99;
	opacity: 1.0;
	border: none; 
	outline: 1px solid #041e42; 
	background-color: #f5f9fd;
	color: #041e42; 
	cursor: pointer;
	border-radius: 35px; 
}

.prjtop {
	margin-bottom:-300px;
}
  
input, textarea {
	outline: none;
	margin: 0;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100%;
	font-size: 1.1rem;
	font-family: inherit;
	line-height: 50px;
	background: #fafafa;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	padding: 0 20px;
	font-size: 16px;
	color: #666;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color: #041e42 !important;
}

input {
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px !important;
}

textarea {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px !important;
}

.formBtn, form .btn {
  border: none;
  outline: 1px solid #fff; 
  background-color: #041e42;
  color: #fff !important; 
  cursor: pointer; 
  border-radius: 35px;
  text-align: center;
  vertical-align: middle;
  transition: max-width .5s ease-in-out;
  font-weight: 500;
}

.formBtn:hover, form .btn:hover {
  background-color: #abcaf6;
}

.formlabel {
	font-weight: 700;
	padding: 1.3rem 0 .8rem 0;
	display: block;
}

select {
	outline: none;
	margin: 5px 15px 20px 0 !important;
	border: 1px solid rgba(4, 30, 66, 0.7);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-size: 1.1rem;
	font-family: inherit;
	line-height: 50px;
	background: #fafafa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 20px !important;
	padding: 0 80px 0 20px !important;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/media/design/prjaarrow.svg);
	background-repeat: no-repeat;
	background-position: 94% center;
	background-size: 1.5em;
	opacity: 0.70;
}

select:hover {
	opacity: 1.0;
}

#TopBtn {
  display: none;
  position: fixed;
  bottom: 5%;
  right: 5%;
  z-index: 99;
  border: none;
  outline: 1px solid #fff; 
  background-color: #041e42;
  color: #fff; 
  cursor: pointer; 
  padding: 11px 10px 0px 10px;
  border-radius: 35px;
  width: 100px;
  height: 55px;
  text-align: center;
  vertical-align: middle;
  transition: max-width .5s ease-in-out;
  font-weight: 600;
}

#TopBtn:hover {
  background-color: #ABCAF6;
}

#ToTopIcon {
    width: 1.15em !important;
    display: inline;
    margin-bottom: 10px;
    vertical-align: middle;
}

#searchholder {
	width: 100%;
	padding: 20px 0;
	text-align: right;
	z-index: 100;
	position: absolute;
	right: 3%;
	top: -100%;
}

.search {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100px;
	font-size: 1.1rem;
	font-family: inherit;
	line-height: 50px;
	background: #fafafa;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px !important;
	padding: 0 20px;
	color: #666;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
  	transition: all 250ms ease-in-out;
	right: 0;
}

.search:hover, .search:focus {
	width: 350px;
	outline: 1px solid #041e42; 
	border-radius: 20px !important;
}

.searchbutton { 
	font-family: inherit;
	font-size: 1.1rem;
	z-index: 99; 
	position: absolute;
	border: none; 
	outline: 1px solid #041e42; 
	background-color: #fff; 
	background-image:url(/media/design/search-blue.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.2em;
	color: #041e42; 
	cursor: pointer;
	padding: 0 10px; 
	border-radius: 35px; 
	width: 48px;
	height: 48px;
	text-align: center;
	vertical-align: middle;
	transition: max-width .5s ease-in-out;
	font-weight: 500;
	right: 0;
}

.searchbutton:hover {
	background-color: #041e42;
	background-image:url(/media/design/search-white.svg);
	color: #fff; 
}

.timelinebold {
	list-style: none;
	background-image: url(/media/design/prjdone.svg);
	background-repeat: no-repeat;
	background-position: left 20px;
	background-size: 125px;
	padding: 0px 0 36px 184px !important;
	margin-left: -95px;
}

.timelinenotbold {
	list-style: none;
	background-image: url(/media/design/prjnotdone.svg);
	background-repeat: no-repeat;
	background-position: left 20px;
	background-size: 100px;
	padding: 0px 0 36px 184px !important;
	margin-left: -95px;
}

.timelinebold {
	opacity: 0.85;
}

.timelinebold:hover {
	opacity: 1.0;
}


.timelinenotbold {
	opacity: 0.75;
}

.timelinenotbold:hover {
	opacity: 0.90;
}

#timelinecontent {
	animation: fadeIn 1s ease-in-out;
}

#myBtnContainer {
	padding: 0px 0 45px 0;
}

#myBtnContainerTech {
	padding: 0px 0 45px 0;
}

.filterDiv {
  display: none;
}

.filtershow {
  display: block;
}

.filterbtn {
  border: 1px solid #041e42;
  outline: none;
  padding: 15px 20px;
  background-color: #f5f9fd;
  cursor: pointer;
  font-size: 0.95em;
  border-radius: 25px;
}

.filterbtnTech {
  border: 1px solid #041e42;
  outline: none;
  padding: 15px 20px;
  background-color: #f5f9fd;
  cursor: pointer;
  font-size: 0.95em;
  border-radius: 25px;
}

.filterbtn:hover {
  background-color: #ddebf7;
}

.filterbtnTech:hover {
  background-color: #ddebf7;
}

.filterbtn.active {
  background-color: #041e42;
  border: 1px solid #abcaf6;
  color: white;
}

.filterbtnTech.activeTech {
  background-color: #041e42;
  border: 1px solid #abcaf6;
  color: white;
}

.searchresults li {
	list-style: none;
	background-image: url(/media/design/aarrow-blue.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 25px;
	padding: 20px 0 20px 50px !important;
	margin-left: -20px;
}

.searchresults p {
	font-size: 1.8rem;
}

.searchresults li {
	
}

footer ul {
	margin: 15px auto 0;
	text-align: center;
}

footer ul li {
	position: relative;
	display: block;
	text-align: left;
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 1;
}

footer.dark a {
	color: #fff !important;
	font-size: 1.1rem;
	padding: 0 1rem 0.1rem 0;
	border-bottom: 0px solid transparent;
	font-family: 'Gellix', sans-serif;
}

footer.dark a:hover {
	color: #fff !important;
	border-bottom: 0px solid #fff !important;
}

footer.dark {
	background: #041e42;
}

footer.dark p, footer.dark h3 {
	color: #fff !important;
	padding-bottom: 3px;
	padding-top: 20px;
	text-decoration: none;
	background: none;
}

footer.dark .info, .info a {
	color: #fff !important;
	font-size: 14px !important;
	background: none;
	padding: 0 0 0 0 !important;
}

.footerlogo, 
footer img,
footer img:hover {
	width: 170px !important; 
	animation: none !important;
}

ul {
	margin-left: 20px;
}

img {
	max-width: 100%;
	height: auto;
	animation: grow 1s ease-in-out;
}

.swiper-container {
    width: 100%;
    height: 550px;
}

.swiper-slide a, swiper-slide a:visited {
	background-image: none !important;
}

.swiper-button-next, .swiper-button-prev {
	top: 95%;
	height: 55px;
	background-size: 25px 25px;
	background-image: url(/media/design/aarrow-blue.svg);
	transition: max-width .5s ease-in-out;
}

.swiper-button-prev {
	rotate: 180deg;
}

blockquote {
	padding: 0px;
	text-align: left;
	position: relative;
	font-size: 2.3rem;
	font-style: italic;
	font-weight: 800;
	margin-top: -75px;
}

blockquote + * {
	padding: 10px 10px;
}

* + ul {
	margin-bottom: 30px;
}

.equal {
	display: table;
	table-layout: fixed;
}

.equal .vcenter {
	display: table-cell;
	vertical-align: middle;
}

.full {
	margin: 0;
	padding: 0 !important;
	overflow: hidden;
}

.full * {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0;
}

.full .wide {
	width: 100%;
	height: auto;
}

.small {
	font-size: .85rem;
}

code,
pre {
	overflow: auto;
	padding: 6px 10px;
	border-radius: 3px;
	background-color: #999999;
	font-size: .9rem;
	font-family: "Courier 10 Pitch", Courier, monospace;
	line-height: 2.3;
}

.gallery .row > div {
	margin-bottom: 1%;
	background: none;
}

.gallery img {
	margin: 0;
	width: 110%;
  	object-fit: cover;
  	aspect-ratio: 1/1;
  	border: 0px solid;
  	background: none;
  	transition: transform 300ms ease-in-out;
}

.gallery img:hover {
	transform: scale(1.1);
}

.gallery a {
	background: none;
}

.slideimg {
  	object-fit: cover;
  	aspect-ratio: 1/1;
  	transition: transform 300ms ease-in-out;
}

.slideimg:hover {
	transform: scale(1.1);
}

.fancybox img {
  	transition: transform 300ms ease-in-out;
}

.fancybox img:hover {
	transform: scale(1.1);
}

.video-wrapper {
	margin: 30px auto;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

details {
	font-size: 1.2em;
	font-weight: 700;
	padding: 10px 0 30px 0;
	margin: 0px 0 10px 0;
	border-top: 0px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
}

details p {
	font-weight: 500;
}

summary {
	Padding: 20px 0px 20px 0px;
}

.breadcrumb {
	background: rgba(0, 0, 0, 0.6);
	transition: all 200ms ease-in-out;
}

.breadcrumb a,
.breadcrumb a:visited {
	color: #fff;
	font-size: 1rem;
}

.breadcrumb:hover {
	background: black;
}

.imageSlide {
	width: 100%;
}


@media (min-width: 768px) {

.dark,
.light,
.custom1,
.custom2,
.custom3 {
	padding: 80px 0 60px 0;
	min-height: 350px;
}

.dark img,
.light img,
.custom1 img,
.custom2 img,
.custom3 img {
	padding: 0;
}

.blogarchive a {
	overflow: hidden;
}

.blogarchive a:hover h2 {
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
}

.breadcrumb {
	padding: 4px 8px;
	position: absolute;
	left: 40px;
	top: 40px;
}

.breadcrumb a {
	font-size: 1.2rem;
}

nav > ul li a:hover,
nav > ul li span:hover,
langnav > ul li a:hover,
langnav > ul li span:hover {
	color: #041E42;
}

}

@media (min-width: 992px) {

.triangle + .dark:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .light:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .custom1:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .custom2:before {
	border-color: transparent transparent transparent #fff;
}

.triangle + .custom3:before {
	border-color: transparent transparent transparent #fff;
}

header {
	padding: 0px 0px;
}

header .container {
	max-width: 95%;
	padding: 0px 10px;
}

#toggle {
	display: none;
}

nav {
	margin: 0 auto;
	background: none;
	width: 100%;
}

nav > ul {
	padding-right: 0;
	width: auto;
}

nav > ul li {
	float: left;
}

nav > ul li a,
nav > ul li span {
	font-size: 0.95em;
}

nav > ul li:last-child a {
	padding-right: 1.5em;
}

nav li > ul {
	left: 0;
	top: 75px;
	display: none;
	white-space: nowrap;
	height: auto;
	margin-bottom: 0;
	margin-left: -20px;
	text-align: left;
	background: #fff;
	padding: 20px 40px 25px 18px;
	opacity: 0.92;
    filter: alpha(opacity=92);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);
    transition: height 1s ease-in-out;
}

nav li > ul li a {
	font-size: 0.95em;
	color: #fff;
	font-weight: 500;
	background: none;
	color: #041e42 !important;
	padding: 0.4em 1.5em 0.6em 1.5em;
	background-image:url(/media/design/aarrow-blue.svg);
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: 0.75em;
	background-color: none;
}

nav li > ul li a:hover {
	font-size: 0.95em;
	font-weight: 500;
	animation: nextarrow 1s infinite;
}

nav .has-child:hover > .sublevel {
	display: block;
}

.dark .row div[class^="col-"],
.light .row div[class^="col-"],
.custom1 .row div[class^="col-"],
.custom2 .row div[class^="col-"],
.custom3 .row div[class^="col-"] {
	margin-bottom: 20px;
}

.triangle {
	position: relative;
}

.triangle img {
	position: relative;
	z-index: 100;
}

.triangle:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 150px 100vw;
	border-color: inherit;
	position: absolute;
	z-index: 120;
}

.triangle + .light,
.triangle + .dark,
.triangle + .custom2,
.triangle + .custom1,
.triangle + .custom3 {
	position: relative;
}

.triangle + .light:before,
.triangle + .dark:before,
.triangle + .custom2:before,
.triangle + .custom1:before,
.triangle + .custom3:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 150px 0 0 100vw;
	border-color: none;
	position: absolute;
	z-index: 120;
	top: -150px;
}

.video-wrapper {
	margin: 60px auto;
}

#searchholder {
	width: 550px;
	height: 50px;
	padding: 5px 0;
	text-align: right;
	position: absolute;
	top: 25px;
	right: 5%;
}

.search, .search:hover, .search:focus  {
	border-radius: 50px !important;
}

}

@media (max-width: 992px) {

body {
	width: 100vw;
	overflow-x: hidden;
}

nav {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0.98;
	transition: -webkit-transform 300ms ease-in-out, opacity 300ms ease-in-out;
	transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
	text-align: center;
	position: absolute;
	top: 80%;
}

nav.open {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

nav > ul {
	margin: 0;
}

nav > ul li:first-child a {
	
}

nav > ul li a,
nav > ul li span {
	color: #fff;
}

nav > ul li a:hover,
nav > ul li span:hover {
	color: #fff;
	text-decoration: underline;
}

nav > ul li.selected > a, nav > ul li.selected > a:hover,
nav > ul li.selected span, nav > ul li.selected span:hover {
	color: #F5F9FD;
	font-weight: 500;
}

nav > ul li.selected ul {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	height: 120%;
}

nav li > ul {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	position: relative;
	text-align: center;
	transition: all 300ms ease-in-out;
	height: 0;
	margin: 0;
}

.dark img, .light img, .custom1 img, .custom2 img, .custom3 img {
	max-width: 80%;
}

.icon {
	margin: 0;
	width: 35% !important;
  	object-fit: cover !important;
  	aspect-ratio: 1/1 !important;
}

}

@media (max-width: 992px) and (max-width: 992px) {

nav > ul li.selected ul li a,
langnav > ul li.selected ul li a {
	color: #fff;
	font-weight: 500;
	top: 20px;
}
langnav li > ul {
	left: -140px;
	top: 10px;
	z-index: 9999 !important;
}

langnav {
	position: absolute;
	margin: 8px 0 0 0;
	top: -102px;
	right: 2%;
	height: 70px;
	transition: height 300ms ease-in-out;
}

.blogarchive div[class^="col-"] {
	margin-bottom: 100px !important;
}

.dark img,
.light img,
.custom1 img,
.custom2 img,
.custom3 img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0;
}

}

@media (max-width: 768px) {

.breadcrumb {
	text-align: center;
	padding: 20px 0;
	background: #1f4042;
}

.dark,
.light,
.custom1,
.custom2,
.custom3 {
	background-position: center right;
}

.dark img, .light img, .custom1 img, .custom2 img, .custom3 img {
	max-width: 100%;
}

.timelinebold {
	background-size: 80px;
	background-position: left 40px;
	padding: 10px 0 36px 84px !important;
	margin-left: -45px;
}

.timelinenotbold {
	background-size: 80px;
	background-position: left 40px;
	padding: 10px 0 36px 84px !important;
	margin-left: -45px;
}

#TopBtn {
  display: none; /* Hidden by default */
  padding: 14px 10px 0px 10px;
  z-index: 9999;
}

#ToTopIcon {
    margin-bottom: 5px;
}
langnav {
	top: -22px;
	right: 17%;
}

langnav li > ul {
	left: -40px;
	top: 70px;
}


#searchholder {
	width: 550px;
	height: 50px;
	padding: 5px 0;
	text-align: right;
	position: absolute;
	top: 90px;
	float: right;
}
	
.search {
	width: 400px;
	border-radius: 20px !important;
}

.prjtop {
	margin-bottom:-200px;
	margin-top: 50px;
}

.projectbtn:visited, 
.projectbtn {
	opacity: 0.8; 
	padding: .1rem 1.5rem .15rem .8rem !important; 
	border-radius: 35px; 
	margin: 2px 0px 0px 0px;
}

#toggle {
	right: 30px;
	top: 40%;
}

}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */