@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400&display=swap");
@font-face {
  font-family: 'Helve';
  src: url("helveticaneue-medium-webfont.woff") format("woff"), url("helveticaneue-medium-webfont") format("eot"), url("helveticaneue-medium-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
* {
  min-height: 0;
  min-width: 0; }

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

html, button, input, select, textarea {
  font-family: 'BrandonGrotesqueWeb-Light', 'Lato', 'Helvetica-Light', 'Helvetica', Arial, sans serif;
  /* 	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; */
  letter-spacing: 0.1em; }

.helper {
  display: none; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*background: #f0efeb;*/
  background: #FcFFFD;
  margin: 0;
  color: #040078;
  font-size: 0.9em;
  /*	 //cursor: url('<?php echo $config->urls->templates?>styles/right.png'), auto;
  	 //cursor: crosshair, auto;*/
  display: flex;
  height: 100%;
  flex-direction: column;
  /*height: 100%;*/
  box-sizing: border-box;
  scroll-behavior: smooth; }

h2 {
  font-size: 1.2em;
  font-weight: bold; }

h3 {
  font-size: 1em;
  font-weight: normal; }

h2 {
  font-size: 1.2em;
  font-weight: bold; }

h4 {
  font-weight: bold; }

a:link, a:visited, a:active {
  text-decoration: none;
  color: #040078; }

a:hover {
  font-weight: bold;
  text-decoration: underline; }

.site-header {
  display: flex;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 2.4em;
  background: white;
  z-index: 5; }
  .site-header a:link, .site-header a:visited, .site-header a:active {
    text-decoration: none; }
  .site-header a:hover {
    font-weight: bold; }
  .site-header .wrapper .bar {
    display: flex;
    flex-direction: row; }
    .site-header .wrapper .bar .logo {
      width: 4em;
      padding: 1.4em 0 1em 1.2em;
      margin-left: 0.8em; }
      .site-header .wrapper .bar .logo img {
        height: 2em; }
    .site-header .wrapper .bar .name {
      left: 0;
      padding: 1.3em 1em 0 0em;
      font-size: 1.2em; }
      .site-header .wrapper .bar .name a:hover {
        font-weight: normal; }
      .site-header .wrapper .bar .name b {
        font-weight: bold; }
      .site-header .wrapper .bar .name .sub {
        padding-left: 2.4em;
        font-size: 0.8em; }
  .site-header .wrapper .menubars {
    display: none; }
  .site-header nav {
    position: fixed;
    top: 6.2em;
    left: 4.8em;
    z-index: 5; }
    .site-header nav .menuicon {
      display: none;
      position: absolute;
      right: 0.4em;
      top: 0.2em;
      font-size: 24px; }
    .site-header nav ul {
      list-style: none; }
      .site-header nav ul li.current {
        font-weight: bold; }
        .site-header nav ul li.current ul.sub {
          display: block;
          color: red;
          font-weight: normal; }
          .site-header nav ul li.current ul.sub li {
            font-weight: normal;
            display: block; }
            .site-header nav ul li.current ul.sub li a {
              font-weight: normal; }
    .site-header nav ul.sub {
      margin-left: 2em;
      display: none; }
      .site-header nav ul.sub li {
        display: none; }

.content {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding-top: 6.2em; }
  .content .wrapper {
    width: 50%; }
    .content .wrapper .container {
      /*margin-top:4.8em;*/
      /*	the content area on the right*/
      padding: 0 2.4em 2.4em 0;
      /*	padding:0 2.4em 2.4em 2.4em;*/
      display: flex;
      flex-direction: column; }
      .content .wrapper .container .heading {
        display: none; }
      .content .wrapper .container .project {
        display: flex;
        flex-direction: row;
        margin-bottom: 2.4em; }
        .content .wrapper .container .project .info {
          width: 38%;
          padding-right: 1em; }
          .content .wrapper .container .project .info h2 {
            text-transform: normal; }
        .content .wrapper .container .project .imgcontainer {
          width: 62%; }
        .content .wrapper .container .project img {
          max-width: 100%; }
      .content .wrapper .container .single {
        width: 92%;
        align-self: flex-start;
        /*align project left or right in the browsers right half*/
        display: flex;
        flex-direction: column; }
        .content .wrapper .container .single .slidercontainer {
          display: flex;
          flex-direction: row; }
          .content .wrapper .container .single .slidercontainer .mobilenext {
            display: block;
            position: absolute;
            top: 45%;
            right: -1em;
            font-size: 2em; }
          .content .wrapper .container .single .slidercontainer .imgcontainer {
            width: 100%; }
            .content .wrapper .container .single .slidercontainer .imgcontainer img {
              			/*		max-width: 90%;
              					 width: 100%;
               					 background-size: cover;
                					object-fit: cover; */
              width: auto;
              max-width: 90%;
              background-size: cover;
              object-fit: cover;
              height: 40em;
              height: 45vh; }
          .content .wrapper .container .single .slidercontainer .arrow {
            display: flex;
            width: 10%;
            margin: 12% 0 0 0em;
            font-size: 2em;
            cursor: pointer; }
        .content .wrapper .container .single .info {
          width: 90%; }
        .content .wrapper .container .single h2 {
          margin-top: 2.4em; }
  .content .wrapper.typo {
    width: 80%; }
    .content .wrapper.typo table thead tr th {
      text-align: left;
      font-weight: bold;
      cursor: pointer;
      margin-bottom: 2em; }
    .content .wrapper.typo table thead tr th.sorted.ascending:after {
      content: "  \2191";
      font-size: 0.8em;
      font-weight: normal; }
    .content .wrapper.typo table thead tr th.sorted.descending:after {
      content: " \2193";
      font-size: 0.8em;
      font-weight: normal; }
    .content .wrapper.typo table tbody tr:hover td a {
      text-decoration: underline; }
    .content .wrapper.typo table tbody td {
      letter-spacing: 0; }

@media only screen and (min-width: 1200px) {
  .content .wrapper .container .single .info.textpage {
    width: 70%; } }
@media only screen and (max-width: 1200px) {
  .content .wrapper .container {
    /*	the content area on the right*/ }
    .content .wrapper .container .single .info.textpage {
      width: 80%; }
    .content .wrapper .container .project {
      flex-direction: column-reverse;
      /*		margin-bottom:2.4em;*/ }
      .content .wrapper .container .project .info {
        width: 100%;
        padding-right: 1em; }
        .content .wrapper .container .project .info h2 {
          text-transform: normal;
          margin-top: 1em; }
        .content .wrapper .container .project .info p {
          margin-top: 0.5em; }
      .content .wrapper .container .project .imgcontainer {
        width: 100%; }
      .content .wrapper .container .project img {
        max-width: 100%; } }
@media only screen and (max-width: 812px) {
  div.slick-slider {
    width: 1px;
    min-width: 100%;
    *width: 100%; }

  .content {
    padding-top: 3.8em; }
    .content .wrapper.typo {
      width: 100%; }
    .content .wrapper {
      width: 100%; }
      .content .wrapper .container {
        /*	the content area on the right*/
        padding: 2.4em;
        display: flex;
        flex-direction: column; }
        .content .wrapper .container .single {
          width: 100%; }
          .content .wrapper .container .single .info.textpage {
            width: 100%; }
        .content .wrapper .container .heading {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          flex-direction: row; }
          .content .wrapper .container .heading h1 {
            text-transform: uppercase;
            margin: 0 0 2.4em 0; }
        .content .wrapper .container .project {
          display: flex;
          flex-direction: column-reverse;
          margin-bottom: 2.4em; }
          .content .wrapper .container .project .info {
            width: 100%;
            padding-right: 1em; }
            .content .wrapper .container .project .info h2 {
              text-transform: normal;
              margin-top: 1em; }
          .content .wrapper .container .project img {
            max-width: 100%; }
        .content .wrapper .container .single .slidercontainer {
          display: flex;
          flex-direction: row;
          /*	.slick-dots li {
          	    display: none
          	}*/
          /* only displaying the active bullets and the 2 bullets next to it */ }
          .content .wrapper .container .single .slidercontainer .mobilenext {
            top: 40%;
            right: 0em; }
          .content .wrapper .container .single .slidercontainer .imgcontainer {
            width: 100%; }
            .content .wrapper .container .single .slidercontainer .imgcontainer img {
              			/*		max-width: 90%;
              					 width: 100%;
               					 background-size: cover;
                					object-fit: cover; */
              width: auto;
              max-width: 90%;
              background-size: cover;
              object-fit: cover;
              height: 20em;
              height: 30vh; }
          .content .wrapper .container .single .slidercontainer .arrow {
            display: flex;
            width: 10%;
            margin: 12% 0 0 0em;
            font-size: 2em;
            cursor: pointer; }

  .site-header {
    height: 4.4em; }
    .site-header .wrapper {
      width: 100%;
      display: flex; }
      .site-header .wrapper .bar {
        width: 100%; }
        .site-header .wrapper .bar .name .sub {
          display: none; }
    .site-header nav {
      display: flex;
      position: fixed;
      top: 1.4em;
      width: 100%;
      left: 0;
      right: 0;
      z-index: 5; }
      .site-header nav .menuicon {
        display: flex;
        right: 1.2em; }
      .site-header nav ul.nav_wrapper {
        	/*position: absolute;
        
        	top: 2.4em;
        	background: white;
        	width: 100%;
        	left: 0;
        	text-align: right;
        	padding: 0.5em 0 0.5em 0;*/
        opacity: 0.95;
        /* Opacity for Modern Browsers */
        filter: alpha(opacity=95);
        /* Opacity for IE8 and lower */
        zoom: 1;
        /* Fix for IE7 */
        position: absolute;
        top: 2.4em;
        background: white;
        width: 100%;
        left: 0;
        text-align: right;
        padding: 1.4em 0 0.5em 0;
        /*						    height: 13em;*/
        height: auto; }
        .site-header nav ul.nav_wrapper li {
          margin-right: 2em;
          font-size: 1em;
          transform: uppercase;
          /*padding: 0.1em 0em;*/
          padding: 1em 0; }
        .site-header nav ul.nav_wrapper .mobile {
          display: block; }
        .site-header nav ul.nav_wrapper .nav_item a {
          padding: 0.5rem 0;
          text-transform: uppercase; }
      .site-header nav ul.nav_wrapper.flexbox {
        display: block; }
      .site-header nav ul.nav_wrapper.hidden {
        display: none; }
    .site-header .menubars {
      display: block;
      width: 4em;
      padding-top: 1em;
      font-size: 1.4em;
      margin-right: -1em; } }

/*# sourceMappingURL=newstyle.css.map */