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;empty-cells:show;}
table {display:table;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
textarea, 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%;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input, select, textarea {font:100% 'montserrat', Tahoma, Verdana, serif;border:1px solid #ccc;padding:0.5em;font-size:0.8em;font-weight:300;}
input:focus, textarea:focus {background-color:#e5f2ff;}
@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: 300;
    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;}

html { 
  background: url('../images/bg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {font:100% 'montserrat', Tahoma, Verdana, serif;font-weight:300;line-height:1;position:relative;font-size:2.5vmin;}

#header {padding:1em 3em;background-color:#fff;}
#header .logo {float:left;}
#header .logo img {height:3em;}
#header .menu {float:right;}
#header .menu ul {list-style-type:none;background-color:#0054a6;padding:0 1.5em;
-webkit-border-radius:1em;
-moz-border-radius:1em;
border-radius:1em;}
#header .menu ul li {display:inline-block;line-height:2em;margin-left:1.5em;}
#header .menu ul li:nth-of-type(1) {margin-left:0;}
#header .menu ul li a {color:#fff;text-decoration:none;font-weight:700;font-size:0.8em;}
#header .menu ul li a:hover {color:#ed145b;}
#header .menu2 {float:right;display:none;}
#header .menu2 img {height:2em;}

#banner {text-align:center;margin-top:1em;}

#splash {margin:2em 3em;border:1px solid #ccc;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;}
#splash img {width:100%;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;}

.swiper-container {width:100%;}

#listing {margin:2em 3em;padding:1em;background-color:#fff;border:1px solid #ccc;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;}
#listing > h1 {font-weight:700;background-color:#0054a6;color:#fff;margin:0 0 1em 1em;padding:0.6em 1.5em;display:inline-block;font-size:0.8em;
-webkit-border-radius:1.2em;
-moz-border-radius:1.2em;
border-radius:1.2em;}
#listing .item {float:left;width:calc(100% / 5);margin:0 0 2em 0;border:1px solid #fff;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;}
#listing .item:hover {border:1px solid #ed145b;cursor:pointer;}
#listing.brand .item:hover {border:0;cursor:auto;}
#listing .item:hover a {color:#ed145b;}
#listing .item:nth-of-type(5n+1) {margin-right:0;}
#listing .item:nth-of-type(5n+2) {clear:both;}
#listing .item .photo {padding:0.8em;}
#listing .item .link {text-align:center;padding-bottom:0.5em;}
#listing .item .link a {font-size:0.8em;}
#listing .item .link a:hover {color:#ed145b;}
#listing .item img {width:100%;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;}
#listing .item h1 {width:100%;text-align:center;padding:0.5em 0.5em 1em;font-weight:300;font-size:0.8em;}
#listing .item a {color:#000;text-decoration:none;}
#listing .item a:hover {color:#ed145b;}
#listing .download {text-align:center;}
#listing .download a {color:#000;text-decoration:none;background-color:#ccc;padding:0.2em 0.5em;}
#listing .download a:hover {color:#ed145b;background-color:#eee;}

#content {margin:2em 3em;padding:2em;background-color:#fff;border:1px solid #ccc;line-height:1.4em;min-height:100%;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;}
#content h1 {font-weight:900;color:#0054a6;display:inline-block;font-size:1.4em;}

#content.about .col {float:left;width:calc((100% - 2em) / 2);margin-right:2em;}
#content.about .col:nth-of-type(2) {margin-right:0;}
#content.about .col img {width:100%;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;}

#content.contact .col1 {float:left;width:calc(60% - 4em);margin-right:4em;}
#content.contact .col2 {float:left;width:40%;}
#content.contact h2 {font-weight:900;margin:0 0 0.5em;}
#content.contact h3 {font-weight:900;margin:0 0 0.5em;}
#content.contact table tr td {font-size:0.8em;line-height:1.4em;padding:0.2em 0.2em 0.5em;}
#content.contact table tr td:nth-of-type(1) img {height:1.5em;padding:0 1em 0 0;margin:0 0 -0.5em;}
#content.contact a {color:#000;text-decoration:none;}
#content.contact a:hover {color:#ed145b;}
#content.contact input {width:100%;margin:0 0 1em;}
#content.contact textarea {width:100%;height:7em;margin:0 0 1em;}
#content.contact input[type=submit] {background-color:#0054a6;color:#fff;border:1px solid #0054a6;}
#content.contact input[type=submit]:hover {cursor:pointer;background-color:#ed145b;color:#fff;border:1px solid #ed145b;}
#content.contact .map {margin:1em 0 0 0;}
#content.contact .map img {width:100%;}
#content.contact .done {border:1px solid #0054a6;padding:1em;margin:0 0 1em;color:#0054a6;text-align:left;}
#content.contact .error {border:1px solid #933;background-color:#fee;padding:0.5em 1em;margin:0 0 1em;color:#933;text-align:left;font-size:0.7em;}
#content.contact .error ul {list-style-type:circle;margin-left:1em;}

#content.request .col1 {float:left;width:calc(60% - 4em);margin-right:4em;}
#content.request .col2 {float:left;width:40%;}
#content.request h2 {font-weight:900;margin:0 0 0.5em;}
#content.request h3 {font-weight:900;margin:0 0 0.5em;}
#content.request table {width:100%;}
#content.request table tr td {font-size:0.8em;line-height:1.4em;padding:0.2em 0.2em 0.5em;}
#content.request table tr td:nth-of-type(1) {width:25%;}
#content.request table tr td:nth-of-type(2) {font-weight:bold;}
#content.request table tr td.img {padding:1em 0;}
#content.request table tr td.img img {width:100%;}
#content.request a {color:#000;text-decoration:none;}
#content.request a:hover {color:#ed145b;}
#content.request input {width:100%;margin:0 0 1em;}
#content.request textarea {width:100%;height:7em;margin:0 0 1em;}
#content.request input[type=submit] {background-color:#0054a6;color:#fff;border:1px solid #0054a6;}
#content.request input[type=submit]:hover {cursor:pointer;background-color:#ed145b;color:#fff;border:1px solid #ed145b;}
#content.request .done {border:1px solid #0054a6;padding:1em;margin:0 0 1em;color:#0054a6;text-align:left;}
#content.request .error {border:1px solid #933;background-color:#fee;padding:0.5em 1em;margin:0 0 1em;color:#933;text-align:left;font-size:0.7em;}
#content.request .error ul {list-style-type:circle;margin-left:1em;}

#product {margin:2em 3em;padding:2em;background-color:#fff;border:1px solid #ccc;line-height:1.4em;min-height:50vh;}
#product .menu {float:left;width:15em;border-right:1px dashed #ccc;padding-right:1em;}
#product .menu h1 {background-color:#0054a6;color:#fff;padding:0.2em 1.5em;display:inline-block;margin:0 0 0.6em -0.5em;font-size:0.7em;
-webkit-border-radius:1.5em;
-moz-border-radius:1.5em;
border-radius:1.5em;}
#product .menu ul {list-style-type:none;margin:0;display:none;}
#product .menu > ul {font-size:0.7em;display:inline;}
#product .menu ul li {padding:0 0em 0 0;position:relative;border-top:1px solid #ccc;line-height:1.8em;}
#product .menu ul li .icon {width:1em;display:inline-block;}
#product .menu ul li .icon {position:absolute;right:0;top:0.4em;}
#product .menu ul li .icon a img {height:1.2em;}
#product .menu ul li .icon a.minus {display:none;}
#product .menu ul li a {color:#000;text-decoration:none;}
#product .menu ul li a:hover, #product .menu ul li a.on {color:#ed145b;}
#product .grid {float:left;width:calc(100% - 15em - 1em);margin-left:1em;}
#product .grid > h1 {margin:0 0 1em;color:#0054a6;font-weight:900;}
#product .grid > h1 span {color:#666;margin-right:0.5em;}
#product .grid .item {float:left;width:calc((100% - 3em) / 4);margin:0 1em 2em 0;border:1px solid #fff;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;}
#product .grid .item:nth-of-type(4n+2) {clear:both;}
#product .grid .item:nth-of-type(4n+1) {margin-right:0;}
#product .grid .item:hover {cursor:pointer;}
#product .grid .item:hover a {color:#fff;}
#product .grid .item .photo {padding:0;}
#product .grid .item img {width:100%;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;}
#product .grid .item .photo a {border:0;text-decoration:none;color:#0054a6;}
#product .grid .item .photo a:hover {color:#ed145b;}
#product .grid .item h1 {width:100%;text-align:center;padding:0.5em;font-weight:300;font-size:0.7em;border:0;}
#product .grid .item h2 {margin:0.5em 1em 1em;}
#product .grid .item h2 a {background-color:#0054a6;color:#fff;text-decoration:none;padding:0.2em 0.5em;display:inline-block;width:100%;text-align:center;font-weight:700;font-size:0.6em;}
#product .grid .item h2 a:hover {background-color:#ed145b;color:#fff;}
#product .grid .paging {font-size:0.8em;border-top:1px solid #ccc;padding:0.5em 1em;background-color:#f0f0f0;}
#product .grid .paging ul {list-style-type:none;}
#product .grid .paging ul li {display:inline-block;padding:0.2em 0.8em;border:1px solid transparent;
-webkit-border-radius:2em;
-moz-border-radius:2em;
border-radius:2em;}
#product .grid .paging ul li.caption {background-color:transparent;}
#product .grid .paging ul li.on {background-color:#ccc;}
#product .grid .paging ul li.on a {color:#000;}
#product .grid .paging ul li:hover {background-color:transparent;border:1px solid #ed145b;cursor:pointer;}
#product .grid .paging ul li:hover a {color:#ed145b;}
#product .grid .paging ul li a {color:#000;text-decoration:none;}
#product .grid .empty {padding:1em;text-align:center;border:1px dashed #ccc;background-color:#f0f0f0;}
#product .grid .description {padding:1em;text-align:left;font-size:0.8em;border:1px dashed #ccc;background-color:#f0f0f0;margin:0 0 2em;}

#product .detail {float:left;width:calc(100% - 15em - 2em);margin-left:2em;}
#product .detail .photo {float:left;width:50%;}
#product .detail .photo .big {margin:0 0 2em;}
#product .detail .photo .big img {width:100%;}
#product .detail .photo .big a.hide {display:none;}
#product .detail .photo .big a {cursor:url('../images/icon-zoom2.png'), auto;}
#product .detail .photo h1 {font-weight:300;text-align:center;font-size:0.7em;}
#product .detail .photo .thumb ul {list-style-type:none;margin:1em 0;}
#product .detail .photo .thumb ul li {float:left;width:calc(calc(100% - 1.5em) / 4);margin:0 0.5em 0.5em 0;}
#product .detail .photo .thumb ul li:nth-of-type(4n+0) {margin-right:0;}
#product .detail .photo .thumb ul li:nth-of-type(4n+1) {clear:both;}
#product .detail .photo .thumb ul li img {width:100%;border:1px solid #ccc;}
#product .detail .info {float:left;width:calc(50% - 2em);margin-left:2em;}
#product .detail .info h1 {font-size:1.5em;font-weight:900;margin:0.2em 0 1.5em;line-height:1.4em;}
#product .detail .info h2 {font-size:0.8em;color:#666;margin:0 0 0.2em 0;}
#product .detail .info h3 {font-size:0.8em;color:#ed145b;margin:0 0 0.2em 0;}
#product .detail .info .desc {font-size:0.8em;}
#product .detail .info .download {padding:1em 0;margin:1em 0;text-align:center;border:1px solid #ccc;border-left:0;border-right:0;font-size:0.8em;}
#product .detail .info .download a {color:#0054a6;text-decoration:none;}
#product .detail .info .download a:hover {color:#ed145b;}
#product .detail .info .price {margin:1em 0 0 0;}
#product .detail .info .price a {background-color:#0054a6;color:#fff;text-decoration:none;padding:0.5em 1em;display:inline-block;width:100%;text-align:center;font-weight:700;font-size:1.2em;}
#product .detail .info .price a:hover {background-color:#ed145b;}

#footer {background-color:#0054a6;padding:2em 3em;color:#fff;}
#footer .info {float:left;}
#footer .info h1 {font-weight:900;margin:0 0 0.5em;}
#footer .info table tr td {font-size:0.8em;line-height:1.4em;padding:0.2em 0.2em 0.5em;}
#footer .info table tr td:nth-of-type(1) img {height:1.5em;padding:0 1em 0 0;margin:0 0 -0.5em;}
#footer .info a {color:#fff;text-decoration:none;}
#footer .info a:hover {color:#ed145b;}
#footer .logo {float:right;}
#footer .logo img {height:3em;}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 84, 166, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:20;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #ed145b;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}


@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), 
		only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
	body {font-size:4vmin;}
	#header {padding:1em 1em;}
	#header .logo img {height:2em;}
	#header .menu {display:none;}
	#header .menu2 {display:block;}
	#banner {padding:0 1rem;}
	#banner img {width:100%;}

	#footer {padding:2em 1em;}
	#footer .logo {width:100%;margin-top:2em;}
	#footer .logo img {height:2em;}
	#splash, #listing, #content, #product {margin:2em 1em;}
	#listing .item {width:calc(100% / 2);}
	#listing .item:nth-of-type(5n+2) {clear:none;}
	#listing .item:nth-of-type(2n+0) {clear:both;beta.beta}
	#content.about .col {float:left;width:100%;margin:0 0 2em 0;}
	#content.contact .col1 {float:left;width:100%;}
	#content.contact .col2 {float:left;width:100%;}
	#content.request .col1 {float:left;width:100%;}
	#content.request .col2 {float:left;width:100%;}
	#product .menu {display:none;}
	#product .grid {width:100%;margin:0;}
	#product .grid .item {width:calc((100% - 1em) / 2);}
	#product .grid .item:nth-of-type(4n+2) {clear:none;}
	#product .grid .item:nth-of-type(4n+1) {margin-right:1em;}
	#product .grid .item:nth-of-type(2n+0) {clear:both;}
	#product .grid .item:nth-of-type(2n+1) {margin-right:0;}
	#product .detail {width:100%;margin:0;}
	#product .detail .photo {width:100%;margin:0 0 2em 0;}
	#product .detail .info {width:100%;margin:0;}
}