#wechat-qr {
    z-index: 20000;
    border: 1px solid lightgray;
    height: 100px;
    width: 100px;
}
.footer-social div.title{
    line-height:36px;
    text-align:left;
    width:130px;
}

.footer-social .icons{
    width:100px;
    text-align:center;
    float:left;
    margin-right:5px;
 }


/*.footer-info*/
 /*{*/
     /*float: none!important;*/
     /*margin: 0 auto!important;*/
     /*text-align: center!important;*/
 /*}*/

footer.page-bottom .footer-info a{
    float:none!important;
}
footer.page-bottom .footer-info .split{
    float:none!important;

}
.footer-inner div.col-md-8
 {
    float: none!important;
    margin: 0 auto!important;
    text-align: center!important;
 }

.padding-24
{
    padding:24px!important;
}

/*
 * Preboot v2 Docs
 * Styles for presenting Preboot features and benefits.
 */
/*! normalize.css v2.1.0 | 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,
main,
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 and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * 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 differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * 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-wrap;
}
/**
 * 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;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 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;
}
/*!
 * Preboot v2
 *
 * Open sourced under MIT license by @mdo.
 * Some variables and mixins from Bootstrap (Apache 2 license).
 */
.hll {
  background-color: #ffffcc;
}
/*{ background: #f0f3f3; }*/
.c {
  color: #999;
}
/* Comment */
.err {
  color: #AA0000;
  background-color: #FFAAAA;
}
/* Error */
.k {
  color: #006699;
}
/* Keyword */
.o {
  color: #555555;
}
/* Operator */
.cm {
  color: #0099FF;
  font-style: italic;
}
/* Comment.Multiline */
.cp {
  color: #009999;
}
/* Comment.Preproc */
.c1 {
  color: #999;
}
/* Comment.Single */
.cs {
  color: #999;
}
/* Comment.Special */
.gd {
  background-color: #FFCCCC;
  border: 1px solid #CC0000;
}
/* Generic.Deleted */
.ge {
  font-style: italic;
}
/* Generic.Emph */
.gr {
  color: #FF0000;
}
/* Generic.Error */
.gh {
  color: #003300;
}
/* Generic.Heading */
.gi {
  background-color: #CCFFCC;
  border: 1px solid #00CC00;
}
/* Generic.Inserted */
.go {
  color: #AAAAAA;
}
/* Generic.Output */
.gp {
  color: #000099;
}
/* Generic.Prompt */
/* Generic.Strong */
.gu {
  color: #003300;
}
/* Generic.Subheading */
.gt {
  color: #99CC66;
}
/* Generic.Traceback */
.kc {
  color: #006699;
}
/* Keyword.Constant */
.kd {
  color: #006699;
}
/* Keyword.Declaration */
.kn {
  color: #006699;
}
/* Keyword.Namespace */
.kp {
  color: #006699;
}
/* Keyword.Pseudo */
.kr {
  color: #006699;
}
/* Keyword.Reserved */
.kt {
  color: #007788;
}
/* Keyword.Type */
.m {
  color: #FF6600;
}
/* Literal.Number */
.s {
  color: #d44950;
}
/* Literal.String */
.na {
  color: #4f9fcf;
}
/* Name.Attribute */
.nb {
  color: #336666;
}
/* Name.Builtin */
.nc {
  color: #00AA88;
}
/* Name.Class */
.no {
  color: #336600;
}
/* Name.Constant */
.nd {
  color: #9999FF;
}
/* Name.Decorator */
.ni {
  color: #999999;
}
/* Name.Entity */
.ne {
  color: #CC0000;
}
/* Name.Exception */
.nf {
  color: #CC00FF;
}
/* Name.Function */
.nl {
  color: #9999FF;
}
/* Name.Label */
.nn {
  color: #00CCFF;
}
/* Name.Namespace */
.nt {
  color: #2f6f9f;
}
/* Name.Tag */
.nv {
  color: #003333;
}
/* Name.Variable */
.ow {
  color: #000000;
}
/* Operator.Word */
.w {
  color: #bbbbbb;
}
/* Text.Whitespace */
.mf {
  color: #FF6600;
}
/* Literal.Number.Float */
.mh {
  color: #FF6600;
}
/* Literal.Number.Hex */
.mi {
  color: #FF6600;
}
/* Literal.Number.Integer */
.mo {
  color: #FF6600;
}
/* Literal.Number.Oct */
.sb {
  color: #CC3300;
}
/* Literal.String.Backtick */
.sc {
  color: #CC3300;
}
/* Literal.String.Char */
.sd {
  color: #CC3300;
  font-style: italic;
}
/* Literal.String.Doc */
.s2 {
  color: #CC3300;
}
/* Literal.String.Double */
.se {
  color: #CC3300;
}
/* Literal.String.Escape */
.sh {
  color: #CC3300;
}
/* Literal.String.Heredoc */
.si {
  color: #AA0000;
}
/* Literal.String.Interpol */
.sx {
  color: #CC3300;
}
/* Literal.String.Other */
.sr {
  color: #33AAAA;
}
/* Literal.String.Regex */
.s1 {
  color: #CC3300;
}
/* Literal.String.Single */
.ss {
  color: #FFCC33;
}
/* Literal.String.Symbol */
.bp {
  color: #336666;
}
/* Name.Builtin.Pseudo */
.vc {
  color: #003333;
}
/* Name.Variable.Class */
.vg {
  color: #003333;
}
/* Name.Variable.Global */
.vi {
  color: #003333;
}
/* Name.Variable.Instance */
.il {
  color: #FF6600;
}
/* Literal.Number.Integer.Long */
.css .o,
.css .o + .nt,
.css .nt + .nt {
  color: #999;
}
div[class|="container"] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  *zoom: 1;
}
div[class|="container"]:before,
div[class|="container"]:after {
  content: " ";
  display: table;
  line-height: 0;
}
div[class|="container"]:after {
  clear: both;
}
div[class|="container"] div[class|="container"] {
  padding: 0;
}
@media only screen and (min-width: 750px) {
  div[class|="container"] {
    max-width: 720px;
  }
}
@media only screen and (min-width: 1024px) {
  div[class|="container"] {
    max-width: 960px;
  }
}
@media only screen and (min-width: 1240px) {
  div[class|="container"] {
    max-width: 1200px;
  }
}
div[class|="container-fluid"] {
  max-width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: auto;
  margin-right: auto;
}
*[class|="col"] {
  position: relative;
}
/* 8 columns grid */
.container-8 .row,
.container-fluid-8 .row {
  margin-left: -10px;
  margin-right: -10px;
  *zoom: 1;
}
.container-8 .row:before,
.container-fluid-8 .row:before,
.container-8 .row:after,
.container-fluid-8 .row:after {
  content: " ";
  display: table;
  line-height: 0;
}
.container-8 .row:after,
.container-fluid-8 .row:after {
  clear: both;
}
.container-8 .row .col-xs-8,
.container-fluid-8 .row .col-xs-8 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-8,
  .container-fluid-8 .row .col-xs-8 {
    float: left;
    width: 100%;
  }
}
.container-8 .row .col-xs-7,
.container-fluid-8 .row .col-xs-7 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-7,
  .container-fluid-8 .row .col-xs-7 {
    float: left;
    width: 87.5%;
  }
}
.container-8 .row .col-xs-6,
.container-fluid-8 .row .col-xs-6 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-6,
  .container-fluid-8 .row .col-xs-6 {
    float: left;
    width: 75%;
  }
}
.container-8 .row .col-xs-5,
.container-fluid-8 .row .col-xs-5 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-5,
  .container-fluid-8 .row .col-xs-5 {
    float: left;
    width: 62.5%;
  }
}
.container-8 .row .col-xs-4,
.container-fluid-8 .row .col-xs-4 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-4,
  .container-fluid-8 .row .col-xs-4 {
    float: left;
    width: 50%;
  }
}
.container-8 .row .col-xs-3,
.container-fluid-8 .row .col-xs-3 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-3,
  .container-fluid-8 .row .col-xs-3 {
    float: left;
    width: 37.5%;
  }
}
.container-8 .row .col-xs-2,
.container-fluid-8 .row .col-xs-2 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-2,
  .container-fluid-8 .row .col-xs-2 {
    float: left;
    width: 25%;
  }
}
.container-8 .row .col-xs-1,
.container-fluid-8 .row .col-xs-1 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-1,
  .container-fluid-8 .row .col-xs-1 {
    float: left;
    width: 12.5%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-offset-8,
  .container-fluid-8 .row .col-xs-offset-8 {
    margin-left: 100%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-offset-7,
  .container-fluid-8 .row .col-xs-offset-7 {
    margin-left: 87.5%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-offset-6,
  .container-fluid-8 .row .col-xs-offset-6 {
    margin-left: 75%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-offset-5,
  .container-fluid-8 .row .col-xs-offset-5 {
    margin-left: 62.5%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-offset-4,
  .container-fluid-8 .row .col-xs-offset-4 {
    margin-left: 50%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-offset-3,
  .container-fluid-8 .row .col-xs-offset-3 {
    margin-left: 37.5%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-offset-2,
  .container-fluid-8 .row .col-xs-offset-2 {
    margin-left: 25%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-offset-1,
  .container-fluid-8 .row .col-xs-offset-1 {
    margin-left: 12.5%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-offset-0,
  .container-fluid-8 .row .col-xs-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-pull-8,
  .container-fluid-8 .row .col-xs-pull-8 {
    right: 100%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-pull-7,
  .container-fluid-8 .row .col-xs-pull-7 {
    right: 87.5%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-pull-6,
  .container-fluid-8 .row .col-xs-pull-6 {
    right: 75%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-pull-5,
  .container-fluid-8 .row .col-xs-pull-5 {
    right: 62.5%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-pull-4,
  .container-fluid-8 .row .col-xs-pull-4 {
    right: 50%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-pull-3,
  .container-fluid-8 .row .col-xs-pull-3 {
    right: 37.5%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-pull-2,
  .container-fluid-8 .row .col-xs-pull-2 {
    right: 25%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-pull-1,
  .container-fluid-8 .row .col-xs-pull-1 {
    right: 12.5%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-pull-0,
  .container-fluid-8 .row .col-xs-pull-0 {
    right: 0%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-push-8,
  .container-fluid-8 .row .col-xs-push-8 {
    left: 100%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-push-7,
  .container-fluid-8 .row .col-xs-push-7 {
    left: 87.5%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-push-6,
  .container-fluid-8 .row .col-xs-push-6 {
    left: 75%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-push-5,
  .container-fluid-8 .row .col-xs-push-5 {
    left: 62.5%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-push-4,
  .container-fluid-8 .row .col-xs-push-4 {
    left: 50%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-push-3,
  .container-fluid-8 .row .col-xs-push-3 {
    left: 37.5%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-push-2,
  .container-fluid-8 .row .col-xs-push-2 {
    left: 25%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-push-1,
  .container-fluid-8 .row .col-xs-push-1 {
    left: 12.5%;
  }
}
@media (min-width: 320px) {
  .container-8 .row .col-xs-push-0,
  .container-fluid-8 .row .col-xs-push-0 {
    left: 0%;
  }
}
@media only screen and (min-width: 750px) {
  .container-8 .row .col-sm-8,
  .container-fluid-8 .row .col-sm-8 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-sm-7,
  .container-fluid-8 .row .col-sm-7 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-sm-6,
  .container-fluid-8 .row .col-sm-6 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-sm-5,
  .container-fluid-8 .row .col-sm-5 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-sm-4,
  .container-fluid-8 .row .col-sm-4 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-sm-3,
  .container-fluid-8 .row .col-sm-3 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-sm-2,
  .container-fluid-8 .row .col-sm-2 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-sm-1,
  .container-fluid-8 .row .col-sm-1 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-8,
  .container-fluid-8 .row .col-sm-8 {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-7,
  .container-fluid-8 .row .col-sm-7 {
    float: left;
    width: 87.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-6,
  .container-fluid-8 .row .col-sm-6 {
    float: left;
    width: 75%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-5,
  .container-fluid-8 .row .col-sm-5 {
    float: left;
    width: 62.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-4,
  .container-fluid-8 .row .col-sm-4 {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-3,
  .container-fluid-8 .row .col-sm-3 {
    float: left;
    width: 37.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-2,
  .container-fluid-8 .row .col-sm-2 {
    float: left;
    width: 25%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-1,
  .container-fluid-8 .row .col-sm-1 {
    float: left;
    width: 12.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-offset-8,
  .container-fluid-8 .row .col-sm-offset-8 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-offset-7,
  .container-fluid-8 .row .col-sm-offset-7 {
    margin-left: 87.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-offset-6,
  .container-fluid-8 .row .col-sm-offset-6 {
    margin-left: 75%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-offset-5,
  .container-fluid-8 .row .col-sm-offset-5 {
    margin-left: 62.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-offset-4,
  .container-fluid-8 .row .col-sm-offset-4 {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-offset-3,
  .container-fluid-8 .row .col-sm-offset-3 {
    margin-left: 37.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-offset-2,
  .container-fluid-8 .row .col-sm-offset-2 {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-offset-1,
  .container-fluid-8 .row .col-sm-offset-1 {
    margin-left: 12.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-offset-0,
  .container-fluid-8 .row .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-pull-8,
  .container-fluid-8 .row .col-sm-pull-8 {
    right: 100%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-pull-7,
  .container-fluid-8 .row .col-sm-pull-7 {
    right: 87.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-pull-6,
  .container-fluid-8 .row .col-sm-pull-6 {
    right: 75%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-pull-5,
  .container-fluid-8 .row .col-sm-pull-5 {
    right: 62.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-pull-4,
  .container-fluid-8 .row .col-sm-pull-4 {
    right: 50%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-pull-3,
  .container-fluid-8 .row .col-sm-pull-3 {
    right: 37.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-pull-2,
  .container-fluid-8 .row .col-sm-pull-2 {
    right: 25%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-pull-1,
  .container-fluid-8 .row .col-sm-pull-1 {
    right: 12.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-pull-0,
  .container-fluid-8 .row .col-sm-pull-0 {
    right: 0%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-push-8,
  .container-fluid-8 .row .col-sm-push-8 {
    left: 100%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-push-7,
  .container-fluid-8 .row .col-sm-push-7 {
    left: 87.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-push-6,
  .container-fluid-8 .row .col-sm-push-6 {
    left: 75%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-push-5,
  .container-fluid-8 .row .col-sm-push-5 {
    left: 62.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-push-4,
  .container-fluid-8 .row .col-sm-push-4 {
    left: 50%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-push-3,
  .container-fluid-8 .row .col-sm-push-3 {
    left: 37.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-push-2,
  .container-fluid-8 .row .col-sm-push-2 {
    left: 25%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-push-1,
  .container-fluid-8 .row .col-sm-push-1 {
    left: 12.5%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-8 .row .col-sm-push-0,
  .container-fluid-8 .row .col-sm-push-0 {
    left: 0%;
  }
}
@media only screen and (min-width: 1024px) {
  .container-8 .row .col-md-8,
  .container-fluid-8 .row .col-md-8 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-md-7,
  .container-fluid-8 .row .col-md-7 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-md-6,
  .container-fluid-8 .row .col-md-6 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-md-5,
  .container-fluid-8 .row .col-md-5 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-md-4,
  .container-fluid-8 .row .col-md-4 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-md-3,
  .container-fluid-8 .row .col-md-3 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-md-2,
  .container-fluid-8 .row .col-md-2 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-md-1,
  .container-fluid-8 .row .col-md-1 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-8,
  .container-fluid-8 .row .col-md-8 {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-7,
  .container-fluid-8 .row .col-md-7 {
    float: left;
    width: 87.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-6,
  .container-fluid-8 .row .col-md-6 {
    float: left;
    width: 75%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-5,
  .container-fluid-8 .row .col-md-5 {
    float: left;
    width: 62.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-4,
  .container-fluid-8 .row .col-md-4 {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-3,
  .container-fluid-8 .row .col-md-3 {
    float: left;
    width: 37.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-2,
  .container-fluid-8 .row .col-md-2 {
    float: left;
    width: 25%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-1,
  .container-fluid-8 .row .col-md-1 {
    float: left;
    width: 12.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-offset-8,
  .container-fluid-8 .row .col-md-offset-8 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-offset-7,
  .container-fluid-8 .row .col-md-offset-7 {
    margin-left: 87.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-offset-6,
  .container-fluid-8 .row .col-md-offset-6 {
    margin-left: 75%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-offset-5,
  .container-fluid-8 .row .col-md-offset-5 {
    margin-left: 62.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-offset-4,
  .container-fluid-8 .row .col-md-offset-4 {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-offset-3,
  .container-fluid-8 .row .col-md-offset-3 {
    margin-left: 37.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-offset-2,
  .container-fluid-8 .row .col-md-offset-2 {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-offset-1,
  .container-fluid-8 .row .col-md-offset-1 {
    margin-left: 12.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-offset-0,
  .container-fluid-8 .row .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-pull-8,
  .container-fluid-8 .row .col-md-pull-8 {
    right: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-pull-7,
  .container-fluid-8 .row .col-md-pull-7 {
    right: 87.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-pull-6,
  .container-fluid-8 .row .col-md-pull-6 {
    right: 75%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-pull-5,
  .container-fluid-8 .row .col-md-pull-5 {
    right: 62.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-pull-4,
  .container-fluid-8 .row .col-md-pull-4 {
    right: 50%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-pull-3,
  .container-fluid-8 .row .col-md-pull-3 {
    right: 37.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-pull-2,
  .container-fluid-8 .row .col-md-pull-2 {
    right: 25%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-pull-1,
  .container-fluid-8 .row .col-md-pull-1 {
    right: 12.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-pull-0,
  .container-fluid-8 .row .col-md-pull-0 {
    right: 0%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-push-8,
  .container-fluid-8 .row .col-md-push-8 {
    left: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-push-7,
  .container-fluid-8 .row .col-md-push-7 {
    left: 87.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-push-6,
  .container-fluid-8 .row .col-md-push-6 {
    left: 75%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-push-5,
  .container-fluid-8 .row .col-md-push-5 {
    left: 62.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-push-4,
  .container-fluid-8 .row .col-md-push-4 {
    left: 50%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-push-3,
  .container-fluid-8 .row .col-md-push-3 {
    left: 37.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-push-2,
  .container-fluid-8 .row .col-md-push-2 {
    left: 25%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-push-1,
  .container-fluid-8 .row .col-md-push-1 {
    left: 12.5%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-8 .row .col-md-push-0,
  .container-fluid-8 .row .col-md-push-0 {
    left: 0%;
  }
}
@media only screen and (min-width: 1240px) {
  .container-8 .row .col-lg-8,
  .container-fluid-8 .row .col-lg-8 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-lg-7,
  .container-fluid-8 .row .col-lg-7 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-lg-6,
  .container-fluid-8 .row .col-lg-6 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-lg-5,
  .container-fluid-8 .row .col-lg-5 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-lg-4,
  .container-fluid-8 .row .col-lg-4 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-lg-3,
  .container-fluid-8 .row .col-lg-3 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-lg-2,
  .container-fluid-8 .row .col-lg-2 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-8 .row .col-lg-1,
  .container-fluid-8 .row .col-lg-1 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-8,
  .container-fluid-8 .row .col-lg-8 {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-7,
  .container-fluid-8 .row .col-lg-7 {
    float: left;
    width: 87.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-6,
  .container-fluid-8 .row .col-lg-6 {
    float: left;
    width: 75%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-5,
  .container-fluid-8 .row .col-lg-5 {
    float: left;
    width: 62.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-4,
  .container-fluid-8 .row .col-lg-4 {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-3,
  .container-fluid-8 .row .col-lg-3 {
    float: left;
    width: 37.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-2,
  .container-fluid-8 .row .col-lg-2 {
    float: left;
    width: 25%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-1,
  .container-fluid-8 .row .col-lg-1 {
    float: left;
    width: 12.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-offset-8,
  .container-fluid-8 .row .col-lg-offset-8 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-offset-7,
  .container-fluid-8 .row .col-lg-offset-7 {
    margin-left: 87.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-offset-6,
  .container-fluid-8 .row .col-lg-offset-6 {
    margin-left: 75%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-offset-5,
  .container-fluid-8 .row .col-lg-offset-5 {
    margin-left: 62.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-offset-4,
  .container-fluid-8 .row .col-lg-offset-4 {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-offset-3,
  .container-fluid-8 .row .col-lg-offset-3 {
    margin-left: 37.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-offset-2,
  .container-fluid-8 .row .col-lg-offset-2 {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-offset-1,
  .container-fluid-8 .row .col-lg-offset-1 {
    margin-left: 12.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-offset-0,
  .container-fluid-8 .row .col-lg-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-pull-8,
  .container-fluid-8 .row .col-lg-pull-8 {
    right: 100%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-pull-7,
  .container-fluid-8 .row .col-lg-pull-7 {
    right: 87.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-pull-6,
  .container-fluid-8 .row .col-lg-pull-6 {
    right: 75%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-pull-5,
  .container-fluid-8 .row .col-lg-pull-5 {
    right: 62.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-pull-4,
  .container-fluid-8 .row .col-lg-pull-4 {
    right: 50%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-pull-3,
  .container-fluid-8 .row .col-lg-pull-3 {
    right: 37.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-pull-2,
  .container-fluid-8 .row .col-lg-pull-2 {
    right: 25%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-pull-1,
  .container-fluid-8 .row .col-lg-pull-1 {
    right: 12.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-pull-0,
  .container-fluid-8 .row .col-lg-pull-0 {
    right: 0%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-push-8,
  .container-fluid-8 .row .col-lg-push-8 {
    left: 100%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-push-7,
  .container-fluid-8 .row .col-lg-push-7 {
    left: 87.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-push-6,
  .container-fluid-8 .row .col-lg-push-6 {
    left: 75%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-push-5,
  .container-fluid-8 .row .col-lg-push-5 {
    left: 62.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-push-4,
  .container-fluid-8 .row .col-lg-push-4 {
    left: 50%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-push-3,
  .container-fluid-8 .row .col-lg-push-3 {
    left: 37.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-push-2,
  .container-fluid-8 .row .col-lg-push-2 {
    left: 25%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-push-1,
  .container-fluid-8 .row .col-lg-push-1 {
    left: 12.5%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-8 .row .col-lg-push-0,
  .container-fluid-8 .row .col-lg-push-0 {
    left: 0%;
  }
}
/* 12 columns grid */
.container-12 .row {
  margin-left: -12px;
  margin-right: -12px;
  *zoom: 1;
}
.container-12 .row:before,
.container-12 .row:after {
  content: " ";
  display: table;
  line-height: 0;
}
.container-12 .row:after {
  clear: both;
}
.container-12 .row .col-xs-12 {
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-12 {
    float: left;
    width: 100%;
  }
}
.container-12 .row .col-xs-11 {
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-11 {
    float: left;
    width: 91.66666667%;
  }
}
.container-12 .row .col-xs-10 {
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-10 {
    float: left;
    width: 83.33333333%;
  }
}
.container-12 .row .col-xs-9 {
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-9 {
    float: left;
    width: 75%;
  }
}
.container-12 .row .col-xs-8 {
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-8 {
    float: left;
    width: 66.66666667%;
  }
}
.container-12 .row .col-xs-7 {
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-7 {
    float: left;
    width: 58.33333333%;
  }
}
.container-12 .row .col-xs-6 {
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-6 {
    float: left;
    width: 50%;
  }
}
.container-12 .row .col-xs-5 {
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-5 {
    float: left;
    width: 41.66666667%;
  }
}
.container-12 .row .col-xs-4 {
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-4 {
    float: left;
    width: 33.33333333%;
  }
}
.container-12 .row .col-xs-3 {
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-3 {
    float: left;
    width: 25%;
  }
}
.container-12 .row .col-xs-2 {
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-2 {
    float: left;
    width: 16.66666667%;
  }
}
.container-12 .row .col-xs-1 {
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-1 {
    float: left;
    width: 8.33333333%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-offset-9 {
    margin-left: 75%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-offset-6 {
    margin-left: 50%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-offset-3 {
    margin-left: 25%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-pull-12 {
    right: 100%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-pull-11 {
    right: 91.66666667%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-pull-10 {
    right: 83.33333333%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-pull-9 {
    right: 75%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-pull-8 {
    right: 66.66666667%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-pull-7 {
    right: 58.33333333%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-pull-6 {
    right: 50%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-pull-5 {
    right: 41.66666667%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-pull-4 {
    right: 33.33333333%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-pull-3 {
    right: 25%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-pull-2 {
    right: 16.66666667%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-pull-1 {
    right: 8.33333333%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-pull-0 {
    right: 0%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-push-12 {
    left: 100%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-push-11 {
    left: 91.66666667%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-push-10 {
    left: 83.33333333%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-push-9 {
    left: 75%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-push-8 {
    left: 66.66666667%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-push-7 {
    left: 58.33333333%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-push-6 {
    left: 50%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-push-5 {
    left: 41.66666667%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-push-4 {
    left: 33.33333333%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-push-3 {
    left: 25%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-push-2 {
    left: 16.66666667%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-push-1 {
    left: 8.33333333%;
  }
}
@media (min-width: 320px) {
  .container-12 .row .col-xs-push-0 {
    left: 0%;
  }
}
@media only screen and (min-width: 750px) {
  .container-12 .row .col-sm-12 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-sm-11 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-sm-10 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-sm-9 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-sm-8 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-sm-7 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-sm-6 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-sm-5 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-sm-4 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-sm-3 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-sm-2 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-sm-1 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-12 {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-11 {
    float: left;
    width: 91.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-10 {
    float: left;
    width: 83.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-9 {
    float: left;
    width: 75%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-8 {
    float: left;
    width: 66.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-7 {
    float: left;
    width: 58.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-6 {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-5 {
    float: left;
    width: 41.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-4 {
    float: left;
    width: 33.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-3 {
    float: left;
    width: 25%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-2 {
    float: left;
    width: 16.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-1 {
    float: left;
    width: 8.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-offset-9 {
    margin-left: 75%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-offset-6 {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-offset-3 {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-pull-12 {
    right: 100%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-pull-11 {
    right: 91.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-pull-10 {
    right: 83.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-pull-9 {
    right: 75%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-pull-8 {
    right: 66.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-pull-7 {
    right: 58.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-pull-6 {
    right: 50%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-pull-5 {
    right: 41.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-pull-4 {
    right: 33.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-pull-3 {
    right: 25%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-pull-2 {
    right: 16.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-pull-1 {
    right: 8.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-pull-0 {
    right: 0%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-push-12 {
    left: 100%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-push-11 {
    left: 91.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-push-10 {
    left: 83.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-push-9 {
    left: 75%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-push-8 {
    left: 66.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-push-7 {
    left: 58.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-push-6 {
    left: 50%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-push-5 {
    left: 41.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-push-4 {
    left: 33.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-push-3 {
    left: 25%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-push-2 {
    left: 16.66666667%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-push-1 {
    left: 8.33333333%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-12 .row .col-sm-push-0 {
    left: 0%;
  }
}
@media only screen and (min-width: 1024px) {
  .container-12 .row .col-md-12 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-md-11 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-md-10 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-md-9 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-md-8 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-md-7 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-md-6 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-md-5 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-md-4 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-md-3 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-md-2 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-md-1 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-12 {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-11 {
    float: left;
    width: 91.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-10 {
    float: left;
    width: 83.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-9 {
    float: left;
    width: 75%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-8 {
    float: left;
    width: 66.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-7 {
    float: left;
    width: 58.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-6 {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-5 {
    float: left;
    width: 41.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-4 {
    float: left;
    width: 33.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-3 {
    float: left;
    width: 25%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-2 {
    float: left;
    width: 16.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-1 {
    float: left;
    width: 8.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-offset-9 {
    margin-left: 75%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-offset-6 {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-offset-3 {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-pull-12 {
    right: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-pull-11 {
    right: 91.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-pull-10 {
    right: 83.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-pull-9 {
    right: 75%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-pull-8 {
    right: 66.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-pull-7 {
    right: 58.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-pull-6 {
    right: 50%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-pull-5 {
    right: 41.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-pull-4 {
    right: 33.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-pull-3 {
    right: 25%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-pull-2 {
    right: 16.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-pull-1 {
    right: 8.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-pull-0 {
    right: 0%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-push-12 {
    left: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-push-11 {
    left: 91.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-push-10 {
    left: 83.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-push-9 {
    left: 75%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-push-8 {
    left: 66.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-push-7 {
    left: 58.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-push-6 {
    left: 50%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-push-5 {
    left: 41.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-push-4 {
    left: 33.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-push-3 {
    left: 25%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-push-2 {
    left: 16.66666667%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-push-1 {
    left: 8.33333333%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-12 .row .col-md-push-0 {
    left: 0%;
  }
}
@media only screen and (min-width: 1240px) {
  .container-12 .row .col-lg-12 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-lg-11 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-lg-10 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-lg-9 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-lg-8 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-lg-7 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-lg-6 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-lg-5 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-lg-4 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-lg-3 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-lg-2 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-12 .row .col-lg-1 {
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-12 {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-11 {
    float: left;
    width: 91.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-10 {
    float: left;
    width: 83.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-9 {
    float: left;
    width: 75%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-8 {
    float: left;
    width: 66.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-7 {
    float: left;
    width: 58.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-6 {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-5 {
    float: left;
    width: 41.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-4 {
    float: left;
    width: 33.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-3 {
    float: left;
    width: 25%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-2 {
    float: left;
    width: 16.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-1 {
    float: left;
    width: 8.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-offset-9 {
    margin-left: 75%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-offset-6 {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-offset-3 {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-pull-12 {
    right: 100%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-pull-11 {
    right: 91.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-pull-10 {
    right: 83.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-pull-9 {
    right: 75%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-pull-8 {
    right: 66.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-pull-7 {
    right: 58.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-pull-6 {
    right: 50%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-pull-5 {
    right: 41.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-pull-4 {
    right: 33.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-pull-3 {
    right: 25%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-pull-2 {
    right: 16.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-pull-1 {
    right: 8.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-pull-0 {
    right: 0%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-push-12 {
    left: 100%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-push-11 {
    left: 91.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-push-10 {
    left: 83.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-push-9 {
    left: 75%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-push-8 {
    left: 66.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-push-7 {
    left: 58.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-push-6 {
    left: 50%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-push-5 {
    left: 41.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-push-4 {
    left: 33.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-push-3 {
    left: 25%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-push-2 {
    left: 16.66666667%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-push-1 {
    left: 8.33333333%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-12 .row .col-lg-push-0 {
    left: 0%;
  }
}
/* 10 columns grid */
.container-10 .row,
.container-fluid-10 .row {
  margin-left: -10px;
  margin-right: -10px;
  *zoom: 1;
}
.container-10 .row:before,
.container-fluid-10 .row:before,
.container-10 .row:after,
.container-fluid-10 .row:after {
  content: " ";
  display: table;
  line-height: 0;
}
.container-10 .row:after,
.container-fluid-10 .row:after {
  clear: both;
}
.container-10 .row .col-xs-10,
.container-fluid-10 .row .col-xs-10 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-10,
  .container-fluid-10 .row .col-xs-10 {
    float: left;
    width: 100%;
  }
}
.container-10 .row .col-xs-8,
.container-fluid-10 .row .col-xs-8 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-8,
  .container-fluid-10 .row .col-xs-8 {
    float: left;
    width: 90%;
  }
}
.container-10 .row .col-xs-8,
.container-fluid-10 .row .col-xs-8 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-8,
  .container-fluid-10 .row .col-xs-8 {
    float: left;
    width: 80%;
  }
}
.container-10 .row .col-xs-7,
.container-fluid-10 .row .col-xs-7 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-7,
  .container-fluid-10 .row .col-xs-7 {
    float: left;
    width: 70%;
  }
}
.container-10 .row .col-xs-6,
.container-fluid-10 .row .col-xs-6 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-6,
  .container-fluid-10 .row .col-xs-6 {
    float: left;
    width: 60%;
  }
}
.container-10 .row .col-xs-5,
.container-fluid-10 .row .col-xs-5 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-5,
  .container-fluid-10 .row .col-xs-5 {
    float: left;
    width: 50%;
  }
}
.container-10 .row .col-xs-4,
.container-fluid-10 .row .col-xs-4 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-4,
  .container-fluid-10 .row .col-xs-4 {
    float: left;
    width: 40%;
  }
}
.container-10 .row .col-xs-3,
.container-fluid-10 .row .col-xs-3 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-3,
  .container-fluid-10 .row .col-xs-3 {
    float: left;
    width: 30%;
  }
}
.container-10 .row .col-xs-2,
.container-fluid-10 .row .col-xs-2 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-2,
  .container-fluid-10 .row .col-xs-2 {
    float: left;
    width: 20%;
  }
}
.container-10 .row .col-xs-1,
.container-fluid-10 .row .col-xs-1 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-1,
  .container-fluid-10 .row .col-xs-1 {
    float: left;
    width: 10%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-offset-10,
  .container-fluid-10 .row .col-xs-offset-10 {
    margin-left: 100%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-offset-8,
  .container-fluid-10 .row .col-xs-offset-8 {
    margin-left: 90%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-offset-8,
  .container-fluid-10 .row .col-xs-offset-8 {
    margin-left: 80%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-offset-7,
  .container-fluid-10 .row .col-xs-offset-7 {
    margin-left: 70%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-offset-6,
  .container-fluid-10 .row .col-xs-offset-6 {
    margin-left: 60%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-offset-5,
  .container-fluid-10 .row .col-xs-offset-5 {
    margin-left: 50%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-offset-4,
  .container-fluid-10 .row .col-xs-offset-4 {
    margin-left: 40%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-offset-3,
  .container-fluid-10 .row .col-xs-offset-3 {
    margin-left: 30%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-offset-2,
  .container-fluid-10 .row .col-xs-offset-2 {
    margin-left: 20%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-offset-1,
  .container-fluid-10 .row .col-xs-offset-1 {
    margin-left: 10%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-offset-0,
  .container-fluid-10 .row .col-xs-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-pull-10,
  .container-fluid-10 .row .col-xs-pull-10 {
    right: 100%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-pull-8,
  .container-fluid-10 .row .col-xs-pull-8 {
    right: 90%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-pull-8,
  .container-fluid-10 .row .col-xs-pull-8 {
    right: 80%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-pull-7,
  .container-fluid-10 .row .col-xs-pull-7 {
    right: 70%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-pull-6,
  .container-fluid-10 .row .col-xs-pull-6 {
    right: 60%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-pull-5,
  .container-fluid-10 .row .col-xs-pull-5 {
    right: 50%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-pull-4,
  .container-fluid-10 .row .col-xs-pull-4 {
    right: 40%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-pull-3,
  .container-fluid-10 .row .col-xs-pull-3 {
    right: 30%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-pull-2,
  .container-fluid-10 .row .col-xs-pull-2 {
    right: 20%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-pull-1,
  .container-fluid-10 .row .col-xs-pull-1 {
    right: 10%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-pull-0,
  .container-fluid-10 .row .col-xs-pull-0 {
    right: 0%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-push-10,
  .container-fluid-10 .row .col-xs-push-10 {
    left: 100%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-push-8,
  .container-fluid-10 .row .col-xs-push-8 {
    left: 90%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-push-8,
  .container-fluid-10 .row .col-xs-push-8 {
    left: 80%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-push-7,
  .container-fluid-10 .row .col-xs-push-7 {
    left: 70%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-push-6,
  .container-fluid-10 .row .col-xs-push-6 {
    left: 60%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-push-5,
  .container-fluid-10 .row .col-xs-push-5 {
    left: 50%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-push-4,
  .container-fluid-10 .row .col-xs-push-4 {
    left: 40%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-push-3,
  .container-fluid-10 .row .col-xs-push-3 {
    left: 30%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-push-2,
  .container-fluid-10 .row .col-xs-push-2 {
    left: 20%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-push-1,
  .container-fluid-10 .row .col-xs-push-1 {
    left: 10%;
  }
}
@media (min-width: 320px) {
  .container-10 .row .col-xs-push-0,
  .container-fluid-10 .row .col-xs-push-0 {
    left: 0%;
  }
}
@media only screen and (min-width: 750px) {
  .container-10 .row .col-sm-10,
  .container-fluid-10 .row .col-sm-10 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-sm-9,
  .container-fluid-10 .row .col-sm-9 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-sm-8,
  .container-fluid-10 .row .col-sm-8 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-sm-7,
  .container-fluid-10 .row .col-sm-7 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-sm-6,
  .container-fluid-10 .row .col-sm-6 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-sm-5,
  .container-fluid-10 .row .col-sm-5 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-sm-4,
  .container-fluid-10 .row .col-sm-4 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-sm-3,
  .container-fluid-10 .row .col-sm-3 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-sm-2,
  .container-fluid-10 .row .col-sm-2 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-sm-1,
  .container-fluid-10 .row .col-sm-1 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-10,
  .container-fluid-10 .row .col-sm-10 {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-9,
  .container-fluid-10 .row .col-sm-9 {
    float: left;
    width: 90%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-8,
  .container-fluid-10 .row .col-sm-8 {
    float: left;
    width: 80%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-7,
  .container-fluid-10 .row .col-sm-7 {
    float: left;
    width: 70%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-6,
  .container-fluid-10 .row .col-sm-6 {
    float: left;
    width: 60%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-5,
  .container-fluid-10 .row .col-sm-5 {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-4,
  .container-fluid-10 .row .col-sm-4 {
    float: left;
    width: 40%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-3,
  .container-fluid-10 .row .col-sm-3 {
    float: left;
    width: 30%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-2,
  .container-fluid-10 .row .col-sm-2 {
    float: left;
    width: 20%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-1,
  .container-fluid-10 .row .col-sm-1 {
    float: left;
    width: 10%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-offset-10,
  .container-fluid-10 .row .col-sm-offset-10 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-offset-8,
  .container-fluid-10 .row .col-sm-offset-8 {
    margin-left: 90%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-offset-8,
  .container-fluid-10 .row .col-sm-offset-8 {
    margin-left: 80%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-offset-7,
  .container-fluid-10 .row .col-sm-offset-7 {
    margin-left: 70%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-offset-6,
  .container-fluid-10 .row .col-sm-offset-6 {
    margin-left: 60%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-offset-5,
  .container-fluid-10 .row .col-sm-offset-5 {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-offset-4,
  .container-fluid-10 .row .col-sm-offset-4 {
    margin-left: 40%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-offset-3,
  .container-fluid-10 .row .col-sm-offset-3 {
    margin-left: 30%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-offset-2,
  .container-fluid-10 .row .col-sm-offset-2 {
    margin-left: 20%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-offset-1,
  .container-fluid-10 .row .col-sm-offset-1 {
    margin-left: 10%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-offset-0,
  .container-fluid-10 .row .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-pull-10,
  .container-fluid-10 .row .col-sm-pull-10 {
    right: 100%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-pull-8,
  .container-fluid-10 .row .col-sm-pull-8 {
    right: 90%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-pull-8,
  .container-fluid-10 .row .col-sm-pull-8 {
    right: 80%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-pull-7,
  .container-fluid-10 .row .col-sm-pull-7 {
    right: 70%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-pull-6,
  .container-fluid-10 .row .col-sm-pull-6 {
    right: 60%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-pull-5,
  .container-fluid-10 .row .col-sm-pull-5 {
    right: 50%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-pull-4,
  .container-fluid-10 .row .col-sm-pull-4 {
    right: 40%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-pull-3,
  .container-fluid-10 .row .col-sm-pull-3 {
    right: 30%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-pull-2,
  .container-fluid-10 .row .col-sm-pull-2 {
    right: 20%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-pull-1,
  .container-fluid-10 .row .col-sm-pull-1 {
    right: 10%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-pull-0,
  .container-fluid-10 .row .col-sm-pull-0 {
    right: 0%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-push-10,
  .container-fluid-10 .row .col-sm-push-10 {
    left: 100%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-push-8,
  .container-fluid-10 .row .col-sm-push-8 {
    left: 90%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-push-8,
  .container-fluid-10 .row .col-sm-push-8 {
    left: 80%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-push-7,
  .container-fluid-10 .row .col-sm-push-7 {
    left: 70%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-push-6,
  .container-fluid-10 .row .col-sm-push-6 {
    left: 60%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-push-5,
  .container-fluid-10 .row .col-sm-push-5 {
    left: 50%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-push-4,
  .container-fluid-10 .row .col-sm-push-4 {
    left: 40%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-push-3,
  .container-fluid-10 .row .col-sm-push-3 {
    left: 30%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-push-2,
  .container-fluid-10 .row .col-sm-push-2 {
    left: 20%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-push-1,
  .container-fluid-10 .row .col-sm-push-1 {
    left: 10%;
  }
}
@media only screen and (min-width: 750px) and (min-width: 320px) {
  .container-10 .row .col-sm-push-0,
  .container-fluid-10 .row .col-sm-push-0 {
    left: 0%;
  }
}
@media only screen and (min-width: 1024px) {
  .container-10 .row .col-md-10,
  .container-fluid-10 .row .col-md-10 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-md-9,
  .container-fluid-10 .row .col-md-9 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-md-8,
  .container-fluid-10 .row .col-md-8 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-md-7,
  .container-fluid-10 .row .col-md-7 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-md-6,
  .container-fluid-10 .row .col-md-6 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-md-5,
  .container-fluid-10 .row .col-md-5 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-md-4,
  .container-fluid-10 .row .col-md-4 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-md-3,
  .container-fluid-10 .row .col-md-3 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-md-2,
  .container-fluid-10 .row .col-md-2 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-md-1,
  .container-fluid-10 .row .col-md-1 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-10,
  .container-fluid-10 .row .col-md-10 {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-9,
  .container-fluid-10 .row .col-md-9 {
    float: left;
    width: 90%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-8,
  .container-fluid-10 .row .col-md-8 {
    float: left;
    width: 80%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-7,
  .container-fluid-10 .row .col-md-7 {
    float: left;
    width: 70%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-6,
  .container-fluid-10 .row .col-md-6 {
    float: left;
    width: 60%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-5,
  .container-fluid-10 .row .col-md-5 {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-4,
  .container-fluid-10 .row .col-md-4 {
    float: left;
    width: 40%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-3,
  .container-fluid-10 .row .col-md-3 {
    float: left;
    width: 30%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-2,
  .container-fluid-10 .row .col-md-2 {
    float: left;
    width: 20%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-1,
  .container-fluid-10 .row .col-md-1 {
    float: left;
    width: 10%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-offset-10,
  .container-fluid-10 .row .col-md-offset-10 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-offset-8,
  .container-fluid-10 .row .col-md-offset-8 {
    margin-left: 90%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-offset-8,
  .container-fluid-10 .row .col-md-offset-8 {
    margin-left: 80%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-offset-7,
  .container-fluid-10 .row .col-md-offset-7 {
    margin-left: 70%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-offset-6,
  .container-fluid-10 .row .col-md-offset-6 {
    margin-left: 60%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-offset-5,
  .container-fluid-10 .row .col-md-offset-5 {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-offset-4,
  .container-fluid-10 .row .col-md-offset-4 {
    margin-left: 40%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-offset-3,
  .container-fluid-10 .row .col-md-offset-3 {
    margin-left: 30%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-offset-2,
  .container-fluid-10 .row .col-md-offset-2 {
    margin-left: 20%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-offset-1,
  .container-fluid-10 .row .col-md-offset-1 {
    margin-left: 10%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-offset-0,
  .container-fluid-10 .row .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-pull-10,
  .container-fluid-10 .row .col-md-pull-10 {
    right: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-pull-8,
  .container-fluid-10 .row .col-md-pull-8 {
    right: 90%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-pull-8,
  .container-fluid-10 .row .col-md-pull-8 {
    right: 80%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-pull-7,
  .container-fluid-10 .row .col-md-pull-7 {
    right: 70%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-pull-6,
  .container-fluid-10 .row .col-md-pull-6 {
    right: 60%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-pull-5,
  .container-fluid-10 .row .col-md-pull-5 {
    right: 50%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-pull-4,
  .container-fluid-10 .row .col-md-pull-4 {
    right: 40%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-pull-3,
  .container-fluid-10 .row .col-md-pull-3 {
    right: 30%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-pull-2,
  .container-fluid-10 .row .col-md-pull-2 {
    right: 20%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-pull-1,
  .container-fluid-10 .row .col-md-pull-1 {
    right: 10%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-pull-0,
  .container-fluid-10 .row .col-md-pull-0 {
    right: 0%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-push-10,
  .container-fluid-10 .row .col-md-push-10 {
    left: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-push-8,
  .container-fluid-10 .row .col-md-push-8 {
    left: 90%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-push-8,
  .container-fluid-10 .row .col-md-push-8 {
    left: 80%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-push-7,
  .container-fluid-10 .row .col-md-push-7 {
    left: 70%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-push-6,
  .container-fluid-10 .row .col-md-push-6 {
    left: 60%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-push-5,
  .container-fluid-10 .row .col-md-push-5 {
    left: 50%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-push-4,
  .container-fluid-10 .row .col-md-push-4 {
    left: 40%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-push-3,
  .container-fluid-10 .row .col-md-push-3 {
    left: 30%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-push-2,
  .container-fluid-10 .row .col-md-push-2 {
    left: 20%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-push-1,
  .container-fluid-10 .row .col-md-push-1 {
    left: 10%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 320px) {
  .container-10 .row .col-md-push-0,
  .container-fluid-10 .row .col-md-push-0 {
    left: 0%;
  }
}
@media only screen and (min-width: 1240px) {
  .container-10 .row .col-lg-10,
  .container-fluid-10 .row .col-lg-10 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-lg-9,
  .container-fluid-10 .row .col-lg-9 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-lg-8,
  .container-fluid-10 .row .col-lg-8 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-lg-7,
  .container-fluid-10 .row .col-lg-7 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-lg-6,
  .container-fluid-10 .row .col-lg-6 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-lg-5,
  .container-fluid-10 .row .col-lg-5 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-lg-4,
  .container-fluid-10 .row .col-lg-4 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-lg-3,
  .container-fluid-10 .row .col-lg-3 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-lg-2,
  .container-fluid-10 .row .col-lg-2 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container-10 .row .col-lg-1,
  .container-fluid-10 .row .col-lg-1 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-10,
  .container-fluid-10 .row .col-lg-10 {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-9,
  .container-fluid-10 .row .col-lg-9 {
    float: left;
    width: 90%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-8,
  .container-fluid-10 .row .col-lg-8 {
    float: left;
    width: 80%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-7,
  .container-fluid-10 .row .col-lg-7 {
    float: left;
    width: 70%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-6,
  .container-fluid-10 .row .col-lg-6 {
    float: left;
    width: 60%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-5,
  .container-fluid-10 .row .col-lg-5 {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-4,
  .container-fluid-10 .row .col-lg-4 {
    float: left;
    width: 40%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-3,
  .container-fluid-10 .row .col-lg-3 {
    float: left;
    width: 30%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-2,
  .container-fluid-10 .row .col-lg-2 {
    float: left;
    width: 20%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-1,
  .container-fluid-10 .row .col-lg-1 {
    float: left;
    width: 10%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-offset-10,
  .container-fluid-10 .row .col-lg-offset-10 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-offset-8,
  .container-fluid-10 .row .col-lg-offset-8 {
    margin-left: 90%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-offset-8,
  .container-fluid-10 .row .col-lg-offset-8 {
    margin-left: 80%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-offset-7,
  .container-fluid-10 .row .col-lg-offset-7 {
    margin-left: 70%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-offset-6,
  .container-fluid-10 .row .col-lg-offset-6 {
    margin-left: 60%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-offset-5,
  .container-fluid-10 .row .col-lg-offset-5 {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-offset-4,
  .container-fluid-10 .row .col-lg-offset-4 {
    margin-left: 40%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-offset-3,
  .container-fluid-10 .row .col-lg-offset-3 {
    margin-left: 30%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-offset-2,
  .container-fluid-10 .row .col-lg-offset-2 {
    margin-left: 20%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-offset-1,
  .container-fluid-10 .row .col-lg-offset-1 {
    margin-left: 10%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-offset-0,
  .container-fluid-10 .row .col-lg-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-pull-10,
  .container-fluid-10 .row .col-lg-pull-10 {
    right: 100%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-pull-8,
  .container-fluid-10 .row .col-lg-pull-8 {
    right: 90%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-pull-8,
  .container-fluid-10 .row .col-lg-pull-8 {
    right: 80%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-pull-7,
  .container-fluid-10 .row .col-lg-pull-7 {
    right: 70%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-pull-6,
  .container-fluid-10 .row .col-lg-pull-6 {
    right: 60%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-pull-5,
  .container-fluid-10 .row .col-lg-pull-5 {
    right: 50%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-pull-4,
  .container-fluid-10 .row .col-lg-pull-4 {
    right: 40%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-pull-3,
  .container-fluid-10 .row .col-lg-pull-3 {
    right: 30%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-pull-2,
  .container-fluid-10 .row .col-lg-pull-2 {
    right: 20%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-pull-1,
  .container-fluid-10 .row .col-lg-pull-1 {
    right: 10%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-pull-0,
  .container-fluid-10 .row .col-lg-pull-0 {
    right: 0%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-push-10,
  .container-fluid-10 .row .col-lg-push-10 {
    left: 100%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-push-8,
  .container-fluid-10 .row .col-lg-push-8 {
    left: 90%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-push-8,
  .container-fluid-10 .row .col-lg-push-8 {
    left: 80%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-push-7,
  .container-fluid-10 .row .col-lg-push-7 {
    left: 70%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-push-6,
  .container-fluid-10 .row .col-lg-push-6 {
    left: 60%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-push-5,
  .container-fluid-10 .row .col-lg-push-5 {
    left: 50%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-push-4,
  .container-fluid-10 .row .col-lg-push-4 {
    left: 40%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-push-3,
  .container-fluid-10 .row .col-lg-push-3 {
    left: 30%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-push-2,
  .container-fluid-10 .row .col-lg-push-2 {
    left: 20%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-push-1,
  .container-fluid-10 .row .col-lg-push-1 {
    left: 10%;
  }
}
@media only screen and (min-width: 1240px) and (min-width: 320px) {
  .container-10 .row .col-lg-push-0,
  .container-fluid-10 .row .col-lg-push-0 {
    left: 0%;
  }
}
.hidden {
  display: none !important;
}
@media (max-width: 749px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 750px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1239px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1240px) {
  .hidden-lg {
    display: none !important;
  }
}
span[class|=icon] {
  display: inline-block;
  background-repeat: no-repeat;
}
.icon-search {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_search.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-search {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_search@2x.png");
    background-size: 44px 44px;
  }
}
.icon-user {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_user.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-user {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_user@2x.png");
    background-size: 44px 44px;
  }
}
.icon-cart {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_cart.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-cart {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_cart@2x.png");
    background-size: 44px 44px;
  }
}
.icon-like {
  width: 15px;
  height: 13px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_like.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-like {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_like@2x.png");
    background-size: 15px 13px;
  }
}
.icon-like-active {
  width: 15px;
  height: 13px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_like_active.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-like-active {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_like_active@2x.png");
    background-size: 15px 13px;
  }
}
.icon-like-light {
  width: 15px;
  height: 13px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_like_light.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-like-light {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_like_light@2x.png");
    background-size: 15px 13px;
  }
}
.icon-like-light-active {
  width: 15px;
  height: 13px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_like_light_active.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-like-light-active {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_like_light_active@2x.png");
    background-size: 15px 13px;
  }
}
.icon-dropdown {
  width: 18px;
  height: 18px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_dropdown.png");
  transform:rotate(0deg);
  transform-origin:center;
  transition:all 0.3s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-dropdown {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_dropdown@2x.png");
    background-size: 18px 18px;
  }
}
.icon-x {
  width: 36px;
  height: 36px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_x.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-x {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_x@2x.png");
    background-size: 36px 36px;
  }
}
.icon-plus {
  width: 16px;
  height: 16px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_plus.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-plus {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_plus@2x.png");
    background-size: 16px 16px;
  }
}
.icon-minus {
  width: 16px;
  height: 16px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_minus.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-minus {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_minus@2x.png");
    background-size: 16px 16px;
  }
}
.icon-bread {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_bread.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-bread {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_bread@2x.png");
    background-size: 44px 44px;
  }
}
.icon-phone {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_phone.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-phone {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_phone@2x.png");
    background-size: 44px 44px;
  }
}
.icon-up {
  width: 56px;
  height: 56px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_up.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-up {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_up@2x.png");
    background-size: 56px 56px;
  }
}
.icon-chat {
  width: 56px;
  height: 56px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_chat.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-chat {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_chat@2x.png");
    background-size: 56px 56px;
  }
}
.icon-uc-split {
  width: 12px;
  height: 44px;
  opacity: 0.1;
  filter: alpha(opacity=10);
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_split.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-uc-split {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_split@2x.png");
    background-size: 12px 32px;
  }
}
.icon-uc-order {
  width: 32px;
  height: 32px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_order.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-uc-order {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_order@2x.png");
    background-size: 32px 32px;
  }
}
.icon-uc-follow {
  width: 32px;
  height: 32px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_follow.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-uc-follow {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_follow@2x.png");
    background-size: 32px 32px;
  }
}
.icon-uc-message {
  width: 32px;
  height: 32px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_message.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-uc-message {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_message@2x.png");
    background-size: 32px 32px;
  }
}
.icon-uc-service {
  width: 32px;
  height: 32px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_service.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-uc-service {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_service@2x.png");
    background-size: 32px 32px;
  }
}
.icon-uc-user {
  width: 32px;
  height: 32px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_user.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-uc-user {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_user@2x.png");
    background-size: 32px 32px;
  }
}
.icon-uc-setting {
  width: 32px;
  height: 32px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_setting.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-uc-setting {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_uc_setting@2x.png");
    background-size: 32px 32px;
  }
}
.icon-arrow-left {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_arrow_left.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-arrow-left {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_arrow_left@2x.png");
    background-size: 44px 44px;
  }
}
.icon-arrow-right {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_arrow_right.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-arrow-right {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_arrow_right@2x.png");
    background-size: 44px 44px;
  }
}
.icon-article {
  width: 18px;
  height: 18px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_article.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-article {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_article@2x.png");
    background-size: 18px 18px;
  }
}
.icon-work {
  width: 18px;
  height: 18px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_work.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-work {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_work@2x.png");
    background-size: 18px 18px;
  }
}
.icon-close {
  width: 19px;
  height: 19px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_close.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-close {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_close@2x.png");
    background-size: 19px 19px;
  }
}
.icon-close-sm {
  width: 10px;
  height: 10px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_close_sm.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-close-sm {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_close_sm@2x.png");
    background-size: 10px 10px;
  }
}
.icon-enter {
  width: 12px;
  height: 12px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_enter.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-enter {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_enter@2x.png");
    background-size: 12px 12px;
  }
}
.icon-scene-spot {
  width: 19px;
  height: 19px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_scene_spot.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-scene-spot {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_scene_spot@2x.png");
    background-size: 19px 19px;
  }
}
.icon-add {
  width: 16px;
  height: 16px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_add.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-add {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_add@2x.png");
    background-size: 16px 16px;
  }
}
.icon-add-sm {
  width: 12px;
  height: 12px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_add_sm.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-add-sm {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_add_sm@2x.png");
    background-size: 12px 12px;
  }
}
.icon-weibo {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons.png");
  background-position: 0px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-weibo {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons@2x.png");
    background-size: 220px 44px;
  }
}
.icon-wechat {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons.png");
  background-position: -44px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-wechat {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons@2x.png");
    background-size: 220px 44px;
  }
}
.icon-facebook {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons.png");
  background-position: -88px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-facebook {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons@2x.png");
    background-size: 220px 44px;
  }
}
.icon-twitter {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons.png");
  background-position: -132px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-twitter {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons@2x.png");
    background-size: 220px 44px;
  }
}
.icon-instagram {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons.png");
  background-position: -176px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-instagram {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons@2x.png");
    background-size: 220px 44px;
  }
}
.icon-weibo-light {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons_light.png");
  background-position: 0px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-weibo-light {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons_light@2x.png");
    background-size: 220px 44px;
  }
}
.icon-wechat-light {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons_light.png");
  background-position: -44px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-wechat-light {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons_light@2x.png");
    background-size: 220px 44px;
  }
}
.icon-facebook-light {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons_light.png");
  background-position: -88px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-facebook-light {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons_light@2x.png");
    background-size: 220px 44px;
  }
}
.icon-twitter-light {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons_light.png");
  background-position: -132px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-twitter-light {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons_light@2x.png");
    background-size: 220px 44px;
  }
}
.icon-instagram-light {
  width: 44px;
  height: 44px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons_light.png");
  background-position: -176px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-instagram-light {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/social_icons_light@2x.png");
    background-size: 220px 44px;
  }
}
.icon-circle {
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  width: 32px;
  height: 32px;
  overflow: hidden;
  background-color: white;
}
.icon-loading {
  display: block;
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
}
.bg-grid-45 {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/bg_grid_45.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .bg-grid-45 {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/bg_grid_45@2x.png");
    background-size: 10px 10px;
  }
}
html,
body {
  background-color: #fff;
}
body {
  padding: 0;
  font-family: "苹方-简", "Pingfang SC", "冬青黑体简体中文", "HiraginoSansGB", "黑体-简", "微软雅黑", "Helvetica Neue", "Droid Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  color: #4a4a4a;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 30px 0 10px;
  font-weight: 700;
  line-height: 1.2;
  color: black;
}
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light,
.h1.light,
.h2.light,
.h3.light,
.h4.light,
.h5.light,
.h6.light {
  font-weight: 400;
}
h1.lighter,
h2.lighter,
h3.lighter,
h4.lighter,
h5.lighter,
h6.lighter,
.h1.lighter,
.h2.lighter,
.h3.lighter,
.h4.lighter,
.h5.lighter,
.h6.lighter {
  font-weight: 200;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h3 a,
.h3 a,
h3 a:hover,
.h3 a:hover {
  color: inherit;
}
h4,
.h4 {
  font-size: 20px;
  margin-bottom: 0;
}
h5,
.h5 {
  font-size: 18px;
  margin: 0;
}
h6,
.h6 {
  font-size: 16px;
  line-height: 24px;
  margin: 0px;
}
p {
  margin: 0 0 15px;
}
.lead {
  font-size: 18px;
  line-height: 1.25;
  color: #999999;
}
.body-text {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}
.small-text {
  font-size: 12px;
  line-height: 22px;
}
.small-text-strong {
  font-size: 13px;
  line-height: 22px;
  font-weight: 700;
}
.small-link {
  font-size: 13px;
  line-height: 22px;
  color: black;
}
.small-link:hover {
  color: #808080;
}
strong,
.strong {
  font-weight: 700;
}
.left-float-title {
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin-bottom: 20px;
}
.left-float-title * {
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  .left-float-title {
    margin: 0;
    font-size: 12px;
    line-height: 20px;
  }
}
a {
  color: black;
  text-decoration: none;
  outline: none;
  -webkit-transition: color 0.15s;
  -moz-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s;
}
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  color: black;
  text-decoration: none;
  -webkit-transition: color 0.15s;
  -moz-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s;
}
a img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.15s;
  -moz-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  transition: opacity 0.15s;
  line-height: 1;
  margin-right: auto;
  margin-left: auto;
  max-width: auto;
}
a:hover {
  color: #808080;
  text-decoration: none;
}
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6 {
  color: #808080;
}
a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
a:active,
a:visited,
a:focus {
  outline: 0;
}
span.badge {
  font-size: 12px;
  color: black;
  background-color: #fff600;
  border-radius: 10px;
  padding: 3px 5px;
  line-height: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 18px;
  min-width: 18px;
  float: left;
}
ol,
ul {
  margin: 0;
  padding: 0;
}
.list-unstyled {
  margin-left: 0;
}
.list-unstyled li {
  display: block;
}
.list-inline {
  *zoom: 1;
}
.list-inline:before,
.list-inline:after {
  content: " ";
  display: table;
  line-height: 0;
}
.list-inline:after {
  clear: both;
}
.list-inline li {
  float: left;
}
img.img-responsive {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.img-warp {
  overflow: hidden;
}
.form-group {
  height: auto;
  width: 100%;
  min-height: 44px;
  margin-top: 30px;
  margin-bottom: 30px;
  *zoom: 1;
}
.form-group:before,
.form-group:after {
  content: " ";
  display: table;
  line-height: 0;
}
.form-group:after {
  clear: both;
}
.form-group .left-float-title {
  margin-top: 18px;
}
.form-group span.form-text {
  line-height: 44px;
}
.form-group .form-sub-text {
  margin: 0;
  line-height: 16px;
}
.form-group .error-info {
  font-size: 12px;
  padding: 0;
  margin: 0;
  line-height: 44px;
  color: #dd0000;
}
.form-group .form-control,
.form-group input[class|="btn"],
.form-group button[class|="btn"],
.form-group .form-text,
.form-group .error-info {
  margin: 6px 0;
}
.form-group .form-hidden {
  display: none;
}
.form-table-footer {
  padding-top: 44px;
  padding-bottom: 80px;
}
.form-control {
  position: relative;
  display: block;
  width: 100%;
  height: 44px;
  color: black;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 12px 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  box-shadow: none;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.form-control:hover,
.form-control:focus {
  border: 1px solid transparent;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.2);
  outline-width: none;
}
.form-control[disabled] {
  background-color: #f5f5f5;
}
.form-control[disabled]:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: none;
}
.form-control.error {
  //border-color: #dd0000;
}
.form-control.small {
  height: 36px;
  padding: 8px 16px;
}
.select-style {
  position: relative;
}
.select-style:after {
  display: block;
  content: "";
  background-color: transparent;
  position: absolute;
  right: 12px;
  top: 18px;
  pointer-events: none;
  width: 18px;
  height: 18px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_dropdown.png");
  background-color: #fff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .select-style:after {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_dropdown@2x.png");
    background-size: 18px 18px;
  }
}
.select-style.small:after {
  top: 8px;
}
select.form-control {
  border-radius: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-group {
  *zoom: 1;
}
.select-group:before,
.select-group:after {
  content: " ";
  display: table;
  line-height: 0;
}
.select-group:after {
  clear: both;
}
.select-group .select-style {
  width: auto;
  float: left;
  margin: 6px 0;
}
.select-group .select-style select.form-control {
  padding-right: 36px;
  margin: 0;
}
.select-group span {
  line-height: 56px;
  margin-left: 4px;
}
textarea.form-control {
  min-height: 88px;
}
input.form-radio {
  margin-right: 4px;
  width: 16px;
  height: 16px;
  border: 2px solid black;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input.form-radio:checked {
  background-color: black;
  box-shadow: 0 0 0 3px #FFF600 inset;
}
input.form-radio:focus,
input.form-radio:active {
  outline: none;
}
input.form-radio[disabled] {
  background-color: #F5F5F5;
  border: 2px solid #AAA;
}
input.form-radio[disabled]:checked {
  background-color: #AAA;
  box-shadow: 0 0 0 3px #F5F5F5 inset;
}
.radio-group:hover {
  cursor: pointer;
}
.radio-group input.form-radio {
  margin-top: 14px;
  float: left;
}
input.form-checkbox {
  margin-right: 4px;
  width: 16px;
  height: 16px;
  border: 2px solid black;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input.form-checkbox:checked {
  background-color: #FFF600;
  overflow: hidden;
}
input.form-checkbox:checked:after {
  display: block;
  content: "";
  background-color: #FFF600;
  -webkit-transform: (45deg);
  -moz-transform: (45deg);
  -ms-transform: (45deg);
  -o-transform: (45deg);
  transform: (45deg);
  position: relative;
  width: 5px;
  height: 12px;
  top: -4px;
  left: 4px;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
}
input.form-checkbox:focus,
input.form-checkbox:active {
  outline: none;
}
input.form-checkbox[disabled] {
  background-color: #F5F5F5;
  border-color: #AAA;
}
input.form-checkbox[disabled]:checked:after {
  background-color: #F5F5F5;
  border-color: #AAA;
}
.checkbox-group {
  cursor: pointer;
}
.checkbox-group input.form-checkbox {
  margin-top: 14px;
  float: left;
}
.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
button.btn,
a.btn,
input.btn,
button[class|="btn"],
a[class|="btn"],
input[class|="btn"] {
  display: block;
  width: auto;
  line-height: 18px;
  padding: 13px 20px;
  font-size: 18px;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: white;
  outline: none;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
button.btn:hover,
a.btn:hover,
input.btn:hover,
button[class|="btn"]:hover,
a[class|="btn"]:hover,
input[class|="btn"]:hover,
button.btn:focus,
a.btn:focus,
input.btn:focus,
button[class|="btn"]:focus,
a[class|="btn"]:focus,
input[class|="btn"]:focus {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  outline: 0;
}
button.btn:active,
a.btn:active,
input.btn:active,
button[class|="btn"]:active,
a[class|="btn"]:active,
input[class|="btn"]:active {
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  transform: scale(1, 1);
  outline: none;
  -webkit-transition: all 0.05s;
  -moz-transition: all 0.05s;
  -o-transition: all 0.05s;
  transition: all 0.05s;
}
button.btn.btn-text,
a.btn.btn-text,
input.btn.btn-text,
button[class|="btn"].btn-text,
a[class|="btn"].btn-text,
input[class|="btn"].btn-text {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  font-weight: normal;
  border: none;
  background: none;
  outline: none;
  color: #808080;
}
button.btn.btn-text:hover,
a.btn.btn-text:hover,
input.btn.btn-text:hover,
button[class|="btn"].btn-text:hover,
a[class|="btn"].btn-text:hover,
input[class|="btn"].btn-text:hover,
button.btn.btn-text:active,
a.btn.btn-text:active,
input.btn.btn-text:active,
button[class|="btn"].btn-text:active,
a[class|="btn"].btn-text:active,
input[class|="btn"].btn-text:active {
  color: black;
  box-shadow: none;
  border: none;
  transform: none;
}
button.btn.btn-text:hover span[class|="icon"],
a.btn.btn-text:hover span[class|="icon"],
input.btn.btn-text:hover span[class|="icon"],
button[class|="btn"].btn-text:hover span[class|="icon"],
a[class|="btn"].btn-text:hover span[class|="icon"],
input[class|="btn"].btn-text:hover span[class|="icon"],
button.btn.btn-text:active span[class|="icon"],
a.btn.btn-text:active span[class|="icon"],
input.btn.btn-text:active span[class|="icon"],
button[class|="btn"].btn-text:active span[class|="icon"],
a[class|="btn"].btn-text:active span[class|="icon"],
input[class|="btn"].btn-text:active span[class|="icon"] {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.btn.btn-text-light,
a.btn.btn-text-light,
input.btn.btn-text-light,
button[class|="btn"].btn-text-light,
a[class|="btn"].btn-text-light,
input[class|="btn"].btn-text-light {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  font-weight: normal;
  border: none;
  background: none;
  color: #ffffff;
}
button.btn.btn-text-light:hover,
a.btn.btn-text-light:hover,
input.btn.btn-text-light:hover,
button[class|="btn"].btn-text-light:hover,
a[class|="btn"].btn-text-light:hover,
input[class|="btn"].btn-text-light:hover,
button.btn.btn-text-light:active,
a.btn.btn-text-light:active,
input.btn.btn-text-light:active,
button[class|="btn"].btn-text-light:active,
a[class|="btn"].btn-text-light:active,
input[class|="btn"].btn-text-light:active {
  color: rgba(255, 255, 255, 0.6);
  box-shadow: none;
  border: none;
  transform: none;
}
button.btn.btn-block,
a.btn.btn-block,
input.btn.btn-block,
button[class|="btn"].btn-block,
a[class|="btn"].btn-block,
input[class|="btn"].btn-block {
  width: 100%;
  position: relative;
}
button.btn.btn-inline,
a.btn.btn-inline,
input.btn.btn-inline,
button[class|="btn"].btn-inline,
a[class|="btn"].btn-inline,
input[class|="btn"].btn-inline {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  padding: 8px 16px;
}
button.btn.btn-super,
a.btn.btn-super,
input.btn.btn-super,
button[class|="btn"].btn-super,
a[class|="btn"].btn-super,
input[class|="btn"].btn-super {
  line-height: 44px;
  padding: 18px;
}
button.btn.btn-yellow,
a.btn.btn-yellow,
input.btn.btn-yellow,
button[class|="btn"].btn-yellow,
a[class|="btn"].btn-yellow,
input[class|="btn"].btn-yellow {
  background-color: #FFF600;
  color: black;
  border-color: rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
button.btn.btn-yellow:active,
a.btn.btn-yellow:active,
input.btn.btn-yellow:active,
button[class|="btn"].btn-yellow:active,
a[class|="btn"].btn-yellow:active,
input[class|="btn"].btn-yellow:active {
  background-color: #eee500;
  color: black;
  -webkit-transition: all 0.05s;
  -moz-transition: all 0.05s;
  -o-transition: all 0.05s;
  transition: all 0.05s;
}
button.btn.btn-gray,
a.btn.btn-gray,
input.btn.btn-gray,
button[class|="btn"].btn-gray,
a[class|="btn"].btn-gray,
input[class|="btn"].btn-gray {
  background-color: #eee;
}
button.btn.btn-load-more p,
a.btn.btn-load-more p,
input.btn.btn-load-more p,
button[class|="btn"].btn-load-more p,
a[class|="btn"].btn-load-more p,
input[class|="btn"].btn-load-more p {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
}
button.btn.btn-load-more .icon-loading,
a.btn.btn-load-more .icon-loading,
input.btn.btn-load-more .icon-loading,
button[class|="btn"].btn-load-more .icon-loading,
a[class|="btn"].btn-load-more .icon-loading,
input[class|="btn"].btn-load-more .icon-loading {
  margin-top: 11px;
  float: none;
}
button.btn.btn-load-more.loading p,
a.btn.btn-load-more.loading p,
input.btn.btn-load-more.loading p,
button[class|="btn"].btn-load-more.loading p,
a[class|="btn"].btn-load-more.loading p,
input[class|="btn"].btn-load-more.loading p {
  color: #b3b3b3;
}
button.btn.btn-load-more.loading .icon-loading,
a.btn.btn-load-more.loading .icon-loading,
input.btn.btn-load-more.loading .icon-loading,
button[class|="btn"].btn-load-more.loading .icon-loading,
a[class|="btn"].btn-load-more.loading .icon-loading,
input[class|="btn"].btn-load-more.loading .icon-loading {
  animation: loadingmore .6s infinite alternate;
}
@keyframes loadingmore {
  0% {
    background-color: black;
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(90deg);
  }
  100% {
    background-color: #FFF600;
    transform: rotateY(180deg);
  }
}
button.btn.btn-like,
a.btn.btn-like,
input.btn.btn-like,
button[class|="btn"].btn-like,
a[class|="btn"].btn-like,
input[class|="btn"].btn-like {
/*  display: inline-block; */
  display: none;
  font-size: 12px;
  line-height: 22px;
  line-height: 14px;
  color: #808080;
  vertical-align: middle;
}
button.btn.btn-like span.icon-like,
a.btn.btn-like span.icon-like,
input.btn.btn-like span.icon-like,
button[class|="btn"].btn-like span.icon-like,
a[class|="btn"].btn-like span.icon-like,
input[class|="btn"].btn-like span.icon-like,
button.btn.btn-like span.icon-like-active,
a.btn.btn-like span.icon-like-active,
input.btn.btn-like span.icon-like-active,
button[class|="btn"].btn-like span.icon-like-active,
a[class|="btn"].btn-like span.icon-like-active,
input[class|="btn"].btn-like span.icon-like-active {
  float: left;
  display: block;
  margin-right: 3px;
}
button.btn[disabled],
a.btn[disabled],
input.btn[disabled],
button[class|="btn"][disabled],
a[class|="btn"][disabled],
input[class|="btn"][disabled],
button.btn.disabled,
a.btn.disabled,
input.btn.disabled,
button[class|="btn"].disabled,
a[class|="btn"].disabled,
input[class|="btn"].disabled {
  background-color: #F5F5F5;
  color: #AAA;
}
button.btn[disabled]:hover,
a.btn[disabled]:hover,
input.btn[disabled]:hover,
button[class|="btn"][disabled]:hover,
a[class|="btn"][disabled]:hover,
input[class|="btn"][disabled]:hover,
button.btn.disabled:hover,
a.btn.disabled:hover,
input.btn.disabled:hover,
button[class|="btn"].disabled:hover,
a[class|="btn"].disabled:hover,
input[class|="btn"].disabled:hover {
  box-shadow: none;
  transform: none;
}
button.btn[disabled]:active,
a.btn[disabled]:active,
input.btn[disabled]:active,
button[class|="btn"][disabled]:active,
a[class|="btn"][disabled]:active,
input[class|="btn"][disabled]:active,
button.btn.disabled:active,
a.btn.disabled:active,
input.btn.disabled:active,
button[class|="btn"].disabled:active,
a[class|="btn"].disabled:active,
input[class|="btn"].disabled:active {
  background-color: #F5F5F5;
}
button.btn h1,
a.btn h1,
input.btn h1,
button[class|="btn"] h1,
a[class|="btn"] h1,
input[class|="btn"] h1,
button.btn h2,
a.btn h2,
input.btn h2,
button[class|="btn"] h2,
a[class|="btn"] h2,
input[class|="btn"] h2,
button.btn h3,
a.btn h3,
input.btn h3,
button[class|="btn"] h3,
a[class|="btn"] h3,
input[class|="btn"] h3,
button.btn h4,
a.btn h4,
input.btn h4,
button[class|="btn"] h4,
a[class|="btn"] h4,
input[class|="btn"] h4,
button.btn h5,
a.btn h5,
input.btn h5,
button[class|="btn"] h5,
a[class|="btn"] h5,
input[class|="btn"] h5,
button.btn h6,
a.btn h6,
input.btn h6,
button[class|="btn"] h6,
a[class|="btn"] h6,
input[class|="btn"] h6,
button.btn .h1,
a.btn .h1,
input.btn .h1,
button[class|="btn"] .h1,
a[class|="btn"] .h1,
input[class|="btn"] .h1,
button.btn .h2,
a.btn .h2,
input.btn .h2,
button[class|="btn"] .h2,
a[class|="btn"] .h2,
input[class|="btn"] .h2,
button.btn .h3,
a.btn .h3,
input.btn .h3,
button[class|="btn"] .h3,
a[class|="btn"] .h3,
input[class|="btn"] .h3,
button.btn .h4,
a.btn .h4,
input.btn .h4,
button[class|="btn"] .h4,
a[class|="btn"] .h4,
input[class|="btn"] .h4,
button.btn .h5,
a.btn .h5,
input.btn .h5,
button[class|="btn"] .h5,
a[class|="btn"] .h5,
input[class|="btn"] .h5,
button.btn .h6,
a.btn .h6,
input.btn .h6,
button[class|="btn"] .h6,
a[class|="btn"] .h6,
input[class|="btn"] .h6 {
  padding: 0;
  margin: 0;
  line-height: inherit;
}
button.btn span[class|="icon"],
a.btn span[class|="icon"],
input.btn span[class|="icon"],
button[class|="btn"] span[class|="icon"],
a[class|="btn"] span[class|="icon"],
input[class|="btn"] span[class|="icon"] {
  float: left;
}
.float-left {
  float: left!important;
}
.float-right {
  float: right!important;
}
.align-left {
  text-align: left!important;
}
.align-right {
  text-align: right!important;
}
.item-border {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.item-border-hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(0, 0, 0, 0.1) inset;
}
.item-border-active {
  box-shadow: 0 0 0 1px #FFF600, 0 0 0 3px #FFF600 inset;
}
.item-shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.2);
}
.item-block {
  display: block;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: white;
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.item-block:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.2);
}
.block-circle {
  border-radius: 50%;
  height: 0px;
  border: none;
  padding-bottom: 100%;
  text-align: center;
}
.block-circle:hover {
  border: none;
}
.circle {
  border-radius: 50%;
  text-align: center;
}
.loadmore {
  margin-bottom: 90px;
}
.pager {
  text-align: center;
  margin: 36px 0 90px 0;
}
.pager ul {
  margin-left: 0;
  *zoom: 1;
  text-align: center;
  display: inline-block;
}
.pager ul li {
  display: block;
}
.pager ul:before,
.pager ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.pager ul:after {
  clear: both;
}
.pager ul li {
  float: left;
}
.pager ul:before,
.pager ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.pager ul:after {
  clear: both;
}
.pager ul > li {
  width: 36px;
  height: 36px;
  margin: 0 4px;
}
.pager a {
  display: block;
  line-height: 36px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 18px;
  text-align: center;
  margin: 0;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.pager a.disable {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.pager a:hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(0, 0, 0, 0.1) inset;
}
.pager a.active {
  box-shadow: 0 0 0 1px #FFF600, 0 0 0 3px #FFF600 inset;
}
.line-gray {
  width: 100%;
  height: 1px;
  border: none;
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-yellow {
  background-color: #FFF600;
}
.bg-gray {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-light {
  background-color: #F5F5F5;
}
.quantity-picker {
  position: relative;
}
.quantity-picker:hover input.quantity {
  border: 1px solid transparent;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.2);
}
.quantity-picker input[type="number"] {
  text-align: center;
}
.quantity-picker input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.quantity-picker button.btn-minus,
.quantity-picker button.btn-plus {
  position: absolute;
}
.quantity-picker button.btn-minus:hover,
.quantity-picker button.btn-plus:hover,
.quantity-picker button.btn-minus:focus,
.quantity-picker button.btn-plus:focus,
.quantity-picker button.btn-minus:active,
.quantity-picker button.btn-plus:active {
  box-shadow: none;
}
.quantity-picker button.btn-minus {
  left: 10px;
  top: 10px;
}
.quantity-picker button.btn-plus {
  right: 10px;
  top: 10px;
}
span[class|="tag"] {
  padding: 8px;
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  /*display: block;*/
  border-radius: 3px;
}
span[class|="tag"].tag-yellow {
  background-color: #FFF600;
}
span[class|="tag"].tag-gray {
  background-color: rgba(0, 0, 0, 0.1);
}
span[class|="tag"].tag-light {
  background-color: #F5F5F5;
}
span[class|="tag"].tag-text {
  background-color: transparent;
  color: #808080;
}
.msg-list,
.msg-list-compact {
  margin-left: 0;
}
.msg-list li,
.msg-list-compact li {
  display: block;
}
.msg-list .msg-item,
.msg-list-compact .msg-item {
  position: relative;
  border-bottom: 1px solid #eee;
  padding-top: 16px;
  margin-bottom: 26px;
  *zoom: 1;
}
.msg-list .msg-item:before,
.msg-list-compact .msg-item:before,
.msg-list .msg-item:after,
.msg-list-compact .msg-item:after {
  content: " ";
  display: table;
  line-height: 0;
}
.msg-list .msg-item:after,
.msg-list-compact .msg-item:after {
  clear: both;
}
.msg-list .msg-item .user-avatar,
.msg-list-compact .msg-item .user-avatar {
  margin-right: 20px;
  float: left!important;
}
.msg-list .msg-item .user-name,
.msg-list-compact .msg-item .user-name {
  line-height: 1;
}
.msg-list .msg-item span.msg-time,
.msg-list-compact .msg-item span.msg-time {
  font-size: 12px;
  line-height: 22px;
  color: 878787;
  margin-left: 10px;
}
.msg-list .msg-item .msg-body,
.msg-list-compact .msg-item .msg-body {
  margin-left: 76px;
}
.msg-list .msg-item .msg-body p.msg-text,
.msg-list-compact .msg-item .msg-body p.msg-text {
  font-size: 12px;
  line-height: 22px;
  margin-top: 4px;
  margin-bottom: 0;
}
.msg-list .msg-item .msg-body-block,
.msg-list-compact .msg-item .msg-body-block {
  padding: 10px 20px;
  background: #eeeeee;
  margin-left: 76px;
}
.msg-list .msg-item .msg-body-block .tag-yellow,
.msg-list-compact .msg-item .msg-body-block .tag-yellow {
  margin-left: -6px;
  margin-right: 6px;
  padding: 4px 8px;
}
.msg-list .msg-item .msg-body-block p.msg-text,
.msg-list-compact .msg-item .msg-body-block p.msg-text {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}
.msg-list .msg-item .msg-footer,
.msg-list-compact .msg-item .msg-footer,
.msg-list .msg-item .msg-footer-hidden,
.msg-list-compact .msg-item .msg-footer-hidden {
  *zoom: 1;
}
.msg-list .msg-item .msg-footer:before,
.msg-list-compact .msg-item .msg-footer:before,
.msg-list .msg-item .msg-footer-hidden:before,
.msg-list-compact .msg-item .msg-footer-hidden:before,
.msg-list .msg-item .msg-footer:after,
.msg-list-compact .msg-item .msg-footer:after,
.msg-list .msg-item .msg-footer-hidden:after,
.msg-list-compact .msg-item .msg-footer-hidden:after {
  content: " ";
  display: table;
  line-height: 0;
}
.msg-list .msg-item .msg-footer:after,
.msg-list-compact .msg-item .msg-footer:after,
.msg-list .msg-item .msg-footer-hidden:after,
.msg-list-compact .msg-item .msg-footer-hidden:after {
  clear: both;
}
.msg-list .msg-item .msg-footer ul.msg-actions,
.msg-list-compact .msg-item .msg-footer ul.msg-actions,
.msg-list .msg-item .msg-footer-hidden ul.msg-actions,
.msg-list-compact .msg-item .msg-footer-hidden ul.msg-actions {
  margin-left: 0;
  *zoom: 1;
  float: right;
}
.msg-list .msg-item .msg-footer ul.msg-actions li,
.msg-list-compact .msg-item .msg-footer ul.msg-actions li,
.msg-list .msg-item .msg-footer-hidden ul.msg-actions li,
.msg-list-compact .msg-item .msg-footer-hidden ul.msg-actions li {
  display: block;
}
.msg-list .msg-item .msg-footer ul.msg-actions:before,
.msg-list-compact .msg-item .msg-footer ul.msg-actions:before,
.msg-list .msg-item .msg-footer-hidden ul.msg-actions:before,
.msg-list-compact .msg-item .msg-footer-hidden ul.msg-actions:before,
.msg-list .msg-item .msg-footer ul.msg-actions:after,
.msg-list-compact .msg-item .msg-footer ul.msg-actions:after,
.msg-list .msg-item .msg-footer-hidden ul.msg-actions:after,
.msg-list-compact .msg-item .msg-footer-hidden ul.msg-actions:after {
  content: " ";
  display: table;
  line-height: 0;
}
.msg-list .msg-item .msg-footer ul.msg-actions:after,
.msg-list-compact .msg-item .msg-footer ul.msg-actions:after,
.msg-list .msg-item .msg-footer-hidden ul.msg-actions:after,
.msg-list-compact .msg-item .msg-footer-hidden ul.msg-actions:after {
  clear: both;
}
.msg-list .msg-item .msg-footer ul.msg-actions li,
.msg-list-compact .msg-item .msg-footer ul.msg-actions li,
.msg-list .msg-item .msg-footer-hidden ul.msg-actions li,
.msg-list-compact .msg-item .msg-footer-hidden ul.msg-actions li {
  float: left;
}
.msg-list .msg-item .msg-footer ul.msg-actions li,
.msg-list-compact .msg-item .msg-footer ul.msg-actions li,
.msg-list .msg-item .msg-footer-hidden ul.msg-actions li,
.msg-list-compact .msg-item .msg-footer-hidden ul.msg-actions li {
  margin: 10px;
}
.msg-list .msg-item .msg-footer ul.msg-actions li button,
.msg-list-compact .msg-item .msg-footer ul.msg-actions li button,
.msg-list .msg-item .msg-footer-hidden ul.msg-actions li button,
.msg-list-compact .msg-item .msg-footer-hidden ul.msg-actions li button,
.msg-list .msg-item .msg-footer ul.msg-actions li a,
.msg-list-compact .msg-item .msg-footer ul.msg-actions li a,
.msg-list .msg-item .msg-footer-hidden ul.msg-actions li a,
.msg-list-compact .msg-item .msg-footer-hidden ul.msg-actions li a {
  font-size: 13px;
  line-height: 22px;
  color: black;
  height: 24px;
  line-height: 24px;
}
.msg-list .msg-item .msg-footer ul.msg-actions li button:hover,
.msg-list-compact .msg-item .msg-footer ul.msg-actions li button:hover,
.msg-list .msg-item .msg-footer-hidden ul.msg-actions li button:hover,
.msg-list-compact .msg-item .msg-footer-hidden ul.msg-actions li button:hover,
.msg-list .msg-item .msg-footer ul.msg-actions li a:hover,
.msg-list-compact .msg-item .msg-footer ul.msg-actions li a:hover,
.msg-list .msg-item .msg-footer-hidden ul.msg-actions li a:hover,
.msg-list-compact .msg-item .msg-footer-hidden ul.msg-actions li a:hover {
  color: #808080;
}
.msg-list .msg-item .msg-footer .msg-input-item,
.msg-list-compact .msg-item .msg-footer .msg-input-item,
.msg-list .msg-item .msg-footer-hidden .msg-input-item,
.msg-list-compact .msg-item .msg-footer-hidden .msg-input-item {
  padding-top: 20px;
}
.msg-list .msg-item .msg-footer.open > .msg-actions,
.msg-list-compact .msg-item .msg-footer.open > .msg-actions,
.msg-list .msg-item .msg-footer-hidden.open > .msg-actions,
.msg-list-compact .msg-item .msg-footer-hidden.open > .msg-actions {
  opacity: 0;
  filter: alpha(opacity=0);
  height: 0;
}
.msg-list .msg-item .msg-footer-hidden,
.msg-list-compact .msg-item .msg-footer-hidden {
  opacity: 0;
  filter: alpha(opacity=0);
  height: 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.msg-list .msg-item .msg-footer-hidden ul.msg-actions,
.msg-list-compact .msg-item .msg-footer-hidden ul.msg-actions {
  position: absolute;
  right: 0;
  top: 32px;
}
.msg-list .msg-item:hover .msg-footer-hidden,
.msg-list-compact .msg-item:hover .msg-footer-hidden {
  opacity: 1;
  filter: alpha(opacity=100);
}
.msg-list.msg-list-compact .msg-item,
.msg-list-compact.msg-list-compact .msg-item {
  padding: 16px 0;
  margin-bottom: 0;
}
.msg-list .left-float-title,
.msg-list-compact .left-float-title {
  margin-top: 20px;
}
.msg-input-item .user-avatar {
  float: left!important;
}
.msg-input-item .msg-input {
  margin-left: 76px;
  margin-bottom: 6px;
}
.msg-input-item .msg-actions {
  text-align: right;
}
.msg-input-item .msg-actions .word-count {
  font-size: 12px;
  line-height: 22px;
  line-height: 56px;
  margin-right: 20px;
}
ul.nav-group {
  margin: 0;
  padding: 0;
  height: 100%;
  *zoom: 1;
}
ul.nav-group:before,
ul.nav-group:after {
  content: " ";
  display: table;
  line-height: 0;
}
ul.nav-group:after {
  clear: both;
}
ul.nav-group li {
  display: block;
  list-style: none;
  margin: 8px 0;
  font-size: 14px;
  line-height: 44px;
  height: 100%;
}
@media only screen and (min-width: 750px) {
  ul.nav-group li {
    float: left;
    margin: 0 8px;
  }
}
ul.nav-group li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 750px) {
  ul.nav-group li a {
    position: static;
    float: left;
    height: auto;
  }
}
ul.nav-group li a:hover {
  text-decoration: none;
}
ul.nav-group li a:hover h5:after,
ul.nav-group li a.active h5:after {
  position: absolute;
  content: '';
  display: block;
  background-color: #FFF600;
  width: 100%;
  height: 3px;
  margin-top: 3px;
}
ul.nav-group li a h5 {
  position: relative;
  display: inline-block;
  height: 44px;
  line-height: 44px;
}
@media only screen and (min-width: 750px) {
  ul.nav-group li a h5 {
    line-height: 20px;
    height: auto;
  }
}
ul.nav-group li a h6 {
  margin: 0;
  position: relative;
  display: inline-block;
  height: 44px;
  line-height: 44px;
}
@media only screen and (min-width: 750px) {
  ul.nav-group li a h6 {
    line-height: 20px;
    height: auto;
  }
}
ul.nav-group li a span.icon-dropdown {
  position: absolute;
  top: 13px;
  right: 21px;
}
@media only screen and (min-width: 750px) {
  ul.nav-group li a span.icon-dropdown {
    position: relative;
    top: 1px;
    left: 4px;
    right: 0;
  }
}
ul.nav-group li a .badge {
  position: absolute;
  right: 20px;
  top: 14px;
}
.breadcrumb {
  margin-left: 0;
  *zoom: 1;
  margin: 40px 0 32px 0;
}
.breadcrumb:before,
.breadcrumb:after {
  content: " ";
  display: table;
  line-height: 0;
}
.breadcrumb:after {
  clear: both;
}
.breadcrumb li {
  float: left;
}
.breadcrumb li {
  display: block;
}
.breadcrumb:before,
.breadcrumb:after {
  content: " ";
  display: table;
  line-height: 0;
}
.breadcrumb:after {
  clear: both;
}
.breadcrumb.compact {
  margin-bottom: 12px;
}
.breadcrumb li {
  margin-right: 8px;
}
.nav-tabs {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: white;
}
.nav-tabs ul {
  margin-left: 0;
  *zoom: 1;
}
.nav-tabs ul:before,
.nav-tabs ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.nav-tabs ul:after {
  clear: both;
}
.nav-tabs ul li {
  float: left;
}
.nav-tabs ul li {
  display: block;
}
.nav-tabs ul:before,
.nav-tabs ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.nav-tabs ul:after {
  clear: both;
}
.nav-tabs a.nav-tab-item {
  display: block;
  padding: 10px 18px;
  background-color: white;
}
.nav-tabs a.nav-tab-item h6 {
  font-weight: 400;
}
.nav-tabs a.nav-tab-item h6 span.quantity {
  margin-left: 8px;
  color: #808080;
}
.nav-tabs a.nav-tab-item.active {
  background-color: #FFF600;
}
.nav-tabs a.nav-tab-item.active h6 {
  font-weight: 700;
}
.nav-tabs a.nav-tab-item.active h6 span.quantity {
  color: black;
}
.nav-tabs a.nav-tab-item:hover {
  background-color: #F5F5F5;
}
.nav-pills {
  margin: 48px 0 40px 0;
}
.nav-pills ul {
  margin-left: 0;
  *zoom: 1;
}
.nav-pills ul:before,
.nav-pills ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.nav-pills ul:after {
  clear: both;
}
.nav-pills ul li {
  float: left;
}
.nav-pills ul li {
  display: block;
}
.nav-pills ul:before,
.nav-pills ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.nav-pills ul:after {
  clear: both;
}
.nav-pills a.nav-pill-item {
  position: relative;
  display: block;
  padding: 10px 18px;
  background-color: white;
  z-index: 1;
}
.nav-pills a.nav-pill-item h6 {
  font-weight: 400;
}
.nav-pills a.nav-pill-item h6 span.quantity {
  margin-left: 8px;
  color: #808080;
}
.nav-pills a.nav-pill-item h6 span.quantity.badge {
  float: right;
  margin-top: 3px;
  color: black;
}
.nav-pills a.nav-pill-item.active {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.nav-pills a.nav-pill-item.active h6 {
  font-weight: 700;
}
.nav-pills a.nav-pill-item.active h6 span.quantity {
  color: black;
}
.nav-pills a.nav-pill-item:hover {
  background-color: #F5F5F5;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel ul {
  position: relative;
  margin-left: 0;
  *zoom: 1;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.carousel ul li {
  display: block;
}
.carousel ul:before,
.carousel ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.carousel ul:after {
  clear: both;
}
.carousel ul li {
  float: left;
}
.carousel ul li {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.carousel ul li .zlider-content.custom-content {
  position: absolute;
  left: 0;
  right: 0;
}
.carousel ul li .zlider-content.custom-content.align-bottom {
  bottom: 100px;
}
.carousel ul li .zlider-content.custom-content.align-top {
  top: 100px;
}
.carousel ul li .zlider-content.custom-content a {
  display: block;
}
.carousel ul li .zlider-content.custom-content a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.carousel ul li .zlider-content.custom-content a.color-white > * {
  color: white;
}
.carousel a.btn-prev,
.carousel a.btn-next {
  position: absolute;
  z-index: 3;
  background-color: white;
  top: 50%;
  margin-top: -22px;
  width: 66px;
  height: 44px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.carousel a.btn-prev span[class|='icon'],
.carousel a.btn-next span[class|='icon'] {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.carousel a.btn-prev:hover,
.carousel a.btn-next:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #FFF600;
}
.carousel a.btn-prev:hover span[class|='icon'],
.carousel a.btn-next:hover span[class|='icon'] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.carousel a.btn-prev {
  left: 0;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  text-align: right;
  margin-left: -22px;
}
.carousel a.btn-prev:hover {
  margin-left: 0;
}
.carousel a.btn-prev span {
  margin-left: 22px;
}
.carousel a.btn-next {
  right: 0;
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
  margin-right: -22px;
}
.carousel a.btn-next:hover {
  margin-right: 0;
}
.carousel .carousel-indicator-group {
  position: absolute;
  z-index: 3;
  bottom: 20px;
  left: 0;
  right: 0;
  width: 100%;
}
.carousel-indicator-group {
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
}
.carousel-indicator-group ol {
  margin-left: 0;
  *zoom: 1;
  display: inline-block;
}
.carousel-indicator-group ol li {
  display: block;
}
.carousel-indicator-group ol:before,
.carousel-indicator-group ol:after {
  content: " ";
  display: table;
  line-height: 0;
}
.carousel-indicator-group ol:after {
  clear: both;
}
.carousel-indicator-group ol li {
  float: left;
}
.carousel-indicator-group ol li.carousel-indicator-item {
  *zoom: 1;
  margin: 0 4px;
}
.carousel-indicator-group ol li.carousel-indicator-item:before,
.carousel-indicator-group ol li.carousel-indicator-item:after {
  content: " ";
  display: table;
  line-height: 0;
}
.carousel-indicator-group ol li.carousel-indicator-item:after {
  clear: both;
}
.carousel-indicator-group ol a.indicator {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: rgba(255, 255, 255, 0.3);
}
.carousel-indicator-group ol a.indicator:hover {
  background-color: #FFF600;
  box-shadow: 0 0 0 1px black;
}
.carousel-indicator-group ol .active > a.indicator,
.carousel-indicator-group ol a.indicator.active {
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.7);
}
.carousel + .carousel-indicator-group {
  margin-top: 4px;
}
.designer-avatar {
  margin-top: 30px;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.designer-avatar img {
  width: 100%;
}
.designer-info {
  padding: 0 30px;
}
.designer-info p {
  margin-bottom: 30px;
}
.user-avatar {
  float: left;
  width: 56px;
  height: 56px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.user-avatar img {
  height: 100%;
  border-radius: 50%;
}
.user-avatar.designer {
  border-radius: 0;
}
.user-avatar.designer img {
  border-radius: 0;
}
a:hover .user-avatar {
  overflow: hidden;
}
.user-avatar-block{width: 100%;}
.user-avatar-block, .user-avatar-block * {
  display: inline-block;
  vertical-align: middle;
}
.user-avatar-block b{
  font-size: 16px;
  color: #000;
}
.user-avatar-block img {
  border-radius: 100%;
  margin-right: 15px;
  width:10%;
  min-width: 80px;
}
.user-avatar-block p{margin-bottom: 0px;}
.avatar-origin-size {
  width: 240px;
  height: 240px;
}
.avatar-origin-size {
  width: 240px;
  height: 240px;
}
.avatar-origin-size img {
  width: 100%;
}
.user-name {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
h6.user-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.price-sm {
  font-family: "DIN Alternate", sans-serif;
  font-size: 18px;
  color: black;
}
.price-md {
  font-family: "DIN Alternate", sans-serif;
  font-size: 24px;
  color: black;
}
.price-lg {
  font-family: "DIN Alternate", sans-serif;
  font-size: 32px;
  color: black;
}
.delivery-address-item {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 84%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.delivery-address-item.checked {
  box-shadow: 0 0 0 1px #FFF600, 0 0 0 3px #FFF600 inset;
}
.delivery-address-item input.form-radio {
  display: none;
}
.delivery-address-item .content {
  margin: 16px 20px;
}
.delivery-address-item .content .line-gray {
  margin: 16px 0;
}
.delivery-address-item .content p {
  margin-bottom: 0;
}
.delivery-address-item .btn-edit {
  position: absolute;
  left: 20px;
  bottom: 16px;
}
.list-title,
.section-title {
  margin: 6px 0;
  font-weight: 300;
}
.list-title strong,
.section-title strong {
  font-weight: 700;
}
.list-title.large-top,
.section-title.large-top {
  margin-top: 32px;
}
.split-2 {
  width: 100%;
  height: 2px;
  background-color: #9d9d9d;
  margin-top: 1px;
  margin-bottom: 1px;
}
nav.navbar {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
  width: 100%;
  height: 60px;
  z-index: 9;
}
nav.navbar#main-nav {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
nav.navbar#main-nav a.logo {
  display: block;
  float: left;
  margin-right: 20px;
}
nav.navbar#main-nav a.logo span {
  display: block;
  float: left;
  width: 90px;
  height: 60px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/logo.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  nav.navbar#main-nav a.logo span {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/logo@2x.png");
    background-size: 90px 60px;
  }
}
nav.navbar#main-nav .dropdown-group {
  *zoom: 1;
  position: absolute;
  top: 60px;
  width: 100%;
  height: auto;
  background-color: white;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2) inset;
  display: none;
  overflow: hidden;
}
nav.navbar#main-nav .dropdown-group:before,
nav.navbar#main-nav .dropdown-group:after {
  content: " ";
  display: table;
  line-height: 0;
}
nav.navbar#main-nav .dropdown-group:after {
  clear: both;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav .dropdown-group {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    position: static;
    top: 0;
    left: 102px;
    right: 0;
    bottom: 0;
    width: auto;
    background-color: transparent;
    box-shadow: none;
    overflow: visible;
  }
}
nav.navbar#main-nav .dropdown-group.open {
  display: block;
}
nav.navbar#main-nav ul.nav-group {
  height: auto;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav ul.nav-group.main-nav-sections {
    float: left!important;
    margin-top: 30px;
    margin-left: -8px;
  }
}
nav.navbar#main-nav ul.nav-group.main-nav-sections > li {
  height: auto;
}
nav.navbar#main-nav ul.nav-group.main-nav-sections > li a {
  line-height: 100%;
  position: relative;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav ul.nav-group.main-nav-sections > li a {
    position: static;
  }
}
nav.navbar#main-nav ul.nav-group.main-nav-sections > li.split {
  width: 100%;
  height: 1px;
  background-image: none;
  background-color: #eee;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav ul.nav-group.main-nav-sections > li.split {
    width: 20px;
    height: 20px;
    margin: 0 10px;
    background-color: transparent;
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/nav_split_line.png");
  }
}
nav.navbar#main-nav ul.nav-group.main-nav-actions {
  text-align: center;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav ul.nav-group.main-nav-actions {
    margin-right: 8px;
    float: right!important;
  }
}
nav.navbar#main-nav ul.nav-group.main-nav-actions > li {
  display: block;
  width: 100%;
  line-height: 44px;
  background-color: transparent;
}
nav.navbar#main-nav ul.nav-group.main-nav-actions > li .nav-btn {
  width: 100%;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav ul.nav-group.main-nav-actions > li {
    width: 44px;
    margin: 8px 8px 8px 0;
  }
}
nav.navbar#main-nav ul.nav-group.main-nav-actions > li.nav-search-container {
  position: relative;
  height: 44px;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav ul.nav-group.main-nav-actions > li.nav-search-container {
    height: 44px;
    background-color: transparent;
    margin-top: 8px;
    margin-left: 0;
    margin-right: 8px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
  }
}
nav.navbar#main-nav ul.nav-group.main-nav-actions > li.nav-search-container input.search-input {
  display: block;
  width: 100%;
  line-height: 20px;
  padding: 12px;
  padding-right: 44px;
  height: 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
nav.navbar#main-nav ul.nav-group.main-nav-actions > li.nav-search-container .nav-btn {
  position: absolute;
  width: 44px;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
nav.navbar#main-nav ul.nav-group.main-nav-actions > li.nav-search-container.open {
  width: auto;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav ul.nav-group.main-nav-actions > li.nav-search-container.open {
    width: 240px;
    background-color: #F5F5F5;
  }
  nav.navbar#main-nav ul.nav-group.main-nav-actions > li.nav-search-container.open input.search-input {
    width: 240px;
  }
  nav.navbar#main-nav ul.nav-group.main-nav-actions > li.nav-search-container.open .nav-btn {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
}
nav.navbar#main-nav ul.nav-group.main-nav-actions > li.nav-search-container.open input.search-input {
  display: block;
}
nav.navbar#main-nav ul.nav-group.main-nav-actions li.split {
  width: 100%;
  height: 1px;
  background-image: none;
  background-color: #eee;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav ul.nav-group.main-nav-actions li.split {
    display: none;
  }
}
nav.navbar#main-nav .nav-btn {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  *zoom: 1;
}
nav.navbar#main-nav .nav-btn:before,
nav.navbar#main-nav .nav-btn:after {
  content: " ";
  display: table;
  line-height: 0;
}
nav.navbar#main-nav .nav-btn:after {
  clear: both;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav .nav-btn {
    background-color: transparent;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
  }
}
nav.navbar#main-nav .nav-btn:hover {
  background-color: transparent;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav .nav-btn:hover {
    background-color: #f2f2f2;
  }
}
nav.navbar#main-nav .nav-btn:focus {
  outline: none;
}
nav.navbar#main-nav .nav-btn.btn-dropdown {
  margin-top: 8px;
  margin-right: 8px;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav .nav-btn .badge {
    right: 9px;
    top: 22px;
  }
}
nav.navbar#main-nav .subnav-group {
  *zoom: 1;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #F5F5F5;
  display: none;
  overflow: hidden;
}
nav.navbar#main-nav .subnav-group:before,
nav.navbar#main-nav .subnav-group:after {
  content: " ";
  display: table;
  line-height: 0;
}
nav.navbar#main-nav .subnav-group:after {
  clear: both;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav .subnav-group {
    position: absolute;
    margin: 0;
    width: auto;
    background-color: white;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2) inset;
  }
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav .subnav-group.subnav-expand {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.9);
  }
}
nav.navbar#main-nav .subnav-group.subnav-expand > div.container-8 {
  padding: 14px 0;
}
nav.navbar#main-nav .subnav-group.subnav-expand a {
  width: 100%;
  text-align: center;
  margin: 10px 0;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav .subnav-group.subnav-expand a {
    width: auto;
    float: left;
    text-align: left;
    margin-right: 20px;
  }
}
nav.navbar#main-nav .subnav-group.subnav-expand a.subnav-products-item {
  display: block;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: white;
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  text-align: center;
  margin: 10px 0;
  padding: 30px;
}
nav.navbar#main-nav .subnav-group.subnav-expand a.subnav-products-item:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.2);
}
nav.navbar#main-nav .subnav-group.subnav-list {
  margin-left: 0;
}
nav.navbar#main-nav .subnav-group.subnav-list li {
  display: block;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav .subnav-group.subnav-list {
    position: absolute;
    top: 60px;
    left: auto;
    right: auto;
    width: auto;
  }
}
nav.navbar#main-nav .subnav-group.subnav-list > ul {
  padding: 0;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav .subnav-group.subnav-list > ul {
    padding: 10px;
  }
}
nav.navbar#main-nav .subnav-group.subnav-list li {
  width: 100%;
  min-width: 100px;
  height: 44px;
  line-height: 44px;
  margin: 0;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav .subnav-group.subnav-list li {
    height: 36px;
    line-height: 36px;
  }
}
nav.navbar#main-nav .subnav-group.subnav-list li a {
  position: relative;
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav .subnav-group.subnav-list li a {
    text-align: left;
  }
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav .subnav-group.subnav-list li a .badge {
    top: 9px;
    right: 0px;
  }
}
nav.navbar#main-nav .subnav-group.open {
  display: block;
}
.store-catalog-filter {
  padding: 24px 0;
  background-color: #f5f5f5;
  *zoom: 1;
}
.store-catalog-filter:before,
.store-catalog-filter:after {
  content: " ";
  display: table;
  line-height: 0;
}
.store-catalog-filter:after {
  clear: both;
}
.store-catalog-filter .filter-catalog-item {
  display: block;
  text-decoration: none;
  -webkit-transition: box-shadow 0.1s;
  -moz-transition: box-shadow 0.1s;
  -o-transition: box-shadow 0.1s;
  transition: box-shadow 0.1s;
  overflow: visible;
  margin-top: 10px;
  margin-bottom: 30px;
  box-shadow: none;
  background-color: transparent;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .store-catalog-filter .filter-catalog-item {
    margin-top: 30px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    background-color: white;
    overflow: hidden;
  }
}
.store-catalog-filter .filter-catalog-item span[class|=icon] {
  margin-top: 36px;
}
.store-catalog-filter .filter-catalog-item div[class|=bg] {
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding-bottom: 100%;
}

.store-catalog-filter .filter-catalog-item div.bg-cat-5 {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_5.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-cat-5 {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_5@2x.png");
    background-size: 60px 60px;
  }
}

.store-catalog-filter .filter-catalog-item div.bg-cat-17 {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_17.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-cat-17 {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_17@2x.png");
    background-size: 60px 60px;
  }
}

.store-catalog-filter .filter-catalog-item div.bg-cat-18 {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_18.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-cat-18 {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_18@2x.png");
    background-size: 60px 60px;
  }
}

.store-catalog-filter .filter-catalog-item div.bg-cat-19 {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_19.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-cat-19 {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_19@2x.png");
    background-size: 60px 60px;
  }
}

.store-catalog-filter .filter-catalog-item div.bg-cat-20 {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_20.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-cat-20 {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_20@2x.png");
    background-size: 60px 60px;
  }
}

.store-catalog-filter .filter-catalog-item div.bg-cat-21 {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_21.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-cat-21 {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_21@2x.png");
    background-size: 60px 60px;
  }
}



.store-catalog-filter .filter-catalog-item div.bg-table {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_table.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-table {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_table@2x.png");
    background-size: 60px 60px;
  }
}
.store-catalog-filter .filter-catalog-item div.bg-chair {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_chair.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-chair {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_chair@2x.png");
    background-size: 60px 60px;
  }
}
.store-catalog-filter .filter-catalog-item div.bg-desk {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_desk.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-desk {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_desk@2x.png");
    background-size: 60px 60px;
  }
}
.store-catalog-filter .filter-catalog-item div.bg-closet {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_closet.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-closet {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_closet@2x.png");
    background-size: 60px 60px;
  }
}
.store-catalog-filter .filter-catalog-item div.bg-shelf {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_shelf.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-shelf {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_shelf@2x.png");
    background-size: 60px 60px;
  }
}
.store-catalog-filter .filter-catalog-item div.bg-bed {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_bed.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-bed {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_bed@2x.png");
    background-size: 60px 60px;
  }
}
.store-catalog-filter .filter-catalog-item div.bg-sofa {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_sofa.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-sofa {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_sofa@2x.png");
    background-size: 60px 60px;
  }
}
.store-catalog-filter .filter-catalog-item div.bg-other {
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_other.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .store-catalog-filter .filter-catalog-item div.bg-other {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/icon_other@2x.png");
    background-size: 60px 60px;
  }
}
.store-catalog-filter .filter-catalog-item p.title {
  font-size: 13px;
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
  line-height: 16px;
  margin: 0;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (min-width: 1024px) {
  .store-catalog-filter .filter-catalog-item p.title {
    margin-top: -45px;
    opacity: 0;
  }
}
.store-catalog-filter .filter-catalog-item.active p.quantity {
display: none;
}
.store-catalog-filter .filter-catalog-item p.quantity {
  display: block;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
  margin: 0;
  color: #808080;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media only screen and (min-width: 1024px) {
  .store-catalog-filter .filter-catalog-item p.quantity {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
.store-catalog-filter .filter-catalog-item .counting-bg {
  display: none;
}
.store-catalog-filter .filter-catalog-item:hover,
.store-catalog-filter .filter-catalog-item.active {
  background-color: white;
}
@media only screen and (min-width: 1024px) {
  .store-catalog-filter .filter-catalog-item:hover div[class|=bg],
  .store-catalog-filter .filter-catalog-item.active div[class|=bg] {
    -webkit-transform: translate(0, -15%);
    -moz-transform: translate(0, -15%);
    -ms-transform: translate(0, -15%);
    -o-transform: translate(0, -15%);
    transform: translate(0, -15%);
  }
}
@media only screen and (min-width: 1240px) {
  .store-catalog-filter .filter-catalog-item:hover div[class|=bg],
  .store-catalog-filter .filter-catalog-item.active div[class|=bg] {
    -webkit-transform: translate(0, -10%);
    -moz-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    -o-transform: translate(0, -10%);
    transform: translate(0, -10%);
  }
}
@media only screen and (min-width: 1024px) {
  .store-catalog-filter .filter-catalog-item:hover p.title,
  .store-catalog-filter .filter-catalog-item.active p.title,
  .store-catalog-filter .filter-catalog-item:hover p.quantity,
  .store-catalog-filter .filter-catalog-item.active p.quantity {
    opacity: 1;
    filter: alpha(opacity=100);
    color: black;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }
}
@media only screen and (min-width: 1240px) {
  .store-catalog-filter .filter-catalog-item:hover p.title,
  .store-catalog-filter .filter-catalog-item.active p.title,
  .store-catalog-filter .filter-catalog-item:hover p.quantity,
  .store-catalog-filter .filter-catalog-item.active p.quantity {
    -webkit-transform: translate(0, -10%);
    -moz-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    -o-transform: translate(0, -10%);
    transform: translate(0, -10%);
  }
}
.store-catalog-filter .filter-catalog-item:hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(0, 0, 0, 0.1) inset;
}
.store-catalog-filter .filter-catalog-item.active {
  box-shadow: 0 0 0 1px #FFF600, 0 0 0 3px #FFF600 inset;
}
div.product-list .store-slogan {
  text-align: center;
  margin-top: 0;
  margin-bottom: 24px;
  font-weight: 200;
  padding-top: 38px;
}
div.product-list .product-list-item {
  margin-bottom: 42px;
}
div.product-list .product-list-item .product-header {
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.product-list .product-list-item .product-header .price-sm {
  margin-left: 20px;
  color: #808080;
}
div.product-list .product-list-item .product-header span[class|="tag"] {
  float: right;
  margin: 8px;
}
div.product-list .product-list-item a .product-info {
  padding: 14px 18px 0 20px;
  border-top: 1px solid #eee;
}
div.product-list .product-list-item a .product-info .product-name {
  font-weight: 300;
  height: 46px;
  overflow: hidden;
}
div.product-list .product-list-item a .product-info .product-descp {
  font-size: 12px;
  line-height: 22px;
  font-weight: 200;
  margin: 2px 0;
  height: 44px;
  overflow: hidden;
  color: #808080;
}
div.product-list .product-list-item a:hover {
  text-decoration: none;
}
div.product-list .product-list-item a:hover .product-pic img {
  transform: scale(1.1, 1.1);
}
div.product-list .product-list-item .product-footer {
  *zoom: 1;
  padding: 0 18px 18px 20px;
  height: 56px;
  overflow: hidden;
}
div.product-list .product-list-item .product-footer:before,
div.product-list .product-list-item .product-footer:after {
  content: " ";
  display: table;
  line-height: 0;
}
div.product-list .product-list-item .product-footer:after {
  clear: both;
}
div.product-list .product-list-item .product-footer button.btn-like {
  margin-top: 42px;
}
div.product-list .product-list-item .product-footer button.btn-like span.icon-like {
  margin-right: 3px;
}
div.product-list .product-list-item .product-footer .product-brand-pic {
  float: right!important;
  width: 56px;
  height: 56px;
  border: 1px solid #eee;
}
div.product-list .product-list-item .product-footer .product-brand-pic img {
  width: 100%;
  height: 100%;
}
.product-list + .brand-list {
  margin-bottom: 60px;
}
.product-pic {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
.product-pic img {
  max-width: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pic-ratio-3-2 {
  width: 100%;
  height: 0;
  padding-bottom: 66.67%;
  overflow: hidden;
}
.pic-ratio-3-2 img {
  max-width: 1;
}
header.product-header-nav {
  background-color: #3D3F47;
  color: white;
  height: 50px;
}
header.product-header-nav ul.nav-group.float-left {
  padding-left: 12px;
}
header.product-header-nav ul.nav-group li {
  margin: 0 12px;
  float: left;
  line-height: 50px;
}
header.product-header-nav ul.nav-group li a {
  color: #cccccc;
  line-height: 50px;
}
header.product-header-nav ul.nav-group li a:hover,
header.product-header-nav ul.nav-group li a.active {
  color: white;
}
header.product-header-nav ul.nav-group li button.btn-text-light {
  height: 100%;
}
header.product-header-nav ul.nav-group li button.btn-add2cart {
  height: 100%;
  margin-right: -12px;
  padding: 0 24px;
  border: none;
  outline: none;
  font-size: 18px;
  font-weight: bold;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
header.product-header-nav ul.nav-group li button.btn-add2cart:focus,
header.product-header-nav ul.nav-group li button.btn-add2cart:hover {
  transform: none;
  color: rgba(0, 0, 0, 0.5);
}
header.product-header-nav ul.nav-group li.split {
  background-color: rgba(255, 255, 255, 0.4);
  background-image: none;
  width: 1px;
}
div.product-info-popup {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 10;
}
@media only screen and (min-width: 750px) {
  div.product-info-popup {
    position: fixed;
  }
}
div.product-info-popup .popup-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
div.product-info-popup.show {
  display: block;
}
div.product-info-popup .popup-inner {
  background-color: white;
  position: relative;
}
div.product-info-popup .popup-info {
  padding: 32px 0;
  position: relative;
  z-index: 2;
}
div.product-info-popup .popup-info h6 {
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.1em;
}
div.product-info-popup .popup-info h2 {
  margin-top: 4px;
  margin-bottom: 24px;
}
div.product-info-popup .popup-info p.product-descp {
  margin: 0;
  font-size: 13px;
  line-height: 22px;
  color: black;
}
div.product-info-popup .popup-info p.product-descp + p.product-descp {
  margin-top: 15px;
}
div.product-info-popup .popup-info .form-group {
  margin-top: 32px;
  margin-bottom: 32px;
}
div.product-info-popup .popup-info .form-group p.form-text {
  line-height: 36px;
  margin: 6px 0;
  color: #808080;
}
div.product-info-popup .popup-info .price-lg span {
  line-height: 24px;
  margin-left: 4px;
}
div.product-info-popup .popup-info .delivery-info {
  margin-top: 32px;
}
div.product-info-popup .popup-info .delivery-info p {
  font-size: 12px;
  line-height: 22px;
  color: #808080;
  margin: 0;
}
div.product-info-popup .popup-footer {
  height: 66px;
  background-color: #F5F5F5;
}
div.product-info-popup .popup-footer button {
  float: left;
  padding: 24px;
  border: none;
  box-shadow: none;
  width: 100%;
}
div.product-info-popup .popup-footer button:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  box-shadow: none;
}
div.product-info-popup .popup-footer button.btn-go2pay {
  background-color: #FF9600;
}
@media only screen and (min-width: 750px) {
  div.product-info-popup .popup-footer button.btn-go2pay {
    width: 60%;
  }
}
div.product-info-popup .popup-footer button.btn-go2pay:hover {
  background-color: #e58600;
}
div.product-info-popup .popup-footer button.btn-go2pay:hover h6 {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media only screen and (min-width: 750px) {
  div.product-info-popup .popup-footer button.btn-add2cart {
    width: 40%;
  }
}
div.product-info-popup .popup-footer button.btn-add2cart:hover {
  background-color: #e5de00;
}
div.product-info-popup .popup-footer button.btn-add2cart:hover h5,
div.product-info-popup .popup-footer button.btn-add2cart:hover span.icon-add {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
div.product-info-popup button.btn-close {
  position: absolute;
  top: 0;
  right: 0;
}
section.product-info-section {
  position: relative;
  margin-bottom: 70px;
}
section.product-info-section#product-title {
  height: auto;
  background-color: #F5F5F5;
}
@media only screen and (min-width: 1024px) {
  section.product-info-section#product-title {
    height: 540px;
  }
}
@media only screen and (min-width: 1240px) {
  section.product-info-section#product-title {
    height: 720px;
  }
}
section.product-info-section#product-title div.carousel {
  position: relative;
  width: 100%;
  height: 320px;
  top: 0;
}
@media only screen and (min-width: 750px) {
  section.product-info-section#product-title div.carousel {
    height: 400px;
  }
}
@media only screen and (min-width: 1024px) {
  section.product-info-section#product-title div.carousel {
    position: absolute;
    height: 540px;
  }
}
@media only screen and (min-width: 1240px) {
  section.product-info-section#product-title div.carousel {
    position: absolute;
    height: 720px;
  }
}
section.product-info-section#product-title div.carousel ul.carousel-group {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
section.product-info-section#product-title .product-info {
  padding: 100px 0;
  position: relative;
  z-index: 2;
}
section.product-info-section#product-title .product-info p.product-descp {
  margin: 0;
  font-size: 13px;
  line-height: 22px;
  color: black;
}
section.product-info-section#product-title .product-info p.product-descp + p.product-descp {
  margin-top: 15px;
}
section.product-info-section#product-title .product-info h6 {
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.1em;
}
section.product-info-section#product-title .product-info h2 {
  margin-top: 4px;
  margin-bottom: 24px;
}
section.product-info-section#product-title .product-info .price-lg {
  margin-top: 44px;
}
section.product-info-section#product-title .product-info .price-lg span {
  line-height: 24px;
  margin-left: 4px;
}
section.product-info-section#product-detail .product-detail-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  section.product-info-section#product-detail .product-detail-group {
    height: 0;
    padding-bottom: 62.71%;
  }
}
section.product-info-section#product-detail .product-detail-group div.product-detail-pic {
  width: 100%;
  height: 0;
  padding-bottom: 62.71%;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  section.product-info-section#product-detail .product-detail-group div.product-detail-pic {
    position: absolute;
  }
}
section.product-info-section#product-detail .product-detail-group div.product-detail-text {
  margin-top: 12px;
}
@media only screen and (min-width: 1024px) {
  section.product-info-section#product-detail .product-detail-group div.product-detail-text {
    background-color: rgba(245, 245, 245, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 64px;
    opacity: 0;
    filter: alpha(opacity=0);
    margin: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    text-align: center;
    padding-top: 25%;
  }
  /*
  section.product-info-section#product-detail .product-detail-group div.product-detail-text:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
  }*/
  section.product-info-section#product-detail .product-detail-group div.product-detail-text-hover{
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
  }
}
@media only screen and (min-width: 750px) {
  section.product-info-section#product-designer .left-float-title {
    margin-top: 30px;
  }
}
section.product-info-section#product-spec .spec-info .row {
  line-height: 24px;
}
section.product-info-section#product-spec .spec-info .row .split {
  display: block;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #eee;
  margin: 10px 0;
}
section.product-info-section#product-comments {
  margin-bottom: 90px;
}
section.product-info-section .video,
section.product-info-section video,
section.product-info-section .show3d {
  width: 100%;
  height: auto;
}
.brand-alphabet-fliter {
  background-color: #F5F5F5;
  padding: 16px 0;
}
.brand-alphabet-fliter ul {
  margin-left: 0;
  *zoom: 1;
}
.brand-alphabet-fliter ul li {
  display: block;
}
.brand-alphabet-fliter ul:before,
.brand-alphabet-fliter ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.brand-alphabet-fliter ul:after {
  clear: both;
}
.brand-alphabet-fliter ul li {
  float: left;
}
.brand-alphabet-fliter ul:before,
.brand-alphabet-fliter ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.brand-alphabet-fliter ul:after {
  clear: both;
}
.brand-alphabet-fliter ul li {
  margin-right: 10px;
  color: #808080;
}
.brand-alphabet-fliter ul li a {
  font-family: "DIN Alternate";
  color: #808080;
}
.brand-alphabet-fliter ul li a:hover {
  color: black;
}
.cart-step {
  margin: 32px 0;
}
.cart-step ul {
  margin-left: 0;
  *zoom: 1;
  line-height: 32px;
}
.cart-step ul li {
  display: block;
}
.cart-step ul:before,
.cart-step ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.cart-step ul:after {
  clear: both;
}
.cart-step ul li {
  float: left;
}
.cart-step ul li {
  margin-right: 40px;
  font-size: 13px;
}
.cart-step ul li span.circle {
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  border: 1px solid #3D3F47;
  margin-right: 10px;
  font-size: 15px;
  font-weight: 500;
}
.cart-step ul li span.circle.active {
  background-color: #3D3F47;
  color: white;
}
.cart-step ul li span.circle.complete {
  border-color: #FFF600;
  background-color: #FFF600;
  color: black;
}
.cart-table {
  margin-bottom: 48px;
}
.cart-table .cart-table-splite-1 {
  height: 1px;
  background-color: #eee;
  margin: 10px 0;
}
.cart-table .cart-table-splite-2 {
  height: 2px;
  background-color: #9d9d9d;
  margin: 10px 0;
}
.cart-table .cart-table-header {
  line-height: 36px;
}
.cart-table .cart-table-header .table-header {
  padding-left: 10px;
}
.cart-table .cart-table-header input.form-checkbox {
  margin-top: 10px;
}
.cart-table .cart-table-row {
  padding: 6px 0;
}
.cart-table .cart-table-row .product-pic {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.cart-table .cart-table-row .product-pic input.form-checkbox {
  position: absolute;
  top: 9px;
  left: 9px;
  margin-top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cart-table .cart-table-row .product-pic input.form-checkbox:checked {
  opacity: 1;
  filter: alpha(opacity=100);
}
.cart-table .cart-table-row .product-pic:hover input.form-checkbox {
  opacity: 1;
  filter: alpha(opacity=100);
}
.cart-table .cart-table-row .cart-sub-group {
  margin-top: 20px;
}
.cart-table .cart-table-row h5 {
  margin-top: 20px;
}
.cart-table .cart-table-row .cart-table-sel-item {
  position: relative;
  display: block;
  height: 88px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.cart-table .cart-table-row .cart-table-sel-item.checked {
  box-shadow: 0 0 0 1px #FFF600, 0 0 0 3px #FFF600 inset;
}
.cart-table .cart-table-row .cart-table-sel-item input.form-radio {
  position: relative;
  margin-top: 36px;
  margin-left: 20px;
  margin-right: 0;
}
.cart-table .cart-table-row .cart-table-sel-item img {
  position: absolute;
  top: 0;
  left: 0;
}
.cart-table .cart-table-row .cart-table-sel-item span {
  line-height: 88px;
  margin-left: 6px;
}
.cart-table .cart-table-row .cart-table-sel-item div.coupon-price {
  display: block;
  height: 44px;
  width: 76px;
  margin: 22px 20px;
  text-align: center;
  line-height: 44px;
  background-color: #FFF600;
  float: left;
  font-weight: 700;
}
.cart-table .cart-table-row .cart-table-sel-item p.coupon-condition,
.cart-table .cart-table-row .cart-table-sel-item p.coupon-expiration {
  line-height: 20px;
  margin-bottom: 0;
}
.cart-table .cart-table-row .cart-table-sel-item p.coupon-condition {
  margin-top: 24px;
}
.cart-table .cart-sub-group {
  *zoom: 1;
  margin-left: 0;
  float: right!important;
}
.cart-table .cart-sub-group:before,
.cart-table .cart-sub-group:after {
  content: " ";
  display: table;
  line-height: 0;
}
.cart-table .cart-sub-group:after {
  clear: both;
}
.cart-table .cart-sub-group li {
  float: left;
}
.cart-table .cart-sub-group li {
  display: block;
}
.cart-table .cart-sub-group li {
  height: 36px;
  line-height: 36px;
  text-align: center;
}
.cart-table .cart-sub-group li.same-width {
  width: 153px;
}
.cart-table .cart-sub-group li.narrow {
  width: 36px;
}
.cart-table .cart-table-account {
  margin-top: 20px;
  margin-bottom: 24px;
}
.cart-table .cart-table-address {
  margin-top: 20px;
  margin-bottom: 24px;
}
.cart-table .cart-table-address .address-confirmation {
  background-color: #F5F5F5;
  padding: 20px;
}
.cart-table .cart-table-address .address-confirmation p {
  margin-bottom: 0;
}
.cart-table .cart-table-footer li {
  line-height: 46px;
  height: 46px;
}
.cart-btn-group {
  margin-top: 42px;
  margin-bottom: 160px;
}
.cart-btn-group .btn-refresh {
  margin-top: 15px;
}
.cart-btn-group .btn-go2pay .currency {
  position: absolute;
  font-size: 20px;
  font-weight: lighter;
  line-height: 20px;
  left: 10px;
  top: 10px;
}
footer.page-bottom {
  background-color: #25292E;
  /*min-height: 100px;*/
  color: #666666;
  padding: 36px 0px 20px 0;
  overflow: hidden;
}
footer.page-bottom a {
  color: #666666;
}
footer.page-bottom a:hover {
  color: #b3b3b3;
}
footer.page-bottom .footer-download {
  margin-bottom: 20px;
}
footer.page-bottom .footer-info {
  font-size: 12px;
  line-height: 22px;
}
footer.page-bottom .footer-info a {
  display: block;
  width: 100%;
  line-height: 44px;
}
@media screen and (min-width: 1024px) {
  footer.page-bottom .footer-info a {
    display: inline-block;
    float: left;
    width: auto;
    line-height: inherit;
  }
}
footer.page-bottom .footer-info .split {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #4d4d4d;
}
@media screen and (min-width: 1024px) {
  footer.page-bottom .footer-info .split {
    display: inline-block;
    float: left;
    width: 1px;
    height: 12px;
    margin-top: 5px;
    margin-left: 8px;
    margin-right: 8px;
  }
}
footer.page-bottom .footer-social {
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  footer.page-bottom .footer-social {
    text-align: right;
    margin-top: 6px;
  }
}
footer.page-bottom .footer-social a {
  opacity: 0.1;
  filter: alpha(opacity=10);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
footer.page-bottom .footer-social a:hover {
  opacity: 0.15;
  filter: alpha(opacity=15);
}
footer.page-bottom .page-controllor {
  position: absolute;
}
footer.page-bottom .page-controllor a {
  display: block;
  width: 56px;
  height: 56px;
  background-color: #292C34;
  margin-bottom: 2px;
}
footer.page-bottom .page-controllor a span[class|="icon"] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
footer.page-bottom .page-controllor a:hover span[class|="icon"] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.usercenter-header,
.usercenter-header-index,
.community-header {
  padding: 32px 0;
  background-color: rgba(0, 0, 0, 0.1);
}
.usercenter-header .small-link,
.usercenter-header-index .small-link,
.community-header .small-link {
  color: #808080;
}
.usercenter-header .breadcrumb,
.usercenter-header-index .breadcrumb,
.community-header .breadcrumb {
  margin: 0;
}
.usercenter-header .breadcrumb li,
.usercenter-header-index .breadcrumb li,
.community-header .breadcrumb li {
  height: 44px;
  padding: 6px 0;
}
.usercenter-header .breadcrumb li a,
.usercenter-header-index .breadcrumb li a,
.community-header .breadcrumb li a {
  display: block;
  height: 44px;
  line-height: 44px;
}
.usercenter-header .breadcrumb li a .icon-circle,
.usercenter-header-index .breadcrumb li a .icon-circle,
.community-header .breadcrumb li a .icon-circle {
  padding: 6px;
  float: left;
  margin-right: 16px;
}
.usercenter-header .breadcrumb li a .icon-circle span[class|="icon"],
.usercenter-header-index .breadcrumb li a .icon-circle span[class|="icon"],
.community-header .breadcrumb li a .icon-circle span[class|="icon"] {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.usercenter-header .breadcrumb li a:hover .icon-circle span[class|="icon"],
.usercenter-header-index .breadcrumb li a:hover .icon-circle span[class|="icon"],
.community-header .breadcrumb li a:hover .icon-circle span[class|="icon"] {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.usercenter-header .breadcrumb li.user-info,
.usercenter-header-index .breadcrumb li.user-info,
.community-header .breadcrumb li.user-info {
  height: 56px;
  padding: 0;
}
.usercenter-header .breadcrumb li.split,
.usercenter-header-index .breadcrumb li.split,
.community-header .breadcrumb li.split {
  margin-left: 40px;
  margin-right: 24px;
}
.usercenter-header .user-info div,
.usercenter-header-index .user-info div,
.community-header .user-info div {
  float: left;
}
.usercenter-header .user-info .user-avatar,
.usercenter-header-index .user-info .user-avatar,
.community-header .user-info .user-avatar {
  margin-right: 20px;
}
.usercenter-header .user-info h6.user-name,
.usercenter-header-index .user-info h6.user-name,
.community-header .user-info h6.user-name {
  padding-top: 4px;
}
.usercenter-header .user-info p,
.usercenter-header-index .user-info p,
.community-header .user-info p {
  margin-bottom: 0;
}
.usercenter-header-index {
  padding: 58px 0;
  position: relative;
}
.usercenter-header-index .user-info {
  text-align: left;
  margin-top: 40px;
}
@media only screen and (min-width: 750px) {
  .usercenter-header-index .user-info {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .usercenter-header-index .user-info {
    margin-top: px;
  }
}
@media only screen and (min-width: 1240px) {
  .usercenter-header-index .user-info {
    margin-top: 40px;
  }
}
.usercenter-index-main .uc-index-item {
  margin: 80px 0;
}
.usercenter-index-main .uc-index-item > a {
  height: 56px;
  display: block;
}
.usercenter-index-main .uc-index-item > a .icon-circle {
  float: left;
  padding: 12px;
  margin-right: 16px;
}
.usercenter-index-main .uc-index-item > a .icon-circle span[class|="icon"] {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.usercenter-index-main .uc-index-item > a:hover .icon-circle span[class|="icon"] {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.usercenter-index-main h6 {
  padding-top: 4px;
}
.usercenter-index-main .uc-sub-list {
  margin-left: 0;
  *zoom: 1;
  margin-top: -24px;
  margin-left: 72px;
}
.usercenter-index-main .uc-sub-list li {
  display: block;
}
.usercenter-index-main .uc-sub-list:before,
.usercenter-index-main .uc-sub-list:after {
  content: " ";
  display: table;
  line-height: 0;
}
.usercenter-index-main .uc-sub-list:after {
  clear: both;
}
.usercenter-index-main .uc-sub-list li {
  float: left;
}
.usercenter-index-main .uc-sub-list li {
  color: #808080;
}
.usercenter-index-main .uc-sub-list li a {
  color: #808080;
}
.usercenter-index-main .uc-sub-list li a:hover {
  color: black;
}
.usercenter-index-main .uc-sub-list li.split {
  width: 12px;
  height: 24px;
}
.community-header .user-info .relations {
  *zoom: 1;
  margin-left: 0;
  font-size: 12px;
  line-height: 22px;
}
.community-header .user-info .relations:before,
.community-header .user-info .relations:after {
  content: " ";
  display: table;
  line-height: 0;
}
.community-header .user-info .relations:after {
  clear: both;
}
.community-header .user-info .relations li {
  float: left;
}
.community-header .user-info .relations li {
  display: block;
}
.community-header .user-info .relations li {
  margin-right: 20px;
}
.community-header button.btn-block {
  margin-top: 6px;
}
@media only screen and (max-width: 749px) {
  .community-header button.btn-pub-article {
    margin-top: 36px;
  }
}
.community-flow .flow-item {
  margin-top: 64px;
  margin-bottom: 80px;
}
.community-flow .flow-item .user-avatar {
  float: left;
}
@media only screen and (min-width: 750px) {
  .community-flow .flow-item .user-avatar {
    float: right;
  }
}
.community-flow .flow-item .flow-item-header {
  height: 40px;
  line-height: 40px;
}
.community-flow .flow-item .flow-item-header h6,
.community-flow .flow-item .flow-item-header span {
  float: left;
  margin-right: 10px;
  line-height: 40px;
}
.community-flow .flow-item .flow-item-header span.flow-time {
  font-size: 12px;
  line-height: 22px;
  float: right!important;
  margin: 0;
  line-height: 40px;
}
.community-flow .flow-item .flow-item-body {
  display: block;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: white;
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  *zoom: 1;
  position: relative;
  margin: 0;
}
.community-flow .flow-item .flow-item-body:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.2);
}
.community-flow .flow-item .flow-item-body:before,
.community-flow .flow-item .flow-item-body:after {
  content: " ";
  display: table;
  line-height: 0;
}
.community-flow .flow-item .flow-item-body:after {
  clear: both;
}
.community-flow .flow-item .flow-item-body .flow-content {
  padding: 30px;
}
.community-flow .flow-item .flow-item-body .flow-content h4 {
  margin-top: 0;
  margin-bottom: 30px;
}
.community-flow .flow-item .flow-item-body .flow-content p {
  font-size: 12px;
  line-height: 22px;
  max-height: 88px;
  overflow: hidden;
}
@media only screen and (min-width: 1240px) {
  .community-flow .flow-item .flow-item-body .flow-content p {
    max-height: 110px;
  }
}
.community-flow .flow-item .flow-item-body .flow-pic {
  padding: 0 30px;
}
@media only screen and (min-width: 750px) {
  .community-flow .flow-item .flow-item-body .flow-pic {
    padding: 0;
  }
}
.community-flow .flow-item .flow-item-body .flow-actions {
  position: relative;
  margin: 20px 30px;
}
@media only screen and (min-width: 750px) {
  .community-flow .flow-item .flow-item-body .flow-actions {
    position: absolute;
    left: 30px;
    bottom: 14px;
    margin: 0;
  }
}
.community-flow .flow-item .flow-item-body .flow-actions ul {
  margin-left: 0;
  *zoom: 1;
}
.community-flow .flow-item .flow-item-body .flow-actions ul li {
  display: block;
}
.community-flow .flow-item .flow-item-body .flow-actions ul:before,
.community-flow .flow-item .flow-item-body .flow-actions ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.community-flow .flow-item .flow-item-body .flow-actions ul:after {
  clear: both;
}
.community-flow .flow-item .flow-item-body .flow-actions ul li {
  float: left;
}
.community-flow .flow-item .flow-item-body .flow-actions ul li {
  margin-right: 20px;
  height: 24px;
  line-height: 24px;
}
.community-flow .flow-item .flow-item-body .flow-actions ul li button.btn-like {
  margin-top: 5px;
}
.community-flow .flow-item .flow-item-body .flow-actions ul li a {
  font-size: 13px;
  line-height: 22px;
  color: black;
  height: 24px;
  line-height: 24px;
}
.community-flow .flow-item .flow-item-body .flow-actions ul li a:hover {
  color: #808080;
}
.community-flow .flow-item .comments-group {
  margin-top: 20px;
}
.community-my-home-main {
  padding-top: 38px;
  padding-bottom: 48px;
}
.form-group.tag-group div.tag-container {
  padding-top: 3px;
  padding-bottom: 3px;
  height: auto;
  min-height: 44px;
  *zoom: 1;
}
.form-group.tag-group div.tag-container:before,
.form-group.tag-group div.tag-container:after {
  content: " ";
  display: table;
  line-height: 0;
}
.form-group.tag-group div.tag-container:after {
  clear: both;
}
.form-group.tag-group div.tag-container .tag-block {
  display: block;
  float: left;
  margin: 4px 12px 4px 0;
}
.form-group.tag-group div.tag-container .tag-block .btn-del {
  height: 12px;
  width: 12px;
  padding: 1px;
  float: right;
  margin-left: 4px;
}
.form-group.tag-group div.tag-container div.tag-enter-group {
  background-color: rgba(0, 0, 0, 0.1);
  height: 28px;
  width: auto;
  float: left;
  border-radius: 4px;
  padding-left: 3px;
  margin: 4px 0;
}
.form-group.tag-group div.tag-container div.tag-enter-group input.tag-input {
  background-color: transparent;
  border: none;
  box-shadow: none;
  width: 100px;
  font-size: 12px;
  line-height: 18px;
  padding: 5px;
  height: 28px;
  margin: 0;
  float: left;
}
.form-group.tag-group div.tag-container div.tag-enter-group button.btn-enter {
  height: 28px;
  padding: 8px;
}
.form-group.tag-group .tag-list {
  *zoom: 1;
  margin-left: 0;
  margin-top: 8px;
}
.form-group.tag-group .tag-list:before,
.form-group.tag-group .tag-list:after {
  content: " ";
  display: table;
  line-height: 0;
}
.form-group.tag-group .tag-list:after {
  clear: both;
}
.form-group.tag-group .tag-list li {
  float: left;
}
.form-group.tag-group .tag-list li {
  display: block;
}
.form-group.tag-group .tag-list li {
  margin: 4px 12px 12px 0;
}
.img-upload-group {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.img-upload-group .img-upload-item {
  margin-top: 24px;
  margin-bottom: 24px;
}
.img-upload-group .img-upload-item .img-container {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.img-upload-group .img-upload-item .img-container button.btn-del {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 6px;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
}
.img-upload-group .img-upload-item .img-container:hover button.btn-del {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.img-upload-group button.btn-upload {
  position: relative;
  width: 100%;
  height: 56px;
  padding: 10px 0;
}
@media only screen and (min-width: 750px) {
  .img-upload-group button.btn-upload {
    height: 0;
    padding: 0;
    padding-bottom: 100%;
  }
}
.img-upload-group button.btn-upload .center {
  position: absolute;
  width: 100px;
  height: 36px;
  top: 50%;
  left: 50%;
  margin-top: -18px;
  margin-left: -50px;
}
.img-upload-group button.btn-upload span,
.img-upload-group button.btn-upload h6 {
  float: none;
}
.story-content {
  margin-bottom: 90px;
}
.story-content-section div  {
  max-width: 900px;
}
.story-content .story-content-section#story-title {
  margin-bottom: 80px;
  padding: 0;
}
.story-content .story-content-section#story-title p {
  margin: 0;
}
.story-content .story-content-section#story-title h3 {
  margin-top: 8px;
}
@media only screen and (min-width: 750px) {
  .story-content .story-content-section#story-designer .left-float-title {
    margin-top: 30px;
  }
}
.story-content .story-content-section img {
  margin-bottom: 0px;
}
.story-content .story-content-section .large-space {
  margin-bottom: 60px;
}
.story-content .story-content-section .section-split {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 60px 0;
}
.scene-item {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 45%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.col-sm-4 .scene-item .scene-spot-info .ss-info-inner {
  bottom: 0px;
}
@media only screen and (min-width: 750px) {
  .scene-item {
    height: 185px;
    padding: 0;
  }
  .col-sm-8  .scene-item {
    height: 370px;
    padding: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .scene-item {
    height: 247px;
  }
  .col-sm-8  .scene-item {
    height: 494px;
    padding: 0;
  }
}
@media only screen and (min-width: 1240px) {
  .scene-item {
    height: 250px;
  }
  .col-sm-8  .scene-item {
    height: 500px;
    padding: 0;
  }
}
.scene-item img {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.scene-item.unload img {
  opacity: 0;
  filter: alpha(opacity=0);
}
.scene-item .scene-img-container {
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.scene-item .scene-img-container .scene-spots {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
@media only screen and (max-width: 749px) {
  .scene-item .scene-img-container .scene-spots {
    display: none;
  }
}
.scene-item .scene-img-container .scene-spots a.spot {
  display: block;
  width: 19px;
  height: 19px;
  background-color: #FFF600;
  position: absolute;
  top: -20px;
  left: -20px;
  margin-top: -10px;
  maring-left: -10px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
.scene-item .scene-img-container .scene-spots a.spot:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.scene-item .scene-spot-info {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 4;
  display: none;
}
.scene-item .scene-spot-info.show {
  display: block;
}
.scene-item .scene-spot-info .ss-info-inner {
  position: absolute;
  left: 20px;
  top: 30%;
  right: 20px;
  max-width: 550px;
  float: right;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  *zoom: 1;
}
.scene-item .scene-spot-info .ss-info-inner:before,
.scene-item .scene-spot-info .ss-info-inner:after {
  content: " ";
  display: table;
  line-height: 0;
}
.scene-item .scene-spot-info .ss-info-inner:after {
  clear: both;
}
.scene-item .scene-spot-info .ss-info-inner .ss-info-pic {
  width: 240px;
  float: left;
  margin-right: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.scene-item .scene-spot-info .ss-info-inner .ss-info-product {
  padding: 20px;
}
.scene-item .scene-spot-info .ss-info-inner .ss-info-product h6 {
  margin-bottom: 4px;
}
.scene-item .scene-spot-info .ss-info-inner .ss-info-product p {
  height: 48px;
  overflow: hidden;
}
.scene-item .scene-spot-info .ss-info-inner .ss-info-footer {
  position: absolute;
  bottom: 0;
  left: 240px;
  right: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  height: 44px;
  line-height: 24px;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.scene-item .scene-spot-info .ss-info-inner .ss-info-footer .btn-like {
  margin-top: 5px;
}
.scene-item .scene-spot-info .ss-info-inner .ss-info-footer .btn-add2cart {
  margin-top: 5px;
  line-height: 12px;
}
.scene-item .scene-spot-info .ss-info-inner .ss-info-footer .btn-add2cart .icon-add-sm {
  float: left;
  display: block;
  margin-right: 3px;
}
.scene-item .scene-spot-info .ss-info-inner .ss-info-footer .btn-add2cart span {
  line-height: 12px;
  height: 12px;
}
.scene-item .scene-spot-info .ss-info-inner .btn-close {
  padding: 0;
  position: absolute;
  top: -10px;
  right: -10px;
}
.scene-item .scene-spot-info.show .ss-info-inner {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.scene-item.large {
  height: 0;
  padding-bottom: 45%;
  margin: 0;
}
.scene-item.large .scene-title {
  position: relative;
  left: 0;
  top: 20px;
}
@media only screen and (min-width: 1024px) {
  .scene-item.large .scene-title {
    top: 80px;
  }
}
.scene-title {
  width: auto;
  height: auto;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
}
.scene-title span.head {
  font-size: 12px;
  line-height: 22px;
  background-color: #FFF600;
  padding: 3px 4px;
  font-weight: 700;
  text-transform: uppercase;
}
.scene-title h3 {
  margin-top: 14px;
}
.scene-title h3 > span {
  background-color: white;
  padding: 0 12px;
}
.scene-title h3 > span:first-child {
  padding-top: 6px;
}
.scene-title h3 > span:last-child {
  padding-bottom: 6px;
}
.product-list.product-in-scene {
  background-color: #F5F5F5;
  margin-bottom: 80px;
  padding-top: 0;
}
.product-list.product-in-scene .toggle-list {
  width: 100%;
  text-align: center;
  background-color: #3D3F47;
}
.product-list.product-in-scene .toggle-list a {
  display: none;
  height: 48px;
  line-height: 48px;
  color: #b3b3b3;
}
.product-list.product-in-scene .toggle-list a span.close {
  display: none;
}
.product-list.product-in-scene .toggle-list a span.open {
  display: black;
}
.product-list.product-in-scene .toggle-list a:hover {
  color: white;
}
@media only screen and (min-width: 750px) {
  .product-list.product-in-scene .toggle-list a {
    display: block;
  }
}
.product-list.product-in-scene .collapse-list {
  height: auto;
  overflow: hidden;
}
@media only screen and (min-width: 750px) {
  .product-list.product-in-scene .collapse-list {
    height: 0;
  }
}
.product-list.product-in-scene .collapse-list .row {
  margin-top: 38px;
}
.product-list.product-in-scene.open .collapse-list {
  height: auto;
  overflow: hidden;
}
.product-list.product-in-scene.open .toggle-list {
  background-color: transparent;
}
.product-list.product-in-scene.open .toggle-list a {
  color: #808080;
}
.product-list.product-in-scene.open .toggle-list a span.close {
  display: block;
}
.product-list.product-in-scene.open .toggle-list a span.open {
  display: none;
}
.product-list.product-in-scene.open .toggle-list a:hover {
  color: black;
}
.community-index-flow {
  margin-top: 40px;
}
.community-index-flow .ci-flow-item {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 410px) {
  .community-index-flow .ci-flow-item {
    width: 50%;
  }
}
@media only screen and (min-width: 750px) {
  .community-index-flow .ci-flow-item {
    width: 246.67px;
    height: 246.67px;
  }
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item {
    width: 245px;
    height: 245px;
  }
}
@media only screen and (min-width: 1240px) {
  .community-index-flow .ci-flow-item {
    width: 244px;
    height: 244px;
  }
}
.community-index-flow .ci-flow-item.width {
  width: 100%;
}
@media only screen and (min-width: 750px) {
  .community-index-flow .ci-flow-item.width {
    width: 493.33px;
  }
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item.width {
    width: 490px;
  }
}
@media only screen and (min-width: 1240px) {
  .community-index-flow .ci-flow-item.width {
    width: 488px;
  }
}
@media only screen and (min-width: 750px) {
  .community-index-flow .ci-flow-item.tall {
    height: 493.33px;
  }
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item.tall {
    height: 490px;
  }
}
@media only screen and (min-width: 1240px) {
  .community-index-flow .ci-flow-item.tall {
    height: 488px;
  }
}
.community-index-flow .ci-flow-item.large {
  width: 100%;
}
@media only screen and (min-width: 750px) {
  .community-index-flow .ci-flow-item.large {
    width: 493.33px;
    height: 493.33px;
  }
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item.large {
    width: 490px;
    height: 490px;
  }
}
@media only screen and (min-width: 1240px) {
  .community-index-flow .ci-flow-item.large {
    width: 488px;
    height: 488px;
  }
}
.community-index-flow .ci-flow-item .flow-inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.community-index-flow .ci-flow-item .flow-inner .flow-gutter {
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
}
.community-index-flow .ci-flow-item a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.community-index-flow .ci-flow-item a .flow-pic {
  width: 100%;
  height: 100%;
  background-color: black;
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item a .flow-pic {
    background-color: none;
  }
}
.community-index-flow .ci-flow-item a .flow-pic img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item a .flow-pic img {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.community-index-flow .ci-flow-item a .flow-info {
  position: absolute;
  bottom: 0px;
  padding: 20px;
  height: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item a .flow-info {
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    padding: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
.community-index-flow .ci-flow-item a .flow-info h3,
.community-index-flow .ci-flow-item a .flow-info p {
  margin: 0;
  color: white;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.community-index-flow .ci-flow-item a .flow-info h3.flow-title {
  font-size: 20px;
}
@media only screen and (min-width: 410px) {
  .community-index-flow .ci-flow-item a .flow-info h3.flow-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 750px) {
  .community-index-flow .ci-flow-item a .flow-info h3.flow-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item a .flow-info h3.flow-title {
    -webkit-transform: translate(-40px, 0);
    -moz-transform: translate(-40px, 0);
    -ms-transform: translate(-40px, 0);
    -o-transform: translate(-40px, 0);
    transform: translate(-40px, 0);
    font-size: 24px;
  }
}
.community-index-flow .ci-flow-item a .flow-info p {
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item a .flow-info p {
    -webkit-transform: translate(0, 40px);
    -moz-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    -o-transform: translate(0, 40px);
    transform: translate(0, 40px);
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-align: right;
    margin: 0;
  }
}
.community-index-flow .ci-flow-item a:after {
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #FFF600;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.community-index-flow .ci-flow-item a:hover .flow-pic img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item a:hover .flow-pic img {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.community-index-flow .ci-flow-item a:hover .flow-info {
  opacity: 1;
  filter: alpha(opacity=100);
}
.community-index-flow .ci-flow-item a:hover .flow-info h3,
.community-index-flow .ci-flow-item a:hover .flow-info p {
  color: white;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item a:hover:after {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
}
.community-index-flow .ci-flow-item.width .flow-inner {
  padding-bottom: 50%;
}
.community-index-flow .ci-flow-item.width a .flow-info {
  padding: 20px;
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item.width a .flow-info {
    padding: 20px 142.5px;
  }
}
@media only screen and (min-width: 1240px) {
  .community-index-flow .ci-flow-item.width a .flow-info {
    padding: 20px 137px;
  }
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item.width a .flow-info p.flow-author {
    right: 142.5px;
  }
}
@media only screen and (min-width: 1240px) {
  .community-index-flow .ci-flow-item.width a .flow-info p.flow-author {
    right: 137px;
  }
}
.community-index-flow .ci-flow-item.width a:after {
  width: 50%;
  left: 25%;
}
.community-index-flow .ci-flow-item.tall .flow-inner {
  padding-bottom: 200%;
}
.community-index-flow .ci-flow-item.tall a .flow-pic img {
  width: auto;
  height: 100%;
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item.tall a .flow-info {
    padding: 142.5px 20px;
  }
}
@media only screen and (min-width: 1240px) {
  .community-index-flow .ci-flow-item.tall a .flow-info {
    padding: 137px 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item.tall a .flow-info p.flow-author {
    bottom: 142.5px;
  }
}
@media only screen and (min-width: 1240px) {
  .community-index-flow .ci-flow-item.tall a .flow-info p.flow-author {
    bottom: 137px;
  }
}
@media only screen and (min-width: 750px) {
  .community-index-flow .ci-flow-item.large a .flow-info {
    padding-top: 75%;
  }
}
@media only screen and (min-width: 1024px) {
  .community-index-flow .ci-flow-item.large a .flow-info {
    padding: 80px;
  }
}
.community-index-flow .ci-flow-item.large a .flow-info p.flow-author {
  bottom: 80px;
  right: 80px;
}
.community-index-flow .ci-flow-item.split {
  width: 100%;
  height: 0px;
}
@media only screen and (min-width: 410px) {
  .community-index-flow .ci-flow-item.split {
    height: 80px;
  }
}
.store-special-header {
  position: relative;
  height: 560px;
  overflow: hidden;
}
.store-special-header .header-bg {
  position: absolute;
}
.store-special-header .header-title {
  margin-top: 100px;
}
.product-in-special {
  margin-top: 24px;
  margin-bottom: 80px;
}
.index-carousel {
  margin-top: 42px;
}
.index-carousel .carousel {
  height: 560px;
}
.title-group-with-slash h6 {
  position: relative;
}
.title-group-with-slash h6:after {
  display: block;
  content: "";
  width: 100px;
  height: 2px;
  background-color: #FFF600;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 30px;
  left: -15px;
}
.title-group-with-slash h1 {
  position: relative;
  margin-top: 4px;
  margin-left: 20px;
}
section.index-section {
  margin-top: 32px;
  margin-bottom: 48px;
}
section.index-section#section-store .store-catalog-filter {
  background-color: white;
  padding: 0;
}
section.index-section#section-community {
  background-color: #F5F5F5;
}
section.index-section .section-title {
  margin-top: 40px;
}
.login-page {
  background-color: rgba(0, 0, 0, 0.1);
}
#login-container {
  background-color: white;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  margin-top: 100px;
  margin-bottom: 100px;
  overflow: hidden;
}
#login-container header.login-header {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
  width: 100%;
  height: 60px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#login-container header.login-header a.logo {
  display: block;
  float: left;
  margin-right: 20px;
}
#login-container header.login-header a.logo span {
  display: block;
  float: left;
  width: 90px;
  height: 60px;
  background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/logo.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #login-container header.login-header a.logo span {
    background-image: url("http://www.wowdsgn.com/skin/frontend/wow/default/img/logo@2x.png");
    background-size: 90px 60px;
  }
}
#login-container header.login-header p.nav-text {
  position: absolute;
  left: 110px;
  top: 0px;
  font-size: 12px;
  line-height: 60px;
  margin: 0;
  letter-spacing: 0.2em;
}
#login-container .login-body {
  padding: 44px 0;
}
#login-container .login-body .qr {
  margin-top: 44px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
#login-container .login-body .qr + p {
  text-align: center;
  padding: 12px;
}
#login-container .login-body h2,
#login-container .login-body h3,
#login-container .login-body h4,
#login-container .login-body h5 {
  font-weight: 200;
  margin-top: 0;
}
#login-container .login-body h2 strong,
#login-container .login-body h3 strong,
#login-container .login-body h4 strong,
#login-container .login-body h5 strong {
  font-weight: 800;
}
#login-container .form-group {
  margin: 12px 0;
}
#login-container .form-group .left-float-title {
  margin: 0;
}
#login-container .socials {
  margin-top: 24px;
}
#login-container a.social-login {
  display: block;
  float: left;
  width: 44px;
  height: 44px;
}
#login-container a.social-login span[class|="icon"] {
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
#login-container a.social-login:hover span[class|="icon"] {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.order-navigation {
  padding: 44px 0;
  background-color: #f5f5f5;
  *zoom: 1;
}
.order-navigation:before,
.order-navigation:after {
  content: " ";
  display: table;
  line-height: 0;
}
.order-navigation:after {
  clear: both;
}
.order-navigation img.order-portrait {
  border-radius: 30px;
  width: 56px;
  height: 56px;
  float: left;
  margin: 6px 15px 0 0;
}
.order-navigation img.order-icon {
  border-radius: 30px;
  width: 30px;
  height: 30px;
  float: left;
  margin: 6px 15px 0 0;
}
.order-navigation .navigation {
  display: table;
}
.order-navigation span.arrows {
  display: block;
  width: 11px;
  height: 44px;
  background: #000;
  float: left;
  margin: 0 20px;
}
.order-navigation .order-inine {
  display: table-cell;
  vertical-align: middle;
}
.order-navigation .order-text {
  float: left;
  margin-top: 6px;
  margin-right: 15px;
}
.order-navigation h6 {
  color: #919191;
}
.order-list .order-status-unpay .order-status-span {
  color: orange;
}
.order-list .order-status-delivery .order-status-span {
  color: green;
}
.order-list .order-status-success .order-status-span {
  color: black;
}
.order-list .order-status-closed {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.order-list .order-status-closed .order-status-span {
  color: red;
}
.order-list .order-content {
  margin-bottom: 80px;
}
.order-list .left-float-title {
  padding-top: 17px;
}
.order-list .order-filtrate {
  padding: 45px 0 60px 0;
}
.order-list .order-filtrate .button {
  padding: 15px 20px;
  background: #fff;
  border: none;
}
.order-list .order-filtrate .button.active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.order-list .order-filtrate .button:focus {
  outline: none;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  color: #000;
}
.order-list .order-filtrate .button:hover {
  color: #000;
  background: #eee;
  cursor: pointer;
}
.order-list .content .content-top {
  padding: 13px 12px;
  border-bottom: 1px solid #eee;
  border-top: 2px solid #9d9d9d;
}
.order-list .content .content-centerImg {
  border: 1px solid #eee;
  position: relative;
  margin: 16px 0;
}
.order-list .content .content-centerImg span.badge {
  position: absolute;
  display: block;
  right: -12px;
  top: -9px;
}
.order-list .content .content-centerTotal {
  text-align: right;
  padding-right: 12px;
}
.order-list .content .content-centerTotal p {
  font-size: 13px;
}
.order-list .content .content-bottom {
  text-align: right;
}
.order-list .content .content-center {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
}
/***************************personal START*******************************************/
#name-text {
  float: left;
  display: inline-block;
  font-size: 20px;
}
#line {
  width: 1px;
  height: 15px;
  background: #7b7b7b;
  float: left;
  margin: 4px 7px 0;
}
.personal {
  padding: 55px 0 55px 120px;
  background: #f5f5f5;
}
.personal #personal {
  margin-left: 0;
}
.personal .personal-portrait {
  border-radius: 50%;
  width: 135px;
  height: 135px;
  float: left;
  margin: 6px 15px 0 0;
}
.personal .personal-text {
  margin-top: 50px;
}
.personal .personal-text h6 {
  color: #aaa;
  font-weight: normal;
}
.personal-main {
  padding: 100px 120px;
  overflow: hidden;
}
.personal-main .personal-module {
  display: table;
  vertical-align: middle;
  padding: 0 25px 100px 0;
  float: left;
}
.personal-main .personal-module .personal-img {
  border-radius: 50%;
  width: 140px;
  height: 140px;
  border: 1px solid #f3f3f3;
  display: table-cell;
  vertical-align: middle;
  clear: both;
}
.personal-main .personal-module .personal-img img {
  vertical-align: middle;
  display: table-cell;
  /* width: 60px; */
  margin: 0 auto;
}
.personal-main .personal-module .personal-name {
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle;
}
.personal-main .personal-module .personal-name h2 {
  margin: 0;
  font-size: 15px;
  margin-bottom: 10px;
}
/********************************personal-portrait END*******************************/
/*****************community dynamic****************/
.comity-main {
  position: relative;
}
.comity-main .comityMain-top {
  padding: 30px 0;
  background: #eee;
}
.comity-main .comityMain-top .comityTop-right {
  float: right;
  margin-top: 11px;
}
.comity-main .comityMain-top .comityTop-right .comityImg {
  float: left;
  padding-right: 10px;
}
.comity-main .comityMain-top .comityTop-left {
  float: left;
}
.comity-main .comityMain-top .comityTop-left img {
  width: 56px;
  height: 56px;
  float: left;
  padding-right: 15px;
}
.comity-main .comityMain-top .comityTop-left .comityMain-text {
  float: left;
  padding: 5px;
}
.comity-main .comityMain-top .comityTop-left .comityMain-text .comInfoSpan {
  float: left;
  font-size: 14px;
  color: #000;
  margin-right: 30px;
}
.comity-main .comityMain-top .comityTop-left .comityMain-text .comityInfoA {
  display: inline-block;
}
.comity-main .floatLeft {
  float: left;
}
.comity-main .comityMain-content {
  margin-top: 64px;
}
.comity-main .comityMain-content .comityCten-main {
  overflow: hidden;
  margin-bottom: 60px;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right {
  margin-left: 18px;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right .comityMainA {
  padding: 25px 10px;
  overflow: hidden;
  border-top: 2px solid #9d9d9d;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right .comityMainA .comityMainA-left {
  float: left;
  font-size: 16px;
  line-height: 16px;
  color: #000;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right .comityMainA .comityMainA-left .comityBlack {
  color: #000;
  padding-right: 10px;
  font-weight: bold;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right .comityMainA .comityMainA-left .comityReprint {
  padding-right: 10px;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right .comityMainA .comityMainA-right {
  float: right;
  font-size: 12px;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right .comityMainB {
  overflow: hidden;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right .comityMainB img {
  width: 438px;
  height: 260px;
  float: left;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right .comityMainB .comityMainB-text {
  overflow: hidden;
  padding-left: 30px;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right .comityMainB .comityMainB-text h2 {
  margin: 30px 0;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right .comityMainC {
  overflow: hidden;
  padding: 20px 0;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right .comityMainC .comityMainC-Float {
  float: right;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right .comityMainC .comityMain-center {
  display: table;
  vertical-align: middle;
  float: left;
  padding: 0 10px;
}
.comity-main .comityMain-content .comityCten-main .comityMain-right .comityMainC .comityMain-center span {
  display: table-cell;
  vertical-align: middle;
}
/**************************************/
/*****************store scene details****************/
.deta-garn {
  margin-bottom: 80px;
}
.yellow-h6 h6 {
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  padding: 5px 8px 0 6px;
  background: #fff600;
  margin-bottom: 10px;
}
.tilsSpan-bgA {
  background: #fff;
  font-size: 24px;
  display: inline-block;
  color: #000;
  padding: 11px 10px 4px 13px;
  line-height: 24px;
}
.tilsSpan-bgB {
  font-size: 24px;
  background: #fff;
  padding: 11px 15px 11px 13px;
  display: inline-block;
}
.dtilsCont-dteA {
  overflow: hidden;
}
.scene-details {
  overflow: hidden;
}
.scene-details .list-bg {
  background: #f5f5f5;
  margin-bottom: 85px;
}
.details-top {
  position: relative;
  height: 740px;
  background: #eee;
  overflow: hidden;
}
.details-top .detaImg {
  width: 100%;
  height: 100%;
}
.details-top .dtilsTitle {
  position: absolute;
  top: 80px;
  left: 20px;
  z-index: 999;
}
.details-top .dtilsTitle .dtilsSpan {
  overflow: hidden;
}
.details-top .dtilsTitle-top {
  padding-top: 20px;
}
.details-top .dtilsCont {
  overflow: hidden;
  position: absolute;
  bottom: 300px;
  left: 500px;
}
.details-top .dtilsCont .dtilsContMain {
  overflow: initial;
  width: 285px;
  background: #fff;
  margin-left: 100px;
  position: relative;
}
.details-top .dtilsCont .dtilsCont-Close {
  position: absolute;
  left: -15px;
  top: 5px;
}
.details-top .dtilsCont .dtilsCont-dte {
  padding: 15px 20px;
}
.details-top .dtilsCont .dtilsCont-item {
  border-top: 1px solid #ddd;
  overflow: hidden;
  padding: 15px 20px;
}
.details-top .dtilsCont .dtilsCont-wish {
  margin-top: 6px;
  float: left;
}
.details-top .dtilsCont .dtilsCont-wish span {
  font-size: 12px;
}
.details-top .dtilsCont .dtilsCont-Cart {
  float: right;
}
.details-top .dtilsCont .price {
  font-size: 17px;
  color: #000;
}
.details-content .detConItem {
  margin-bottom: 80px;
  position: relative;
}
.details-content .detConItem .detConItem-title {
  position: absolute;
  top: 20px;
  left: 20px;
}
.pack {
  margin-bottom: 25px;
  text-align: center;
}
.list-nav {
  padding: 40px 0;
}
.scene-more {
  width: 275px;
  height: 90px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #eee;
  display: table;
  vertical-align: middle;
  margin-bottom: 80px;
}
.scene-more .more-cent {
  display: table-cell;
  vertical-align: middle;
}
.scene-more span {
  font-size: 15px;
  display: block;
}
.designerList {
  margin-top: 30px;
  padding-bottom: 45px !important;
}
.designer-list .designer-item {
  display: block;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: white;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  margin-bottom: 40px;
  overflow: hidden;
  height: auto;
  position: relative;
}
.designer-list .designer-item:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 750px) {
  .designer-list .designer-item {
    height: 240px;
  }
}
.designer-list .designer-item .designer-avatar {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 750px) {
  .designer-list .designer-item .designer-avatar {
    width: 240px;
    height: 240px;
    padding: 0;
    float: left;
    margin-top: 30px;
  }
}
.designer-list .designer-item .designer-info {
  padding: 12px 0;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 750px) {
  .designer-list .designer-item .designer-info {
    position: absolute;
    left: 240px;
  }
}
.designer-list .designer-item .designer-info .designer-info-header {
  width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 750px) {
  .designer-list .designer-item .designer-info .designer-info-header {
    padding: 0 20px;
  }
}
.designer-list .designer-item .designer-info .designer-info-header h4 {
  margin: 0;
}
.designer-list .designer-item .designer-info .designer-info-header button.btn-follow {
  position: absolute;
  top: 12px;
  right: 10px;
}
.designer-list .designer-item .designer-item-bottom {
  position: relative;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 750px) {
  .designer-list .designer-item .designer-item-bottom {
    position: absolute;
    left: 240px;
  }
}
.designer-list .designer-item .designer-item-bottom .designer-social {
  height: 44px;
  line-height: 24px;
  padding: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 750px) {
  .designer-list .designer-item .designer-item-bottom .designer-social {
    padding-left: 20px;
  }
}
.designer-list .designer-item .designer-item-bottom .designer-social button.btn-like {
  margin-top: 5px;
}
.designer-list .designer-item .designer-works {
  position: relative;
  *zoom: 1;
}
.designer-list .designer-item .designer-works:before,
.designer-list .designer-item .designer-works:after {
  content: " ";
  display: table;
  line-height: 0;
}
.designer-list .designer-item .designer-works:after {
  clear: both;
}
@media only screen and (min-width: 750px) {
  .designer-list .designer-item .designer-works {
    margin-left: 10px;
  }
}
.designer-list .designer-item .designer-works .work-item {
  width: 50%;
  float: left;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 750px) {
  .designer-list .designer-item .designer-works .work-item {
    width: 25%;
  }
}
.designer-list .designer-item .designer-works .work-item .work-pic {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 0;
  padding-bottom: 66.67%;
  overflow: hidden;
}
.designer-list .designer-item .designer-works .work-item .work-pic img {
  max-width: 1;
}
.designer-list .designer-item .desigItem-lf {
  float: left;
}
.designer-list .designer-item .desigItem-lf img {
  width: 100%;
  padding: 1px;
}
.designer-list .designer-item .desigItem-rg {
  float: left;
}
.designer-list .designer-item .desigItem-rg .desigItem-rg-top {
  padding-top: 10px;
  overflow: hidden;
}
.designer-list .designer-item .desigItem-rg .desigItem-rg-top h4 {
  float: left;
  margin: 0;
}
.designer-list .designer-item .desigItem-rg .desigItem-rg-top span {
  float: right;
  padding: 3px 6px;
  margin-right: 10px;
  display: block;
  border: 1px solid #eee;
  color: #000;
  cursor: pointer;
}
.designer-list .designer-item .desigItem-rg .desigItem-rg-centA {
  margin-bottom: 50px;
  overflow: hidden;
}
.designer-list .designer-item .desigItem-rg .desigItem-rg-centA span {
  font-size: 12px;
  line-height: 14px;
}
.designer-list .designer-item .desigItem-rg .desigItem-rg-centB {
  overflow: hidden;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.designer-list .designer-item .desigItem-rg .desigItem-rg-botom {
  overflow: hidden;
  padding: 10px 0;
}
.designer-list .designer-item .desigItem-rg .desigItem-rg-botom .desigItemBtm-left {
  float: left;
}
.designer-list .designer-item .desigItem-rg .desigItem-rg-botom .desigItemBtm-right {
  float: right;
  margin-right: 10px;
}
.designer-list .designer-item .desigItem-rg .desigItem-rg-botom .desigItemBtm-right span {
  font-size: 12px;
}
.designer-list .designer-item .desigItem-rg .desigItem-rg-botom .lx {
  margin-right: 10px;
}
.designer-list .designer-item .desigItem-rg .desigItem-rg-botom .lx span {
  color: #4a4a4a;
}
.designer-more {
  margin-top: 45px;
}
.desin-float {
  float: left;
}
.designer-view {
  float: right;
  padding-right: 10px;
}
.desi-img-padd {
  margin-right: 10px;
}
div.brand-list hr {
  margin: 18px 0 52px 0;
  height: 1px;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
div.brand-list .brand-list-item {
  margin-bottom: 42px;
  padding: 8px;
}
div.brand-list .brand-list-item a .brand-pic {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
div.brand-list .brand-list-item a .brand-pic img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
div.brand-list .brand-list-item a .brand-info {
  padding: 14px 12px;
}
div.brand-list .brand-list-item a .brand-info .brand-name {
  font-weight: 300;
}
div.brand-list .brand-list-item a .brand-info .brand-descp {
  font-size: 12px;
  line-height: 22px;
  font-weight: 200;
  margin: 2px 0;
  height: 22px;
  overflow: hidden;
}
div.brand-list .brand-list-item a:hover {
  text-decoration: none;
}
div.brand-list .brand-list-item a:hover .brand-pic img {
  transform: scale(1.05, 1.05);
}
div.brand-list .brand-list-item .brand-footer {
  *zoom: 1;
  padding: 12px;
}
div.brand-list .brand-list-item .brand-footer:before,
div.brand-list .brand-list-item .brand-footer:after {
  content: " ";
  display: table;
  line-height: 0;
}
div.brand-list .brand-list-item .brand-footer:after {
  clear: both;
}
div.brand-list .brand-list-item .brand-footer button.btn-like {
  font-size: 12px;
  line-height: 22px;
  line-height: 14px;
  color: #808080;
  margin-top: 10px;
  vertical-align: middle;
}
div.brand-list .brand-list-item .brand-footer button.btn-like span.icon-like {
  float: left;
  display: block;
  margin-right: 3px;
}
div.brand-list .brand-list-item .brand-footer .brand-brand-pic {
  float: right!important;
  width: 56px;
  height: 56px;
  border: 1px solid #eee;
}
div.brand-list .brand-list-item .brand-footer .brand-brand-pic img {
  width: 100%;
  height: 100%;
}
div.brand-index-head {
  padding-bottom: 80px;
}
div.brand-index-head .brand-in-hd-img {
  border: 1px solid #eeeeee;
}
div.brand-index-head .brand-list-item {
  margin-bottom: 42px;
}
div.brand-index-head .brand-list-item .brand-header {
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.brand-index-head .brand-list-item .brand-header .brand-price {
  font-family: "DIN Alternate", sans-serif;
  font-size: 18px;
  color: #808080;
  margin-left: 20px;
}
div.brand-index-head .brand-list-item a .brand-pic {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
div.brand-index-head .brand-list-item a .brand-pic img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
div.brand-index-head .brand-list-item a .brand-info {
  padding: 14px 18px 0 20px;
  border-top: 1px solid #eee;
}
div.brand-index-head .brand-list-item a .brand-info .brand-name {
  font-weight: 300;
}
div.brand-index-head .brand-list-item a .brand-info .brand-descp {
  font-size: 12px;
  line-height: 22px;
  font-weight: 200;
  margin: 2px 0;
  height: 44px;
  overflow: hidden;
}
div.brand-index-head .brand-list-item a:hover {
  text-decoration: none;
}
div.brand-index-head .brand-list-item a:hover .brand-pic img {
  transform: scale(1.1, 1.1);
}
div.brand-index-head .brand-list-item .brand-footer {
  *zoom: 1;
  padding: 0 18px 18px 20px;
}
div.brand-index-head .brand-list-item .brand-footer:before,
div.brand-index-head .brand-list-item .brand-footer:after {
  content: " ";
  display: table;
  line-height: 0;
}
div.brand-index-head .brand-list-item .brand-footer:after {
  clear: both;
}
div.brand-index-head .brand-list-item .brand-footer button.btn-like {
  font-size: 12px;
  line-height: 22px;
  line-height: 14px;
  color: #808080;
  margin-top: 42px;
  vertical-align: middle;
}
div.brand-index-head .brand-list-item .brand-footer button.btn-like span.icon-like {
  float: left;
  display: block;
  margin-right: 3px;
}
div.brand-index-head .brand-list-item .brand-footer .brand-brand-pic {
  float: right!important;
  width: 56px;
  height: 56px;
  border: 1px solid #eee;
}
div.brand-index-head .brand-list-item .brand-footer .brand-brand-pic img {
  width: 100%;
  height: 100%;
}
div.brand-index-main {
  padding-top: 38px;
  padding-bottom: 48px;
  background-color: rgba(0, 0, 0, 0.1);
}
div.brand-index-main .brand-list-item {
  margin-bottom: 42px;
}
div.brand-index-main .brand-list-item .brand-header {
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.brand-index-main .brand-list-item .brand-header span[class|="tag"] {
  float: right;
  margin: 8px;
  padding: 8px;
  font-size: 12px;
  line-height: 12px;
  background-color: yellow;
  border-radius: 3px;
}
div.brand-index-main .brand-list-item a .brand-pic {
  width: 100%;
  height: 0;
  padding-bottom: 84%;
  overflow: hidden;
}
div.brand-index-main .brand-list-item a .brand-pic img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
div.brand-index-main .brand-list-item a .brand-info {
  padding: 14px 18px 0 20px;
  border-top: 1px solid #eee;
}
div.brand-index-main .brand-list-item a .brand-info .brand-name {
  font-weight: 300;
}
div.brand-index-main .brand-list-item a .brand-info .brand-descp {
  font-size: 12px;
  line-height: 22px;
  font-weight: 200;
  margin: 2px 0;
  height: 44px;
  overflow: hidden;
}
div.brand-index-main .brand-list-item a:hover {
  text-decoration: none;
}
div.brand-index-main .brand-list-item a:hover .brand-pic img {
  transform: scale(1.1, 1.1);
}
div.brand-index-main .brand-list-item .brand-footer {
  *zoom: 1;
  padding: 0 18px 18px 20px;
}
div.brand-index-main .brand-list-item .brand-footer:before,
div.brand-index-main .brand-list-item .brand-footer:after {
  content: " ";
  display: table;
  line-height: 0;
}
div.brand-index-main .brand-list-item .brand-footer:after {
  clear: both;
}
div.brand-index-main .brand-list-item .brand-footer button.btn-like {
  font-size: 12px;
  line-height: 22px;
  line-height: 14px;
  color: #808080;
  margin-top: 42px;
  vertical-align: middle;
}
div.brand-index-main .brand-list-item .brand-footer button.btn-like span.icon-like {
  float: left;
  display: block;
  margin-right: 3px;
}
div.brand-index-main .brand-list-item .brand-footer .brand-brand-pic {
  float: right!important;
  width: 56px;
  height: 56px;
  border: 1px solid #eee;
}
div.brand-index-main .brand-list-item .brand-footer .brand-brand-pic img {
  width: 100%;
  height: 100%;
}
.zm-xz {
  background: #f4f4f4;
  width: 100%;
  height: 46px;
  text-align: center;
  line-height: 46px;
  letter-spacing: 12px;
}
.item-block-xg {
  padding: 17px 0;
}
.item-block-xg p {
  margin: 0;
  text-align: center;
}
ul li {
  list-style: none;
}
div.brand-in-hd {
  border-top: 1px solid #eeeeee;
  margin-top: 128px;
}
div.brand-in-hd ul li {
  border-bottom: 1px solid #eeeeee;
  padding: 0;
}
div.brand-in-hd ul li .brand-in-hd-inline {
  display: inline-block;
  line-height: 40px;
}
div.brand-in-hd ul li .btn-inline {
  float: right;
}
div.search-index-head {
  padding: 60px 0;
  background: #eeeeee;
}
div.search-index-head .btn-inline {
  display: inline-block;
  line-height: 26px;
}
div.tow-dh {
  border-top: 1px solid #eeeeee;
  margin-bottom: -38px;
}
div.tow-dh .tow-dh-right {
  float: right;
}
div.tow-dh ul {
  margin: 0;
}
div.tow-dh ul .tow-dh-yellow {
  background: yellow;
  font-weight: bold;
}
div.tow-dh ul .tow-dh-gray {
  background: #eeeeee;
}
div.tow-dh ul li {
  float: left;
  padding: 16px 19px 13px 19px;
  letter-spacing: 2px;
}
div.tow-dh ul li a span {
  margin-left: 8px;
}
div.search-tow-dh {
  border-bottom: 1px solid #eeeeee;
}
div.search-tow-dh .tow-dh-right {
  float: right;
}
div.search-tow-dh ul {
  margin: 0;
}
div.search-tow-dh ul .tow-dh-yellow {
  background: yellow;
  font-weight: bold;
}
div.search-tow-dh ul .tow-dh-gray {
  background: #eeeeee;
}
div.search-tow-dh ul .button.active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
div.search-tow-dh ul li {
  float: left;
  padding: 16px 19px 13px 19px;
  letter-spacing: 2px;
}
div.search-tow-dh ul li a span {
  margin-left: 8px;
}
div.search-tow-P {
  padding: 46px 0;
}
div.search-tow-P .tow-dh-right {
  float: right;
}
div.search-tow-P ul {
  margin: 0;
}
div.search-tow-P ul .tow-dh-yellow {
  background: yellow;
  font-weight: bold;
}
div.search-tow-P ul .tow-dh-gray {
  background: #eeeeee;
}
div.search-tow-P ul .button.active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
div.search-tow-P ul li {
  float: left;
  padding: 16px 19px 13px 19px;
  letter-spacing: 2px;
}
div.search-tow-P ul li a span {
  border-radius: 182px;
  width: 24px;
  background: #fff600;
  display: inline-block;
  text-align: center;
  padding: 0;
  font-size: 12px;
}
div.cb {
  margin: 20px 0 88px;
}
div.cb .pageUp.page-xt {
  float: left;
  width: 84px;
  opacity: 0;
  filter: alpha(opacity=0);
}
div.cb .pageUp.page-xt span {
  margin-right: 5px;
}
div.cb .page-xt {
  border: 2px solid #eeeeee;
  border-radius: 50%;
  width: 24px;
  text-align: center;
  padding: 5px;
}
div.cb .page-xt:hover {
  border: 4px solid yellow;
  padding: 3px;
  cursor: pointer;
}
div.cb .pageList {
  text-align: center;
}
div.cb .pageList ul {
  margin: 0 114px;
}
div.cb .pageList ul .on {
  border: 4px solid yellow;
  padding: 3px;
}
div.cb .pageList ul li {
  float: left;
  margin: 0 10px;
}
div.cb .pageDown.page-xt {
  float: right;
  width: 84px;
}
div.cb .pageDown.page-xt span {
  margin-left: 5px;
}
div.Settings-navigation {
  padding: 44px 0;
  background-color: #f5f5f5;
  *zoom: 1;
}
div.Settings-navigation:before,
div.Settings-navigation:after {
  content: " ";
  display: table;
  line-height: 0;
}
div.Settings-navigation:after {
  clear: both;
}
div.Settings-navigation img.order-portrait {
  border-radius: 30px;
  width: 56px;
  height: 56px;
  float: left;
  margin: 6px 15px 0 0;
}
div.Settings-navigation img.order-icon {
  border-radius: 30px;
  width: 30px;
  height: 30px;
  float: left;
  margin: 6px 15px 0 0;
}
div.Settings-navigation .navigation {
  display: table;
}
div.Settings-navigation span.arrows {
  display: block;
  width: 11px;
  height: 44px;
  background: #000;
  float: left;
  margin: 0 20px;
}
div.Settings-navigation .order-inine {
  display: table-cell;
  vertical-align: middle;
}
div.Settings-navigation .order-text {
  float: left;
  margin-top: 6px;
  margin-right: 15px;
}
div.Settings-navigation h6 {
  color: #919191;
}
div.setting-list {
  padding-top: 36px;
  padding-bottom: 80px;
}
div.setting-list .form-group.setting-avatar .avatar-group {
  *zoom: 1;
  width: 100%;
}
div.setting-list .form-group.setting-avatar .avatar-group:before,
div.setting-list .form-group.setting-avatar .avatar-group:after {
  content: " ";
  display: table;
  line-height: 0;
}
div.setting-list .form-group.setting-avatar .avatar-group:after {
  clear: both;
}
div.setting-list .form-group.setting-avatar .avatar-origin-size {
  float: left;
  margin-right: 20px;
}
div.setting-list .form-group.setting-avatar .user-avatar {
  margin-top: 93px;
}
div.setting-list .form-group.setting-avatar .select-new-avatar {
  width: 240px;
  margin-top: 20px;
  text-align: center;
}
div.setting-list .form-group.setting-avatar .left-float-title {
  margin-top: 110px;
}
div.setting-list .form-group .S-padding {
  padding: 0;
}
div.setting-list .form-group .S-radius img {
  border-radius: 50%;
}
div.setting-list .form-group .left-tx-title {
  line-height: 120px;
}
div.setting-list .form-group .Settings-tx {
  text-align: center;
}
div.setting-list .form-group .Settings-tx .Settings-txd {
  width: 133px;
}
div.setting-list .form-group .Settings-tx .Settings-txxz-text a {
  text-decoration: underline;
  color: #000000;
  font-weight: bold;
}
div.setting-list .form-group .Settings-x {
  line-height: 180px;
}
div.setting-list .form-group .Settings-x .Settings-txx {
  width: 56px;
}
div.msg-list .msg-group {
  *zoom: 1;
}
div.msg-list .msg-group:before,
div.msg-list .msg-group:after {
  content: " ";
  display: table;
  line-height: 0;
}
div.msg-list .msg-group:after {
  clear: both;
}
div.msg-list .show-bg {
  background: none;
  padding: 10px 0;
}
div.msg-list .Thenews-bottom-text {
  margin-bottom: 10px;
}
div.story-list-carousel {
  margin-top: 80px;
}
div.story-list-carousel .carousel {
  height: 390px;*/
}

div.story-list-carousel .carousel ul.carousel-group {
  *zoom: 1;
  margin-left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
div.story-list-carousel .carousel ul.carousel-group:before,
div.story-list-carousel .carousel ul.carousel-group:after {
  content: " ";
  display: table;
  line-height: 0;
}
div.story-list-carousel .carousel ul.carousel-group:after {
  clear: both;
}
div.story-list-carousel .carousel ul.carousel-group li {
  float: left;
}
div.story-list-carousel .carousel ul.carousel-group li {
  display: block;
}
div.Story-tow-P {
  padding: 36px 0;
}
div.Story-tow-P .tow-dh-right {
  float: right;
}
div.Story-tow-P ul {
  margin: 0;
}
div.Story-tow-P ul .tow-dh-yellow {
  background: yellow;
  font-weight: bold;
}
div.Story-tow-P ul .tow-dh-gray {
  background: #eeeeee;
}
div.Story-tow-P ul .button.active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
div.Story-tow-P ul li {
  float: left;
  padding: 16px 19px 13px 19px;
  letter-spacing: 2px;
}
div.Story-tow-P ul li a span {
  border-radius: 182px;
  width: 24px;
  background: #fff600;
  display: inline-block;
  text-align: center;
  padding: 0;
}
div.Details-tow-P {
  padding: 36px 0 0;
}
div.Details-tow-P .tow-dh-right {
  float: right;
}
div.Details-tow-P .active-x {
  border-bottom: 1px solid;
}
div.Details-tow-P ul {
  margin: 0;
}
div.Details-tow-P ul .tow-dh-yellow {
  background: yellow;
  font-weight: bold;
}
div.Details-tow-P ul .tow-dh-gray {
  background: #eeeeee;
}
div.Details-tow-P ul .button.active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
div.Details-tow-P ul li {
  float: left;
  padding: 16px 19px 13px 0;
  letter-spacing: 2px;
}
div.Details-tow-P ul li a {
  font-weight: bold;
}
div.Details-tow-P ul li a span {
  border-radius: 182px;
  width: 24px;
  background: #fff600;
  display: inline-block;
  text-align: center;
  padding: 0;
}
div.story-list {
  margin-top: 38px;
  margin-bottom: 90px;
}
div.story-list .story-list-header {
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}
div.story-list .story-list-item {
  margin-bottom: 42px;
  border: none;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1;
}
div.story-list .story-list-item:before,
div.story-list .story-list-item:after {
  content: " ";
  display: table;
  line-height: 0;
}
div.story-list .story-list-item:after {
  clear: both;
}
div.story-list .story-list-item a {
  display: block;
}
div.story-list .story-list-item a .story-pic {
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
div.story-list .story-list-item a .story-pic img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
div.story-list .story-list-item a .story-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  *zoom: 1;
  padding: 10px 0;
  margin-top: 15px;
  height: 48px;
  overflow: hidden;
}
div.story-list .story-list-item a .story-footer:before,
div.story-list .story-list-item a .story-footer:after {
  content: " ";
  display: table;
  line-height: 0;
}
div.story-list .story-list-item a .story-footer:after {
  clear: both;
}
div.story-list .story-list-item a .story-footer h6 {
  line-height: 24px;
  padding-right: 80px;
}
div.story-list .story-list-item a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  transform: scale(1.05, 1.05);
}
div.story-list .story-list-item button.btn-like {
  position: absolute;
  right: 0;
  bottom: 38px;
}
div.story-list .story-list-item button.btn-like span.icon-like {
  float: right;
  margin-left: 4px;
}
div.Details-top {
  padding: 35px 0 65px;
}
div.Details-top p {
  margin: 30px 0 5px;
}
div.Details-top h3 {
  margin-top: 0;
}
div.Details-top h6 {
  float: left;
  margin-right: 6px;
}
.padding-r {
  padding: 0;
}
.bottom-x {
  margin-bottom: 70px;
}
.bottom-row {
  margin-bottom: 20px;
}
.padding-tb {
  padding: 10px;
}
.box-rs {
  *zoom: 1;
}
.box-rs:before,
.box-rs:after {
  content: " ";
  display: table;
  line-height: 0;
}
.box-rs:after {
  clear: both;
}
.text-div {
  *zoom: 1;
}
.text-div:before,
.text-div:after {
  content: " ";
  display: table;
  line-height: 0;
}
.text-div:after {
  clear: both;
}
.text-div p {
  margin: -6px 0 37px;
}
.tx-div {
  margin-top: -18px;
  margin-right: 6px;
}
code,
pre {
  padding: 0 3px 2px;
  color: #333;
  border-radius: 4px;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
}
pre {
  display: block;
  padding: 15px;
  margin: 0 0 20px;
  line-height: 1.4;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}
table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.highlight {
  padding: 14px;
  margin-bottom: 20px;
  line-height: 20px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  border-radius: 4px;
}
.highlight pre {
  padding: 0;
  margin-bottom: 0;
  font-size: 16px;
  background-color: transparent;
  border: 0;
}
.highlight pre .lineno {
  display: inline-block;
  width: 20px;
  padding-right: 5px;
  margin-right: 10px;
  text-align: right;
  color: #bebec5;
}
nav#product-topbar {
  height: 50px;
  position: relative;
  top: 0;
  background-color: #3D3F47;
}

/* ADD 12.18 */
.cart-header {
  margin-bottom: 48px;
}
.cart-table-label {
  margin-left: 10px;
}
.cart-table-label.price-lg {
  line-height: 88px;
}
.cart-table-label > a {
  margin: 0 10px;
}
.delivery-address-item .btn-add-address {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.delivery-address-item .btn-add-address span.icon-add {
  float: none;
}
.delivery-address-item .btn-add-address:hover h6,
.delivery-address-item .btn-add-address:hover span.icon-add {
  opacity: .7;
}

/*.address-info-popup {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
.address-info-popup.show {
  position: fixed;
  display: block;
}
.address-info-popup .popup-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.address-info-popup .address-info-inner {
  padding: 48px;
  background-color: white;
}
.address-info-popup .form-group {
  margin: 12px 0;
}
.address-info-popup .form-group .left-float-title {
  margin: 0;
}*/

.order-detail-header {
  margin-top: 48px;
  margin-bottom: 12px;
}
.order-detail-header h4 {
  margin: 0;
}
.order-detail-header .order-status-delivery {
  color: green;
}
.order-detail-header .order-status-closed {
  color: red;
}
.order-detail-header .order-status-success {
  color: black;
}
.order-detail-header .order-sub-title {
  font-size: 13px;
  margin: 0;
}
.order-detail-header .time-countdown {
  color: #dd0000;
}

.order-status-step {
  position: relative;
}
.order-status-step span.step-checked {
  background-color: #FFF600;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 8px;
  display: none;
}
.order-status-step span.step-checked:before,
.order-status-step span.step-checked:after {
  display: block;
  content: "";
  position: absolute;
  background-color: black;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.order-status-step span.step-checked:before {
  width: 7px;
  height: 2px;
  left: 9px;
  top: 18px;
}
.order-status-step span.step-checked:after {
  width: 2px;
  height: 14px;
  left: 18px;
  top: 10px;
}
.order-status-step h6.step-name,
.order-status-step p.step-done-date {
  text-align: center;
}
.order-status-step p.step-done-date {
  font-size: 12px;
  margin: 0;
  display: none;
}
.order-status-step h6.step-name {
  line-height: 48px;
  font-weight: 300;
  opacity: .5;
}
.order-status-step.done h6.step-name {
  line-height: 24px;
  opacity: 1;
}
.order-status-step.current h6.step-name {
  font-weight: 700;
  opacity: 1;
}
.order-status-step.done span.step-checked,
.order-status-step.done p.step-done-date {
  display: block;
}
.order-status-step:after {
  display: block;
  content: "";
  position: absolute;
  right: -14px;
  top: 20px;
  height: 0;
  width: 0;
  background-color: transparent;
  border-left: 8px solid black;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: none;
}
div:last-child > .order-status-step:after {
  display: none;
}

div.auth-code {
  width: 120px;
  height: 44px;
  box-sizing: border-box;
  border: 1px solid rgba(0,0,0,.1);
  overflow: hidden;
  margin: 6px 0;
}


/* Add 12.30 */
@media only screen and (max-width: 1023px) {
header.product-header-nav > ul.float-left {
	position: absolute;
	max-width: 50%;
	overflow: hidden;
}

header.product-header-nav > ul.float-right > li {
	display: none;
}

header.product-header-nav > ul.float-left > li:first-child,
header.product-header-nav > ul.float-right > li:last-child,
header.product-header-nav > ul.float-right > li:nth-last-child(2) {
	display: block;
	margin: 0 6px;
}
}

@media only screen and (max-width: 749px) {
header.product-header-nav {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
}

header.product-header-nav > ul > li {
	display: none;
}

header.product-header-nav > ul.float-right > li > button.btn-add2cart{
	padding: 0 12px;
	font-size: 16px;
	margin-right: -6px;
}
}

/* Add 12.31 */
div.index-carousel div.carousel {
  height: 0;
  padding-bottom: 46.6667%;
  overflow: hidden;
}
div.story-list-carousel div.carousel {
  height: 0;
  padding-bottom: 32.5%;
  overflow: hidden;
}

div.index-carousel div.carousel > ul.zlider-group,
div.story-list-carousel div.carousel > ul.zlider-group,
div.index-carousel div.carousel > ul.zlider-group > li.zlider-item,
div.story-list-carousel div.carousel > ul.zlider-group > li.zlider-item {
  overflow: visible;
}

#btn-go-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
  background-color: rgba(41, 44, 52, 0.5);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
#btn-go-top.show {
  opacity: 1;
}


.product-options-bottom .price-box { display: none; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type='number'] {
    -moz-appearance:textfield;
}


/* Add 1.7 */
header#product-header.fix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
}

/* fix shopcart of mobile */

.cart-table .cart-sub-group {
  width: 100%;
}
.cart-table .cart-sub-group li.same-width {
  width: 30%;
}
.cart-table .cart-sub-group li.narrow {
  width: 10%;
}

.cart-table-footer .cart-sub-group li {
  width: 60%;
  text-align: right;
}
.cart-table-footer .cart-sub-group li.same-width {
  text-align: center;
}

.cart-btn-group .btn-refresh {
  white-space: nowrap;
}

/*.cart-table-footer .cart-sub-group {
  width: auto;
}*/

@media only screen and (max-width: 749px) {

.cart-step ul li {
  float: none;
}

.cart-step ul li span.circle {
  width: 20px;
  height: 20px;
  margin: 5px;
  line-height: 20px;
}

.cart-table .cart-sub-group {
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.cart-table-footer .cart-sub-group {
  border-top: none;
  padding-top: 0;
}

.cart-table .cart-table-splite-1 {
  height: 2px;
    background-color: #9d9d9d;
}

.cart-btn-group button.btn-refresh,
.cart-btn-group button.btn-back2shopping {
  height: 66px;
  padding: 10px;
  margin: 0;
  margin-bottom: 20px;
}
.cart-btn-group button.btn-go2pay {
  height: 88px;
  padding: 16px;
  margin: 0;
}

}

.cart-table .cart-paymethod {
  position: absolute;
  top: 0;
  left: 36px;
  right: 0;
  bottom: 0px;
  overflow: hidden;
}
.cart-table .cart-paymethod-selected {
  height: 88px;
  width: 100%;
  position: relative;
}


.cart-table .delivery-address-item,
.cart-table .cart-table-sel-item,
.cart-table .cart-product-list .product-pic {
  margin-bottom: 20px;
}

/**尖叫设计 陈光余 2016-03-04**/
button.btnDisabled{background-color: #F5F5F5 !important; color:#ccc !important;}
.btnDisabled h4{color:#ccc;}
.formInpitErr{border:1px solid #ff0000;}
/*购物车价格*/
.discount li input[type=text] {
    border: 1px solid #ccc;
}
@media only screen and (max-width: 749px) {
    /*屏幕像素小于平板设备宽度*/
    .cart-table-footer .cart-sub-group {
        text-align: right;
        display: inline-block;
        vertical-align: middle;
    }
    .cart-table-footer li {
        width: auto !important;
        display: inline-block !important;
        float: none !important;
        vertical-align: middle;
    }
    .cart-table .cart-sub-group li.same-width {
        width: 35%;
    }
    .cart-table .cart-sub-group li.same-width:nth-child(2) {
        width: 20%;
    }
    .discount li:nth-child(1) {
        width: 100% !important;
        text-align: left;
    }
    .discount li {
        float: none !important;
        display: inline-block !important;
        width: auto !important;
        vertical-align: middle;
    }
}
@media only screen and (max-width: 410px) {
    /*屏幕像素小于iphone6设备宽度*/
    .cart-table .cart-sub-group li.same-width {
        width: 50%;
    }
    .cart-table .cart-sub-group li.same-width:nth-child(2) {
        width: 40%;
    }
}


/*新增手机注册*/
#regTabHead li {
    width: 50%;
    float: left;
    text-align: center;
    border-bottom: 3px solid #ccc;
    color: #999;
    padding: 5px 0px;
    font-size: 14px;
}
#regTabHead li.active {
    font-weight: bold;
    color: #000;
    border-bottom: 3px solid #DED820
}
button.phoneCode {
    font-size: 12px;
    padding: 5px;
    background-color: #13A222;
    border: 0px;
    position: absolute;
    top: 34px;
    right: 8px;
    color: #fff;
}
#regTabBox .gr{
    margin-bottom: 0px;
}
#regTabBox .error-info{
    paadding: 0px;
    margin: 0px;
    line-height: 20px;
    font-size: 14px;
}

/*tips提示*/
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    background-clip: padding-box;
    padding:5px;
    margin-top: -10px;
    font-size: 12px;
}
.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,0.25);
    border-bottom-width: 0;
}
.popover .arrow {
    border-width: 11px;
}
.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0;
    content: " ";
}
.popover .arrow:after{
    border-width: 10px;
    content: "";
}
/*
tips使用结构
<div class="popover fade top in" style="top: 0px; left: 0px; display: block;"><div class="arrow"></div><div class="popover-content">里是提示内容ß</div></div>
*/

/**尖叫设计 陈光余 2016-03-07**/
/*搜索按钮*/
div.search-index-head{background: #000；}
@media only screen and (max-width: 450px) {
    /*屏幕像素小于iphone6Plus设备宽度*/
    div.search-index-head{background: #000；}
    div.search-index-head .container-8 .row .col-xs-5{width: 50%;}
    div.search-index-head .container-8 .row .col-xs-1{width: 22.5%;}
}
/*导航栏增加小图标*/
nav.navbar#main-nav .subnav-group.subnav-expand a.subnav-products-item{display: table !important; padding: 15px !important;}
nav.navbar#main-nav .subnav-group.subnav-expand a.subnav-products-item span img{width: 70%; padding-right: 10px;}
nav.navbar#main-nav .subnav-group.subnav-expand a.subnav-products-item span{width: 50%; display: table-cell; vertical-align:middle; font-size: 16px;}
/*商品详情页，单个选项卡的样式修改*/
.options-list input[type=radio]{opacity: 0;cursor: pointer;}
.options-list .label{position: relative;}
.options-list input[type=radio] + .label label{padding-left: 20px;}
.options-list input[type=radio] + .label label:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    border:2px solid #000;
    position: absolute;
    left: 0;
    top: 0;
}
.options-list input[type=radio]:checked + .label label:before{
    content: "\2022";
    color: #000;
    font-size: 20px;
    text-align: center;
    line-height: 14px;
    background: #FFF600;
}
.error{color: #ff0000;}

/**尖叫设计 陈光余 2016-03-17**/
/*商品卡片样式修改*/
.wowdsgn-xy-price-sm{position: relative; top: 18px; left: 0px;}

/*导航图标箭头，二级菜单展开后，箭头向上*/
ul.nav-group li a span.icon-dropUp{
    transform:rotate(180deg);
    transform-origin:center;
    transition:all 0.3s;
    top: 5px;
}

/*购物车为空*/
.cart-noItems{padding: 150px 0px;}
@media only screen and (max-width: 749px) {
    /*屏幕像素小于平板设备宽度*/
    .cart-noItems h2{font-size: 24px;}
}

/**尖叫设计 陈光余 2016-03-18**/
/*去掉导航的背景斜条*/
nav.navbar#main-nav ul.nav-group.main-nav-sections > li.split{background-image: none; width: 0px;}
/*导航条跟随页面滚动悬浮*/
nav.navbar{position: fixed;}
.main-container{margin-top: 60px;}

/*尖叫设计 陈光余 2016-03-21*/
/*购物车的步骤文字1、2、3改变MARGINTOP*/
.cart-step{margin-top:80px;}
/*订单详情*/
@media only screen and (max-width: 749px) {
    /*屏幕像素小于平板设备宽度*/
    .order-status-step-table{margin-bottom: 0px;}
    .getGrandTotal{margin-left: 12.5%;}
    .product-pic{text-align: center; height: auto; padding-bottom: 0px; padding-top: 5px;}
    .popup-inner .product-pic img{ max-width:50%; display: inline;}
    div.product-info-popup .popup-info .form-group{margin-top: 0px; margin-bottom: 0px;}
    div.product-info-popup .popup-info{padding-top: 0px;}
    .popup-footer-box{position: fixed; right: 0px; left: 0px; bottom: 0px; padding-left: 12px !important; padding-right: 12px !important; z-index: 999;}
    .popup-inner .popup-info .form-group .col-xs-12:last-child{height: 60px;}
    div.product-info-popup button.btn-close{position: fixed; right: 15px; top: 80px;}
}

/*尖叫设计 陈光余 2016-03-22*/
/*删除购物车商品*/
button.deleteGoods{
    transform: rotate(0deg);
    -ms-transform:rotate(0deg);   /* IE 9 */
    -moz-transform:rotate(0deg);  /* Firefox */
    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
    -o-transform:rotate(0deg);  /* Opera */

    transform-origin: center;
    -ms-transform-origin: center;
    -moz-transform-origin: center;
    -webkit-transform-origin: center;
    -o-transform-origin: center;

    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
button.deleteGoods:hover{
    transform: rotate(90deg) !important;
    -ms-transform:rotate(90deg) !important;   /* IE 9 */
    -moz-transform:rotate(90deg) !important;  /* Firefox */
    -webkit-transform:rotate(90deg) !important; /* Safari 和 Chrome */
    -o-transform:rotate(90deg) !important;  /* Opera */

    transform-origin:center;
    -ms-transform-origin:center;
    -moz-transform-origin:center;
    -webkit-transform-origin: center;
    -o-transform-origin:center;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.deleteGoodsConfirm{position:absolute;right: 30px;top:60px; z-index:10;}
.arrow-up{position: relative;}
span.arrow-up-box {
    position: absolute;
    top: -20px;
    *top: -22px;
    right: 10px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #666 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
}
i.arrow-up-box-bor {
    position: absolute;
    top: -9px;
    *top: -9px;
    left: -10px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
}
.arrow-up-content{border: 1px solid #ccc; padding:5px; width: 140px; background: #fff;}
.arrow-up-content p{margin-bottom: 0px; line-height: 28px; font-weight: bold; color: #ff0000;}
.arrow-up-content button{display: inline-block; width: 60px; font-size:12px; padding: 5px;}
@media only screen and (max-width: 749px) {
    /*屏幕像素小于iphone6p设备宽度*/
    .deleteGoodsConfirm{top: -55px; right: 12px;}
    span.arrow-up-box{
        top: 75px;
        transform: rotate(180deg);
    }
}
@media only screen and (max-width: 375px) {
    /*屏幕像素小于iphone6设备宽度*/
    .deleteGoodsConfirm{top: -55px; right: 12px;}
    span.arrow-up-box{
        top: 75px;
        transform: rotate(180deg);
    }
}

/*尖叫设计 陈光余 2016-03-24*/
/*订单中心-在移动端下面样式修改列表*/
@media only screen and (max-width: 750px) {
    /*屏幕像素小于ipad设备宽度*/
    .order-status-unpay .left-float-title p{ display: inline-block;}
    .order-status-unpay .left-float-title{margin-bottom: 5px;}
    .usercenter-index-main .uc-index-item{margin: 20px 0px;}
}

/*尖叫设计 陈光余 2016-03-25*/
/*修改foot样式*/
footer.page-bottom .footer-info a.footIcon{
    float: left !important;
    margin-right: 10px;
    margin-top: 2px;
    opacity: 0.1;
    filter: alpha(opacity=10);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
footer.page-bottom .footer-info a.footIcon:hover {
  opacity: 0.15;
  filter: alpha(opacity=15);
}
.foot-icon-popup{display: none; position: fixed;top: 0px;left: 0px;width: 100%;height: 100%; z-index: 999;}
.foot-icon-popup-bg{background: #000;width: 100%;height: 100%;position: absolute;opacity: 0.5; filter: alpha(opacity=50); z-index: 2;
}
.foot-icon-popup-body{position: absolute; z-index: 3;left: 50%;top: 50%;margin-left: -172px;margin-top: -172px; background: #FFF600;}
.foot-icon-popup-body p{font-size: 14px; text-align: center; padding: 0px 20px; margin-bottom: 5px;}
.footer-info-m{display: none;}
@media only screen and (max-width: 500px) {
    /*屏幕像素小于iphone6设备宽度*/
    .footIcon{display: none !important;}
    .footer-info-m{display:block; text-align: center;}
    .footer-info-m img{width: 50%;}
}
.hidden-xs div{max-height: 98px;}
@media only screen and (min-width: 1024px) and (max-width: 1239px) {
    /*屏幕像素在1024-1280之间*/
    div.brand-list .brand-list-item{height: 301px;}
}

/*新增、编辑地址*/
.address-info-inner{display: none;}
.delivery-address-item{height: 240px; padding-bottom: 0px;}
.delivery-address-item button.btn-add-address{width: 100%; text-align: center; display: inline-block; height: 240px;}
.delivery-address-item button.btn-add-address span, .delivery-address-item button.btn-add-address h6{display: inline-block; vertical-align:middle; float: none;}
.address-info-inner .form-group{margin-bottom: 0px; margin-top: 0px;}
@media only screen and (max-width: 749px) {
  .address-line-1{display: none;}
  .delivery-address-item{height: 110px;}
  .delivery-address-item .content{margin: 10px 10px 0px 10px;}
  .delivery-address-item .btn-edit {position: static;float: right; margin-right: 10px;margin-top: -30px;}
  .delivery-address-item-address, .delivery-address-item button.btn-add-address{height: 60px; margin-bottom: 0px;}
  .address-info-inner .left-float-title{margin-bottom: 0px;}
  .address-line-2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:80%;}
}
.delivery-address-list .dlv-name, .delivery-address-list dlv-phone{
    display: inline-block;
    margin-top: 0px;
    margin-right: 5px;
}
.address-info-inner .error-info {
    padding: 0px;
    margin: 0px;
    line-height: 20px;
    font-size: 14px;
}
.validation-advice{display: none !important;}
.address-info-inner .error-info{color: #ff0000;}
#region_id,#city_id,#district_id,.delivery-address-item input[type="radio"]{display: none;}
a[class|="btn"].btn-address-delete{
    position: absolute;
    right: 15px;
    bottom: 15px;
    color: #CC3300;
    display: none;
}
@media only screen and (max-width: 1000px) {
    a[class|="btn"].btn-address-delete{
        position: absolute;;;
        right: 15px;
        bottom: 15px;
        color: #CC3300;
        display: block;
    }
}
@media only screen and (max-width: 740px) {
    a[class|="btn"].btn-address-delete{
        position: absolute;;;
        right: 10px;
        bottom: 65px;
        color: #CC3300;
        display: block;
    }
}
@media only screen and (max-width: 500px) {
    #filter-catalog .col-xs-2{width: 33%;}
}
.price-line-through {
  position: absolute;
  bottom: 55px;
  left: 30px;
  font-size: 16px;
  color: #ccc;
  text-decoration: line-through;
  font-weight: normal;
}

/**
* 2016-05-13
* app下载滚动条
**/
.appStore {
    display: none;
}
.AppPromotionBar {
    position: fixed;
    bottom: 0;
    left: 0px;
    z-index: 3;
    width: 100%;
    height: 60px;
    background:rgba(0,0,0,0.8); filter:alpha(opacity=40);
    border-top: 1px solid rgba(0,0,0,.08);
}
.AppPromotionBar-closeButton {
    float: right;
    width: 21px;
    height: 21px;
    padding: 19px 12px 20px;
    background-image: url(http://www.wowdsgn.com/skin/frontend/wow/default/img/appClose.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px;
}
.AppPromotionBar-icon {
    float: left;
    margin: 9.5px 10px 0;
    margin-left: 0px;
    width: 41px;
    height: 41px;
    background-image: url(http://www.wowdsgn.com/skin/frontend/wow/default/img/iTunesArtwork@123.png);
    background-position: center;
    background-size: 41px;
    margin-left: 10px;
}
.AppPromotionBar-title, .AppPromotionBar-describe {
    margin-right: 84px;
    line-height: 18px;
    color: #fff;
}
.AppPromotionBar-describe {
    margin-top: 13px;
    font-size: 12px;
}
.AppPromotionBar-downloadButton {
    position: absolute;
    top: 0;
    right: 45px;
    bottom: 0;
    width: 74px;
    height: 23px;
    padding-top: 10px;
    margin: auto;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    color: #000;
    background-color: #FFF600;
    border-radius: 4px;
    box-shadow: inset 0 -2px #CAC30B;
    font-weight: bold;
}
.appStoreLink{text-decoration: none;}

/**
* 2016-05-16
* 右上角下载APP弹出提示
**/
.lp-ios-pop {
    width: 180px;
    height: auto;
    padding: 15px 25px;
    background: #fff;
    position: fixed;
    top: 75px;
    right: 10px;
    z-index: 999999;
    color: #a0a0a0;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 3px;
    font-size: 12px;
    display: none;
}
.lp-ios-pop:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: -12px;
    z-index: 2;
    border-left: transparent 15px solid;
    border-right: transparent 15px solid;
    border-bottom: #fff 15px solid;
}
.lp-weixin-operate {
    width: 55px;
    height: 25px;
    background: #31425b;
    color: #fff;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    border-radius: 3px;
    margin: 0 8px;
}
.lp-ios-pop span {
    color: #3b647f;
}
.lp-ios-pop i{font-style: normal;}
.lp-ios-mark{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0px;
    background: rgba(0,0,0,.2);
    z-index: 99999;
    display: none;
}

/*取消手机点击屏幕时，会出现的灰块*/
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/*2016-05-20 pc下载app弹出层*/
.lp-pc-pop{
    width: 725px;
    height: 465px;
    background: #fff;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    margin-top: -232px;
    margin-left: -362px;
}
.lp-pc-pop-h{
    width: 100%;
    line-height: 375px;
    background: #F5F5F5;
    text-align: center;
    position:relative;
}
.lp-pc-pop-h *{
    display: inline-block;
    vertical-align: bottom;
}
.lp-pc-pop-f{
    line-height: 125px;
    text-align: center;
}
.pcAppClose{
    cursor:pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}
nav.navbar#main-nav p.nav-text strong{
  display: none;
}
nav.navbar#main-nav p.nav-text {
  position: absolute;
  left: 110px;
  top: 0px;
  font-size: 12px;
  line-height: 60px;
  margin: 0;
  font-family: "STSongti-SC", "宋体", serif;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 749px) {
  nav.navbar#main-nav p.nav-text {
    padding-top: 14px;
    position: absolute;
    left: 105px;
    top: 0px;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    font-family: "STSongti-SC", "宋体", serif;
    letter-spacing: 0.2em;
  }
  nav.navbar#main-nav p.nav-text strong{
    display: block;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 750px) {
  nav.navbar#main-nav p.nav-text {
    font-size: 12px;
    line-height: 32px;
  }
}
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(http://www.wowdsgn.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(http://www.wowdsgn.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(http://www.wowdsgn.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(http://www.wowdsgn.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(http://www.wowdsgn.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(http://www.wowdsgn.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(http://www.wowdsgn.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(http://www.wowdsgn.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(http://www.wowdsgn.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

.postWrapper {
    padding-bottom: 25px;
    clear: both;
}

.postTitle {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    margin-bottom: 15px;
}

.postTitle h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.postTitle h3 {
    font-size: 10px;
    margin: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}

.postContent {
    padding-bottom: 10px;
}

.postContent ul{
    list-style: disc outside;
    margin-bottom: 1.5em;
}

.postContent ul li{
    margin-left: 2em;
}

.postContent ol{
    list-style: decimal outside;
    margin-bottom: 1.5em;
}

.postContent ol li{
    margin-left: 2em;
}

.postDetails {

}

.postBookmarks {
    padding-bottom: 10px;
}

.postBookmarks h4 {

    font-size: 12px;
    font-weight: bold;
}

.postBookmarks a.bm {
    display: inline-block;
}

.postBookmarks img {
    display: inline;
}

.commentWrapper {
    padding-bottom: 15px;
}

.commentContent {
    padding-bottom: 0px;
}

.commentDetails {
    margin-bottom: 5px;
    padding: 0px;
}

.commentDetails h4.username {
    display: inline;
}

.postError {
    font-size: 16px;
}

.tags {
    font-weight: bold;
    padding-bottom: 10px;
}

.tags UL {
    display: inline;
}

.tags UL LI {
    font-weight: normal;
    display: inline;
    padding-right: 6px;
}

.tags h4 {
    font-size: 12px;
    font-weight: bold;
}

.menu-tags, .menu-categories, .menu-recent {
    margin: 5px 9px;
}

.menu-tags h5, .menu-categories h5, .menu-recent h5 {
    font-size: 11px;
}

.block-blog .menu-tags UL LI {
    display: inline;
    padding: 2px;
    margin-left: 10px;
}

.block-blog .menu-categories UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a {
    font-size: 11px;
}

.tagcloud {
    /* text-align:center; */
}

.tag-count-1 {
    font-size: 1em !important;
}

.tag-count-2 {
    font-size: 1.2em !important;
}

.tag-count-3 {
    font-size: 1.4em !important;
}

.tag-count-4 {
    font-size: 1.6em !important;
}

.tag-count-5 {
    font-size: 1.8em !important;
}

.tag-count-6 {
    font-size: 2em !important;
}

.tag-count-7 {
    font-size: 2em !important;
}

.tag-count-8 {
    font-size: 2em !important;
}

.tag-count-9 {
    font-size: 2em !important;
}

.tag-count-10 {
    font-size: 2em !important;
}

.block-blog .head h4 {
    padding-left: 20px;
}

.block-blog .block-title strong {
    background-image: url(http://www.wowdsgn.com/skin/frontend/base/default/aw_blog/images/icon_blog.png);
    background-repeat: no-repeat;
    padding-left: 21px;
    text-align: left;
}

.postWrapper .poster {
    display: inline;
}

.input-box.aw-blog-comment-area {
    width: 100%;
}

.widget-latest li {
    font-size: 12px;
    padding: 5px 10px;
}

.block-blog .menu-categories {
    margin: 0;
    padding: 5px 9px;
}

A.awblog_current_comment {
    text-decoration: none !important;
    font-weight: bold !important;
}