@font-face {
    font-family: 'akkuratreg';
    src: url('akkurat/Akkurat-Regular.ttf') format('truetype'),
		 url('akkurat/Akkurat-Regular.woff') format('woff');
        ;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'akkuratbd';
    src: url('akkurat/Akkurat-Bold.ttf') format('truetype'),
		 url('akkurat/Akkurat-Bold.woff') format('woff');
        ;
    font-weight: normal;
    font-style: normal;
}

html { min-height: 100% }

body { padding: 0px; margin: 0px;
color: #000000;
font-family: 'akkuratreg', sans-serif !important;
font-size: 14pt;
line-height: 19pt;
background: #ffffff;
}

#menuArea { display: none; }
h1 { padding: 0px; margin: 0px; letter-spacing: -1px; font-size: 45pt; line-height: 50pt; color:#000000; font-family: 'akkuratreg', sans-serif !important; text-align: left; }
h2 { padding: 20px 0px 20px 0px; margin: 0px; letter-spacing: -1px; font-size: 28pt; line-height: 33pt; color:#000000; font-family: 'akkuratreg', sans-serif !important; text-align: left; }
h3 { padding: 0px; margin: 0px; letter-spacing: 1px; font-size: 12pt; line-height: 17pt; color:#000000; font-family: 'akkuratreg', sans-serif !important; text-align: left; text-transform: uppercase;}
img { display: block; border: 0; font-family: 'akkuratreg', sans-serif; font-style: italic; color: #666666; font-size: 8pt; }

.mainhead {
width: 68%;
padding: 0px;
margin: 0px;
display: inline-block;
vertical-align: top;
}

/* DESKNAV STARTS HERE */

.logobox { display: inline-block; float: left; z-index: 10; position: absolute; margin: 25px 0px 0px 0px; padding: 0; overflow: hidden; }
.logo { max-width: 160px; float: left; height: auto; margin: 0 auto; }

.topnav { float: right; overflow: hidden; margin: 0px; padding: 0px; }
#navigation { font-family: 'akkuratbd', sans-serif !important; font-size: 18pt; line-height: 28pt; margin: 58px 0px 0px 0px; overflow: hidden; }
#navigation ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
#navigation li { float: left; margin-left: 100px; }

.hover-underline-animation a {
display: inline-block;
position: relative;
color: #000000;
text-decoration: none;
padding-bottom: 5px;
}

.hover-underline-animation a:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
border-radius: 0px;
height: 8px;
bottom: 0px;
left: 0;
background: #8dc63f;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}

.hover-underline-animation a:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}

/* DESKNAV ENDS HERE */

/* TOP BLOCK STARTS HERE */

.topwhitebkgrd { margin: 0; padding: 0px; width: 100%;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInDown {
0% { opacity: 0;
-webkit-transform: translateY(-100px); }
100% { opacity: 1;
-webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
0% { opacity: 0;
transform: translateY(-100px); }
100% { opacity: 1;
transform: translateY(0); }
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }

.top { margin: 0; padding: 0px 0px 70px 0px; width: 100%; }
.mast { width: 90%; margin: 0 auto; padding: 0px; height: 100px; position: relative; }
.subcolumn { width: 90%; margin: 70px auto 0px auto; padding: 0px; overflow: hidden; }
.subcolumn:after { content: ""; display: table; clear: both; }

/* TOP BLOCK ENDS HERE */

.hometext {
width: 90%;
margin: 0px auto 20px auto;
padding: 0px;
overflow: hidden;
opacity: 0;
transform: translate(0px, 50px);
will-change: transform, opacity;
}

.hometext:after { content: ""; display: table; clear: both; }

.hometext.is-visible {
opacity: 1;
transform: none;
}

@media (prefers-reduced-motion: no-preference) {
.hometext {
transition: opacity 1s ease, transform 1s ease;
}
}

.hometext-transition {
opacity: 1;
transform: none;
}

.hundred {
width: 100%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.hundred a:link { color: #76a635; text-decoration: underline; }
.hundred a:visited { color: #76a635; text-decoration: underline; }
.hundred a:hover { color: #76a635; text-decoration: none; }
.hundred img { width: 100%; }

.subhundred {
width: 100%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.subhundred img { width: 100%; }

.fifty {
width: 49%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.fifty img { width: 100%; }

.thirty {
width: 30%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.thirty img { width: 100%; }

.thirtysub {
width: 30%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.thirtysub a:link { color: #000000; text-decoration: none; }
.thirtysub a:visited { color: #000000; text-decoration: none; }
.thirtysub a:hover { color: #76a635; text-decoration: none; }

.thirtysub h2 { padding: 0px 0px 20px 0px; margin: 0px; letter-spacing: -1px; font-size: 28pt; line-height: 33pt; font-family: 'akkuratreg', sans-serif !important; text-align: left; }
.thirtysub h3 { padding: 0px; margin: 0px; letter-spacing: 1px; font-size: 12pt; line-height: 17pt; color:#000000; font-family: 'akkuratreg', sans-serif !important; text-align: left; text-transform: uppercase; }

.threetwo {
width: 32%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.threetwo img { width: 100%; }

.twothree {
width: 23.5%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.twothree img { width: 100%; }

.sixeight {
width: 68%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.sixeight img { width: 100%; }

.two {
width: 2%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}

.twosplit {
width: 2%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}

.twodesk {
width: 2%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}

/* AUDIO PLAY PAUSE STARTS HERE */

.audiotext { text-align: center; color: #ffffff; font-family: 'akkuratreg', sans-serif; font-size: 14pt; line-height: 19pt; padding: 62px 20px; margin: 0; background: #8dc63f; vertical-align: top; }
	
.atextbd { font-family: 'akkuratbd', sans-serif; }

.player___container .play__pause {
filter: invert(1);
  cursor: pointer;
  text-indent: -999999px;
  height: 40px;
  width: 40px;
  padding: 12px 18px;
  z-index: 2;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMiAyNHYtMjRsMjAgMTItMjAgMTJ6Ii8+PC9zdmc+);
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
border: 1px solid #000000;
  margin: 0 auto;
}
.play__pause.play {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMiAyNHYtMjRsMjAgMTItMjAgMTJ6Ii8+PC9zdmc+);
}
.play__pause.pause {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMjRoLTZ2LTI0aDZ2MjR6bTEwLTI0aC02djI0aDZ2LTI0eiIvPjwvc3ZnPg==) !important;
}
/* AUDIO PLAY PAUSE ENDS HERE */

/* RESPONSIVE VIDEO STARTS HERE */

.sqvidcontainer {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 100%; /* Square Aspect Ratio */
}
	
.vidcontainer {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.fenvidcontainer {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 72.22%;
background: #cccccc;
}

.responsive-vid {
  position: absolute;
  top: 0px;
  left: -1px;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* RESPONSIVE VIDEO ENDS HERE */

/* ASI CUSTOMS START HERE */

.hero {
width: 100%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.hero img { width: 100%; }

.herosubs {
width: 30%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}

.herosubs h2 { padding: 0px 0px 20px 0px; margin: 0px; letter-spacing: -1px; font-size: 28pt; line-height: 33pt; color:#000000; font-family: 'akkuratreg', sans-serif !important; text-align: left; }
.herosubs h3 { padding-bottom: 40px; margin: 0px; letter-spacing: 1px; font-size: 12pt; line-height: 17pt; color:#000000; font-family: 'akkuratreg', sans-serif !important; text-align: left; text-transform: uppercase;}

/* ASI CUSTOMS END HERE */

/* FOOTER STARTS HERE */

.footslide { margin: 0; padding: 0px; width: 100%; opacity: 0; transform: translate(0px, 100px); will-change: transform, opacity; }

.footslide.is-visible {
opacity: 1;
transform: none;
}

@media (prefers-reduced-motion: no-preference) {
.footslide {
transition: opacity 2s ease, transform 2s ease;
}
}

.footslide-transition {
opacity: 1;
transform: none;
}

.footmast { width: 90%; margin: 100px auto 0px auto; padding-bottom: 100px; position: relative; overflow: hidden; }
.footlogobox { display: inline-block; float: left; margin: 0px; padding: 0; overflow: hidden; }
.footsocial { float: right; overflow: hidden; margin: 45px 0px 0px 0px; padding: 0; }

.fineprint { font-family: 'akkuratreg', sans-serif; font-size: 14pt; line-height: 14pt; font-weight: bold; color: #000000; padding: 0px; }
.fineprint a:link { color: #000000; text-decoration: none; }
.fineprint a:visited { color: #000000; text-decoration: none; }
.fineprint a:hover { color: #8dc63f; text-decoration: none; }

/* FOOTER ENDS HERE */

.emfineprint { text-align: center; margin: 0px; font-family: 'akkuratreg', sans-serif; font-size: 11pt; line-height: 11pt; color: #000000; padding-bottom: 20px; }
.emfineprint a:link { color: #000000; text-decoration: none; }
.emfineprint a:visited { color: #000000; text-decoration: none; }
.emfineprint a:hover { color: #000000; text-decoration: underline; }

/* BRANDS START HERE */

.brandtext {
width: 90%;
margin: 0px auto 0px auto;
padding: 0px;
overflow: hidden;
opacity: 0;
transform: translate(0px, 50px);
will-change: transform, opacity;
text-align: center;
}

.brandtext:after { content: ""; display: table; clear: both; }

.brandtext.is-visible {
opacity: 1;
transform: none;
}

@media (prefers-reduced-motion: no-preference) {
.brandtext {
transition: opacity 1s ease, transform 1s ease;
}
}

.brandtext-transition {
opacity: 1;
transform: none;
}

.brandedge {
width: 15%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.brand {
width: 16%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.brand img { width: 200px; margin: 0 auto; }

.brandtwodesk {
width: 2%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}

/* BRANDS END HERE */