/*copyright dualcode.de Basis 04 - 09.04.2023*/

@font-face{
font-family:Lato;
src:url('../fonts/Lato/Lato-Light.ttf') format('truetype');
font-weight:normal;
font-style:normal;
}

html,body,div,span,h1,h2,h3,p,a,b,ul,li,label,footer,header,menu,nav,section{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}

footer,header,menu,nav,section{
display:block;
}

ul{
list-style:none;
}

body{
-webkit-text-size-adjust:none;
-ms-overflow-style:scrollbar;
line-height:1;
}

@media screen and (max-width:480px){
html,body{
min-width:320px;
}
}

html{
box-sizing:border-box;
}

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

body{
background:#fff;
}

body.is-preload *,body.is-preload *:before,body.is-preload *:after{
-moz-animation:none !important;
-webkit-animation:none !important;
-ms-animation:none !important;
animation:none !important;
-moz-transition:none !important;
-webkit-transition:none !important;
-ms-transition:none !important;
transition:none !important;
}

html{
	font-size:15pt;
}

@media screen and (max-width:1680px){
html{
font-size:13pt;
}
}

@media screen and (max-width:1280px){
html{
font-size:12pt;
}
}

@media screen and (max-width:980px){
html{
font-size:12pt;
}
}

@media screen and (max-width:480px){
html{
font-size:12pt;
}
}

@media screen and (max-width:360px){
html{
font-size:11pt;
}
}

body{
background-color:#fff;
color:#0e136e;
font-family:Lato,Helvetica,sans-serif;
font-weight:300;
font-size:1rem;
line-height:1.8;
}

a{
-moz-transition:color 0.2s ease-in-out;
-webkit-transition:color 0.2s ease-in-out;
-ms-transition:color 0.2s ease-in-out;
transition:color 0.2s ease-in-out;
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

b{
font-weight:900;
}

p{
margin:0 0 2rem 0;
}

h1 a,h2 a,h3 a{
color:inherit;
text-decoration:none;
}

h1{
font-family:Helvetica,sans-serif;
font-size:4rem;
letter-spacing:0.1rem;
font-weight:900;
line-height:1.5;
margin:0 0 1.5rem 0;
}

h2{
font-size:1.75rem;
font-weight:900;
letter-spacing:0.25rem;
line-height:1.5;
margin:0 0 1.5rem 0;
}

h3{
font-size:1.5rem;
font-weight:900;
letter-spacing:0.25rem;
line-height:1.5;
margin:0 0 1.5rem 0;
}

@media screen and (max-width:1280px){
h1{
font-size:3.5rem;
}
}

@media screen and (max-width:980px){
h1{
font-size:3rem;
}

h2{
font-size:1.5rem;
}

h3{
font-size:1.25rem;
}
}

@media screen and (max-width:736px){
h1{
font-size:1.75rem;
}

h2{
font-size:1.5rem;
}

h3{
font-size:1.25rem;
}
}

a{
color:#0e136e;
}

b{
color:#0e136e;
}

h1,h2,h3{
color:#0e136e;
}

button,.button{
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
appearance:none;
-moz-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out;
border-radius:10px;
border:1px solid;
cursor:pointer;
display:inline-block;
font-size:0.7rem;
font-weight:900;
height:3rem;
letter-spacing:0.1rem;
line-height:2.75rem;
padding:0 1.5rem;
position:relative;
text-align:center;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
}

button.icon,button.icon{
border-bottom:2px solid;
}

button.icon:before,button.icon:before{
margin-right:.5rem;
}

button.large,button.large{
font-size:1rem;
height:3.75rem;
line-height:3.5rem;
padding:0 2.25rem;
}

button:disabled,button:disabled{
opacity:0.25;
}

@media screen and (max-width:1280px){
button.large,.button.large{
font-size:1rem;
height:4.25rem;
line-height:4rem;
}
}

@media screen and (max-width:736px){
button.alt,.button.alt{
padding-left:1.5rem !important;
text-align:left;
}

button.large,.button.large{
font-size:0.85rem;
height:3.75rem;
line-height:3.5rem;
text-align:left;
}
}

button,.button{
background-color:transparent;
color:#76819e !important;
}

button:hover,button:focus,.button:hover,.button:focus{
background-color:rgba(99,116,133,0.075);
}

button:active,.button:active{
background-color:rgba(99,116,133,0.175);
}

button.icon:before,.button.icon:before{
color:#000;
}

label{
display:block;
font-size:0.9rem;
font-weight:900;
margin:0 0 1rem 0;
}

::-webkit-input-placeholder{
opacity:1.0;
}

:-moz-placeholder{
opacity:1.0;
}

::-moz-placeholder{
opacity:1.0;
}

:-ms-input-placeholder{
opacity:1.0;
}

label{
color:#000;
}

::-webkit-input-placeholder{
color:rgba(40,40,40,.5) !important;
}

:-moz-placeholder{
color: rgba(40,40,40,.5) !important;
}

::-moz-placeholder{
color:rgba(40,40,40,.5) !important;
}

:-ms-input-placeholder{
color:rgba(40,40,40, .5)!important;
}

.icon{
text-decoration:none;
border-bottom:none;
position:relative;
}

.icon:before{
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
text-transform:none !important;
}

.icon > .label{
display:none;
}

.icon.alt:before{
background:#000;
border-radius:50%;
color:#fff;
display:inline-block;
height:3rem;
line-height:3rem;
margin-right:1rem;
text-align:center;
width:3rem;
}

.icon.alt > .label{
display:inline-block;
}

ul{
list-style:none;
margin:0 0 2rem 0;
padding-left:1rem;
}

ul li{
padding-left:.5rem;
}

ul.alt{
list-style:none;
padding-left:0;
}

ul.alt li{
border-top:solid 1px;
padding:.5rem 0;
}

ul.alt li:first-child{
border-top:0;
padding-top:0;
}

ul.alt li{
border-top-color:rgba(99,116,133,0.25);
}

ul.actions{
display:-moz-flex;
display:-webkit-flex;
display:-ms-flex;
display:flex;
cursor:default;
list-style:none;
margin-left:-1rem;
padding-left:0;
}

ul.actions li{
padding:0 0 0 1rem;
vertical-align:middle;
}

ul.actions.special{
-moz-justify-content:center;
-webkit-justify-content:center;
-ms-justify-content:center;
justify-content:center;
width:100%;
margin-left:0;
}

ul.actions.special li:first-child{
padding-left:0;
}

ul.icons{
cursor:default;
list-style:none;
padding-left:0;
}

ul.icons li{
display:inline-block;
padding:0 1rem 0 0;
}

ul.icons li:last-child{
padding-right:0;
}

ul.icons li .icon:before{
font-size:1.5rem;
}

ul.contact-icons{
cursor:default;
list-style:none;
padding-left:0;
}

ul.contact-icons li{
padding-top:2rem;
}

ul.contact-icons li .icon:before{
border-radius:50%;
display:inline-block;
height:3rem;
line-height:3rem;
margin-right:1rem;
text-align:center;
width:3rem;
}

ul.contact-icons li .icon > .label{
display:inline-block;
}


@media screen and (max-width:980px){
ul.contact-icons{
-moz-align-items:center;
-webkit-align-items:center;
-ms-align-items:center;
align-items:center;
display:-moz-flex;
display:-webkit-flex;
display:-ms-flex;
display:flex;
-moz-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

ul.contact-icons li{
width:50%;
}

}

@media screen and (max-width:736px){
ul.contact-icons{
-moz-align-items:center;
-webkit-align-items:center;
-ms-align-items:center;
align-items:center;
display:-moz-flex;
display:-webkit-flex;
display:-ms-flex;
display:flex;
-moz-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

ul.contact-icons li{
width:100%;
}
}

ul.contact-icons li .icon:before{
background:#20346d;
color:#fff;
}

header p{
position:relative;
margin:0 0 1.5rem 0;
}

header h2 + p{
font-size:1.25rem;
margin-top:-1rem;
}

header h3 + p{
font-size:1.1rem;
margin-top:-0.8rem;
}


header p {
    color: #0e136e;
}

.wrapper {
    padding: 10rem 0 12rem 0;
    position: relative;
}

.wrapper:before, .wrapper:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 0,100 100,100' style='fill:%23ffffff%3B' /%3E%3C/svg%3E");
    z-index: 2;
}

.wrapper > .inner {
    margin: 0 auto;
    max-width: 65rem;
    width: calc(100% - 4rem);
		}

.wrapper:before, .wrapper:after {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 6rem;
    left: 0;
    position: absolute;
    width: 100%;
}

.wrapper:before {
    -moz-transform: translateY(-100%) scale(-1, 1);
    -webkit-transform: translateY(-100%) scale(-1, 1);
    -ms-transform: translateY(-100%) scale(-1, 1);
    transform: translateY(-100%) scale(-1, 1);
    content: '';
    top: 0;
}

.wrapper.alt {
    padding-bottom: 1rem;
}

.wrapper.alt:after {
    -moz-transform: translateY(100%) rotate(180deg);
    -webkit-transform: translateY(100%) rotate(180deg);
    -ms-transform: translateY(100%) rotate(180deg);
    transform: translateY(100%) rotate(180deg);
    bottom: 0;
    content: '';
}

.wrapper.style2 {
    background: #f9f9f9;
}

.wrapper.style2:before, .wrapper.style2:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 0,100 100,100' style='fill:%23f9f9f9%3B' /%3E%3C/svg%3E");
    z-index: 2;
}

@media screen and (max-width: 1680px) {

.wrapper {
    padding: 8rem 0 10rem 0;
}
}

@media screen and (max-width: 1280px) {
.wrapper {
    padding: 6rem 0 8rem 0;
}

.wrapper:before, .wrapper:after {
    height: 4rem;
}

.wrapper > .inner {
    max-width: 75rem;
    width: calc(100% - 8rem);
}
}

@media screen and (max-width: 980px) {
.wrapper {
    padding: 4rem 0 6rem 0;
}

.wrapper:before, .wrapper:after {
    height: 3rem;
}
}

@media screen and (max-width: 736px) {
.wrapper {
    padding: 4rem 0 6rem 0;
}

.wrapper > .inner {
    width: calc(100% - 6rem);
}

.wrapper:before, .wrapper:after {
    height: 2rem;
    }

.wrapper.alt {
    padding-bottom: 0;
}
}

@media screen and (max-width: 480px) {
.wrapper {
    padding: 3rem 0 3rem 0;
}

.wrapper > .inner {
    width: calc(100% - 4rem);
}
}

@-moz-keyframes gallery-modal-spinner {
0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@-webkit-keyframes gallery-modal-spinner {
0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@-ms-keyframes gallery-modal-spinner {
0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@keyframes gallery-modal-spinner {
0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

.split {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto 3rem;
}

.split h2 {
    border-bottom: 2px solid;
    display: inline-block;
    font-size: 1rem;
    letter-spacing: 0.25rem;
    margin-bottom: 2.5rem;
    padding-bottom: 1rem;
}

.split .content {
    border-right: 1px solid;
    min-width: 70%;
    padding-right: 3rem;
    width: 70%;
}

.split .content p {
    margin-bottom: 2.5rem;
}

.split .content > *:last-child {
    margin-bottom: 0;
}

.split .contact-icons {
    margin-bottom: 0;
    padding-left: 4rem;
}

@media screen and (max-width: 1280px) {
.split .content {
    min-width: 60%;
    width: 60%;
}
}

@media screen and (max-width: 980px) {
.split {
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.split .content {
    border-bottom: 1px solid;
    border-right: none;
    padding-bottom: 3rem;
    padding-right: 0;
    width: 100%;
}

.split .contact-icons {
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 3rem;
}
}

.split h2 {
    border-color: #f0b010;
}

.split .content {
    border-color: rgba(99, 116, 133, 0.25);
}

@-moz-keyframes reveal-header {
0% {
    top: -4rem;
    opacity: 0;
}

100% {
    top: 0;
    opacity: 1;
}
}

@-webkit-keyframes reveal-header {
0% {
    top: -4rem;
    opacity: 0;
}

100% {
    top: 0;
    opacity: 1;
}
}

@-ms-keyframes reveal-header {
0% {
    top: -4rem;
    opacity: 0;
}

100% {
    top: 0;
    opacity: 1;
}
}

@keyframes reveal-header {
0% {
    top: -4rem;
    opacity: 0;
}

100% {
    top: 0;
    opacity: 1;
}
}

body #page-wrapper {
    padding-top: 4rem;
}

@media screen and (max-width: 736px) {
body #page-wrapper {
    padding-top: 3rem;
}
}

#header {
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: -moz-flex-end;
    -webkit-justify-content: -webkit-flex-end;
    -ms-justify-content: -ms-flex-end;
    justify-content: flex-end;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -ms-transition-duration: .2s;
    transition-duration: .2s;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background: #fff;
    border: none;
    color: #0e136e;
    height: 4rem;
    left: 0;
    line-height: 4rem;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
}

#header > .logo {
    -moz-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: default;
    display: block;
    font-size: 1rem;
    letter-spacing: .25rem;
    padding-left: 2rem;
    white-space: nowrap;
}

#header > .logo a {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: inherit;
    font-weight: 900;
    letter-spacing: 0.25rem;
    text-decoration: none;
}

#header > .logo a span {
    font-weight: 300;
}

#header > a {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: inherit;
    display: block;
    font-weight: 300;
    letter-spacing: 0.25rem;
    padding: 0 0.75rem;
    text-decoration: none;
}

#header > a:hover, #header > a:focus {
    color: rgba(0, 0, 0, .5);
}

#header > a[href="#menu"] {
    -moz-transition: background 0.2s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    text-decoration: none;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(99, 116, 133, 0.25);
    height: calc(4rem - 1px);
    line-height: 4rem;
    margin-left: .5rem;
    padding: 0 2rem;
}

#header > a[href="#menu"]:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
}

#header > a[href="#menu"] span {
    -moz-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    font-family: Lato, Helvetica, sans-serif;
    margin-right: 0.25rem;
}

#header > a[href="#menu"]:hover, #header > a[href="#menu"]:focus {
    background-color: rgba(99, 116, 133, 0.075);
    color: #000;
}

#header > a[href="#menu"]:hover:before, #header > a[href="#menu"]:focus:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 6px%3B stroke: %23000000%3B %7D%3C/style%3E%3Cline x1='10' y1='30' x2='90' y2='30' /%3E%3Cline x1='10' y1='50' x2='90' y2='50' /%3E%3Cline x1='10' y1='70' x2='90' y2='70' /%3E%3C/svg%3E");
}

#header > a[href="#menu"]:before {
    -moz-order: 2;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 6px%3B stroke: %23000000%3B %7D%3C/style%3E%3Cline x1='10' y1='30' x2='90' y2='30' /%3E%3Cline x1='10' y1='50' x2='90' y2='50' /%3E%3Cline x1='10' y1='70' x2='90' y2='70' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75rem;
    content: '';
    float: right;
    height: 1rem;
    margin-left: .5rem;
    opacity: 1;
    width: 1rem;
}

#header.alt {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    position: absolute;
}

#header.alt > a:hover, #header.alt > a:focus {
    color: #fff;
}

#header.alt > a[href="#menu"] {
    border-left: 1px solid rgba(255, 255, 255, 0.25);
}

#header.alt > a[href="#menu"]:hover, #header.alt > a[href="#menu"]:focus {
    background-color: rgba(255, 255, 255, 0.065);
}

#header.alt > a[href="#menu"]:hover:before, #header.alt > a[href="#menu"]:focus:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 6px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='10' y1='30' x2='90' y2='30' /%3E%3Cline x1='10' y1='50' x2='90' y2='50' /%3E%3Cline x1='10' y1='70' x2='90' y2='70' /%3E%3C/svg%3E");
}

#header.alt > a[href="#menu"]:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 6px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='10' y1='30' x2='90' y2='30' /%3E%3Cline x1='10' y1='50' x2='90' y2='50' /%3E%3Cline x1='10' y1='70' x2='90' y2='70' /%3E%3C/svg%3E");
}

#header + #banner {
    margin-top: -4rem;
}

@media screen and (max-width: 736px) {
#header {
    -moz-align-items: -moz-flex-start;
    -webkit-align-items: -webkit-flex-start;
    -ms-align-items: -ms-flex-start;
    align-items: flex-start;
    height: 3rem;
    line-height: 3rem;
    padding: 0 0 0 .5rem;
}

#header > .logo {
    font-size: 0.8rem;
    padding-left: 1rem;
}

#header > .logo span {
    display: none;
}

#header > a[href="#menu"] {
    height: calc(3rem - 1px);
    line-height: 3rem;
    padding: 0 1.5rem;
}

#header > a[href="#menu"]:before {
    margin-left: 0;
}

#header > a[href="#menu"] span {
    display: none;
}

#header > a[href="#menu"]:hover {
    background-color: transparent;
}
}

@media screen and (max-width: 480px) {
#header {
    min-width: 320px;
}

#header + #banner {
    margin-top: -5rem;
}
}


#page-wrapper {
    -moz-transition: -moz-filter 0.25s ease;
    -webkit-transition: -webkit-filter 0.25s ease;
    -ms-transition: -ms-filter 0.25s ease;
    transition: filter 0.25s ease;
}

#menu {
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -moz-transition: opacity 0.5s ease, visibility 0.5s;
    -webkit-transition: opacity 0.5s ease, visibility 0.5s;
    -ms-transition: opacity 0.5s ease, visibility 0.5s;
    transition: opacity 0.5s ease, visibility 0.5s;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    background-color: rgba(224, 224, 224, 0.6);
    cursor: default;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 1.5rem;
    position: fixed;
    text-align: center;
    top: 0;
    user-select: none;
    visibility: hidden;
    width: 100%;
    z-index: 10002;
}

#menu .inner {
    padding: 2.5rem 1.5rem .5rem 1.5rem ;
    -moz-transform: translateY(.5rem);
    -webkit-transform: translateY(.5rem);
    -ms-transform: translateY(.5rem);
    transform: translateY(.5rem);
	-moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    -webkit-overflow-scrolling: touch;
    background: rgba(210, 166, 72, 0.8);
    color: #fff;
    display: block;
    max-width: 100%;
    opacity: 0;
    position: relative;
    text-transform: uppercase;
    width: 24rem;
}

#menu h2 {
    border-bottom: solid 1px rgba(255, 255, 255, 0.25);
    color: inherit;
    font-family: Lato, Helvetica, sans-serif;
    letter-spacing: 0.1rem;
    padding-bottom: 1rem;
}

#menu .close {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='64px' viewBox='0 0 64 64' zoomAndPan='disable'%3E%3Cstyle%3Eline %7Bstroke: %23ffffff%3Bstroke-width: 1.5px%3B%7D%3C/style%3E%3Cline x1='20' y1='20' x2='44' y2='44' /%3E%3Cline x1='20' y1='44' x2='44' y2='20' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 3rem;
    content: '';
    cursor: pointer;
    display: block;
    height: 4rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    width: 4rem;
}

#menu .close span {
    display: none;
}

#menu .links {
    list-style: none;
    margin-bottom: 1.5rem;
    padding: 0;
}

#menu .links li {
    padding: 0;
}

#menu .links li a {
    -moz-transition: color ease-in-out;
    -webkit-transition: color ease-in-out;
    -ms-transition: color ease-in-out;
    transition: color ease-in-out;
    background-color: transparent;
    border: 0;
    color: inherit;
    display: block;
    font-weight: 300;
    letter-spacing: 0.25rem;
    line-height: 1.85rem;
    padding: 0.75rem 0;
    text-decoration: none;
}

#menu .links li a:hover {
    background-color: #fff;
    color: #000;
}

@media screen and (max-width: 736px) {
#menu .inner {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

#menu .inner .close {
    background-size: 1.5rem 1.5rem;
}
}

body.is-menu-visible #page-wrapper {
    -moz-filter: blur(1.5px);
    -webkit-filter: blur(1.5px);
    -ms-filter: blur(1.5px);
    filter: blur(1.5px);
}

body.is-menu-visible #menu {
    opacity: 1;
    visibility: visible;
}

body.is-menu-visible #menu .inner {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

#banner {
    background-color: #000;
    color: #fff;
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center;
    min-height: 40rem;
    min-height: 95vh;
    position: relative;
    width: 100%;
}

#banner a {
    color: #fff;
}

#banner b {
    color: #fff;
}

#banner h1, #banner h2, #banner h3{
    color: #fff;
}

#banner button,
#banner .button {
    background-color: transparent;
    border-color: #fff;
    color: #fff !important;
}

#banner button:hover,
#banner button:focus,
#banner .button:hover,
#banner .button:focus {
    background-color: rgba(255, 255, 255, 0.065);
}

#banner button:active,
#banner .button:active {
    background-color: rgba(255, 255, 255, 0.165);
}

#banner button.icon:before,
#banner .button.icon:before {
    color: #fff;
}

#banner label {
    color: #fff;
}

#banner ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
}

#banner :-moz-placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
}

#banner ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
}

#banner :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
}

#banner ul.alt li {
    border-top-color: rgba(255, 255, 255, 0.25);
}

#banner header p {
    color: #fff;
}

#banner ul.contact-icons li .icon:before {
    background: #000;
    color: #fff;
}

#banner .split h2 {
    border-color: #fff;
}

#banner .split .content {
    border-color: rgba(255, 255, 255, 0.25);
}

#banner:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.325), rgba(0, 0, 0, 0));
    z-index: 2;
}

#banner h1 {
    color: #fff;
    font-size: 4rem;
    margin: 0 auto;
    padding-bottom: 3rem;
    position: relative;
    text-align-last: justify;
    text-align: justify;
    opacity: .55;
}

#banner .inner {
    -moz-transition: opacity 1.5s ease-in-out;
    -webkit-transition: opacity 1.5s ease-in-out;
    -ms-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out;
    margin: 0 auto;
    max-width: 65rem;
    opacity: 1;
    position: relative;
    width: calc(100% - 4rem);
    z-index: 3;
}

#banner .content {
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    position: relative;
    text-align: justify;
    width: 100%;
}

#banner .content p {
    font-size: 1.5rem;
    font-weight: 400;
    min-width: 70%;
    padding: 3rem 3rem 3rem 0;
}

#banner .content ul {
    -moz-justify-content: -moz-flex-end;
    -webkit-justify-content: -webkit-flex-end;
    -ms-justify-content: -ms-flex-end;
    justify-content: flex-end;
}

#banner .bg {
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: 0.85;
}

#banner .bg div {
    -moz-transition: opacity 3s ease, visibility 3s;
    -webkit-transition: opacity 3s ease, visibility 3s;
    -ms-transition: opacity 3s ease, visibility 3s;
    transition: opacity 3s ease, visibility 3s;
    background-size: cover;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 150%;
}

#banner .bg div.visible {
    -moz-animation: bg 45s linear infinite;
    -webkit-animation: bg 45s linear infinite;
    -ms-animation: bg 45s linear infinite;
    animation: bg 45s linear infinite;
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

#banner .bg div.visible.top {
    z-index: 2;
}

@media screen and (max-width: 1280px) {
#banner .bg div.visible {
    -moz-animation: bg 29.25s linear infinite;
    -webkit-animation: bg 29.25s linear infinite;
    -ms-animation: bg 29.25s linear infinite;
    animation: bg 29.25s linear infinite;
}
}

@media screen and (max-width: 736px) {
#banner .bg div.visible {
    -moz-animation: bg 18s linear infinite;
    -webkit-animation: bg 18s linear infinite;
    -ms-animation: bg 18s linear infinite;
    animation: bg 18s linear infinite;
}
}

#banner .bg div:only-child {
    -moz-animation-direction: alternate !important;
    -webkit-animation-direction: alternate !important;
    -ms-animation-direction: alternate !important;
    animation-direction: alternate !important;
}

body.is-preload #banner .bg {
    opacity: 0;
}

@-moz-keyframes bg {
0% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

100% {
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
}
}

@-webkit-keyframes bg {
0% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

100% {
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
}
}

@-ms-keyframes bg {
0% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

100% {
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
}
}

@keyframes bg {
0% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

100% {
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
}
}

@media screen and (max-width: 1680px) {
#banner {
    padding-top: 4rem;
}
}

@media screen and (max-width: 1280px) {
#banner {
    min-height: 90vh;
    padding-top: 3rem;
}

#banner .inner {
    margin: 0 auto;
    max-width: 75rem;
    width: calc(100% - 8rem);
}

#banner h1 {
    font-size: 4rem;
    padding-bottom: 3rem;
}

#banner .content p {
    font-size: 1.25rem;
}
}

@media screen and (max-width: 980px) {
#banner {
    height: 95vh;
    min-height: 700px;
    padding-top: 3rem;
}

#banner h1 {
font-size: 3rem;
padding-bottom: 3rem;
text-align-last: center;
text-align: center;
}

#banner .content p {
    font-size: 1.25rem;
}

#banner .content {
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

#banner .content p {
    border-right: none;
    font-size: 1.25rem;
    min-width: 100%;
    padding: 3rem 0 0 0;
    text-align: center;
}
    
#banner .content ul {
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
}

@media screen and (max-width: 736px) {
#banner {
    min-height: 600px;
}

#banner h1 {
    font-size: 2.5rem;
    padding-bottom: 2rem;
}

#banner .inner {
    width: calc(100% - 6rem);
}

#banner .content p {
    padding-top: 2rem;
}

}

@media screen and (max-width: 480px) {
#banner {
    min-height: 650px;
    padding-top: 4rem;
}

#banner .inner {
    width: calc(100% - 4rem);
}

#banner h1 {
    padding-bottom: 2rem;
    text-align-last: center;
    text-align: center;
}

#banner .content {
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

#banner .content p {
    font-size: 1.15rem;
    padding-top: 2rem;
}

#banner .content ul {
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
}

body.is-preload #banner .inner {
	opacity: 0;
}

#main{
	padding-top:8rem !important;
}

@media screen and (max-width: 1680px) {

#main{
	padding-top: 6rem !important;
}
}

@media screen and (max-width: 980px){

#main{
	padding-top:4rem !important;
}
}

.copyright{
	color:rgba(40,40,40,.5);
	text-align:center;
}