/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 320px) { .trans, #header, #nav ul, #nav a, #page-b .brand-intro h1, #page-b .brand-intro img, #page-c ul li, #page-d .services > ul > li, #page-e .roll, #page-e .description-wrapper .description { -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
  html { height: 100%; }
  body { font-size: 100%; font-family: 'Montserrat', sans-serif; line-height: 1.6; font-weight: normal; height: 100%; color: #379bd5; }
  ul { list-style-type: none; }
  a { text-decoration: none; }
  #wrapper .wrapper-inner { max-width: 100%; margin-left: auto; margin-right: auto; }
  #wrapper .wrapper-inner:after { content: " "; display: block; clear: both; }
  #main .content { padding: 0 20px; }
  #footer { background-color: #379bd5; color: #ffffff; padding: 20px 0 0 0; }
  #footer .content { padding: 0 20px; } }
@media (min-width: 320px) { .page-separator { display: block; width: 100%; text-align: center; height: 120px; overflow: hidden; -moz-box-shadow: inset 0 -3px 3px -3px rgba(0, 0, 0, 0.16); -webkit-box-shadow: inset 0 -3px 3px -3px rgba(0, 0, 0, 0.16); box-shadow: inset 0 -3px 3px -3px rgba(0, 0, 0, 0.16); }
  .page-separator a { display: block; width: 180px; height: 150px; margin: 0 auto; background-color: #ffffff; color: #2978a5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 10px 5px 5px 5px; position: relative; bottom: -75px; line-height: 38px; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.16); box-shadow: 0 0 2px rgba(0, 0, 0, 0.16); }
  .page-separator a span { display: block; font-size: .7em; }
  .page-separator a:hover { background-color: #379bd5; color: #ffffff; }
  .paragraph-separator { width: 150px; height: 1px; margin: 20px auto; border-bottom: 1px solid #379bd5; }
  .paragraph-separator.mono { border-bottom: 1px solid #eeeeee; }
  .btn { appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ display: inline-block; padding: 10px 30px; background-color: #f7f7f7; outline: none; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #379bd5; font-size: .9em; }
  .btn:hover { background-color: #379bd5; color: #ffffff; }
  .controlgroup { margin: 10px 0; }
  .controlgroup label { background-color: #379bd5; color: #ffffff; padding: 0px 10px; display: inline-block; }
  .controlgroup label.active { color: #379bd5; background-color: transparent; }
  .controlgroup input[type="text"], .controlgroup input[type="email"], .controlgroup textarea, .controlgroup select { border: 0; outline: none; background-color: #eeeeee; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ }
  .controlgroup input[type="text"].focus, .controlgroup input[type="email"].focus, .controlgroup textarea.focus, .controlgroup select.focus { border-bottom: 1px solid #eeeeee; background-color: transparent; }
  .controlgroup textarea { min-height: 150px; } }
@media (min-width: 320px) { #header { clear: both; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; background-color: #ffffff; color: #379bd5; position: relative; padding-left: 15px; padding-right: 15px; z-index: 999; }
  #header.moving { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.33); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.33); }
  #header .brand { width: 28.8888888889%; float: left; margin-right: 6.6666666667%; padding: 12px 0; height: 22px; }
  #header .brand img { width: 100px; display: block; }
  #header #nav { width: 64.4444444444%; float: right; margin-right: 0; padding: 10px 0; height: 25px; }
  #nav { text-align: right; }
  #nav ul { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; text-align: center; background-color: rgba(255, 255, 255, 0.95); position: fixed; visibility: hidden; left: 0; top: 45px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; display: block; }
  #nav ul li { display: block; }
  #nav ul.open { top: 0; z-index: 2; visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  #nav ul.fit li { font-size: 0; height: 15%; -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.16); -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.16); box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.16); }
  #nav ul.fit li:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
  #nav ul.fit li a { display: inline-block; vertical-align: middle; font-size: 1rem; }
  #nav ul.fit li:first-child { height: 10%; background-color: #eeeeee; }
  #nav ul.fit li:first-child a { color: #000000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; line-height: 16px; }
  #nav ul.fit li:first-child a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  #nav ul.fit li:first-child a div[class^="icons-"] { vertical-align: bottom; }
  #nav a { color: #379bd5; }
  #nav a:hover, #nav a.active { color: #194762; } }
@media (min-width: 1280px) { #header .brand { width: 11.1111111111%; float: left; margin-right: 6.6666666667%; }
  #header #nav { width: 82.2222222222%; float: right; margin-right: 0; }
  #nav { text-align: right; }
  #nav a.icons-menu { display: none; }
  #nav ul { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; position: static; width: auto; font-size: .9em; float: none; display: inline-block; }
  #nav ul li { display: inline-block; margin-right: 20px; }
  #nav ul li:first-child { display: none; }
  #nav ul li a { display: block; } }
@media (min-width: 320px) { .trans, #header, #nav ul, #nav a, #page-b .brand-intro h1, #page-b .brand-intro img, #page-c ul li, #page-d .services > ul > li, #page-e .roll, #page-e .description-wrapper .description, #page-f .content > ul > li { -webkit-transition: .5s all ease-in; -moz-transition: .5s all ease-in; -ms-transition: .5s all ease-in; -o-transition: .5s all ease-in; transition: .5s all ease-in; }
  #page-a { background-color: #f7f7f7; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  #page-a .main-slider img { display: block; width: 100%; height: auto; margin: 0 auto; }
  #page-a h1 { text-align: center; font-size: 3em; }
  #page-a p { text-align: center; }
  #page-a .content p { margin-top: 2em; }
  #page-b { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  #page-b .brand-intro { background-color: #379bd5; padding: 150px 0 20px 0; color: #ffffff; }
  #page-b .brand-intro h1 { width: 90%; font-size: 3em; text-align: center; margin: 0 auto 100px auto; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  #page-b .brand-intro img { display: block; width: 60%; max-width: 580px; height: auto; margin: 0 auto; position: relative; bottom: -200px; }
  #page-b .paragraph { color: #999999; font-weight: normal; text-indent: 2em; }
  #page-b.onScreen .brand-intro h1 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  #page-b.onScreen .brand-intro img { bottom: 0; }
  #page-c { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; color: #000000; background-color: #eeeeee; }
  #page-c h1 { margin-top: 0; padding-top: 0.67em; font-size: 3em; text-align: center; font-weight: normal; }
  #page-c h1 span { font-weight: bold; color: #379bd5; }
  #page-c h3 { text-transform: uppercase; color: #379bd5; }
  #page-c .section { text-align: center; border-bottom: 1px solid #379bd5; }
  #page-c .paragraph { color: #999999; font-size: .9em; }
  #page-c ul li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); }
  #page-c ul li::before, #page-c ul li::after { content: ''; display: block; clear: both; }
  #page-c.onScreen ul li { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
  #page-c.onScreen ul li:nth-child(2) { -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
  #page-c.onScreen ul li:last-child { -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
  #page-d { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  #page-d h1 { color: #000000; font-size: 3em; font-weight: normal; text-align: center; margin-top: 0; padding-top: 0.67em; }
  #page-d h1 span { font-weight: bold; color: #379bd5; }
  #page-d .services { text-align: center; }
  #page-d .services:before, #page-d .services:after { content: ''; clear: both; display: block; }
  #page-d .services > ul > li { margin-bottom: 40px; position: relative; top: 50px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; cursor: pointer; }
  #page-d .services > ul > li:first-child h3 { color: #fcb040; }
  #page-d .services > ul > li:nth-child(2) h3 { color: #ed217c; }
  #page-d .services > ul > li:nth-child(3) h3 { color: #39b54a; }
  #page-d .services > ul > li:nth-child(4) .icons-apps { position: relative; right: -10px; }
  #page-d .services > ul > li ul { text-align: center; color: #999999; font-size: .9em; }
  #page-d .services > ul > li ul li { padding: 5px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #page-d .services > ul > li ul li:hover { background-color: #eeeeee; }
  #page-d .services .description { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 40px; color: #999999; display: none; }
  #page-d.onScreen .services > ul > li { top: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
  #page-d.onScreen .services > ul > li:first-child { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
  #page-d.onScreen .services > ul > li:nth-child(2) { -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
  #page-d.onScreen .services > ul > li:nth-child(3) { -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
  #page-d.onScreen .services > ul > li:nth-child(4) { -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
  #page-e { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  #page-e .content:after, #page-e .content:before { content: ''; clear: both; display: block; }
  #page-e h1 { clear: both; color: #000000; font-size: 3em; font-weight: normal; text-align: center; margin-top: 0; padding-top: 0.67em; }
  #page-e h1 span { font-weight: bold; color: #379bd5; }
  #page-e .roll-wrapper { position: relative; text-align: center; overflow: hidden; }
  #page-e .roll-wrapper img { max-width: 100%; height: auto; }
  #page-e .roll-wrapper .title { position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-size: 0; }
  #page-e .roll-wrapper .title:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
  #page-e .roll-wrapper .title h3 { color: #000000; display: inline-block; font-size: 30px; vertical-align: middle; width: 60%; margin: 0; }
  #page-e .roll { position: absolute; text-align: center; top: 0; right: 0; bottom: 0; left: 0; }
  #page-e .roll .step { position: absolute; z-index: 9; width: 50px; height: 50px; text-align: center; }
  #page-e .roll .step:first-child { left: 17%; top: 10%; width: 100px; -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); }
  #page-e .roll .step:first-child.active:after { content: ''; display: inline-block; width: 30px; height: 35px; background-image: url("../images/roll/pointer-r.png"); background-repeat: no-repeat; position: absolute; bottom: -30px; left: 50%; margin-left: -15px; }
  #page-e .roll .step:nth-child(2) { left: 64%; top: 16%; width: 100px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  #page-e .roll .step:nth-child(2).active:after { content: ''; display: inline-block; width: 30px; height: 35px; background-image: url("../images/roll/pointer-b.png"); background-repeat: no-repeat; position: absolute; bottom: -30px; left: 50%; margin-left: -15px; }
  #page-e .roll .step:nth-child(3) { left: 71%; top: 58%; width: 100px; -moz-transform: rotate(117deg); -ms-transform: rotate(117deg); -webkit-transform: rotate(117deg); transform: rotate(117deg); }
  #page-e .roll .step:nth-child(3).active:after { content: ''; display: inline-block; width: 30px; height: 35px; background-image: url("../images/roll/pointer-g.png"); background-repeat: no-repeat; position: absolute; bottom: -30px; left: 50%; margin-left: -15px; }
  #page-e .roll .step:nth-child(4) { left: 32%; top: 81%; width: 100px; -moz-transform: rotate(6deg); -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg); }
  #page-e .roll .step:nth-child(4).active:after { content: ''; display: inline-block; width: 30px; height: 35px; background-image: url("../images/roll/pointer-y.png"); background-repeat: no-repeat; position: absolute; top: -40px; left: 50%; margin-left: -15px; }
  #page-e .roll .step:nth-child(5) { left: 0%; top: 51%; width: 100px; -moz-transform: rotate(-102deg); -ms-transform: rotate(-102deg); -webkit-transform: rotate(-102deg); transform: rotate(-102deg); }
  #page-e .roll .step:nth-child(5).active:after { content: ''; display: inline-block; width: 30px; height: 35px; background-image: url("../images/roll/pointer-o.png"); background-repeat: no-repeat; position: absolute; bottom: -30px; left: 50%; margin-left: -15px; }
  #page-e .roll .step img { display: block; width: 100%; height: auto; }
  #page-e .roll .invisible { visibility: hidden; }
  #page-e .description-wrapper { position: relative; min-height: 250px; }
  #page-e .description-wrapper .description { position: relative; width: 0; height: 0; overflow: hidden; top: -50px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  #page-e .description-wrapper .description.active { position: absolute; display: block; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; top: 0; width: auto; height: auto; }
  #page-e .description-wrapper .description h3 { border-bottom: 1px solid #379bd5; display: inline-block; }
  #page-e .description-wrapper .description p { color: #999999; font-size: .9em; }
  #page-e .description-wrapper .description:first-child h3 { color: #ed2a7b; border-bottom: 1px solid #ed2a7b; }
  #page-e .description-wrapper .description:nth-child(3) h3 { color: #38b449; border-bottom: 1px solid #38b449; }
  #page-e .description-wrapper .description:nth-child(4) h3 { color: #000000; background-color: #fff100; padding: 0 5px; border-bottom: 1px solid #fff100; }
  #page-e .description-wrapper .description:nth-child(5) h3 { color: #fbaf3f; border-bottom: 1px solid #fbaf3f; }

  #page-f { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; background-color: #f7f7f7; }
  #page-f h1 { color: #000000; font-size: 3em; font-weight: normal; text-align: center; margin-top: 0; padding-top: 0.67em; }
  #page-f h1 span { font-weight: bold; color: #379bd5; }
  #page-f h1 small { display: block; color: #666666; font-size: .4em; }
  #page-f .content > ul { width: 100%; max-width: 1330px; margin: 0 auto; }
  #page-f .content > ul > li.gutter-sizer { width: 1%; }
  #page-f .content > ul > li.grid-sizer, #page-f .content > ul > li.grid-item { width: 100%;}
  #page-f .content > ul > li.grid-item { padding: 20px; margin-bottom: 15px; box-sizing: border-box; border-radius: 5px; background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: scale(0.5,0.5); -webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5); }
  #page-f.onScreen .content > ul > li.grid-item  { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
  #page-f.onScreen .content > ul > li.grid-item :nth-child(odd) { -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
  #page-f.onScreen .content > ul > li.grid-item :nth-child(even) { -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
  #page-f .paragraph { font-size: 0.99em; font-family: 'Georgia', serif; font-style: italic; text-align: center; }
  #page-f .client { text-align: center; color: #000000; font-size: .9em; }
  #page-f .client .name { font-weight: bold; }
  #page-f .client .thumb img { max-width: 150px; display: block; margin: 0 auto; }

  #page-g { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  #page-g h1 { color: #000000; font-size: 3em; font-weight: normal; text-align: center; margin-top: 0; padding-top: 0.67em; }
  #page-g h1 span { font-weight: bold; color: #379bd5; }
  #page-g .contact-methods { text-align: center; }
  #page-g .contact-methods .method { vertical-align: top; display: block; }
  #page-g .contact-form { font-size: .9em; }
  #page-g .contact-map-wrapper { font-size: .9em; }
  #page-g .contact-map-wrapper ul { text-align: center; margin: 20px 0; }
  #page-g #contact-map { min-height: 350px; width: 100%; }
  #page-g #contact-map iframe { width: 100%; height: 100%; min-height: 350px; } }
@media (min-width: 768px) { #page-b .content { max-width: 70%; margin: 0 auto; }
  #page-c .content { max-width: 70%; margin: 0 auto; }
  #page-c ul li { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 40px; }
  #page-c ul li .section { width: 37.7777777778%; float: left; margin-right: 6.6666666667%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; border-bottom: 0; border-right: 1px solid #b5daf0; -ms-word-break: break-word; word-break: break-word; }
  #page-c ul li .paragraph { width: 55.5555555556%; float: right; margin-right: 0; }
  #page-c ul li .paragraph p { margin: 0 0 1em 0; }
  #page-d .services > ul { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  #page-d .services > ul > li { width: 46.6666666667%; float: left; }
  #page-d .services > ul > li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  #page-d .services > ul > li:nth-child(2n + 2) { margin-left: 53.3333333333%; margin-right: -100%; clear: none; }
  #page-d .services > ul > li ul { text-align: left; color: #999999; font-size: .9em; }
  #page-d .services > ul > li ul li { background-color: #f7f7f7; padding: 5px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #eeeeee; }
  #page-d .services > ul > li ul li:before { content: '\2713'; margin-right: 5px; }
  #page-d .services > ul > li ul li:hover { background-color: #eeeeee; }
  #page-d .services > ul > li ul li:last-child { border-bottom: 0; }
  #page-d .services .description { background-color: #f7f7f7; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; color: #999999; text-align: left; }
  #page-d .services .description p { margin: 0; }
  #page-e { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  #page-e .roll-wrapper { width: 46.6666666667%; float: left; margin-right: 6.6666666667%; }
  #page-e .roll .title h3 { line-height: 1.2; font-size: 24px; }
  #page-e .description-wrapper { width: 46.6666666667%; float: right; margin-right: 0; }
  #page-g .contact-methods { max-width: 100%; margin: 0 auto; }
  #page-g .contact-methods .method { display: inline-block; margin: 0 15px; }
  #page-g .contact-map-wrapper .content ul { text-align: left; width: 46.6666666667%; float: left; margin-right: 6.6666666667%; }
  #page-g .contact-map-wrapper .content ul:last-child { width: 46.6666666667%; float: right; margin-right: 0; } }
@media (min-width: 1024px) { #page-d .services { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; }
  #page-d .services > ul { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  #page-d .services > ul > li { width: 20%; float: left; }
  #page-d .services > ul > li:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  #page-d .services > ul > li:nth-child(4n + 2) { margin-left: 26.6666666667%; margin-right: -100%; clear: none; }
  #page-d .services > ul > li:nth-child(4n + 3) { margin-left: 53.3333333333%; margin-right: -100%; clear: none; }
  #page-d .services > ul > li:nth-child(4n + 4) { margin-left: 80%; margin-right: -100%; clear: none; }
  #page-e .roll .step { position: absolute; z-index: 9; width: 50px; height: 50px; }
  #page-e .roll .step:first-child { left: 12%; top: 9%; width: 160px; -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); }
  #page-e .roll .step:first-child.active:after { position: absolute; bottom: -45px; left: 50%; margin-left: -15px; }
  #page-e .roll .step:nth-child(2) { left: 61%; top: 15%; width: 160px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  #page-e .roll .step:nth-child(2).active:after { position: absolute; bottom: -45px; left: 50%; margin-left: -15px; }
  #page-e .roll .step:nth-child(3) { left: 69%; top: 62%; width: 160px; -moz-transform: rotate(117deg); -ms-transform: rotate(117deg); -webkit-transform: rotate(117deg); transform: rotate(117deg); }
  #page-e .roll .step:nth-child(3).active:after { position: absolute; bottom: -45px; left: 50%; margin-left: -15px; }
  #page-e .roll .step:nth-child(4) { left: 28%; top: 84%; width: 160px; -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); }
  #page-e .roll .step:nth-child(4).active:after { position: absolute; top: -45px; left: 50%; margin-left: -15px; }
  #page-e .roll .step:nth-child(5) { left: -7%; top: 52%; width: 160px; -moz-transform: rotate(-102deg); -ms-transform: rotate(-102deg); -webkit-transform: rotate(-102deg); transform: rotate(-102deg); }
  #page-e .roll .step:nth-child(5).active:after { position: absolute; bottom: -45px; left: 50%; margin-left: -15px; }
  #page-e .roll .step img { display: block; width: 100%; height: auto; }

  #page-f .content > ul > li.grid-sizer, #page-f .content > ul > li.grid-item { width: 49.5%; }

  #page-g .contact-methods { max-width: 100%; margin: 0 auto; }
  #page-g .contact-methods .method { display: inline-block; margin: 0 30px; }
  #page-g .contact-form { max-width: 70%; margin: 0 auto; }
  #page-g .contact-map-wrapper { max-width: 70%; margin: 0 auto; }
  #page-g .contact-map-wrapper .content ul { text-align: left; width: 46.6666666667%; float: left; margin-right: 6.6666666667%; }
  #page-g .contact-map-wrapper .content ul:last-child { width: 46.6666666667%; float: right; margin-right: 0; } }
@media (min-width: 1280px) { #page-b .content { max-width: 960px; }
  #page-d .services { max-width: 1280px; margin: 0 auto; }
  #page-e .content { max-width: 1280px; margin: 0 auto; }
  #page-e .roll .step { position: absolute; z-index: 9; width: 50px; height: 50px; }
  #page-e .roll .step:first-child { left: 14%; top: 12%; width: 200px; -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); }
  #page-e .roll .step:nth-child(2) { left: 61%; top: 18%; width: 200px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  #page-e .roll .step:nth-child(3) { left: 70%; top: 62%; width: 200px; -moz-transform: rotate(117deg); -ms-transform: rotate(117deg); -webkit-transform: rotate(117deg); transform: rotate(117deg); }
  #page-e .roll .step:nth-child(3).active:after { position: absolute; bottom: -60px; left: 50%; margin-left: -15px; }
  #page-e .roll .step:nth-child(4) { left: 28%; top: 85%; width: 200px; -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); }
  #page-e .roll .step:nth-child(4).active:after { position: absolute; top: -60px; left: 50%; margin-left: -15px; }
  #page-e .roll .step:nth-child(5) { left: -7%; top: 52%; width: 200px; -moz-transform: rotate(-102deg); -ms-transform: rotate(-102deg); -webkit-transform: rotate(-102deg); transform: rotate(-102deg); }
  #page-e .roll .step:nth-child(5).active:after { position: absolute; bottom: -60px; left: 50%; margin-left: -15px; }
}

@media (min-width: 320px) { #footer { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  #footer .brand { width: 60%; margin: 0 auto; }
  #footer .humor .jokes { font-size: 2em; }
  #footer .humor .jokes small { display: block; color: #2978a5; font-size: .5em; }
  #footer .copyright { text-align: center; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; font-size: .7em; background-color: #2978a5; padding: 5px 0; } }
@media (min-width: 768px) { #footer .brand { width: 28.8888888889%; float: left; margin-right: 6.6666666667%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; }
  #footer .content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 64.4444444444%; float: right; margin-right: 0; } }
@media (min-width: 1024px) { #footer .footer-inner { max-width: 1024px; margin: 0 auto; }
  #footer .brand { width: 20%; float: left; margin-right: 6.6666666667%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; }
  #footer .content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 73.3333333333%; float: right; margin-right: 0; } }
.icons-sprite, .icons-apps, .icons-close, .icons-communication, .icons-efficient, .icons-flexibility, .icons-lang-en, .icons-lang-zh, .icons-line, .icons-menu, .icons-phone, .icons-programming, .icons-skype, .icons-social-fb, .icons-system, .icons-web { background-image: url('../images/icons-saefaef0620.png'); background-repeat: no-repeat; }

.icons-apps { background-position: 0 0; height: 110px; width: 87px; }

.icons-close { background-position: 0 -120px; height: 16px; width: 16px; }

.icons-communication { background-position: 0 -146px; height: 69px; width: 95px; }

.icons-efficient { background-position: 0 -225px; height: 94px; width: 94px; }

.icons-flexibility { background-position: 0 -329px; height: 94px; width: 94px; }

.icons-lang-en { background-position: 0 -433px; height: 24px; width: 24px; }

.icons-lang-zh { background-position: 0 -467px; height: 24px; width: 24px; }

.icons-line { background-position: 0 -501px; height: 142px; width: 125px; cursor:pointer; }

.icons-menu { background-position: 0 -653px; height: 24px; width: 24px; }

.icons-phone { background-position: 0 -687px; height: 142px; width: 168px; }

.icons-programming { background-position: 0 -839px; height: 110px; width: 126px; }

.icons-skype { background-position: 0 -959px; height: 79px; width: 179px; }

.icons-social-fb { background-position: 0 -1048px; height: 24px; width: 24px; }

.icons-system { background-position: 0 -1082px; height: 110px; width: 98px; }

.icons-web { background-position: 0 -1202px; height: 110px; width: 116px; }

*[class^=icons-] { display: inline-block; vertical-align: middle; margin: 0 5px; }

/*
	* 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 */
.ls-container { visibility: hidden; position: relative; }

.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(../images/blank.gif); }

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

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