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, font, img, ins, kbd, q, s, samp, hr, 
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 {background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
input {-webkit-appearance:none;-webkit-border-radius:0px;border-radius:0;outline:none;}
select {-webkit-border-radius:0px;border-radius:0;outline:none;}
html,body {-webkit-text-size-adjust:100%;width:100%;height:100%;}
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-light-webfont.eot');
    src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff'),
         url('fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserratregular') format('svg');
    font-weight: 900;
    font-style: normal;
}
#clear {border:0;clear:both;margin:0;}
body {font:100% 'montserrat', Tahoma, Verdana, serif;font-weight:300;min-height:100%;width:100%;line-height:1;background-color:#fff;position:relative;}

#logo {position:fixed;top:5vmin;left:5vmin;z-index:200;}
#logo img {height:12vmin;}

#nav {position:fixed;top:5vmin;right:5vmin;z-index:200;}
#nav div {background-color:transparent;border:1px solid #000;padding:0.7em;font-size:1.5vmin;margin:0 0 1vmin;
-webkit-border-radius:3em;
-moz-border-radius:3em;
border-radius:3em;}
#nav div:hover {background-color:rgba(0,0,0,0.7);border:1px solid rgba(242,201,78,1);cursor:pointer;}
#nav div a {text-decoration:none;color:#000;}
#nav div:hover a, #nav div a:hover {color:rgba(242,201,78,1);}

#splash {width:100%;height:100%;position:relative;overflow:hidden;}
#splash video {
background-image:url('../images/splash-bg.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#splash .company {position:absolute;top:50%;transform:translateY(-50%);margin:0 10vmin 0 25vmin;background-color:rgba(242,201,78,1);padding:3vmin;}
#splash .company h1 {font-size:6vmin;line-height:1em;text-transform:uppercase;color:#000;font-weight:900;}
#splash .company h2 {font-size:3.2vmin;line-height:1em;text-transform:uppercase;color:#000;font-weight:normal;}

#about {position:relative;padding:5vmin 10vmin 5vmin 25vmin;font-size:2.2vmin;line-height:4vmin;min-height:100%;
background-image:url('../images/about-bg.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#about h1 {font-size:1.5em;font-weight:900;color:rgba(242,201,78,1);background-color:#000;color:#fff;padding:2vmin;display:inline-block;margin:0 0 1em;}
#about h2 {font-size:1em;font-weight:900;color:rgba(242,201,78,1);background-color:#000;color:#fff;padding:0.5vmin 1vmin;display:inline-block;margin:0 0 0.5em;}
#about ul {margin-left:1em;list-style-type:circle;}
#about .cols {width:calc(40% - 1.5em - 1px);margin:1em 0 2em;float:left;padding:0;}
#about .cols:nth-child(4) {padding-right:1.5em;border-right:1px solid #000;}
#about .cols:nth-child(5) {padding-left:1.5em;border-left:1px solid #000;margin-left:-1px;}

#product {position:relative;padding:5vmin 10vmin 5vmin 25vmin;font-size:2.2vmin;line-height:4vmin;width:100%;
background-image:url('../images/product-bg.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#product > h1 {font-size:1.5em;line-height:1.5em;font-weight:900;color:rgba(242,201,78,1);background-color:#000;color:#fff;padding:2vmin;display:inline-block;margin:0 0 1em;}
#product > h2 {font-size:1.2em;line-height:1.2em;font-weight:900;color:rgba(242,201,78,1);color:rgba(242,201,78,1);display:inline-block;margin:1em 0;}
#product .item {width:calc(25% - 1em);float:left;margin:0 1em 1em 0;padding:1em;background-color:rgba(255,255,255,0.6);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#product .item h1 {padding:0.3em 1em;margin:-0.5em 0 0.5em -1em;display:inline-block;color:#000;border-bottom:1px solid #000;text-transform:uppercase;font-weight:900;line-height:1.2;}
#product .item h1:hover {cursor:pointer;}
#product .item h1 img {height:0.6em;margin-right:0.5em;}
#product .item h1 img:hover {cursor:pointer;}
#product .item h1 img.up {display:none;}
#product .item ul {margin:0 0 0 1em;list-style-type:circle;font-size:0.8em;line-height:2em;display:none;}

#distributor {position:relative;padding:5vmin 10vmin 5vmin 25vmin;font-size:2.2vmin;line-height:4vmin;min-height:100%;
background-image:url('../images/distributor-bg.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#distributor > h1 {font-size:1.5em;font-weight:900;color:rgba(242,201,78,1);background-color:#000;color:#fff;padding:2vmin;display:inline-block;margin:0 0 1em;}
#distributor .wrap {margin-left:-5vmin;}
#distributor .item {width:calc(25% - 1em);float:left;margin:0.5em;padding:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#distributor .item img {width:100%;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
-webkit-box-shadow:0 0 10px 0 #000;
-moz-box-shadow:0 0 10px 0 #000;
box-shadow:0 0 10px 0 #000;}

#client {position:relative;padding:5vmin 10vmin 5vmin 25vmin;font-size:2.2vmin;line-height:4vmin;min-height:100%;
background-image:url('../images/client-bg.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#client > h1 {font-size:1.5em;font-weight:900;color:rgba(242,201,78,1);background-color:#000;color:#fff;padding:2vmin;display:inline-block;margin:0 0 1em;}
#client .wrap {margin-left:-5vmin;}
#client .item {width:calc(25% - 1em);float:left;margin:0.5em;padding:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#client .item img {width:100%;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
-webkit-box-shadow:0 0 10px 0 #000;
-moz-box-shadow:0 0 10px 0 #000;
box-shadow:0 0 10px 0 #000;}

#contact {position:relative;padding:5vmin 10vmin 5vmin 25vmin;font-size:2vmin;line-height:4vmin;min-height:100%;
background-image:url('../images/contact-bg.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#contact > h1 {font-size:1.5em;font-weight:900;color:rgba(242,201,78,1);background-color:#000;color:#fff;padding:2vmin;display:inline-block;margin:0 0 1em;}
#contact .wrap {color:#000;background-color:rgba(242,201,78,0.7);margin:10vmin -10vmin 0 -25vmin;padding:10vmin 5vmin 10vmin 25vmin;}
#contact .cols {width:calc(50% - 1.5em - 1px);margin:1em 0 2em;float:left;padding:0;}
#contact ul {margin-left:2em;}

#footer {padding:1em;text-align:center;background-color:#000;color:#fff;font-size:0.8em;}
#footer a {text-decoration:none;font-weight:700;color:#fff;}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	#logo {left:2vmin;}
	#logo img {height:10vmin;}
	#nav {right:2vmin;}
	#nav div {font-size:2.5vmin;}

	#splash, #about, #product, #distributor, #client, #contact {font-size:4vmin;line-height:5vmin;}
	#about, #product, #distributor, #client, #contact {padding-left:15vmin !important;}
	#splash {background-image:url('../images/splash-bg.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;}
	#splash .company {margin-left:15vmin;}
	#about .cols {float:none;width:auto;}
	#about .cols:nth-child(4) {padding-right:0;border-right:0;}
	#about .cols:nth-child(5) {padding-left:0;border-left:0;margin-left:0;}
	#product .item {float:none;width:auto;}
	#distributor .item {width:calc(50% - 1em);}
	#client .item {width:calc(50% - 1em);}
	#contact .cols {float:none;width:auto;}
	#footer {font-size:1.8em;}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
	#product .item {float:left;width:calc(50% - 1em);}
	#product .item:nth-child(2n+0) {clear:both;}
	#distributor .item {width:calc(33% - 1em);}
	#client .item {width:calc(33% - 1em);}

}