html {margin:0px;height:100%}
body {font-family:'Montserrat',sans-serif;font-size:18px;line-height:28px;color:#666;margin:0px;height:100%}
a:link {color:#e8c31e;text-decoration:none;font-weight:500}
a:visited {color:#e8c31e;text-decoration:none;font-weight:500}
a:hover {color:#e8c31e;text-decoration:underline;font-weight:500}
a:active {color:#e8c31e;text-decoration:none;font-weight:500}
a img {border:none}

#container {min-height:100%;position:relative}
#main {position:relative;top:0;width:100%;overflow:hidden;padding-bottom:280px}
#text {background-color:#fff;padding:30px}
#newstext {background-color:#fff;padding:30px;max-width:900px;margin:auto}

#alert {background-color:#e8c31e;color:#fff;padding:20px;text-align:center;font-weight:500}

#logo {width:300px;height:52px}
#footlogo {width:150px;height:26px}
#matter {font-size:15px;line-height:20px;letter-spacing:4px;margin-bottom:30px}

#bannerimg {width:100%;height:350px;position:relative;overflow:hidden}
#mainimg {position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%, -50%)}

.newsframe {width:900px;height:220px;position:relative;overflow:hidden;margin:auto}
.newsimg {position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%, -50%)}
.new {float:left;margin:20px 0px;background:none;border:none;margin:0;padding:0;cursor:pointer;border-radius:0;font-family:'Montserrat',sans-serif;font-size:18px;line-height:28px;color:#e8c31e;height:100%;font-weight:500}
.old {float:right;margin:20px 0px;background:none;border:none;margin:0;padding:0;cursor:pointer;border-radius:0;font-family:'Montserrat',sans-serif;font-size:18px;line-height:28px;color:#e8c31e;height:100%;font-weight:500}
.new:hover {text-decoration:underline}
.old:hover {text-decoration:underline}

#header {position:relative;z-index:200;text-align:center;padding:30px 0px;background:#fff;margin-bottom:30px;border-top:15px solid #e8c31e;width:100%;top:0px}
#header-container {position:relative;padding:0;text-align:center}
#header-container ul {margin:0px;padding:0px}
#header a {color:#666;text-decoration:none}
#header a:hover {text-decoration:none}

.headerfix {position:fixed !important;height:30px;text-align:left;padding:10px 0px !important;border-bottom:1px solid #666}
.headerfix #header-container {text-align:left}
.headerfix #logo {width:150px;height:26px;margin-left:20px}
.headerfix #logolink {float:left}
.headerfix .mobilemenu {height:0;width:0}
.headerfix #nav {margin-left:30px}
.headerfix #nav li {width:15%}

.mobilemenu {color:#666;font-size:0}

#nav {font-weight:500;font-size:22px;line-height:30px;height:30px;min-height:30px}
#nav a:link {color:#666;display:block}
#nav a:visited {color:#666;display:block}
#nav li a:hover {color:#e8c31e;text-decoration:none}
#nav li a:active {color:#e8c31e;text-decoration:none}
#nav ul {margin:0px;padding:0px}
#nav li {text-align:center;display:block;line-height:30px;width:18%;height:30px;float:left;margin:0px 10px;font-size:22px}

#footer {clear:both;position:absolute;bottom:0;width:100%;height:240px;z-index:200;border-bottom:15px solid #808285}
#footer-container {padding:40px 20px 20px 20px;text-align:center}
#footer a {color:#666}
#footer p {font-size:16px;line-height:20px;color:#666;letter-spacing:4px}
#footcopy {font-size:10px;line-height:16px;letter-spacing:normal !important}
.footadd {display:inline}

h1 {font-weight:500;font-size:30px;line-height:40px;color:#e8c31e;letter-spacing:4px}
h2 {font-weight:500;font-size:25px;line-height:30px;color:#e8c31e;letter-spacing:4px}
h3 {font-weight:500;font-size:20px;line-height:25px;color:#e8c31e;letter-spacing:4px}
h4 {font-weight:600;font-size:18px;line-height:20px;color:#808285;letter-spacing:4px}
h5 {font-weight:500;font-size:14px;line-height:18px;color:#999;letter-spacing:4px}

#vidbox {position:relative;display:block;width:100%;height:400px;overflow:hidden}
#vid {position:absolute;width:100%;height:auto;top:50%;transform:translateY(-50%)}

.team {float:left;width:370px;text-align:center;margin-bottom:30px;padding:30px}
.example {font-weight:500;color:#e8c31e;letter-spacing:4px}

.homeimg {float:left;width:20%;min-width:150px;font-weight:bold;text-align:center;margin-bottom:30px}
.pageimg {width:800px;height:auto;border:1px solid #aaa}
.scaleimg {width:100%;height:auto}
.greentable {color:#fff;font-weight:bold;background-color:#2c6636}
.producttables {margin-left:320px}
.leftimg {float:left;margin-right:20px;margin-bottom:20px}
.rightimg {float:right;margin-left:20px;margin-bottom:20px}

.contactform {float:left;width:45%;margin-right:80px}
.contactfield {font-family:'Montserrat',sans-serif;font-size:18px;line-height:28px;color:#666;border:1px solid #aaa;padding:5px;width:300px}

.send {padding:10px;color:#fff;background-color:#e8c31e;font-family:'Montserrat',sans-serif;font-size:25px;line-height:30px;letter-spacing:4px;width:200px;border:none;cursor:pointer}
.send a {color:#fff;text-decoration:none;font-weight:500}
#whitescreen {z-index:999;height:100%;width:100%;position:fixed;top:0;left:0;background-color:#fff;opacity:.75;display:none}
#mc_embed_signup {z-index:1000;width:370px;height:230px;border:1px solid #666;padding:110px 40px 40px 40px;position:fixed;left:50%;margin-left:-225px;top:50%;margin-top:-175px;background:#fff;display:none}
.close {position:absolute;top:-15px;right:-15px}
.mcsend {padding:10px;color:#fff;background-color:#e8c31e;font-family:'Montserrat',sans-serif;font-size:15px;line-height:25px;letter-spacing:4px;width:150px;border:none;cursor:pointer}
.mcsend a {color:#fff;text-decoration:none;font-weight:500}

.worktext {float:left;width:60%}
.vision {float:right;margin-left:20px;margin-bottom:20px;width:400px;padding:20px;border-radius:20px}
.partner {float:left;width:30%;margin:0px 20px}

@media all and (min-width:1500px) { #bannerimg {height:500px}}
@media all and (min-width:2300px) { #bannerimg {height:800px}}
@media all and (min-width:3800px) { #bannerimg {height:1100px}}
@media all and (min-width:5300px) { #bannerimg {height:1400px}}

@media all and (min-width:1300px) {
body {font-size:18px;line-height:40px}
h1 {font-size:40px;line-height:50px}
h2 {font-size:35px;line-height:40px}
h3 {font-size:30px;line-height:35px}
}

@media all and (max-width:1240px) {
#imgfade {display:static}
#nav li {font-size:18px}
}

@media all and (max-width:800px) {
.mobilemenu {font-size:25px;color:#fdd0af;margin-top:10px}
#mobilemenu {margin-top:10px !important}
#header {margin-bottom:0px}
#nav {height:auto;width:100%;padding:0px;min-height:30px}
#nav a {width:100%}
#nav li {height:auto;float:none;width:100%;margin:0;font-size:22px;line-height:40px;height:40px}
#nav ul {padding:0px;display:none}
#text {padding:20px}
#main {padding-bottom:300px}
#footer {height:270px}
#footer p {font-size:14px;line-height:22px}
#footcopy {font-size:8px;line-height:12}
.headerfix #nav {position:absolute;top:-10px;right:0px;background:#fff;width:200px;padding-right:20px;text-align:right !important}
.headerfix #nav li {width:200px;text-align:right}
.headerfix #mobilemenu {margin-top:40px !important}
.footadd {display:none}
.contactform {float:none;width:auto;margin:0 !important}
.team {float:none;width:auto}
.pageimg {width:100%}
.img {width:100%;height:auto}
#bannerimg {height:200px}
#newstext {padding:20px}
.newsframe {width:100%;height:150px}
#newstext p img {max-width:100%;height:auto}
}

@media all and (max-width:450px) {
.leftimg {float:none;margin-right:0;width:100%;height:auto}
.rightimg {float:none;margin-left:0;width:100%;height:auto}
h1 {font-size:40px;line-height:50px}
}