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, 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; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;  }

*{ margin:0; padding:0; box-sizing:border-box;}

/**************************************************/
/* GLOBALLY USED ON ALL WEBSITES                  */
/**************************************************/
html { font-family: "Muli", sans-serif; font-smoothing: antialiased;  text-rendering: optimizeLegibility; scroll-behavior: smooth; }
footer, header, menu, section { display:block; }
body { font-size:16px; }
table { border-collapse:collapse; border-spacing:0; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

ul { margin-left: 20px;    }
ul.circle{ list-style-type:circle; }
ul.disc{ list-style-type:disc; list-style-position:inside; }
ul.square{ list-style-type:square; }

a{	text-decoration: none; color:inherit;}
img { max-width:100%; display:block; margin:0; }
p { padding-top:1em; }

.maxw100{ max-width:100%; }
.maxw90{ max-width:90%; }
.maxw80{ max-width:80%; }
.maxw70{ max-width:70%; }
.maxw60{ max-width:60%; }
.maxw50{ max-width:50%; }
.maxw45{ max-width:45%; }
.maxw40{ max-width:40%; }
.maxw30{ max-width:30%; }
.maxw20{ max-width:20%; }
.maxw10 { max-width:10%; }
.maxw25{ max-width:25%; }
.maxw75{ max-width:75%; }
.maxw33{ max-width:33%; }

.w5 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w95 { width:95%; }
.w100 { width:100%; }


.abs-topleft { position:absolute; top:0; left:0; }
.abs-topright { position:absolute; top:0; right:0; }
.abs-botleft { position:absolute; bottom:0; left:0; }
.abs-botright { position:absolute; bottom:0; right:0; }
.abs-topcent { position:absolute; top:0; left:50%; transform:translate(-50%, 0);}
.abs-botcent { position:absolute; bottom:0; left:50%; transform:translate(-50%, 0);}
.abs-center { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }

.float-left { float:left;  }
.float-right { float:right;  }
.text-wrap-left { clear:both; float:right; }
.text-wrap-right { clear:both; float:left; }
@media screen and (max-width: 400px) {
   .float-right, .float-left { float:none; }
}

.centerpg{ margin:0 auto; }
.centerit{ text-align:center; }
.leftit{ text-align:left; }
.rightit{ text-align:right; }
.topit{ vertical-align:top; }
.bottomit{ vertical-align:bottom; }
.midit{ vertical-align:middle; }
.italit{ font-style:italic; }
.boldit{ font-weight:bold; }
.boldit2 { font-weight:bolder; }
.borderit { border:1px solid; }
.borderit-bot { border-bottom:1px solid; }
.borderit-top { border-top:1px solid; }
.borderit-left { border-left:1px solid; }
.borderit-right { border-right:1px solid; }
.borderit-big { border:3px solid; }
.borderit-bot-big { border-bottom:3px solid; }
.borderit-top-big { border-top:3px solid; }
.borderit-left-big { border-left:3px solid; }
.borderit-right-big { border-right:3px solid; }
.bordertest1 { border:3px solid purple; }
.bordertest2 { border:3px solid green; }
.bordertest3 { border:3px solid red; }
.bordertest4 { border:3px solid blue; }
.fakeimg {  background-color: #aaa;  width:100%;  padding:20px;}

.text-3D { text-shadow:0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); }
.text-outline { text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.text-emboss { color:rgba(0,0,0,.6); text-shadow:2px 8px 6px rgba(0,0,0,.2), 0 -5px 35px rgba(255,255,255,.3); }
.text-hard-shadow { text-shadow:6px 6px 0 rgba(0,0,0,.2); }
.text-lifted-up { text-shadow:0 3px 0 #b2a98f, 0 14px 10px rgba(0,0,0,.15), 0 24px 2px rgba(0,0,0,.1), 0 34px 30px rgba(0,0,0,.1); }
.text-close-heavy { text-shadow:0 4px 3px rgba(0,0,0,.4), 0 8px 13px rgba(0,0,0,.1), 0 18px 23px rgba(0,0,0,.1); }
.text-superhero { text-shadow:-10px 10px 0 #00e6e6, -20px 20px 0 #01cccc, -30px 30px 0 #00bdbd; }
.text-glow { text-shadow:2px 8px 6px rgba(0,0,0,.2), 0 -5px 35px rgba(255,255,255,.3); }

.text-white { color:white; }
.text-ivory { color:ivory; }
.text-lightgrey { color:dimgrey; }
.text-darkgrey { color:darkgrey; }
.text-black { color:black; }
.text-red { color:red; }
.text-darkred { color:darkred; }
.text-maroon { color:maroon; }
.text-navy { color:navy; }
.text-darkblue { color:darkblue; }

.back-white { background:white; }
.back-black { background:black; }
.back-red { background:red; }
.back-grey { background:grey; }
.back-lightgrey { background:dimgrey; }
.back-silver { background:silver; }
.back-wheat { background:wheat; }
.back-ivory { background:ivory; }

.btn1{ border-radius:7px; display:inline-block; font-size:100%; outline:0; vertical-align:middle; overflow:hidden; text-decoration:none; text-align:center; cursor:pointer; white-space:nowrap; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding:.5rem 1rem; }
.btn2{ display:inline-block; font-size:100%; box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); padding:3px 5px; border-radius:7px; border:1px solid; text-align:center; cursor:pointer; white-space:nowrap; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;  }

.circle{ border-radius:50%; }
.hard-shadow{text-shadow:6px 6px 0 rgba(0,0,0,.2);}
.white-fog1 { text-shadow:-1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 5px grey, 0 0 10px grey, 0 0 20px grey, 0 0 20px grey, 0 0 30px white, 0 0 30px white, 0 0 40px white, 0 0 40px white, 0 0 50px white, 0 0 50px white, 0 0 50px white, 0 0 50px white, 0 0 50px white, 0 0 90px white, 0 0 90px white, 0 0 90px white; }
.white-fog2 { text-shadow:-1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 5px grey, 0 0 10px grey, 0 0 20px grey, 0 0 20px grey, 0 0 30px white, 0 0 30px white, 0 0 40px white, 0 0 40px white, 0 0 50px white, 0 0 50px white, 0 0 50px white, 0 0 50px white, 0 0 50px white }
.white-fog3 { text-shadow:-1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 90px white, 0 0 90px white, 0 0 90px white, 0 0 90px white, 0 0 90px white, 0 0 90px white, 0 0 90px white, 0 0 90px white; }

.iframe{ overflow:hidden!important; }

.bot-edge-shadow {
   -webkit-box-shadow: 0 8px 6px -6px black;
      -moz-box-shadow: 0 8px 6px -6px black;
           box-shadow: 0 8px 6px -6px black;
}

/*
input:not([type="submit"]), select, textarea
   {width:100%;background:#fff;border:1px solid black;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-bottom:1.5em;padding:1em;}
input:focus, select:focus, textarea:focus{background-color:#E5E6E7;}
textarea{width:100%;height:5em;}
*/

input{overflow:visible}
select{text-transform:none}

a[href], input[type='submit'], input[type='image'], label[for], select, button, .button, .button1, .button2, .button3, .pointer, .btn, .btn1, .btn2, .btn3, nav li:hover;
{ cursor:pointer; }

/*
i.fas, i.fa { margin-right:5px;!important; }
i { margin-right:15px; margin-left:3px;}
*/

.textbreak {  display: flex; align-items: center; text-align: center;}
.textbreak::before, .textbreak::after { content: ''; flex: 1; border-bottom: 1px solid #000;}
.textbreak::before { margin-right: .25em;}
.textbreak::after { margin-left: .25em;}

.pt1 { padding-top:1em; }     .pt1-5 { padding-top:1.5em; }    .pt2 { padding-top:2em; }
.pb1 { padding-bottom:1em; }  .pb1-5 { padding-bottom:1.5em; } .pb2 { padding-bottom:2em; }
.pl1 { padding-left:1em; }    .pl1-5 { padding-left:1.5em; }   .pl2 { padding-left:2em; }
.pr1 { padding-right:1em; }   .pr1-5 { padding-right:1.5em; }  .pr2 { padding-right:2em; }
.m1 { margin:1em; }
.m2 { margin:2em; }
.p2{ padding:2em; }
.p1{ padding:1em; }

.parallax { position:relative; z-index:1; height:500px; height:100vh; -webkit-box-shadow:inset 0 -6px 5px rgba(50, 50, 50, .75); -moz-box-shadow:inset 0 -6px 5px rgba(50, 50, 50, .75); box-shadow:inset 0 -6px 5px rgba(50, 50, 50, .75); }
.shadow-split { position:relative; z-index:3; width:100%; height:auto; -webkit-box-shadow:0 6px 5px rgba(50, 50, 50, .75); -moz-box-shadow:0 6px 5px rgba(50, 50, 50, .75); box-shadow:0 6px 5px rgba(50, 50, 50, .75); border-bottom:10em rgba(0,0,0,.8); transition:.2s; }

.ord1 { order:1;  }
.ord2 { order:2;  }
.ord3 { order:3;  }
@media screen and (min-width:992px) {
   .ord1 { order:1;  }
   .ord2 { order:1;  }
   .ord3 { order:1;  }
}

.hidden { display:none; }
.mobile, .tablet {display:block; }
.desktop { display:none; }
@media screen and (min-width:767px) {
   .mobile {display:none; }
}
@media screen and (min-width:900px) {
   .mobile {display:none; }
   .tablet {display:none; }
   .desktop { display:block; }
}

h1 { font-size:6vw; }
h2 { font-size:4vw; }
h3 { font-size:3vw; }
h4 { font-size:2vw; }
h5 { font-size:1.5vw; }

h1, .h1 { font-size: 1.2961572031rem; }
h2, .h2 { font-size: 1.214767763rem; }
h3, .h3 { font-size: 1.138489rem;}
h4, .h4 { font-size: 1.067rem; }
h5, .h5 { font-size: 1rem;}
h6, .h6 { font-size: 0.9372071228rem; }

@media screen and (min-width: 37.5rem) {
   h1, .h1 { font-size: calc(4.3792407416vw - 0.346058075rem);   }
   h2, .h2 {font-size: calc(2.7148829976vw + 0.1966866389rem);   }
   h3, .h3 { font-size: calc(1.5021176471vw + 0.5751948824rem);   }
   h4, .h4 { font-size: calc(0.6258823529vw + 0.8322941176rem);   }
   h5, .h5 { font-size: calc(0vw + 1rem);   }
   h6, .h6 { font-size: calc(-0.4400460609vw + 1.1022243956rem);   }
}
@media screen and (min-width: 80rem) {
   h1, .h1 { font-size: 3.1573345183rem;   }
   h2, .h2 { font-size: 2.368593037rem;   }
   h3, .h3 { font-size: 1.776889rem;   }
   h4, .h4 { font-size: 1.333rem;   }
   h5, .h5 { font-size: 1rem;   }
   h6, .h6 { font-size: 0.7501875469rem;   }
}

h1, h2, h3, h4, h5, h6 { padding:0; margin:0.5rem 0; line-height:1.5;   }