/* Retina Backgrounds for Compass by:              Gaya Kessler last update:     03/11/14  Usage: 1. create background image for pixel ratio 1 screens and put it somewhere in your images folder. 2. create background image for pixel ratio 2 screens and put it somewhere in your images folder. 3. include the background-image property in your Sass/Scss using: '@include background-retina(<ratio-1-imagefile>, <ratio-2-imagefile>)' */
/* Retina Sprites for Compass by:              Gaya Kessler last update:     03/11/14  Usage: 1. create two folders in your image directory (in this case 'icons' and 'icons-2x'). 2. adjust the foldernames defined below if you use different names. 3. create sprite images for pixel ratio 1 screens and put them in the first folder. 4. create sprite images for pixel ratio 2 screens and put them in the second folder, use the same filenames. 5. use the sprite-image in your Sass/Scss using: '@include use-sprite(<sprite-name>)' */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font size within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

ul { list-style: none; margin: 0; padding: 0; border: 0; }

.basic-transition, a, input { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

main { display: block; }

body { font-size: 100%; font-family: "微軟正黑體","Microsoft Jhenghei", Sans-serif; line-height: 1.6; }

ul { list-style-type: none; margin: 0; padding: 0; }

a { text-decoration: none; color: #312927; }
a:hover { color: #000000; }

img { display: block; max-width: 100%; height: auto; }

.btn { display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3px 60px; }
.btn.frame { border: 2px solid #000000; }
.btn.frame:hover { background-color: #000000; color: #ffffff; }
.btn.highlights {color: rgb(0, 81, 146); border: 1px solid rgb(0, 81, 146);}

input { border: 1px solid #cccccc; outline: none; width: 100%; }
input:focus, input:active { border: 1px solid #999999; }
input[type=text], input[type=email], input[type=search] { height: 28px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
input[type=search] { -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; width: 120px; padding: 0 34px; }
input[type=search]:focus, input[type=search]:active { width: 180px; }

textarea { width: 100%; min-height: 150px; border: 1px solid #cccccc; outline: none; box-sizing: border-box; padding: 10px; }

.controlgroup .select-wrapper { width: 100%; border: 0; outline: none; background-color: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cccccc; display: inline-block; vertical-align: middle; overflow: hidden; }
.controlgroup .select-wrapper select { color: #b6b6b6; width: 100%; background: url("../images/components/down-arrow.png") no-repeat 98% 0; border: none; height: 28px; padding: 0px 10px; -webkit-appearance: none; -moz-appearance: window; }

@-moz-document url-prefix() { .controlgroup .select-wrapper { background-image: url("../images/components/down-arrow.png"); background-position: 98% center; background-repeat: no-repeat; width: 100%; overflow: hidden; }
  .controlgroup .select-wrapper select { width: 110%; background-image: none; -webkit-appearance: none; -moz-appearance: window; } }
.controlgroup { margin-bottom: 16px; }
.controlgroup input[type='submit'] { color: #ffffff; background-color: #01b1eb; width: auto; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #b6b6b6; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b6b6b6; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b6b6b6; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #b6b6b6; }

@media (min-width: 320px) { .header-wrapper { -moz-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.16); box-shadow: 1px 0 3px rgba(0, 0, 0, 0.16); width: 100%; position: absolute; }
  .moving .header-wrapper { background-color: #ffffff; z-index: 9999; }
  .header-inner:before, .header-inner:after { content: ''; clear: both; display: block; }
  .header-inner .brand-daiken { display: inline-block; float: left;}
  .header-inner a.brand { background-image: url('../images/icons-s58e82fe984.png'); background-position: 0 -69px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 60px; width: 166px; text-indent: -9999px; } }
@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (min-resolution: 192dpi) { .header-inner a.brand { background-image: url('../images/icons-2x-s37cd838a6d.png'); background-size: 260px 223px; background-position: 0 -69px; height: 60px; width: 166px; } }

@media (min-width: 320px) { .navigation { display: none; font-style: italic; height: 60px; font-weight: 300; line-height: 60px; }
  .navigation ul { display: block; text-align: right; }
  .navigation ul li { display: inline-block; }
  .navigation ul li a { display: block; padding: 3px 20px; }
  a.mobile-menu-toggle { background-image: url('../images/icons-s58e82fe984.png'); background-position: -50px 0; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 44px; width: 44px; float: right; margin: 8px; } }
@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (min-resolution: 192dpi) { a.mobile-menu-toggle { background-image: url('../images/icons-2x-s37cd838a6d.png'); background-size: 260px 223px; background-position: -50px 0; height: 44px; width: 44px; } }

@media (min-width: 768px) {

   }

/* only on desktop */
@media (min-width: 1025px) {
  .header-inner { max-width: 1170px; margin: 0 auto; }
  .header-inner .brand-daiken { width: 32.8244274809%; float: left; margin-right: 0.7633587786%; }
  .navigation { display: block; width: 66.4122137405%; float: right; margin-right: 0; }
  a.mobile-menu-toggle { display: none; float: none; }
}

@media (min-width: 320px) { section { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; margin: 20px 0; }
  section.album h1 { text-align: center; }
  section.video { text-align: center; }
  section.video .video-inner { max-width: 1170px; margin: 0 auto; }
  section.video iframe#player { display: block; width: 100%; margin: 0 auto; min-height: 180px; }
  section.video .description { font-size: .9em; color: #312927; }
  section.contact { text-align: center; }
  section.contact header p { max-width: 960px; margin: 0 auto; }
  section.contact .contact-inner { max-width: 960px; margin: 0 auto; }
  section.contact .contact-inner .contact-form { max-width: 740px; margin: 20px auto; }
  section.contact .contact-inner .contact-form label { display: none; }
  section.map { margin-top: 40px; margin-bottom: 0; }
  section.map #map { max-width: 100%; height: 300px; display: block; }
  section.map iframe { display: block; }
  section.category .category-inner { max-width: 1170px; margin: 0 auto; }
  section.category .category-inner a.block { display: block; background-repeat: no-repeat; background-size: 180%; background-position: -50px top; background-color: #f1f1f1; height: 180px; font-size: 0; text-align: left; margin-bottom: 6px; padding: 0 10px; }
  section.category .category-inner a.block:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
  section.category .category-inner a.block .category-name { text-align: left; font-size: .8rem; display: inline-block; vertical-align: middle; width: 40%; }
  section.category .category-inner a.block .category-name h2 { text-transform: uppercase; margin: 0; line-height: 1; }
  section.product-list { margin: 0; padding: 0; }
  section.product-list .product-list-inner { max-width: 1170px; margin: 10px auto; }
  section.product-list .product-list-inner:before, section.product-list .product-list-inner:after { content: ''; clear: both; display: block; }
  section.product-list header { background-color: #005192; color: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; }
  section.product-list header .serise-info { font-weight: 300; }
  section.product-list header .serise-info ul { list-style-type: disc; list-style-position: inside; }
  section.product-list header h1 { font-weight: 600; margin: 0; }
  section.product-list header .serise-tag img { margin: 0 auto; }
  section.product-list header .serise-info { margin-top: 20px; }
  section.product-list header .serise-info h1 { text-align: center; margin-bottom: 20px; line-height: 1.2; }
  section.product-list header .series-notes { max-width: 1170px; margin-left: auto; margin-right: auto; margin-top: 40px; }
  section.product-list header .series-notes .vertifications { text-align: center; }
  section.product-list header .series-notes .vertifications img { display: inline-block; vertical-align: middle; margin: 0 5px; }
  section.product-list header .series-notes .vertifications div { margin: 0 6px; }
  section.product-list header .series-notes .special-note { margin: 0 auto; }
  section.product-list a.block { display: block; background-color: #f1f1f1; background-size: cover; background-position: left bottom; background-repeat: no-repeat; height: 300px; margin-bottom: 10px; position: relative; }
  section.product-list a.block .product-name { text-align: left; position: absolute; width: 40%; bottom: 20px; left: 20px; }
  section.product-list a.block .product-name h2 { margin: 0; line-height: 1; }
  section.product-list a.block .product-name span { font-size: .7em; }
  section.product-list a.block .product-name span.spec-no { font-size: .9em; color: #999999; }
  section.product-single { padding: 0; }
  section.product-single header { background-color: #f1f1f1; text-align: center; margin-top: 4em; position: relative; padding-bottom: 5em;}
  section.product-single header .product-single-title { position: relative; top: -3em; }
  section.product-single header .product-single-title h1 { font-size: 1.4em; font-weight: 600; margin: 0; line-height: 1; }
  section.product-single header .product-single-title span.spec-no { color: #999999; }
  section.product-single header .product-single-hero { max-width: 1170px; margin: 0 auto; }
  section.product-single header .product-single-hero img { max-width: 90%; margin: 0 auto; }
  section.product-single header .product-single-nav a { display: block; height: 48px; width: 27px; background-image: url("../images/components/slider-control-small.png"); background-repeat: no-repeat; text-indent: -9999px; position: absolute; margin-top: -24px; }
  section.product-single header .product-single-nav a.prev { left: 10%; top: 50%; }
  section.product-single header .product-single-nav a.next { right: 10%; top: 50%; background-position: -27px 0; }
  section.product-single .product-single-inner { max-width: 1170px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 20px; }
  section.product-single .product-single-inner ul { list-style-type: disc; list-style-position: inside; }
  section.product-single .product-single-inner .product-spec { background-color: #f1f1f1; margin-top: 20px; }
  section.product-single .product-single-inner .product-spec img { margin: 0 auto; }
  section.product-single .product-single-inner .product-vertifications { margin: 20px; }
  section.product-single .product-single-inner .product-vertifications img { display: inline-block; vertical-align: middle; margin: 0 5px;}
  section.product-single .product-single-inner .product-vertifications div { margin: 0 10px; }
  section.product-single .product-single-inner .product-single-gallery { background-color: #f1f1f1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; }
  section.product-single .product-single-inner .product-single-gallery:before, section.product-single .product-single-inner .product-single-gallery:after { content: ''; clear: both; display: block; }
  section.product-single .product-single-inner .product-single-gallery .single-hero { margin-bottom: 1em; }
  section.product-single .product-single-inner .product-single-gallery .single-hero img { width: 100%; height: auto; }
  section.product-single .product-single-inner .product-single-gallery .single-hero .caption { margin: 10px 0; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery { list-style: none; margin: 0; padding: 0; border: 0; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery li { width: 22.8571428571%; float: left; margin-bottom: 1em; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery li:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery li:nth-child(4n + 2) { margin-left: 25.7142857143%; margin-right: -100%; clear: none; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery li:nth-child(4n + 3) { margin-left: 51.4285714286%; margin-right: -100%; clear: none; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery li:nth-child(4n + 4) { margin-left: 77.1428571429%; margin-right: -100%; clear: none; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery li img { margin: 0 auto; }
  section.business { padding: 0; margin: 0; }
  section.business header { color: #ffffff; text-align: center; }
  section.business header .title { position: absolute; top: 30%; left: 50%; margin-left: -45%; width: 90%; font-size: 1.1em; }
  section.business header .title h1, section.business header .title h3 { line-height: 1.2; margin-bottom: 0; font-weight: 600; }
  section.business header .title h3 { font-size: .9em; }
  section.business #scene { height: 40vh; }
  section.business #scene .layer-2 img { width: 50%; position: absolute; bottom: -30%; left: -20%; }
  section.business .business-inner { max-width: 1170px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; text-align: center; }
  section.business .business-inner .description { margin: 40px 0; }
  section.business .business-inner .services { background-color: #f1f1f1; padding: 20px 0; margin-bottom: 20px; }
  section.business .business-inner .services ul li { margin-bottom: 20px; }
  section.business .business-inner .services .subtitles h2, section.business .business-inner .services .subtitles p { margin: 0; }
  section.brand { padding: 0; margin: 0; }
  section.brand .row {
    width: 100%;
    max-width: 1170px;
    margin: 10px auto;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    position: relative;
    color: #ffffff;
  }
  /* Firefox Fix Only */
  @-moz-document url-prefix() {
    section.brand .row {
      height: 480px;
    }
    section.brand .row.middle {
       height: 520px;
    }
    section.brand .row.certificates {
      height: auto;
    }
  }

  section.brand .row:before, section.brand .row:after { content: ''; clear: both; display: block; }
  section.brand .row.top { background-image: url("../images/components/row-bg-top.jpg"); }
  section.brand .row.top:before { content: ''; background-color: rgba(0, 81, 146, 0.8); position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
  section.brand .row.middle { background-image: url("../images/components/row-bg-middle.jpg"); color: #000000; background-position: right bottom; /* display: table; */}
  section.brand .row.middle:before { content: ''; background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
  section.brand .row.bottom { background-image: url("../images/components/row-bg-bottom.jpg"); text-align: center; background-position: center bottom; }
  section.brand .row.bottom:before { content: ''; background-color: rgba(0, 81, 146, 0.8); position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
  section.brand .row .block { position: relative; z-index: 1; }
  section.brand .row.certificates { background-color: #e1e1e1; text-align: center; min-height: inherit; padding-bottom: 20px; color: #000000; }
  section.brand .row.certificates .title { position: relative; }
  section.brand .row.certificates .title:before { content: ''; width: 100%; height: 1px; background-color: #000000; position: absolute; top: 3.3em; left: 0; z-index: 1; }
  section.brand .row.certificates h1 { font-weight: 600; background-color: #e1e1e1; display: inline-block; position: relative; z-index: 2; padding: 0 20px; margin-bottom: 0; }
  section.brand .row.certificates p { width: 80%; margin-left: auto; margin-right: auto; }
  section.album .album-inner { max-width: 1170px; margin: 0px auto; }
  section.album ul.gallery:before, section.album ul.gallery:after { content: ''; clear: both; display: block; }
  section.album ul.gallery li { width: 32.8244274809%; float: left; margin-bottom: .5em; }
  section.album ul.gallery li:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  section.album ul.gallery li:nth-child(3n + 2) { margin-left: 33.5877862595%; margin-right: -100%; clear: none; }
  section.album ul.gallery li:nth-child(3n + 3) { margin-left: 67.1755725191%; margin-right: -100%; clear: none; }
  section.album ul.gallery li a img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
  section.album ul.gallery li a:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } }
@media (min-width: 768px) { section { padding: 0; }
  section.video iframe#player { min-height: 576px; }
  section.category .category-inner a.block { background-size: 100%; height: 230px; text-align: left; background-position: center top; }
  section.category .category-inner a.block .category-name { width: 40%; text-align: center; }
  section.category .category-inner a.block:hover { background-size: 110%; }
  section.product-list .product-inner { margin: 20px auto; }
  section.product-list header { padding: 20px 20px 0 20px; }
  section.product-list header .serise-tag { display: table-cell; vertical-align: middle; width: 250px;}
  section.product-list header .serise-info { display: table-cell; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 40px; }
  section.product-list header .serise-info h1 { text-align: left; }
  section.product-list header .series-notes { margin-top: -40px; text-align: right; }
  section.product-list header .series-notes .vertifications { display: inline-block; text-align: right; }
  section.product-list header .series-notes .special-note { display: inline-block; text-align: left; }
  section.product-list a.block { display: block; background-color: #f1f1f1; background-size: 100%; background-position: right bottom; background-repeat: no-repeat; height: 300px; width: 49.6183206107%; float: left; margin-bottom: .5em; }

  section.product-list a.block:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  section.product-list a.block:nth-child(2n + 2) { margin-left: 50.3816793893%; margin-right: -100%; clear: none; }
  section.product-list a.block:hover { background-size: 110%; background-position: right bottom; }
  section.product-list a.block .product-name { text-align: left; width: 30%; }
  section.product-single header .product-single-title h1 { font-size: 3em; }
  section.product-single header .product-single-nav a { display: block; height: 96px; width: 55px; background-image: url("../images/components/slider-control.png"); background-repeat: no-repeat; text-indent: -9999px; position: absolute; margin-top: -48px; }
  section.product-single header .product-single-nav a.prev { left: 10%; top: 50%; }
  section.product-single header .product-single-nav a.next { right: 10%; top: 50%; background-position: -55px 0; }
  section.product-single .product-single-inner .product-single-gallery .single-hero { width: 32.8244274809%; float: left; margin-right: 0.7633587786%; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery { width: 66.4122137405%; float: right; margin-right: 0; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery li { width: 24.427480916%; float: left; margin-bottom: .5em; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery li:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery li:nth-child(4n + 2) { margin-left: 25.1908396947%; margin-right: -100%; clear: none; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery li:nth-child(4n + 3) { margin-left: 50.3816793893%; margin-right: -100%; clear: none; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery li:nth-child(4n + 4) { margin-left: 75.572519084%; margin-right: -100%; clear: none; }
  section.product-single .product-single-inner .product-single-gallery ul.gallery li img { width: 100%; height: auto; margin: 0 auto; }
  section.business header .title { top: 0%; width: 80%; left: 50%; margin-left: -40%; font-size: 2em; }
  section.business #scene { height: 40vh; }
  section.business #scene .layer-2 img { width: 40%; bottom: -50%; left: -20%; }
  section.business .business-inner .services:before, section.business .business-inner .services:after { content: ''; clear: both; display: block; }
  section.business .business-inner .services .title { width: 49.6183206107%; float: left; margin-right: 0.7633587786%; font-size: 0; height: 230px; }
  section.business .business-inner .services .title:before { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; }
  section.business .business-inner .services .title h1 { font-size: 2rem; display: inline-block; vertical-align: middle; }
  section.business .business-inner .services .subtitles { width: 49.6183206107%; float: right; margin-right: 0; text-align: left; }
  section.brand .row { text-align: left; background-size: cover; padding: 0 20px; color: #000000; display: table;}
  section.brand .row.top:before, section.brand .row.middle:before, section.brand .row.bottom:before { display: none; }
  section.brand .row .block { /* width: 49.6183206107%; */ /* float: left; */ display: table-cell; vertical-align: middle; width:  50%;}
  section.brand .row .block:last-child { /* float: right; */ margin-right: 0; }
  section.brand .row.bottom .block { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  section.brand .row.certificates p { width: 50%; }
  /* Firefox Fix Only */
  @-moz-document url-prefix() {
    section.brand .row {
      height: 400px;
    }
    section.brand .row.middle {
       height: 420px;
    }
  }
  section.album .album-inner { max-width: 1170px; margin: 0px auto; }
  section.album ul.gallery:before, section.album ul.gallery:after { content: ''; clear: both; display: block; }
  section.album ul.gallery li { width: 9.1743119266%; float: left; margin-bottom: .5em; }
  section.album ul.gallery li:nth-child(10n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  section.album ul.gallery li:nth-child(10n + 2) { margin-left: 10.0917431193%; margin-right: -100%; clear: none; }
  section.album ul.gallery li:nth-child(10n + 3) { margin-left: 20.1834862385%; margin-right: -100%; clear: none; }
  section.album ul.gallery li:nth-child(10n + 4) { margin-left: 30.2752293578%; margin-right: -100%; clear: none; }
  section.album ul.gallery li:nth-child(10n + 5) { margin-left: 40.3669724771%; margin-right: -100%; clear: none; }
  section.album ul.gallery li:nth-child(10n + 6) { margin-left: 50.4587155963%; margin-right: -100%; clear: none; }
  section.album ul.gallery li:nth-child(10n + 7) { margin-left: 60.5504587156%; margin-right: -100%; clear: none; }
  section.album ul.gallery li:nth-child(10n + 8) { margin-left: 70.6422018349%; margin-right: -100%; clear: none; }
  section.album ul.gallery li:nth-child(10n + 9) { margin-left: 80.7339449541%; margin-right: -100%; clear: none; }
  section.album ul.gallery li:nth-child(10n + 10) { margin-left: 90.8256880734%; margin-right: -100%; clear: none; }
  section.album ul.gallery li a img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
  section.album ul.gallery li a:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } }
@media (min-width: 1024px) { section.business header .title { top: 10%; left: 50%; margin-left: -40%; width: 80%; }
  section.business #scene { height: 40vh; }
  section.business #scene .layer-2 img { width: 30%; bottom: -60%; left: -10%; } }
@media (min-width: 1280px) { section.business header .title { top: 5%; left: 50%; margin-left: -40%; width: 80%; }
  section.business header .title h3 { width: 50%; margin: 0 auto; }
  section.business #scene { height: 40vh; }
  section.business #scene .layer-2 img { width: 28%; bottom: -50%; left: -10%; } }
@media (min-width: 320px) { footer { text-align: center; }
  footer .footer-wrapper { background-color: #282828; padding: 20px 0; font-weight: 300; font-size: .9em; }
  footer .footer-inner { max-width: 1170px; margin: 0 auto; color: #ffffff; }
  footer .footer-inner a { color: #ffffff; }
  footer .footer-inner a:hover { text-decoration: underline; }
  footer a.backlink { margin: 20px 0; background-image: url('../images/icons-s58e82fe984.png'); background-position: -94px 0; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 38px; width: 108px; text-indent: -9999px; } }
@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (min-resolution: 192dpi) { footer a.backlink { background-image: url('../images/icons-2x-s37cd838a6d.png'); background-size: 260px 223px; background-position: -94px 0; height: 38px; width: 108px; } }
@media (min-width: 320px) { footer .copyright { font-size: .8em; color: #312927; padding: 10px 0; } }
@media (min-width: 320px) { .bxslider a { display: block; }
  #scene { background-color: #000000; overflow: hidden; }
  #scene .layer { width: 100%; height: 100%; }
  .product-slider { background-color: #f1f1f1; padding: 20px 0; }
  .product-slider ul:before, .product-slider ul:after { content: ''; clear: both; display: block; }
  .product-slider ul li a { display: block; background-repeat: no-repeat; background-size: 100%; background-position: center bottom; }
  .product-slider ul li a + p { font-weight: 400; text-align: center; text-transform: uppercase; font-size: .8em;}
  .product-slider ul li a img { display: block; max-width: 100%; }
  .product-slider ul li a:hover { background-size: 120%; background-position: center bottom; }
  .product-slider h2 { text-align: center; font-weight: 600; }
  .search-wrapper { position: relative; }
  .search-wrapper .icon-search { background-image: url('../images/icons-s58e82fe984.png'); background-position: -28px 0; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 28px; width: 22px; position: absolute; left: 8px; top: 50%; margin-top: -14px; } }
@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (min-resolution: 192dpi) { .search-wrapper .icon-search { background-image: url('../images/icons-2x-s37cd838a6d.png'); background-size: 260px 223px; background-position: -28px 0; height: 28px; width: 22px; } }

@media (min-width: 320px) { .share-wrapper { margin: 20px 0; }
  .share-wrapper iframe, .share-wrapper a { display: inline-block; vertical-align: middle; }
  .icon-gs { background-image: url('../images/icons-s58e82fe984.png'); background-position: -166px -69px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 25px; width: 32px; } }
@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (min-resolution: 192dpi) { .icon-gs { background-image: url('../images/icons-2x-s37cd838a6d.png'); background-size: 260px 223px; background-position: -166px -69px; height: 25px; width: 32px; } }
@media (min-width: 320px) { .icon-gs.invert { background-image: url('../images/icons-s58e82fe984.png'); background-position: -98px -44px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 25px; width: 32px; } }
@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (min-resolution: 192dpi) { .icon-gs.invert { background-image: url('../images/icons-2x-s37cd838a6d.png'); background-size: 260px 223px; background-position: -98px -44px; height: 25px; width: 32px; } }

@media (min-width: 320px) { .icon-vde { background-image: url('../images/icons-s58e82fe984.png'); background-position: -229px -69px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 25px; width: 31px; } }
@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (min-resolution: 192dpi) { .icon-vde { background-image: url('../images/icons-2x-s37cd838a6d.png'); background-size: 260px 223px; background-position: -229px -69px; height: 25px; width: 31px; } }
@media (min-width: 320px) { .icon-vde.invert { background-image: url('../images/icons-s58e82fe984.png'); background-position: -198px -69px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 25px; width: 31px; } }
@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (min-resolution: 192dpi) { .icon-vde.invert { background-image: url('../images/icons-2x-s37cd838a6d.png'); background-size: 260px 223px; background-position: -198px -69px; height: 25px; width: 31px; } }

@media (min-width: 320px) { .icon-ac { background-image: url('../images/icons-s58e82fe984.png'); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 25px; width: 28px; } }
@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (min-resolution: 192dpi) { .icon-ac { background-image: url('../images/icons-2x-s37cd838a6d.png'); background-size: 260px 223px; background-position: 0 0; height: 25px; width: 28px; } }
@media (min-width: 320px) { .icon-ac.invert { background-image: url('../images/icons-s58e82fe984.png'); background-position: -130px -44px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 25px; width: 28px; } }
@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (min-resolution: 192dpi) { .icon-ac.invert { background-image: url('../images/icons-2x-s37cd838a6d.png'); background-size: 260px 223px; background-position: -130px -44px; height: 25px; width: 28px; } }

@media (min-width: 320px) { .icon-1000v { background-image: url('../images/icons-s58e82fe984.png'); background-position: -49px -44px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 25px; width: 49px; } }
@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (min-resolution: 192dpi) { .icon-1000v { background-image: url('../images/icons-2x-s37cd838a6d.png'); background-size: 260px 223px; background-position: -49px -44px; height: 25px; width: 49px; } }
@media (min-width: 320px) { .icon-1000v.invert { background-image: url('../images/icons-s58e82fe984.png'); background-position: 0 -44px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 25px; width: 49px; } }
@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px) and (min-resolution: 192dpi) { .icon-1000v.invert { background-image: url('../images/icons-2x-s37cd838a6d.png'); background-size: 260px 223px; background-position: 0 -44px; height: 25px; width: 49px; } }

@media (min-width: 320px) { .special-note { background-color: #c9004c; width: 150px; font-size: .8em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 10px; position: relative; bottom: -20px; z-index: 2; }
  .special-note:after { content: ''; position: absolute; bottom: -30px; left: 0; width: 0px; height: 0px; border-style: solid; border-width: 30px 75px 0 75px; border-color: #c9004d transparent transparent transparent; line-height: 0px; _border-color: #c9004d #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
  #breadcrumb { max-width: 1170px; margin: 20px auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; }
  .product-breadcrumb {
    text-align:center;
    max-width:1170px;
    margin: 0 auto;
  }
  .product-breadcrumb:before, .product-breadcrumb:after {
    content: '';
    clear: both;
    display: block;
  }
}
@media (min-width: 768px) {
  .product-breadcrumb {}
  .product-breadcrumb #breadcrumb {
      text-align: left;
      float: left;
      width: 70%;
    }
  .product-breadcrumb .downloads {
      text-align: right;
      float: right;
      width: 30%;
      margin: 15px 0;
    }
}

/** BxSlider v4.1.2 - Fully loaded, responsive content slider http://bxslider.com  Written by: Steven Wanderski, 2014 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz)  CEO and founder of bxCreative, LTD http://bxcreative.com */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; }

.bx-wrapper img { max-width: 100%; display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url("../images/components/bx_loader.gif") center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */
@media (min-width: 320px) { .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
  .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
  .bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px; display: block; width: 6px; height: 6px; margin: 15px 5px; outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #a1b4bc; }
  .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ffffff; } }
/* PAGER */
@media (min-width: 768px) { .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
  .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
  .bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px; display: block; width: 14px; height: 14px; margin: 15px 5px; outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #a1b4bc; }
  .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ffffff; } }
@media (min-width: 320px) { /* DIRECTION CONTROLS (NEXT / PREV) */
  .bx-wrapper .bx-prev { left: 10px; background: url("../images/components/slider-control-small.png") no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
  .bx-wrapper .bx-next { right: 10px; background: url("../images/components/slider-control-small.png") no-repeat -27px 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
  .bx-wrapper .bx-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .bx-wrapper .bx-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -24px; outline: 0; width: 27px; height: 48px; text-indent: -9999px; z-index: 9999; }
  .bx-wrapper .bx-controls-direction a.disabled { display: none; } }
@media (min-width: 768px) { /* DIRECTION CONTROLS (NEXT / PREV) */
  .bx-wrapper .bx-prev { left: 10px; background: url("../images/components/slider-control.png") no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
  .bx-wrapper .bx-next { right: 10px; background: url("../images/components/slider-control.png") no-repeat -55px 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
  .bx-wrapper .bx-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .bx-wrapper .bx-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -48px; outline: 0; width: 55px; height: 96px; text-indent: -9999px; z-index: 9999; }
  .bx-wrapper .bx-controls-direction a.disabled { display: none; } }
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url("../images/components/controls.png") -86px -11px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url("../images/components/controls.png") -86px -44px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

@media (min-width: 320px) { .product-slider .bx-wrapper .bx-controls-direction { height: 1px; position: relative; background-color: #000000; width: 70%; margin: 0 auto; }
  .product-slider .bx-wrapper .bx-controls-direction a { width: 30px; height: 30px; margin: 0; top: inherit; bottom: -15px; }
  .product-slider .bx-wrapper .bx-prev { background: url("../images/components/slider-control-black.png") no-repeat; left: -30px; }
  .product-slider .bx-wrapper .bx-next { background: url("../images/components/slider-control-black.png") no-repeat -30px 0; right: -30px; } }
@media (min-width: 768px) { .product-slider .bx-wrapper .bx-controls-direction { height: 1px; position: relative; background-color: #000000; width: 90%; margin: 0 auto; }
  .product-slider .bx-wrapper .bx-controls-direction a { width: 30px; height: 30px; margin: 0; top: inherit; bottom: -15px; }
  .product-slider .bx-wrapper .bx-prev { background: url("../images/components/slider-control-black.png") no-repeat; left: -30px; }
  .product-slider .bx-wrapper .bx-next { background: url("../images/components/slider-control-black.png") no-repeat -30px 0; right: -30px; } }
/* ----------------------------------- Slidebars Version 0.10.2 http://plugins.adchsm.me/slidebars/  Written by Adam Smith http://www.adchsm.me/  Released under MIT License http://plugins.adchsm.me/slidebars/license.txt  ------------------- Slidebars CSS Index  001 - Box Model, Html & Body 002 - Site 003 - Slidebars 004 - Animation 005 - Helper Classes  ---------------------------- 001 - Box Model, Html & Body */
html, body, #sb-site, .sb-site-container, .sb-slidebar { /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { width: 100%; overflow-x: hidden; /* Stops horizontal scrolling. */ }

html { height: 100%; /* Site is as tall as device. */ }

body { min-height: 100%; height: auto; position: relative; /* Required for static Slidebars to function properly. */ }

/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) { overflow: hidden; }

/* ---------- 002 - Site */
#sb-site, .sb-site-container { /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */ width: 100%; position: relative; z-index: 1; /* Site sits above Slidebars */ background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */ }

/* --------------- 003 - Slidebars */
.sb-slidebar { height: 100%; overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */ position: fixed; top: 0; z-index: 0; /* Slidebars sit behind sb-site. */ display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */ background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */ -webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */ }

.sb-left { left: 0; /* Set Slidebar to the left. */ }

.sb-right { right: 0; /* Set Slidebar to the right. */ }

html.sb-static .sb-slidebar, .sb-slidebar.sb-static { position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */ }

.sb-slidebar.sb-active { display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */ }

.sb-style-overlay { z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */ }

.sb-momentum-scrolling { -webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */ }

/* Slidebar widths for browsers/devices that don't support media queries. */
.sb-slidebar { width: 30%; }

.sb-width-thin { width: 15%; }

.sb-width-wide { width: 45%; }

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
  .sb-slidebar { width: 70%; }
  .sb-width-thin { width: 55%; }
  .sb-width-wide { width: 85%; } }
@media (min-width: 481px) { /* Slidebar widths on small screens. */
  .sb-slidebar { width: 55%; }
  .sb-width-thin { width: 40%; }
  .sb-width-wide { width: 70%; } }
@media (min-width: 768px) { /* Slidebar widths on medium screens. */
  .sb-slidebar { width: 40%; }
  .sb-width-thin { width: 25%; }
  .sb-width-wide { width: 55%; } }
@media (min-width: 992px) { /* Slidebar widths on large screens. */
  .sb-slidebar { width: 30%; }
  .sb-width-thin { width: 15%; }
  .sb-width-wide { width: 45%; } }
@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
  .sb-slidebar { width: 20%; }
  .sb-width-thin { width: 5%; }
  .sb-width-wide { width: 35%; } }
/* --------------- 004 - Animation */
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar { -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */ -webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ }

/* -------------------- 005 - Helper Classes */
.sb-hide { display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */ }

.sb-slidebar a { color: #ffffff; }
.sb-slidebar .brand-daiken { background-image: url('../images/icons-s58e82fe984.png'); background-position: 0 -69px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 60px; width: 166px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .sb-slidebar .brand-daiken { background-image: url('../images/icons-2x-s37cd838a6d.png'); background-size: 260px 223px; background-position: 0 -69px; height: 60px; width: 166px; } }
.sb-slidebar ul li { display: block; }
.sb-slidebar ul li a { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px 14px; }
.sb-slidebar ul li a:hover, .sb-slidebar ul li a:active { background-color: #01b1eb; }

/* Nivo Lightbox v1.2.0 http://dev7studios.com/nivo-lightbox  Copyright 2013, Dev7studios Free to use and abuse under the MIT license. http://www.opensource.org/licenses/mit-license.php */
.nivo-lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%; overflow: hidden; visibility: hidden; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.9); }

.nivo-lightbox-overlay.nivo-lightbox-open { visibility: visible; opacity: 1; }

.nivo-lightbox-wrap { position: absolute; top: 10%; bottom: 10%; left: 10%; right: 10%; }

.nivo-lightbox-content { width: 100%; height: 100%; }

.nivo-lightbox-title-wrap { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99999; text-align: center; color: #ffffff; }

@media (min-width: 320px) { .nivo-lightbox-nav { display: none; background-image: url("../images/components/slider-control-small.png"); background-repeat: no-repeat; height: 48px; width: 27px; text-indent: -9999px; }
  .nivo-lightbox-prev { position: absolute; top: 50%; left: 10px; margin-top: -24px; }
  .nivo-lightbox-next { position: absolute; top: 50%; right: 10px; margin-top: -24px; background-position: -27px 0; } }
@media (min-width: 768px) { .nivo-lightbox-nav { display: none; background-image: url("../images/components/slider-control.png"); background-repeat: no-repeat; height: 96px; width: 55px; text-indent: -9999px; }
  .nivo-lightbox-prev { position: absolute; top: 50%; left: 10px; margin-top: -48px; }
  .nivo-lightbox-next { position: absolute; top: 50%; right: 10px; margin-top: -48px; background-position: -55px 0; } }
.nivo-lightbox-close { position: absolute; top: 2%; right: 2%; }

.nivo-lightbox-image { text-align: center; }
.nivo-lightbox-image:before { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; }
.nivo-lightbox-image img { display: inline-block; vertical-align: middle; }

.nivo-lightbox-image img { max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; margin: 0 auto; }

.nivo-lightbox-content iframe { width: 100%; height: 100%; }

.nivo-lightbox-inline, .nivo-lightbox-ajax { max-height: 100%; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */ }

.nivo-lightbox-error { display: table; text-align: center; width: 100%; height: 100%; color: #fff; text-shadow: 0 1px 1px #000; }

.nivo-lightbox-error p { display: table-cell; vertical-align: middle; }

/* Effects *********************************************/
.nivo-lightbox-notouch .nivo-lightbox-effect-fade, .nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale, .nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft, .nivo-lightbox-notouch .nivo-lightbox-effect-slideRight, .nivo-lightbox-notouch .nivo-lightbox-effect-slideUp, .nivo-lightbox-notouch .nivo-lightbox-effect-slideDown, .nivo-lightbox-notouch .nivo-lightbox-effect-fall { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/* fadeScale */
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }

.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

/* slideLeft / slideRight / slideUp / slideDown */
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap, .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }

.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); }

.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); }

.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); }

.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap { -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); }

.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

/* fall */
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; }

.nivo-lightbox-effect-fall .nivo-lightbox-wrap { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: translateZ(300px); -moz-transform: translateZ(300px); -ms-transform: translateZ(300px); transform: translateZ(300px); }

.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/components/fancybox_sprite.png"); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url("../images/components/fancybox_loading.gif") center center no-repeat; }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../images/components/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../images/components/fancybox_overlay.png"); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/components/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div { background-image: url("../images/components/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }
#fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; }

#fancybox-thumbs.bottom { bottom: 2px; }

#fancybox-thumbs.top { top: 2px; }

#fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; }

#fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; }

#fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; }

#fancybox-thumbs ul li:hover { opacity: 1; }

#fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; }

#fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; }