/* 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; }

.transition, a, .header-inner nav > ul > li a + ul, #news .thumb .overlay, #news .content, #news .content:before, #category .category-inner .block .thumb, #category .category-inner .block .thumb .overlay, #category .category-inner .block .title, #category .category-inner .block .title:after, #media .media-inner:after, #product .product-list .item, #product .product-list .item .award-list, .product-rev ul a, .product-rev .product-trigger, #buyer .buyer-map .buyer-map-inner, #buyer .buyer-map .pin-set a.pin .pin-thumb { -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; }

.transition-slow, #product .product-list .item .product-info .product-trigger, .news-wrapper .news-list .article .overlay-sharing { -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }

.clr:before, nav:before, .header-inner:before, .section:before, #news .news-inner:before, #category .category-inner:before, #sitemap .sitemap-inner > ul:before, #product .product-list:before, #product .product-single:before, .product-rev ul:before, #technology .technology-hero:before, #technology .technology-description:before, #technology .row:before, #technology .row-inner:before, #technology .technology-gallery:before, #buyer .buyer-map .pin-set:before, #buyer .buyer-map .pin-set a.pin:before, #buyer .buyer-map .pin-detail-wrapper .pin-detail-inner:before, .global-service-wrapper .global-service-section:before, .register-wrapper .register-inner:before, .news-wrapper .news-list .article header:before, .news-wrapper .news-single p:before, .awards-list-wrapper .awards-list-inner .awards-list:before, .awards-list-wrapper .awards-list-inner .awards-list .article:before, .awards-list-wrapper .awards-list-inner .awards-list .main:before, .awards-list-wrapper .awards-list-inner .awards-list .content:before, .history-wrapper .history-inner .history-timeline ul li:before, .retail-wrapper .retail-list .article:before, .universal-inner:before, .universal-content:before, .universal-container .universal-container-inner .universal-title-block:before, .controlgroup:before, .clr:after, nav:after, .header-inner:after, .section:after, #news .news-inner:after, #category .category-inner:after, #sitemap .sitemap-inner > ul:after, #product .product-list:after, #product .product-single:after, .product-rev ul:after, #technology .technology-hero:after, #technology .technology-description:after, #technology .row:after, #technology .row-inner:after, #technology .technology-gallery:after, #buyer .buyer-map .pin-set:after, #buyer .buyer-map .pin-set a.pin:after, #buyer .buyer-map .pin-detail-wrapper .pin-detail-inner:after, .global-service-wrapper .global-service-section:after, .register-wrapper .register-inner:after, .news-wrapper .news-list .article header:after, .news-wrapper .news-single p:after, .awards-list-wrapper .awards-list-inner .awards-list:after, .awards-list-wrapper .awards-list-inner .awards-list .article:after, .awards-list-wrapper .awards-list-inner .awards-list .main:after, .awards-list-wrapper .awards-list-inner .awards-list .content:after, .history-wrapper .history-inner .history-timeline ul li:after, .retail-wrapper .retail-list .article:after, .universal-inner:after, .universal-content:after, .universal-container .universal-container-inner .universal-title-block:after, .controlgroup:after { content: ''; clear: both; display: block; }

main { display: block; }

body { font-size: 87.5%; font-family:  "nimbus-sans", "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", "微軟正黑體", "Microsoft Jhenghei", sans-serif; line-height: 1.6; font-weight: 400; background-color: #333333; }

@media (min-width: 1025px) { h1 { font-size: 2.6em; } }

@media (min-width: 1025px) { h2 { font-size: 2.2em; } }

h1, h2, h3, h4, h5 { font-weight: 200; font-family: "azo-sans-web", "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", "微軟正黑體", "Microsoft Jhenghei", sans-serif; line-height: 1.2; margin: .3em 0; }
h1 span, h2 span, h3 span, h4 span, h5 span { font-weight: 700; }

ul { list-style-type: none; }

a { text-decoration: none; }

iframe { width: 100%; display: block; }

::-moz-selection { /* Code for Firefox */ color: #ffffff; background-color: #917d6a; }

::selection { color: #ffffff; background-color: #917d6a; }

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

.g-3-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
.g-3-12.no-gutters { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding: 0; }

.grid:last-child { float: right; }

@media (min-width: 768px) { .g-12-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
  .g-12-12.no-gutters { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; padding: 0; }
  .g-11-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.6666666667%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
  .g-11-12.no-gutters { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.6666666667%; float: left; padding: 0; }
  .g-10-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.3333333333%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
  .g-10-12.no-gutters { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.3333333333%; float: left; padding: 0; }
  .g-9-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
  .g-9-12.no-gutters { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; float: left; padding: 0; }
  .g-8-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.6666666667%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
  .g-8-12.no-gutters { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.6666666667%; float: left; padding: 0; }
  .g-7-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.3333333333%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
  .g-7-12.no-gutters { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.3333333333%; float: left; padding: 0; }
  .g-6-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
  .g-6-12.no-gutters { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding: 0; }
  .g-5-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.6666666667%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
  .g-5-12.no-gutters { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.6666666667%; float: left; padding: 0; }
  .g-4-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.3333333333%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
  .g-4-12.no-gutters { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.3333333333%; float: left; padding: 0; }
  .g-3-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
  .g-3-12.no-gutters { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; padding: 0; }
  .g-2-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.6666666667%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
  .g-2-12.no-gutters { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.6666666667%; float: left; padding: 0; }
  .g-1-12 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.3333333333%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
  .g-1-12.no-gutters { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.3333333333%; float: left; padding: 0; }
  .grid:last-child { float: right; }
  .table { display: table-cell; vertical-align: middle; }
  .t-4-10 { width: 40%; }
  .t-6-10 { width: 60%; }
  .t-5-10 { width: 50%; } }
nav { text-align: center; }
nav ul { display: none; }
nav ul li { display: inline-block; vertical-align: middle; }
nav ul li a { display: block; }
nav a.mobile-trigger { display: inline-block; vertical-align: middle; float: right; }
nav.slide ul { display: block; margin: 0; padding: 0; }
nav.slide ul li { display: block; border-bottom: 1px solid #dcc5a6; }
nav.slide ul li a { color: #dcc5a6; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; }
nav.slide ul li a.active + ul { display: block; border-top: 1px solid #dcc5a6; }
nav.slide ul li ul { display: none; }
nav.slide ul li ul li { border: 0; background-color: #242424; }
nav.slide ul li ul li ul li { background-color: #000000; }

.header-inner { background-color: #ffffff; text-align: left; }
.header-inner .brands { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; margin: 9px 0; }
.header-inner nav { float: right; }
.header-inner nav > ul > li a + ul { margin: 0; padding: 0; display: block; position: absolute; background-color: #393129; width: 100%; left: 0; top: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; font-size: 0; }
.header-inner nav > ul > li a + ul li { font-size: 1rem; border-left: 1px solid #564a3f; border-right: 1px solid #1b1714; }
.header-inner nav > ul > li a + ul li:first-child { border-left: 0; }
.header-inner nav > ul > li a + ul li:last-child { border-right: 0; }
.header-inner nav > ul > li a + ul li a { color: #dcc5a6; padding: 0 1.5em; }
.header-inner nav > ul > li a + ul li a:hover { color: #000000; background-color: #dcc5a6; }
.header-inner nav > ul > li a.active + ul { margin: 0; padding: 0; display: block; position: absolute; background-color: #393129; width: 100%; left: 0; top: 46px; font-size: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.header-inner nav > ul > li ul li { position: relative; }
.header-inner nav > ul > li ul li a + ul, .header-inner nav > ul > li ul li a.active + ul { width: auto; }
.header-inner nav > ul > li ul li a + ul li, .header-inner nav > ul > li ul li a.active + ul li { display: block; border: 0; }

.share-set { display: none; position: absolute; right: 0; top: 0; padding: 0 1em; }
.share-set a { margin-right: .5em; }

@media (min-width: 1025px) { nav > ul { display: block; background-color: #dcc5a6; font-size: 0; }
  nav > ul:before { content: ''; display: block; position: absolute; left: -10px; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 22px 10px; border-color: transparent transparent #917d6a transparent; }
  nav > ul:after { content: ''; display: block; position: absolute; right: -10px; top: 0; width: 0; height: 0; border-style: solid; border-width: 22px 0 0 10px; border-color: transparent transparent transparent #917d6a; }
  nav > ul > li { display: inline-block; font-size: 1rem; }
  nav > ul > li > a { color: #000000; font-weight: 700; padding: 0 1.5em; }
  nav > ul > li > a:hover, nav > ul > li > a.active { background-color: #917d6a; color: #ffffff; }
  nav > ul > li > ul { display: none; }
  nav a.mobile-trigger { display: none; }
  nav.slide ul { display: block; }
  nav.slide ul li { display: block; }
  .header-inner { background-color: #ffffff; text-align: left; position: relative; }
  .header-inner .brands { width: auto; float: none; text-align: center; margin: 0; padding: 1.5em 0 0 0; }
  .header-inner nav { float: none; display: block; background-color: #dcc5a6; width: 90%; margin: 0 auto; position: relative; height: 44px; line-height: 44px; bottom: -22px; z-index: 999; -moz-box-shadow: 0 4px 0 #917d6a; -webkit-box-shadow: 0 4px 0 #917d6a; box-shadow: 0 4px 0 #917d6a; } }
@media (min-width: 1280px) { .share-set { display: block; position: absolute; right: 0; top: 0; }
  .share-set a { margin-right: .5em; } }
#slider #layerslider { display: none; }
#slider .viewport-intro .scroll-move { display: none; }

.lang { height: 60px; float: right; line-height: 60px; }
@media (min-width: 1025px) { .lang { float: none; position: absolute; top: 15px; right: 4em; } }

.post time { display: block; text-align: right; }
.post .content { color: #777777; display: none; }

#video .video-inner .block { position: relative; min-height: 200px; text-align: center; }
#video .video-inner .block a.icons-play { position: absolute; margin: auto; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; }
#video .video-inner .block.text-layer { text-align: left; }
#video #video-container { display: none; position: fixed; top: 0; left: 0; z-index: 99999; }
#video #video-container a { position: fixed; z-index: 2; display: block; right: 0; top: 0; text-indent: -9999px; }
#video #video-container .overlay { position: fixed; height: 100%; width: 100%; z-index: 2; left: 0; top: 0; }
#video #video-container .overlay:after { -webkit-animation: grain 5s steps(10) infinite; -moz-animation: grain 5s steps(10) infinite; -ms-animation: grain 5s steps(10) infinite; animation: grain 5s steps(10) infinite; background: url("../images/components/noise.png"); content: ""; display: block; height: 300%; left: -100%; position: absolute; top: -100%; width: 300%; z-index: 1; }

#news img { width: 100%; height: auto; }
#news .news-inner a { display: block; }
#news .block a:hover .thumb .overlay { background-color: transparent; }
#news .block a:hover .content { background-color: #917d6a; color: #ffffff; }
#news .block a:hover .content:before { border-color: transparent #917d6a transparent transparent; }
#news .thumb { position: relative; }
#news .thumb .overlay { background-color: rgba(220, 197, 166, 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#news .content { vertical-align: middle; background-color: #000000; color: #dcc5a6; word-break: break-all; position: relative; }
#news .content time { display: block; color: #ffffff; font-weight: 300; }
#news .content .text { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; overflow: hidden; }
#news .content .text h2 { font-size: 1.6em; }

#category .category-inner { text-align: center; }
#category .category-inner .block .thumb { background-position: center center; background-repeat: no-repeat; background-size: 110%; position: relative; }
#category .category-inner .block .thumb .overlay { background-color: rgba(220, 197, 166, 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#category .category-inner .block .title { text-transform: uppercase; background-color: #000000; color: #917d6a; padding: .5em 0; position: relative; }
#category .category-inner .block .title h2 { font-size: 1.6em; }
#category .category-inner .block .title:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #000000 transparent; display: block; position: absolute; left: 50%; top: -10px; }
#category .category-inner .block a { display: block; }
#category .category-inner .block a:hover .thumb { background-size: 100%; }
#category .category-inner .block a:hover .thumb .overlay { background-color: transparent; }
#category .category-inner .block a:hover .title { background-color: #917d6a; color: #dcc5a6; }
#category .category-inner .block a:hover .title:after { border-color: transparent transparent #917d6a transparent; }
#category .category-inner .block:nth-child(2n+1) .overlay { display: none; }

#awards .universal-title-block { display: none; }
@media (min-width: 1025px) { #awards .universal-title-block { display: block; } }
#awards .awards-inner { position: relative; padding: 4em 0; background-color: #ffffff; }
#awards .awards-inner .award-list { text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 2em; }
#awards .awards-inner .award-list a { display: block; margin-bottom: 2em; }

#media { display: none; }
#media .media-inner { padding: 4em 0; background-color: #000000; position: relative; }
#media .media-inner .media-list { text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 2em; }
#media .media-inner .media-list a { display: block; margin-bottom: 2em; }
#media .media-inner:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #000000 transparent; display: block; position: absolute; left: 10%; top: -10px; }

#sitemap { display: none; }
#sitemap .sitemap-inner { background-color: #000000; padding-top: 2em; }
#sitemap .sitemap-inner > ul { margin: 0 4em; padding: 2em 0; border-top: 1px solid #dcc5a6; }
#sitemap .sitemap-inner > ul > li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.6666666667%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
#sitemap .sitemap-inner > ul > li:nth-child(6n + 1) { margin-left: 0; margin-right: -100%; clear: both; }
#sitemap .sitemap-inner > ul > li:nth-child(6n + 2) { margin-left: 16.6666666667%; margin-right: -100%; clear: none; }
#sitemap .sitemap-inner > ul > li:nth-child(6n + 3) { margin-left: 33.3333333333%; margin-right: -100%; clear: none; }
#sitemap .sitemap-inner > ul > li:nth-child(6n + 4) { margin-left: 50%; margin-right: -100%; clear: none; }
#sitemap .sitemap-inner > ul > li:nth-child(6n + 5) { margin-left: 66.6666666667%; margin-right: -100%; clear: none; }
#sitemap .sitemap-inner > ul > li:nth-child(6n + 6) { margin-left: 83.3333333333%; margin-right: -100%; clear: none; }
#sitemap .sitemap-inner > ul > li > a { color: #dcc5a6; font-size: 1.2em; }
#sitemap .sitemap-inner > ul > li > ul { text-align: left; border-left: 1px solid #dcc5a6; margin: 1em 0 0 .3em; padding: 0 0 0 1em; }
#sitemap .sitemap-inner > ul > li > ul > li { margin-bottom: 1em; }
#sitemap .sitemap-inner .share-set { display: none; }
#sitemap .sitemap-inner a { color: #917d6a; }
#sitemap .sitemap-inner a:hover { color: #dcc5a6; }

@media (min-width: 768px) { #product .page-heading { display: none; } }
#product .product-inner { background-color: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding: 6em 0; }
#product .product-inner .product-list-wrapper { padding-bottom: 140px; }
#product .product-inner .product-list-wrapper .bx-viewport { overflow: visible !important; }
#product .product-inner .bx-wrapper { position: relative; z-index: 2; padding-bottom: 2em; }
#product .product-list .item { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#product .product-list .item:hover, #product .product-list .item.focus { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#product .product-list .item:hover .product-info, #product .product-list .item.focus .product-info { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#product .product-list .item:hover .product-info .product-trigger, #product .product-list .item.focus .product-info .product-trigger { -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
#product .product-list .item:hover .award-list, #product .product-list .item.focus .award-list { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#product .product-list .item .product-info { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; text-align: center; position: absolute; top: 50%; right: 0; left: 0; width: 50%; margin: -35px auto 0 auto; }
#product .product-list .item .product-info .product-name { background-color: rgba(145, 125, 106, 0.8); color: #ffffff; line-height: 1.2; padding: .5em 0; }
#product .product-list .item .product-info .product-trigger { text-align: center; background-color: rgba(220, 197, 166, 0.8); padding: .5em 0; -moz-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; }
#product .product-list .item .product-info .product-trigger span { display: inline-block; vertical-align: middle; margin-right: 6px; color: rgba(145, 125, 106, 1);}
#product .product-list .item .award-list { text-align: center; position: absolute; top: 100%; left: 0; right: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; -webkit-transition-delay: 500ms; transition-delay: 500ms; }
#product .product-list .item .award-list a { display: inline-block; vertical-align: middle; max-width: 23%; margin-right: 2%; }
#product .product-list .item .award-list a:last-child { margin-right: 0; }
#product .product-single { border-top: 1px solid #dcc5a6; padding: 2em 1em; }
#product .product-single .product-single-inner { max-width: 960px; margin: 0 auto; }
#product .product-single .product-head { padding-bottom: 2em; border-bottom: 1px solid #dcc5a6; }
#product .product-single .product-info { padding-top: 1em; }
#product .product-single .product-cate { display: none; background-color: #000000; color: #ffffff; padding: .3em 1em; }
#product .product-single .product-cate a { color: #ffffff; }
#product .product-single .product-cate a:hover { color: #dcc5a6; }
#product .product-single .product-cate a:last-child { color: #dcc5a6; }
#product .product-single h3 { font-weight: 600; }
#product .product-single .product-name { padding-bottom: 2em; }
#product .product-single .product-name h1 { font-weight: 600; color: #917d6a; }
@media (min-width: 1025px) { #product .product-single .product-name h1 { font-size: 3em; } }
#product .product-single .product-awards a { display: inline-block; vertical-align: middle; max-width: 100px; }
#product .product-single .product-features ul { margin: 0 0 0 1.5em; padding: 0 0 0 2em; list-style-type: disc; }
#product .product-single .product-features ul li { margin-left: -2em; }
#product .product-single .product-colors { text-align: center; }
#product .product-single .product-colors ul { margin: 1em 0 0 0; padding: 0; text-align: center; }
#product .product-single .product-colors ul li { display: inline-block; margin-right: .5em; }
#product .product-single .product-colors ul li:last-child { margin-right: 0; }
#product .product-single .product-colors ul li a { display: block; width: 30px; height: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #cccccc; }

.product-rev { position: relative; }
.product-rev .product-rev-inner { padding: 4em 0; background-color: #ffffff; border-top: 1px solid #dcc5a6; }
.product-rev .product-rev-inner .tag { margin-left: -81px; }
.product-rev ul { margin: 0; padding: 0; }
.product-rev ul a { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; }
.product-rev ul a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.product-rev ul a:hover .product-trigger { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.product-rev .product-trigger { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; text-align: center; position: absolute; top: 42%; left: 0; right: 0; margin: auto; }

#technology .technology-inner { background-color: #ffffff; }
#technology .technology-hero { display: table-row; }
#technology .technology-hero-title, #technology .technology-hero-image { display: table-cell; vertical-align: middle; width: 50%; text-align: center; }
#technology .technology-hero-title h1 { font-size: 2em; font-weight: 600; color: #917d6a; width: 50%; margin: 0 auto; }
#technology .technology-description { background-color: #f7f7f7; }
#technology .technology-description .row { padding: 3em 0; }
#technology .technology-description .row .block { background-color: inherit; }
#technology .technology-description .row .block h2 { font-weight: 600; }
#technology .technology-description .row .block .text ul { margin: 0; padding: 0; }
#technology .technology-gallery { padding: 2em 0; }
#technology .technology-gallery ul { margin: 0; padding: 0; }
#technology .technology-gallery ul li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20%; float: left; padding-left: 1%; padding-right: 1%; margin-bottom: 1em; }
#technology .technology-gallery ul li:nth-child(5n + 1) { margin-left: 0; margin-right: -100%; clear: both; }
#technology .technology-gallery ul li:nth-child(5n + 2) { margin-left: 20%; margin-right: -100%; clear: none; }
#technology .technology-gallery ul li:nth-child(5n + 3) { margin-left: 40%; margin-right: -100%; clear: none; }
#technology .technology-gallery ul li:nth-child(5n + 4) { margin-left: 60%; margin-right: -100%; clear: none; }
#technology .technology-gallery ul li:nth-child(5n + 5) { margin-left: 80%; margin-right: -100%; clear: none; }
#technology .technology-gallery ul li a { display: block; }
#technology .technology-gallery ul li a img { width: 100%; height: auto; }
#technology .technology-video { padding: 2em 0 4em 0; background-color: #917d6a; color: #ffffff; text-align: center; }
#technology .technology-video-inner h2 { text-transform: uppercase; font-weight: 600; margin: 1em 0; }
#technology .technology-list .row { background-color: #f7f7f7; padding: 2em 0; color: #917d6a; }
#technology .technology-list .row h2 { font-weight: 600; }
#technology .technology-list .row .text-layer { position: relative; }
#technology .technology-list .row .text-layer:after { display: block; content: ''; height: 200px; width: 2px; background-color: #dcc5a6; position: absolute; right: 0; top: 0; -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); }
#technology .technology-list .row:nth-child(2n+1) { background-color: #ffffff; }
#technology .technology-list .row:nth-child(2n+1) .text-layer:after { right: inherit; left: -5%; }
#technology .technology-list .row .block { background-color: inherit; }
#technology .technology-list .row .block .text ul { margin: 0; padding: 0; }

.copyrights { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em 2em; color: #dcc5a6; background-color: #000000; text-align: center; }
.copyrights p { margin: 0; padding: 0; }

#buyer .page-heading { color: #ffffff; padding-top: 3em; }
#buyer .page-heading h3 { display: inline-block; vertical-align: middle; font-weight: bold; font-style: italic; }
#buyer .buyer-inner { color: #ffffff; }
#buyer .buyer-map .buyer-map-inner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5em 3em 0 3em; background-color: #ffffff; position: relative; }
#buyer .buyer-map .overlay { background-color: rgba(220, 197, 166, 0.8); position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 2; }
#buyer .buyer-map .overlay.active { display: block; }
#buyer .buyer-map .pin-set a.pin { display: block; text-align: center; color: #000000; float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2em 1em; }
#buyer .buyer-map .pin-set a.pin .pin-thumb { background-image: url("../images/components/pin.png"); background-repeat: no-repeat; background-position: center top; width: 50px; height: 50px; margin: 0 auto; }
#buyer .buyer-map .pin-set a.pin .pin-name { margin-top: .5em; }
#buyer .buyer-map .pin-set a.pin:hover .pin-thumb { background-image: url("../images/components/pin-hover.png"); }
#buyer .buyer-map .pin-detail-wrapper { display: none; position: absolute; width: 90%; max-width: 500px; margin: auto; background-color: #ffffff; top: 0; right: 0; bottom: 0; left: 0; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33); font-size: 0; z-index: 3; }
#buyer .buyer-map .pin-detail-wrapper.active { display: block; }
#buyer .buyer-map .pin-detail-wrapper:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
#buyer .buyer-map .pin-detail-wrapper .pin-detail-inner { display: inline-block; vertical-align: middle; font-size: 1rem; }
#buyer .buyer-map .pin-detail-wrapper .pin-detail-inner .product-thumb { height: 200px; }
#buyer .buyer-map .pin-detail-wrapper .pin-detail-inner .product-thumb img { height: 100%; width: auto; max-width: inherit; }
#buyer .buyer-map .pin-detail-wrapper .pin-detail-inner .product-description { margin-top: .5em; text-align: center; }
#buyer .buyer-map .pin-detail-wrapper .pin-detail-inner .product-category { color: #917d6a; font-weight: 600; }
#buyer .buyer-map .pin-detail-wrapper .pin-detail-inner .product-name h2 { margin: .3em 0; line-height: 1; }
#buyer .buyer-map .pin-detail-wrapper .pin-detail-inner .icons-close { cursor: pointer; position: absolute; right: 0; top: -100px; }

.global-service-wrapper .global-service-section { display: none; text-align: center; }
.global-service-wrapper .global-service-section a { font-size: 1.2em; float: left; width: 20%; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; background-color: #dcc5a6; color: #000000; }
.global-service-wrapper .global-service-section a:hover, .global-service-wrapper .global-service-section a.active { color: #ffffff; background-color: #917d6a; }
.global-service-wrapper .global-service-list { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; }
.global-service-wrapper .global-service-list .locations { margin: 3em 0; }
.global-service-wrapper .global-service-list .locations h1 { color: #917d6a; text-align: center; }

.downloads-wrapper .downloads-list { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; }
.downloads-wrapper .downloads-list .downloads { margin: 3em 0; }
.downloads-wrapper .downloads-list .downloads h1 { color: #917d6a; font-weight: 600; border-bottom: 1px solid #dcc5a6; padding: 0 .5em .2em .5em; }
.downloads-wrapper .downloads-list .downloads table tbody th { width: 124px; }
.downloads-wrapper .downloads-list .downloads table tbody td:nth-child(2) { text-align: left; }

.register-wrapper .register-inner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; }
.register-wrapper .register-inner .register-form .call-action { text-align: right; border-top: 1px solid #dcc5a6; }
.register-wrapper .register-inner .register-ad .register-ad-block { color: #ffffff; text-align: center; background-repeat: no-repeat; background-size: cover; }

.faq-wrapper { background-color: #f7f7f7; }
.faq-wrapper .faq-list ul { margin: 0; padding: 0; }
.faq-wrapper .faq-list ul li { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #dcc5a6; }
.faq-wrapper .faq-list ul li .js-faq-toggle { cursor: pointer; }
.faq-wrapper .faq-list ul li .article { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2em 1em; background-color: #ffffff; }
.faq-wrapper .faq-list ul li .article footer { text-align: right; color: #999999; }
.faq-wrapper .faq-list ul li .article .faq-content { display: none; }
.faq-wrapper .faq-list ul li .article .faq-content.active { display: block; }
.faq-wrapper .faq-list ul li .article .faq-answer { position: relative; text-align: center; bottom: -3em; }
.faq-wrapper .faq-list ul li .article .faq-answer.active { display: none; }

.contact-wrapper .contact-inner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2em; }
.contact-wrapper .contact-message { padding: 0 0 2em 0; border-bottom: 1px solid #dcc5a6; }
.contact-wrapper .contact-form { padding-top: 2em; }
.contact-wrapper .contact-form .call-action { text-align: right; }

.news-wrapper .news-inner { background-color: #f7f7f7; padding-top: 3em; }
.news-wrapper .news-inner.single { background-color: #ffffff; }
.news-wrapper .news-inner .call-action { text-align: center; }
.news-wrapper #news-list { position: relative; }
.news-wrapper .news-list { margin: 0 auto; }
.news-wrapper .news-list .post { display: block; width: 280px; margin-bottom: 1em; }
.news-wrapper .news-list .post:hover .article { border: 1px solid #dcc5a6; }
.news-wrapper .news-list .article { background-color: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eeeeee; overflow: hidden; }
.news-wrapper .news-list .article header { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2em; }
.news-wrapper .news-list .article header .time { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; padding-left: 2.0833333333%; padding-right: 2.0833333333%; }
.news-wrapper .news-list .article header time { display: block; text-align: center; font-size: 3em; font-weight: 600; line-height: 1; color: #000000; }
.news-wrapper .news-list .article header time span { text-align: center; border-top: 1px solid #917d6a; display: block; color: #917d6a; font-weight: 400; font-size: .4em; padding-top: .5em; }
.news-wrapper .news-list .article .content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; float: right; padding-left: 2.0833333333%; padding-right: 2.0833333333%; display: block; color: #000000; }
.news-wrapper .news-list .article .content .title { font-size: 1.6em; color: #917d6a; line-height: 1.1; margin-bottom: 1em; }
.news-wrapper .news-list .article .content .title a { color: #917d6a; }
.news-wrapper .news-list .article .content .title a:hover { color: #000000; }
.news-wrapper .news-list .article .content .excerpt { display: none; }
@media (min-width: 768px) { .news-wrapper .news-list .article .content .excerpt { display: block; } }
.news-wrapper .news-list .article footer img { width: 100%; }
.news-wrapper .news-list .article:hover .overlay-sharing { display: block; }
.news-wrapper .news-list .article .overlay-sharing { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 90%; height: 200px; margin: auto; background-color: rgba(145, 125, 106, 0.8); font-size: 0; text-align: center; }
.news-wrapper .news-list .article .overlay-sharing:before { height: 100%; width: 0; content: ''; display: inline-block; vertical-align: middle; }
.news-wrapper .news-list .article .overlay-sharing .overlay-sharing-inner { font-size: 1rem; display: inline-block; vertical-align: middle; }
.news-wrapper .news-list .article .overlay-sharing a { background-color: #e60012; }
.news-wrapper .news-list .article .overlay-sharing a.fbs { background-color: #3b5998; }
.news-wrapper .news-single { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2em; }
.news-wrapper .news-single .call-action { text-align: center; }
.news-wrapper .news-single img { margin-bottom: 1em; }
.news-wrapper .news-single header h1 { margin-bottom: 1em; }

.awards-list-wrapper .awards-list-inner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f7f7f7; }
.awards-list-wrapper .awards-list-inner .awards-list > ul { margin: 0; padding: 0; }
.awards-list-wrapper .awards-list-inner .awards-list > ul > li { list-style-type: none; padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid #dcc5a6; }
.awards-list-wrapper .awards-list-inner .awards-list h1 img { display: inline-block; height: 1.2em; vertical-align: middle; }
.awards-list-wrapper .awards-list-inner .awards-list .awards-set { margin: .5em 0; }
.awards-list-wrapper .awards-list-inner .awards-list .article { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2em; background-color: #ffffff; text-align: center; }
@media (min-width: 768px) { .awards-list-wrapper .awards-list-inner .awards-list .article { text-align: left; } }
.awards-list-wrapper .awards-list-inner .awards-list .article:last-child { border-bottom: 0; }
.awards-list-wrapper .awards-list-inner .awards-list .article ul { margin: 0; padding: 0; text-align: left; }
@media (min-width: 768px) { .awards-list-wrapper .awards-list-inner .awards-list .article ul { padding: 1em 0 0 1em; } }
.awards-list-wrapper .awards-list-inner .awards-list .article header { margin-bottom: 1em; }
.awards-list-wrapper .awards-list-inner .awards-list .article header a { color: #000000; display: block; }
.awards-list-wrapper .awards-list-inner .awards-list .main { display: none; }
.awards-list-wrapper .awards-list-inner .awards-list .main.active { display: block; }
.awards-list-wrapper .awards-list-inner .awards-list .thumb { margin-top: 1em; margin-bottom: 1em; }
@media (min-width: 768px) { .awards-list-wrapper .awards-list-inner .awards-list .thumb { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; } }
@media (min-width: 768px) { .awards-list-wrapper .awards-list-inner .awards-list .content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; float: right; padding-left: 0.8333333333%; padding-right: 0.8333333333%; } }
.awards-list-wrapper .awards-list-inner .awards-list .content .title { font-size: 1.6em; font-style: italic; color: #917d6a; }
.awards-list-wrapper .awards-list-inner .awards-list .content img { margin: .5em 1em; }

.history-wrapper .history-inner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2em; text-align: center; max-width: 660px; margin: 0 auto; }
.history-wrapper .history-inner .brand { margin: 2em 0; }
.history-wrapper .history-inner .title { font-size: 1.6em; font-style: italic; font-weight: 600; color: #917d6a; }
.history-wrapper .history-inner article .content { text-align: left; }
.history-wrapper .history-inner .history-timeline { margin-top: 2em; }
.history-wrapper .history-inner .history-timeline ul { margin: 0; padding: 0; display: block; }
.history-wrapper .history-inner .history-timeline ul li { display: block; line-height: 1.6; margin-bottom: 1em; }
.history-wrapper .history-inner .history-timeline ul li time { display: block; float: left; font-size: 1.6em; font-style: italic; }
.history-wrapper .history-inner .history-timeline ul li .description { text-align: left; margin-left: 100px; font-style: italic; color: #777777; }

.retail-wrapper .retail-inner { background-color: #f7f7f7; }
.retail-wrapper .retail-list ul { margin: 0; padding: 0; }
.retail-wrapper .retail-list li { display: block; margin: 2em 0; }
.retail-wrapper .retail-list a { color: #917d6a; }
.retail-wrapper .retail-list .article { background-color: #ffffff; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2em; }
.retail-wrapper .retail-list .article .retail-detail ul { margin: 0; padding: 0; }
.retail-wrapper .retail-list .article .retail-detail ul li { margin: 0; padding: 0; }
.retail-wrapper .retail-list .article .retail-location { font-weight: 600; }
.retail-wrapper .retail-list .article .retail-location .country, .retail-wrapper .retail-list .article .retail-location .city { display: inline-block; }
.retail-wrapper .retail-list .article .retail-name { font-size: 1.6em; font-weight: 600; }
.retail-wrapper .retail-list .article .retail-phone, .retail-wrapper .retail-list .article .retail-web, .retail-wrapper .retail-list .article .retail-address { margin-top: 2em; }

#globe .universal-title-block, #register .universal-title-block, #history .universal-title-block { display: none; }
@media (min-width: 1025px) { #globe .universal-title-block, #register .universal-title-block, #history .universal-title-block { display: block; } }

@media (min-width: 769px) { #slider #alt-slider { display: none; }
  #slider #layerslider { display: block; }
  #slider .viewport-intro .scroll-move { display: block; }
  #slider + .section { margin-top: -432px; } }
@media (min-width: 768px) { #video .video-inner { position: relative; -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2); }
  #video .video-inner .block { position: relative; }
  #video .video-inner .block:last-child { -moz-box-shadow: -3px 0 12px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -3px 0 12px rgba(0, 0, 0, 0.2); box-shadow: -3px 0 12px rgba(0, 0, 0, 0.2); }
  #video .video-inner .block:last-child:before { content: ''; display: block; position: absolute; left: -20px; top: 50%; width: 0; height: 0; border-style: solid; border-width: 12px 20px 12px 0; border-color: transparent #ffffff transparent transparent; }
  #video .video-inner .block a.icons-play { position: relative; margin: auto; z-index: 9999; top: inherit; right: inherit; bottom: inherit; left: inherit; }
  #news .news-inner { border-bottom: 1px solid #dcc5a6; }
  #news .content { position: relative; }
  #news .content:before { content: ''; display: block; position: absolute; left: -10px; top: 50%; width: 0; height: 0; border-style: solid; border-width: 6px 10px 6px 0; border-color: transparent #000000 transparent transparent; }
  #news .content .text { height: 240px; }
  #category .category-inner { position: relative; z-index: 2; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33); }
  #awards .awards-inner .award-list a { display: inline-block; vertical-align: middle; margin: 0 1em 2em 0; }
  #awards .awards-inner .award-list a:last-child { margin-right: 0; }
  .awards-list-wrapper .awards-set { display: inline-block; }
  #media .media-inner .media-list a { display: inline-block; vertical-align: middle; margin: 0 2em 2em 0; }
  #media .media-inner .media-list a:last-child { margin-right: 0; }
  #product .product-single .product-cate { display: inline-block; }
  #technology .technology-hero-title h1 { font-size: 3em; }
  #buyer .buyer-map .pin-detail-wrapper .pin-detail-inner { font-size: 0; }
  #buyer .buyer-map .pin-detail-wrapper .pin-detail-inner .product-thumb { display: inline-block; vertical-align: top; width: 30%; font-size: 1rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #buyer .buyer-map .pin-detail-wrapper .pin-detail-inner .product-description { text-align: left; display: inline-block; vertical-align: top; width: 70%; font-size: 1rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 2em; } }
@media (min-width: 1024px) { #sitemap { display: block; }
  .global-service-wrapper .global-service-section { display: block; }
  .post .content { display: block; }
  #buyer .page-heading { color: #ffffff; padding-top: 3em; }
  #buyer .page-heading h3 { display: inline-block; vertical-align: middle; font-weight: bold; font-style: italic; }
  #buyer .page-heading h3:before, #buyer .page-heading h3:after { content: ''; height: 1px; background-color: #ffffff; width: 100px; display: inline-block; vertical-align: middle; margin: 0 1em; } }
@media (min-width: 1280px) { #buyer .buyer-map .buyer-map-inner { height: 100vh; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5em 3em 0 3em; background-color: #ffffff; background-image: url("../images/backgrounds/buyers-guide-bg-moutain.jpg"); background-position: center top; background-repeat: no-repeat; position: relative; }
  #buyer .buyer-map .pin-set a.pin { display: block; text-align: center; width: 150px; color: #000000; position: absolute; padding: 0; float: none; }
  #buyer .buyer-map .pin-set a.pin .pin-thumb { background-image: url("../images/components/pin.png"); background-repeat: no-repeat; background-position: center; width: 50px; height: 50px; margin: 0 auto; }
  #buyer .buyer-map .pin-set a.pin .pin-name { margin-top: .5em; }
  #buyer .buyer-map .pin-set a.pin:hover .pin-thumb { background-image: url("../images/components/pin-hover.png"); }
  #buyer .buyer-map .pin-set a.pin.a { left: 12%; top: 5%; }
  #buyer .buyer-map .pin-set a.pin.b { left: 4%; top: 25%; }
  #buyer .buyer-map .pin-set a.pin.c { left: 11%; top: 49%; }
  #buyer .buyer-map .pin-set a.pin.d { left: 8%; top: 71%; }
  #buyer .buyer-map .pin-set a.pin.e { left: 14%; top: 85%; }
  #buyer .buyer-map .pin-set a.pin.f { right: 16%; top: 12%; }
  #buyer .buyer-map .pin-set a.pin.g { right: 10%; top: 27%; }
  #buyer .buyer-map .pin-set a.pin.h { right: 7%; top: 45%; }
  #buyer .buyer-map .pin-set a.pin.i { right: 10%; top: 64%; }
  #buyer .buyer-map .pin-set a.pin.j { right: 14%; top: 82%; }
  .news-wrapper .news-inner { background-color: #f7f7f7; padding-top: 0em; } }
/* Slidebars 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) */
#sb-site, .sb-site-container, .sb-slidebar, body, html { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, html { width: 100%; overflow-x: hidden; }

html { height: 100%; }

body { min-height: 100%; height: auto; position: relative; }

html.sb-scroll-lock.sb-active:not(.sb-static) { overflow: hidden; }

#sb-site, .sb-site-container { width: 100%; position: relative; z-index: 1; }

.sb-slidebar { height: 100%; overflow-y: auto; position: fixed; top: 0; z-index: 0; display: none; background-color: #333333; -webkit-transform: translate(0px); }

.sb-left { left: 0; }

.sb-right { right: 0; }

.sb-slidebar.sb-static, html.sb-static .sb-slidebar { position: absolute; }

.sb-slidebar.sb-active { display: block; }

.sb-style-overlay { z-index: 9999; }

.sb-momentum-scrolling { -webkit-overflow-scrolling: touch; }

.sb-slidebar { width: 30%; }

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

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

@media (max-width: 480px) { .sb-slidebar { width: 70%; }
  .sb-width-thin { width: 55%; }
  .sb-width-wide { width: 85%; } }
@media (min-width: 481px) { .sb-slidebar { width: 55%; }
  .sb-width-thin { width: 40%; }
  .sb-width-wide { width: 70%; } }
@media (min-width: 768px) { .sb-slidebar { width: 40%; }
  .sb-width-thin { width: 25%; }
  .sb-width-wide { width: 55%; } }
@media (min-width: 992px) { .sb-slidebar { width: 30%; }
  .sb-width-thin { width: 15%; }
  .sb-width-wide { width: 45%; } }
@media (min-width: 1200px) { .sb-slidebar { width: 20%; }
  .sb-width-thin { width: 5%; }
  .sb-width-wide { width: 35%; } }
#sb-site, .sb-site-container, .sb-slide, .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; -webkit-backface-visibility: hidden; }

.sb-hide { display: none; }

/** 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 60px; padding: 0; *zoom: 1; }

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

/** THEME
===================================*/
.bx-wrapper .bx-viewport { background: #fff; /*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: -30px; 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 */
.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 { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; background: url(../images/components/controls.png) no-repeat 0 -32px; }

.bx-wrapper .bx-next { right: 10px; background: url(../images/components/controls.png) no-repeat -43px -32px; }

.bx-wrapper .bx-prev:hover { background-position: 0 0; }

.bx-wrapper .bx-next:hover { background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; 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; }

/*
  * Style settings of LayerSlider
  *
  * (c) 2011-2013 George Krupa, John Gera & Kreatura Media
  *
  * Plugin web:     http://kreaturamedia.com/
  * Licenses:       http://codecanyon.net/licenses/
*/
/* Global settings */
.viewport-intro { position: relative; }
@media (min-width: 769px) { .viewport-intro { height: 1080px; } }

.ls-container { visibility: hidden; position: relative; color: #ffffff; }
.ls-container .captions { font-size: .85em; color: #917d6a; }

.ls-lt-container { position: absolute; }

.ls-lt-container, .ls-lt-container * { text-align: left !important; direction: ltr !important; }

.ls-container-fullscreen { margin: 0 auto !important; padding: 2% !important; background: black !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border: none !important; }

.ls-container-fullscreen .ls-thumbnail-wrapper, .ls-container-fullscreen .ls-fullscreen, .ls-container-fullscreen .ls-shadow { display: none !important; }

.ls-overflow-hidden { overflow: hidden; }

.ls-inner { position: relative; background-position: center center; z-index: 2; }

.ls-loading-container { position: absolute !important; display: none; z-index: 3 !important; left: 50% !important; top: 50% !important; }

.ls-loading-indicator { margin: 0 auto; }

.ls-inner, .ls-slide { width: 100%; height: 100%; }

.ls-slide, .ls-layer { position: absolute; display: none; background-position: center center; overflow: hidden; }

.ls-active, .ls-animating { display: block !important; }

.ls-slide > * { position: absolute; line-height: normal; margin: 0; left: 0; top: 0; }

.ls-slide .ls-bg { left: 0px; top: 0px; transform: none !important; -o-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; }

.ls-yourlogo { position: absolute; z-index: 99; }

/* Timers */
.ls-bar-timer { position: absolute; width: 0; height: 2px; background: white; border-bottom: 2px solid #555; opacity: .55; filter: alpha(opacity=55); z-index: 4; top: 0; }

.ls-circle-timer { width: 16px; height: 16px; position: absolute; right: 10px; top: 10px; z-index: 4; opacity: .65; filter: alpha(opacity=65); display: none; }

.ls-ct-half { background: white; }

.ls-ct-center { background: #444; }

.ls-ct-left, .ls-ct-right { width: 50%; height: 100%; overflow: hidden; }

.ls-ct-left, .ls-ct-right { float: left; position: relative; }

.ls-ct-rotate { width: 200%; height: 100%; position: absolute; top: 0; }

.ls-ct-left .ls-ct-rotate, .ls-ct-right .ls-ct-hider, .ls-ct-right .ls-ct-half { left: 0; }

.ls-ct-right .ls-ct-rotate, .ls-ct-left .ls-ct-hider, .ls-ct-left .ls-ct-half { right: 0; }

.ls-ct-hider, .ls-ct-half { position: absolute; top: 0; }

.ls-ct-hider { width: 50%; height: 100%; overflow: hidden; }

.ls-ct-half { width: 200%; height: 100%; }

.ls-ct-center { width: 50%; height: 50%; left: 25%; top: 25%; position: absolute; }

.ls-ct-half, .ls-ct-center { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }

/* Navigation */
.ls-bottom-nav-wrapper { height: 0; }

.ls-bottom-slidebuttons { text-align: left; }

.ls-bottom-nav-wrapper, .ls-below-thumbnails { z-index: 2; height: 0; position: relative; text-align: center; margin: 0 auto; }

.ls-below-thumbnails { display: none; z-index: 6; }

.ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next { outline: none; }

* .ls-bottom-nav-wrapper *, * .ls-bottom-nav-wrapper span * { direction: ltr !important; }

.ls-bottom-slidebuttons { position: relative; z-index: 1000; }

.ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides { position: relative; }

.ls-nothumb { text-align: center !important; }

.ls-link { position: absolute; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; background-image: url(blank.html); }

.ls-slide > a > * { background-image: url(blank.html); }

/* Embedded videos */
.ls-vpcontainer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.ls-videopreview { width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; }

.ls-playvideo { position: absolute; left: 50%; top: 50%; cursor: pointer; }

/* Thumbnails */
.ls-tn { display: none !important; }

.ls-thumbnail-hover { display: none; position: absolute; left: 0; }

.ls-thumbnail-hover-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; }

.ls-thumbnail-hover-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.ls-thumbnail-hover-img { position: absolute; overflow: hidden; }

.ls-thumbnail-hover img { max-width: none !important; position: absolute; display: inline-block; visibility: visible !important; left: 50%; top: 0; }

.ls-thumbnail-hover span { left: 50%; top: 100%; width: 0; height: 0; display: block; position: absolute; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; }

.ls-thumbnail-wrapper { position: relative; width: 100%; margin: 0 auto; z-index: 4; }

.ls-thumbnail { position: relative; margin: 0 auto; }

.ls-thumbnail-inner, .ls-thumbnail-slide-container { width: 100%; }

.ls-thumbnail-slide-container { overflow: hidden !important; position: relative; }

.ls-touchscroll { overflow-x: auto !important; }

.ls-thumbnail-slide { text-align: center; white-space: nowrap; float: left; position: relative; }

.ls-thumbnail-slide a { overflow: hidden; display: inline-block; width: 0; height: 0; position: relative; }

.ls-thumbnail-slide img { max-width: none !important; max-height: 100% !important; height: 100%; visibility: visible !important; }

.ls-shadow { display: none; position: absolute; z-index: 1; top: 100%; width: 100%; left: 0; overflow: hidden !important; visibility: hidden; }

.ls-shadow img { width: 100% !important; height: auto !important; position: absolute !important; left: 0 !important; bottom: 0 !important; }

.ls-bottom-nav-wrapper, .ls-thumbnail-wrapper, .ls-nav-prev, .ls-nav-next { visibility: hidden; }

/* WP plugin fullwidth */
.ls-wp-fullwidth-container { width: 100%; position: relative; }

.ls-wp-fullwidth-helper { position: absolute; }

/* 2D & 3D Layer Transitions */
.ls-overflow-hidden { overflow: hidden; }

.ls-lt-tile { position: relative; float: left; perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; -moz-perspective: 1000px; -webkit-perspective: 1000px; }

.ls-lt-tile img { visibility: visible; display: inline-block; }

.ls-curtiles { overflow: hidden; }

.ls-curtiles, .ls-nexttiles { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.ls-curtile, .ls-nexttile { overflow: hidden; position: absolute; width: 100% !important; height: 100% !important; backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; }

.ls-curtile { left: 0; top: 0; }

.ls-curtile img, .ls-nexttile img { position: absolute; filter: inherit; }

.ls-3d-container { position: relative; overflow: visible !important; }

.ls-3d-box { position: absolute; top: 50%; left: 50%; transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }

.ls-3d-box div { overflow: hidden; background: #777; margin: 0; padding: 0; position: absolute; }

/* Full screen */
.ls-fullscreen { position: absolute; z-index: 10; cursor: pointer; display: block; }

/* Removing all default global styles of WordPress themes */
html * .ls-nav-prev, html * .ls-nav-next, html * .ls-container img, html * .ls-bottom-nav-wrapper a, html * .ls-container .ls-fullscreen, body * .ls-nav-prev, body * .ls-nav-next, body * .ls-container img, body * .ls-bottom-nav-wrapper a, body * .ls-container .ls-fullscreen, #ls-global * .ls-nav-prev, #ls-global * .ls-nav-next, #ls-global * .ls-container img, #ls-global * .ls-bottom-nav-wrapper a, #ls-global * .ls-container .ls-fullscreen, html * .ls-thumbnail a, body * .ls-thumbnail a, #ls-global * .ls-thumbnail a { transition: none; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; line-height: normal; outline: none; padding: 0; border: 0; }

html * .ls-slide > a, body * .ls-slide > a, #ls-global * .ls-slide > a, html * .ls-slide > h1, body * .ls-slide > h1, #ls-global * .ls-slide > h1, html * .ls-slide > h2, body * .ls-slide > h2, #ls-global * .ls-slide > h2, html * .ls-slide > h3, body * .ls-slide > h3, #ls-global * .ls-slide > h3, html * .ls-slide > h4, body * .ls-slide > h4, #ls-global * .ls-slide > h4, html * .ls-slide > h5, body * .ls-slide > h5, #ls-global * .ls-slide > h5, html * .ls-slide > p, body * .ls-slide > p, #ls-global * .ls-slide > p, html * .ls-slide > div, body * .ls-slide > div, #ls-global * .ls-slide > div, html * .ls-slide > span, body * .ls-slide > span, #ls-global * .ls-slide > span, html * .ls-slide > *, body * .ls-slide > *, #ls-global * .ls-slide > * { transition: none; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; }

html * .ls-slide > *, body * .ls-slide > *, #ls-global * .ls-slide > * { margin: 0; }

html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img { background: none !important; min-width: 0 !important; max-width: none !important; border-radius: 0; box-shadow: none; border: 0; padding: 0; }

/*html * .ls-thumbnail a img,
body * .ls-thumbnail a img,
#ls-global * .ls-thumbnail a img {
  min-width: 100% !important;
}
*/
html * .ls-wp-container .ls-slide > *, body * .ls-wp-container .ls-slide > *, #ls-global * .ls-wp-container .ls-slide > * { line-height: normal; outline: none; padding: 0; margin: 0; border: 0; }

html * .ls-wp-container .ls-slide > a > *, body * .ls-wp-container .ls-slide > a > *, #ls-global * .ls-wp-container .ls-slide > a > * { margin: 0; }

html * .ls-wp-container .ls-slide > a, body * .ls-wp-container .ls-slide > a, #ls-global * .ls-wp-container .ls-slide > a { text-decoration: none; }

.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-container, .ls-container * { box-sizing: content-box !important; -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; }

html * .ls-yourlogo, body * .ls-yourlogo, #ls-global * .ls-yourlogo { margin: 0; }

html * .ls-tn, body * .ls-tn, #ls-global * .ls-tn { display: none; }

.site { overflow: visible !important; }

/* Style of LayerSlider Debug Console */
.ls-debug-console * { margin: 0 !important; padding: 0 !important; border: 0 !important; color: white !important; text-shadow: none !important; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important; line-height: normal !important; -webkit-font-smoothing: antialiased !important; text-align: left !important; font-style: normal !important; }

.ls-debug-console h1 { padding-top: 10px !important; font-size: 17px !important; font-weight: bold !important; }

.ls-debug-console h1:first-child { padding-top: 0 !important; }

.ls-debug-console ul { padding-top: 10px !important; list-style: none !important; }

.ls-debug-console li { margin-left: 10px !important; font-size: 13px !important; position: relative !important; font-weight: normal !important; }

html * .ls-debug-console li ul, body * .ls-debug-console li ul, #ls-global * .ls-debug-console li ul { display: none; width: 260px; left: -10px; }

.ls-debug-console li ul { position: absolute !important; bottom: 100% !important; padding: 10px 10px 10px 0 !important; background: white !important; border-radius: 10px !important; box-shadow: 0 0 20px black !important; }

html * .ls-debug-console li:hover ul, body * .ls-debug-console li:hover ul, #ls-global * .ls-debug-console li:hover ul { display: block; }

.ls-debug-console li ul * { color: black !important; }

.ls-debug-console a { text-decoration: none !important; border-bottom: 1px dotted white !important; }

.ls-error { border-radius: 5px !important; -moz-border-radius: 5px !important; -wenkit-border-radius: 5px !important; background: white !important; height: auto !important; width: auto !important; color: white !important; padding: 20px 40px 30px 80px !important; position: relative !important; box-shadow: 0 2px 20px -5px black; }

.ls-error p { line-height: normal !important; text-shadow: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; text-align: justify !important; font-family: Arial, sans-serif !important; }

.ls-error .ls-error-title { line-height: 40px !important; color: red !important; font-weight: bold !important; font-size: 16px !important; }

.ls-error .ls-error-text { color: #555 !important; font-weight: normal !important; font-size: 13px !important; }

.ls-error .ls-exclam { width: 40px !important; height: 40px !important; position: absolute !important; left: 20px !important; top: 20px !important; border-radius: 50px !important; -moz-border-radius: 50px !important; -webkit-border-radius: 50px !important; font-size: 30px !important; font-weight: bold !important; color: white !important; line-height: 40px !important; background: red !important; text-align: center !important; }

/* GPU Hardware Acceleration */
html * .ls-container .ls-shadow, html * .ls-container .ls-slide > *, html * .ls-container .ls-fullscreen, html * .ls-container .ls-3d-container, html * .ls-container .ls-lt-container, html * .ls-container .ls-lt-container *, html * .ls-container .ls-thumbnail-wrapper, html * .ls-container .ls-bottom-nav-wrapper, body * .ls-container .ls-shadow, body * .ls-container .ls-slide > *, body * .ls-container .ls-fullscreen, body * .ls-container .ls-3d-container, body * .ls-container .ls-lt-container, body * .ls-container .ls-lt-container *, body * .ls-container .ls-thumbnail-wrapper, body * .ls-container .ls-bottom-nav-wrapper, #ls-global * .ls-container .ls-shadow, #ls-global * .ls-container .ls-slide > *, #ls-global * .ls-container .ls-fullscreen, #ls-global * .ls-container .ls-3d-container, #ls-global * .ls-container .ls-lt-container, #ls-global * .ls-container .ls-lt-container *, #ls-global * .ls-container .ls-thumbnail-wrapper, #ls-global * .ls-container .ls-bottom-nav-wrapper, .ls-gpuhack { transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }

.ls-videohack { transform: none !important; -o-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform-origin: none !important; -o-transform-origin: none !important; -ms-transform-origin: none !important; -moz-transform-origin: none !important; -webkit-transform-origin: none !important; }

.ls-oldiepnghack { filter: none !important; }

.ls-gpuhack { width: 100% !important; height: 100% !important; }

html * .ls-container .ls-webkit-hack, body * .ls-container .ls-webkit-hack, #ls-global * .ls-container .ls-webkit-hack { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }

/* GPU */
@media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) { #ls-test3d { position: absolute; left: 9px; height: 3px; } }
*[class^=icons-] { vertical-align: middle; }

.icons-mobile-btn { background-image: url('../images/icons-s07aa71a526.png'); background-position: -99px -86px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 60px; width: 60px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .icons-mobile-btn { background-image: url('../images/icons-2x-s49e70f1420.png'); background-size: 160px 517.5px; background-position: -98px -97px; height: 60px; width: 60px; } }

.icons-airace-brand { background-image: url('../images/icons-s07aa71a526.png'); background-position: 0 -44px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 42px; width: 160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .icons-airace-brand { background-image: url('../images/icons-2x-s49e70f1420.png'); background-size: 160px 517.5px; background-position: 0 -55px; height: 42px; width: 160px; } }

.icons-share-facebook { background-image: url('../images/icons-s07aa71a526.png'); background-position: -46px -86px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 24px; width: 23px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .icons-share-facebook { background-image: url('../images/icons-2x-s49e70f1420.png'); background-size: 160px 517.5px; background-position: -45px -97px; height: 23.5px; width: 23px; } }

.icons-share-weibo { background-image: url('../images/icons-s07aa71a526.png'); background-position: 0 -86px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 21px; width: 24px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .icons-share-weibo { background-image: url('../images/icons-2x-s49e70f1420.png'); background-size: 160px 517.5px; background-position: 0 -97px; height: 21px; width: 24px; } }

.icons-share-instagram { background-image: url('../images/icons-s07aa71a526.png'); background-position: -24px -86px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 21px; width: 22px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .icons-share-instagram { background-image: url('../images/icons-2x-s49e70f1420.png'); background-size: 160px 517.5px; background-position: -24px -97px; height: 21px; width: 21px; } }

.icons-play { background-image: url('../images/icons-s07aa71a526.png'); background-position: 0 -146px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 54px; width: 75px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .icons-play { background-image: url('../images/icons-2x-s49e70f1420.png'); background-size: 160px 517.5px; background-position: 0 -157px; height: 53.5px; width: 75px; } }
@media (min-width: 768px) { .icons-play { background-image: url('../images/icons-s07aa71a526.png'); background-position: 0 -400px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 107px; width: 150px; } }
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 2dppx) { .icons-play { background-image: url('../images/icons-2x-s49e70f1420.png'); background-size: 160px 517.5px; background-position: 0 -411px; height: 107px; width: 150px; } }

.icons-close { background-image: url('../images/icons-s07aa71a526.png'); background-position: 0 -300px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 100px; width: 100px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .icons-close { background-image: url('../images/icons-2x-s49e70f1420.png'); background-size: 160px 517.5px; background-position: 0 -311px; height: 100px; width: 100px; } }

.icons-plus { background-image: url('../images/icons-s07aa71a526.png'); background-position: -69px -86px; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 30px; width: 30px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .icons-plus { background-image: url('../images/icons-2x-s49e70f1420.png'); background-size: 160px 517.5px; background-position: -68px -97px; height: 30px; width: 30px; } }

.icons-passed { background-image: url('../images/icons-s07aa71a526.png'); background-position: -88px 0; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 44px; width: 44px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .icons-passed { background-image: url('../images/icons-2x-s49e70f1420.png'); background-size: 160px 517.5px; background-position: -88px -11px; height: 44px; width: 44px; } }

.icons-denied { background-image: url('../images/icons-s07aa71a526.png'); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 44px; width: 44px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .icons-denied { background-image: url('../images/icons-2x-s49e70f1420.png'); background-size: 160px 517.5px; background-position: 0 -11px; height: 44px; width: 44px; } }

.icons-loading { background-image: url('../images/icons-s07aa71a526.png'); background-position: -44px 0; background-repeat: no-repeat; overflow: hidden; display: inline-block; height: 44px; width: 44px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .icons-loading { background-image: url('../images/icons-2x-s49e70f1420.png'); background-size: 160px 517.5px; background-position: -44px -11px; height: 44px; width: 44px; } }

.restrict { max-width: 1440px; margin: 0 auto; }

.content-restrict { max-width: 1170px; margin: 0 auto; }

.text-layer { position: relative; z-index: 9999; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em 2em; }

.page-heading { background-color: #000000; text-align: center; color: #dcc5a6; padding: 1em; }
@media (min-width: 768px) { .page-heading { padding: 4em 1em; } }
.page-heading h1 { font-size: 3em; letter-spacing: 2px; }
@media (min-width: 768px) { .page-heading h1 { font-size: 4em; } }
.page-heading .margin-block { position: relative; width: 80%; margin: 0 auto; background-color: #000000; padding: 0 1em .5em 1em; z-index: 3; bottom: 0; }
@media (min-width: 768px) { .page-heading .margin-block { bottom: -8em; width: 50%; } }

span.type { display: inline-block; vertical-align: middle; text-align: center; width: 100px; padding: .5em 1em; font-size: .8em; }
span.type.manual { background-color: #917d6a; color: #ffffff; }
span.type.catalog { background-color: #e60012; color: #ffffff; }
span.type.repair { background-color: #ED9900; color: #000000; }
span.type.media { background-color: #50ABF7; color: #ffffff; }

.universal-inner { background-color: #f7f7f7; }

@media (min-width: 1280px) { .universal-content { padding-top: 4em; } }

.universal-sidebar { display: none; }
@media (min-width: 1280px) { .universal-sidebar { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.8333333333%; float: left; padding-left: 2.0833333333%; padding-right: 2.0833333333%; display: block; } }

.universal-sidebar-inner { background-color: #000000; }
.universal-sidebar-inner .sidebar-title { background-color: #dcc5a6; padding: .6em 0; }
.universal-sidebar-inner h3 { text-transform: uppercase; text-align: center; font-weight: 600; }
.universal-sidebar-inner ul { display: block; margin: 0; padding: 0; text-align: center; font-size: 0; border-top: 1px solid #917d6a; }
@media (min-width: 1280px) { .universal-sidebar-inner ul { text-align: left; } }
.universal-sidebar-inner ul li { display: inline-block; vertical-align: middle; width: 33.333333%; height: 100px; font-size: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #917d6a; border-bottom: 1px solid #917d6a; }
.universal-sidebar-inner ul li:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.universal-sidebar-inner ul li:nth-child(3n+1) { border-left: 1px solid #917d6a; }
.universal-sidebar-inner ul li a { font-size: 1rem; display: inline-block; vertical-align: middle; color: #917d6a; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.universal-sidebar-inner ul li a:hover, .universal-sidebar-inner ul li a.active { color: #dcc5a6; }
@media (min-width: 1280px) { .universal-sidebar-inner { padding: 1em 0 2em 0; }
  .universal-sidebar-inner .sidebar-title { width: 80%; margin: -3em auto 0 auto; background-color: #dcc5a6; }
  .universal-sidebar-inner ul { border: 0; }
  .universal-sidebar-inner ul li { display: block; border: 0; width: 100%; height: auto; }
  .universal-sidebar-inner ul li a { display: block; margin: 0 1em; padding: 1em 0; }
  .universal-sidebar-inner ul li a.active, .universal-sidebar-inner ul li a:hover { border-bottom: 1px solid #dcc5a6; } }

@media (min-width: 1280px) { .universal-container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.1666666667%; float: right; padding-left: 2.0833333333%; padding-right: 2.0833333333%; } }
.universal-container .universal-container-inner { padding: 0em 0 2em 0; }
.universal-container .universal-container-inner .universal-title-block { padding: 2em 2em 4em 2em; background-color: #000000; color: #dcc5a6; background-repeat: no-repeat; background-position: right center; background-size: cover; border-top: 1px solid #dcc5a6; }
@media (min-width: 768px) { .universal-container .universal-container-inner .universal-title-block { background-size: contain; } }
@media (min-width: 1280px) { .universal-container .universal-container-inner .universal-title-block { border-top: 0; } }
.universal-container .universal-container-inner .universal-title-block.reverse { background-color: #917d6a; color: #ffffff; text-align: center; padding: 2em 2em 0 2em; }
.universal-container .universal-container-inner .universal-title-block.reverse .controlgroup { margin-top: 2em; }
.universal-container .universal-container-inner .universal-title-block.reverse .controlgroup.call-action { margin-top: 0; }
.universal-container .universal-container-inner .universal-title-block .tip { color: #ffffff; font-weight: 300; }
.universal-container .universal-container-inner .universal-title-block .selection-group { text-align: center; }
.universal-container .universal-container-inner .universal-title-block .selection-group .controlgroup { width: 100%; }
@media (min-width: 768px) { .universal-container .universal-container-inner .universal-title-block .selection-group .controlgroup { display: inline-block; width: 32%; }
  .universal-container .universal-container-inner .universal-title-block .selection-group .controlgroup label { display: inline-block; float: left; } }
.universal-container .universal-container-inner .universal-title-block .selection-group .controlgroup label { width: 80px; }
@media (min-width: 768px) { .universal-container .universal-container-inner .universal-title-block .selection-group .controlgroup .controls { margin-left: 90px; } }
.universal-container .universal-container-inner .universal-datas { background-color: #ffffff; }

table { width: 100%; }
table tr { border-bottom: 1px solid #eeeeee; }
table th { font-weight: 600; }
table th, table td { padding: 0 1em; height: 95px; }
table thead th { font-size: 1.2em; }
table thead th:first-child { text-align: left; }
table tbody th { text-transform: uppercase; text-align: left; }
table tbody td { text-align: center; color: #777777; }
table a { text-decoration: underline; color: #917d6a; }

.block { background-color: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.call-action { padding: 2em 0; }

.btn { margin: 1em 0; display: inline-block; padding: .6em 2em; outline: none; background-color: transparent; border: 0; }
.btn.basic { background-color: #917d6a; color: #ffffff; }
.btn.basic:hover { background-color: #746454; }
.btn.frame { border: 1px solid #917d6a; color: #917d6a; }
.btn.frame:hover { background-color: #746454; color: #ffffff; }
.btn.reverse { background-color: #dcc5a6; color: #917d6a; }
.btn.reverse:hover { background-color: #917d6a; color: #ffffff; }

.spinner { -moz-animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }

.tag { display: inline-block; padding: 0 1em; height: 30px; -moz-border-radius: 0 0 50% 50%; -webkit-border-radius: 0; border-radius: 0 0 50% 50%; line-height: 26px; position: absolute; top: 0; left: 5%; }
.tag.center { left: 50%; margin-left: -42px; }
.tag.red { color: #ffffff; background-color: #e60012; }
.tag.gold { color: #000000; background-color: #dcc5a6; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33); }

.scroll-move { position: absolute; bottom: 45%; right: 3%; z-index: 9999; }
.scroll-move span { display: block; width: 5px; height: 5px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); border-right: 2px solid white; border-bottom: 2px solid white; margin: 0 0 3px 6px; }
.scroll-move .unu { margin-top: 6px; }
.scroll-move .unu, .scroll-move .doi, .scroll-move .trei { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; }
.scroll-move .unu { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-direction: alternate; }
.scroll-move .doi { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-direction: alternate; }
.scroll-move .trei { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-direction: alternate; }
.scroll-move .mouse { height: 21px; width: 14px; border-radius: 10px; transform: none; border: 2px solid white; top: 170px; }
.scroll-move .wheel { height: 5px; width: 2px; display: block; margin: 5px auto; background: white; position: relative; }
.scroll-move .wheel { -webkit-animation: mouse-wheel 1.2s ease infinite; -moz-animation: mouse-wheel 1.2s ease infinite; }

.controlgroup { margin-bottom: .5em; }
.controlgroup label { font-size: 1.1em; line-height: 44px; }
@media (min-width: 1280px) { .controlgroup label { width: 140px; display: inline-block; float: left; } }
@media (min-width: 1280px) { .controlgroup .controls { margin-left: 140px; } }
.controlgroup .controls.small { margin: 0 auto; font-size: 0; }
@media (min-width: 1024px) { .controlgroup .controls.small { width: 50%; } }
.controlgroup .controls.small input { width: 60%; display: inline-block; vertical-align: middle; border: 0; font-size: 1rem; }
.controlgroup .controls.small input:focus { border: 0; background-color: #f7f7f7; color: #000000; }
.controlgroup .controls.small .select-wrapper { border: 0; width: 35%; display: inline-block; vertical-align: middle; font-size: 1rem; }
.controlgroup .controls .status { display: inline-block; vertical-align: middle; }
.controlgroup .controls .vertify { display: inline-block; vertical-align: middle; }
.controlgroup .controls .vertify img { display: block; }

textarea { width: 100%; border: 1px solid #eeeeee; -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.33); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.33); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.33); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; background-color: #f7f7f7; padding: 1em; outline: none; min-height: 200px; }
textarea:focus { border: 1px solid #917d6a; background-color: #917d6a; color: #ffffff; }

input { width: 100%; border: 1px solid #eeeeee; -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.33); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.33); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.33); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; background-color: #f7f7f7; padding: 0 1em; outline: none; }
input:focus { border: 1px solid #917d6a; background-color: #917d6a; color: #ffffff; }
input.calc { display: inline-block; vertical-align: middle; width: calc( 100% - 60px ); }
input#CAPTCHA { display: inline-block; vertical-align: middle; width: calc( 100% - 93px ); }

.controlgroup select { width: 100%; -webkit-appearance: none; -moz-appearance: window; border: 0; color: #333333; border-radius: 0; }
.controlgroup select::-ms-expand { display: none; }
@-moz-document url-prefix() { .controlgroup .select-wrapper { background-image: url("../images/components/select-arrow.png"); background-position: 97% center; background-repeat: no-repeat; }
  .controlgroup .select-wrapper select { width: 110%; background-image: url("../images/components/select-arrow.png"); background-position: 88% center; background-repeat: no-repeat; } }
.controlgroup select { background-color: transparent; background-image: url("../images/components/select-arrow.png"); background-position: 97% center; background-repeat: no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; padding: .3em .7em; }
.controlgroup select:focus { outline: none; }
.controlgroup .select-wrapper { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 0; outline: none; background-color: #f7f7f7; display: inline-block; vertical-align: middle; overflow: hidden; border: 1px solid #eeeeee; -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.33); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.33); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.33); }

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

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

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333333; opacity: 1; }

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

@-webkit-keyframes mouse-wheel { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } }
@-moz-keyframes mouse-wheel { 0% { top: 1px; }
  50% { top: 2px; }
  100% { top: 3px; } }
@-webkit-keyframes mouse-scroll { 0% { opacity: 0; }
  50% { opacity: .5; }
  100% { opacity: 1; } }
@-moz-keyframes mouse-scroll { 0% { opacity: 0; }
  50% { opacity: .5; }
  100% { opacity: 1; } }
@-o-keyframes mouse-scroll { 0% { opacity: 0; }
  50% { opacity: .5; }
  100% { opacity: 1; } }
@keyframes mouse-scroll { 0% { opacity: 0; }
  50% { opacity: .5; }
  100% { opacity: 1; } }
@-webkit-keyframes grain { 0%, 100% { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  10% { -moz-transform: translate(-5%, -10%); -ms-transform: translate(-5%, -10%); -webkit-transform: translate(-5%, -10%); transform: translate(-5%, -10%); }
  20% { -moz-transform: translate(-15%, 5%); -ms-transform: translate(-15%, 5%); -webkit-transform: translate(-15%, 5%); transform: translate(-15%, 5%); }
  30% { -moz-transform: translate(7%, -25%); -ms-transform: translate(7%, -25%); -webkit-transform: translate(7%, -25%); transform: translate(7%, -25%); }
  40% { -moz-transform: translate(-5%, 25%); -ms-transform: translate(-5%, 25%); -webkit-transform: translate(-5%, 25%); transform: translate(-5%, 25%); }
  50% { -moz-transform: translate(-15%, 10%); -ms-transform: translate(-15%, 10%); -webkit-transform: translate(-15%, 10%); transform: translate(-15%, 10%); }
  60% { -moz-transform: translate(15%, 0%); -ms-transform: translate(15%, 0%); -webkit-transform: translate(15%, 0%); transform: translate(15%, 0%); }
  70% { -moz-transform: translate(0%, 15%); -ms-transform: translate(0%, 15%); -webkit-transform: translate(0%, 15%); transform: translate(0%, 15%); }
  80% { -moz-transform: translate(3%, 35%); -ms-transform: translate(3%, 35%); -webkit-transform: translate(3%, 35%); transform: translate(3%, 35%); }
  90% { -moz-transform: translate(-10%, 10%); -ms-transform: translate(-10%, 10%); -webkit-transform: translate(-10%, 10%); transform: translate(-10%, 10%); } }
@-moz-keyframes grain { 0%, 100% { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  10% { -moz-transform: translate(-5%, -10%); -ms-transform: translate(-5%, -10%); -webkit-transform: translate(-5%, -10%); transform: translate(-5%, -10%); }
  20% { -moz-transform: translate(-15%, 5%); -ms-transform: translate(-15%, 5%); -webkit-transform: translate(-15%, 5%); transform: translate(-15%, 5%); }
  30% { -moz-transform: translate(7%, -25%); -ms-transform: translate(7%, -25%); -webkit-transform: translate(7%, -25%); transform: translate(7%, -25%); }
  40% { -moz-transform: translate(-5%, 25%); -ms-transform: translate(-5%, 25%); -webkit-transform: translate(-5%, 25%); transform: translate(-5%, 25%); }
  50% { -moz-transform: translate(-15%, 10%); -ms-transform: translate(-15%, 10%); -webkit-transform: translate(-15%, 10%); transform: translate(-15%, 10%); }
  60% { -moz-transform: translate(15%, 0%); -ms-transform: translate(15%, 0%); -webkit-transform: translate(15%, 0%); transform: translate(15%, 0%); }
  70% { -moz-transform: translate(0%, 15%); -ms-transform: translate(0%, 15%); -webkit-transform: translate(0%, 15%); transform: translate(0%, 15%); }
  80% { -moz-transform: translate(3%, 35%); -ms-transform: translate(3%, 35%); -webkit-transform: translate(3%, 35%); transform: translate(3%, 35%); }
  90% { -moz-transform: translate(-10%, 10%); -ms-transform: translate(-10%, 10%); -webkit-transform: translate(-10%, 10%); transform: translate(-10%, 10%); } }
@-ms-keyframes grain { 0%, 100% { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  10% { -moz-transform: translate(-5%, -10%); -ms-transform: translate(-5%, -10%); -webkit-transform: translate(-5%, -10%); transform: translate(-5%, -10%); }
  20% { -moz-transform: translate(-15%, 5%); -ms-transform: translate(-15%, 5%); -webkit-transform: translate(-15%, 5%); transform: translate(-15%, 5%); }
  30% { -moz-transform: translate(7%, -25%); -ms-transform: translate(7%, -25%); -webkit-transform: translate(7%, -25%); transform: translate(7%, -25%); }
  40% { -moz-transform: translate(-5%, 25%); -ms-transform: translate(-5%, 25%); -webkit-transform: translate(-5%, 25%); transform: translate(-5%, 25%); }
  50% { -moz-transform: translate(-15%, 10%); -ms-transform: translate(-15%, 10%); -webkit-transform: translate(-15%, 10%); transform: translate(-15%, 10%); }
  60% { -moz-transform: translate(15%, 0%); -ms-transform: translate(15%, 0%); -webkit-transform: translate(15%, 0%); transform: translate(15%, 0%); }
  70% { -moz-transform: translate(0%, 15%); -ms-transform: translate(0%, 15%); -webkit-transform: translate(0%, 15%); transform: translate(0%, 15%); }
  80% { -moz-transform: translate(3%, 35%); -ms-transform: translate(3%, 35%); -webkit-transform: translate(3%, 35%); transform: translate(3%, 35%); }
  90% { -moz-transform: translate(-10%, 10%); -ms-transform: translate(-10%, 10%); -webkit-transform: translate(-10%, 10%); transform: translate(-10%, 10%); } }
@keyframes grain { 0%, 100% { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  10% { -moz-transform: translate(-5%, -10%); -ms-transform: translate(-5%, -10%); -webkit-transform: translate(-5%, -10%); transform: translate(-5%, -10%); }
  20% { -moz-transform: translate(-15%, 5%); -ms-transform: translate(-15%, 5%); -webkit-transform: translate(-15%, 5%); transform: translate(-15%, 5%); }
  30% { -moz-transform: translate(7%, -25%); -ms-transform: translate(7%, -25%); -webkit-transform: translate(7%, -25%); transform: translate(7%, -25%); }
  40% { -moz-transform: translate(-5%, 25%); -ms-transform: translate(-5%, 25%); -webkit-transform: translate(-5%, 25%); transform: translate(-5%, 25%); }
  50% { -moz-transform: translate(-15%, 10%); -ms-transform: translate(-15%, 10%); -webkit-transform: translate(-15%, 10%); transform: translate(-15%, 10%); }
  60% { -moz-transform: translate(15%, 0%); -ms-transform: translate(15%, 0%); -webkit-transform: translate(15%, 0%); transform: translate(15%, 0%); }
  70% { -moz-transform: translate(0%, 15%); -ms-transform: translate(0%, 15%); -webkit-transform: translate(0%, 15%); transform: translate(0%, 15%); }
  80% { -moz-transform: translate(3%, 35%); -ms-transform: translate(3%, 35%); -webkit-transform: translate(3%, 35%); transform: translate(3%, 35%); }
  90% { -moz-transform: translate(-10%, 10%); -ms-transform: translate(-10%, 10%); -webkit-transform: translate(-10%, 10%); transform: translate(-10%, 10%); } }
@-ms-keyframes spin { from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); } }
@-moz-keyframes spin { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }
@keyframes spin { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
