/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  body {
    margin: 0;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section,
  summary {
    display: block;
  }
  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    vertical-align: baseline;
  }
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  [hidden],
  template {
    display: none;
  }
  a {
    background-color: transparent;
  }
  a:active,
  a:hover {
    outline: 0;
  }
  abbr[title] {
    border-bottom: 1px dotted;
  }
  b,
  strong {
    font-weight: bold;
  }
  dfn {
    font-style: italic;
  }
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  mark {
    background: #ff0;
    color: #000;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sup {
    top: -0.5em;
  }
  sub {
    bottom: -0.25em;
  }
  img {
    border: 0;
  }
  svg:not(:root) {
    overflow: hidden;
  }
  figure {
    margin: 1em 40px;
  }
  hr {
    box-sizing: content-box;
    height: 0;
  }
  pre {
    overflow: auto;
  }
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    color: inherit;
    font: inherit;
    margin: 0;
  }
  button {
    overflow: visible;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
  }
  button[disabled],
  html input[disabled] {
    cursor: default;
  }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  input {
    line-height: normal;
  }
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
  }
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }
  legend {
    border: 0;
    padding: 0;
  }
  textarea {
    overflow: auto;
  }
  optgroup {
    font-weight: bold;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  td,
  th {
    padding: 0;
  }
  /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
  @media print {
    *,
    *:before,
    *:after {
      background: transparent !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }
    a,
    a:visited {
      text-decoration: underline;
    }
    a[href]:after {
      content: " (" attr(href) ")";
    }
    abbr[title]:after {
      content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
      content: "";
    }
    pre,
    blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
    }
    thead {
      display: table-header-group;
    }
    tr,
    img {
      page-break-inside: avoid;
    }
    img {
      max-width: 100% !important;
    }
    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }
    h2,
    h3 {
      page-break-after: avoid;
    }
    .navbar {
      display: none;
    }
    .btn > .caret,
    .dropup > .btn > .caret {
      border-top-color: #000 !important;
    }
    .label {
      border: 1px solid #000;
    }
    .table {
      border-collapse: collapse !important;
    }
    .table td,
    .table th {
      background-color: #fff !important;
    }
    .table-bordered th,
    .table-bordered td {
      border: 1px solid #ddd !important;
    }
  }
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  body {
    font-family: Ubuntu, sans-serif;
    font-size: 16px;
    line-height: 1.6875;
    color: #777777;
    background-color: #fff;
  }
  input,
  button,
  select,
  textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  a {
    color: #777777;
    text-decoration: none;
  }
  a:hover,
  a:focus {
    color: #777777;
    text-decoration: underline;
  }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  figure {
    margin: 0;
  }
  img {
    vertical-align: middle;
  }
  .img-responsive,
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
  }
  .img-rounded {
    border-radius: 6px;
  }
  .img-thumbnail {
    padding: 4px;
    line-height: 1.6875;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition:  all 0.3s 0s ease, 0.2s 0.3s 0s ease, ease-in-out 0.3s 0s ease;
    -moz-transition:  all 0.3s 0s ease, 0.2s 0.3s 0s ease, ease-in-out 0.3s 0s ease;
    -ms-transition:  all 0.3s 0s ease, 0.2s 0.3s 0s ease, ease-in-out 0.3s 0s ease;
    -o-transition:  all 0.3s 0s ease, 0.2s 0.3s 0s ease, ease-in-out 0.3s 0s ease;
    transition:  all 0.3s 0s ease, 0.2s 0.3s 0s ease, ease-in-out 0.3s 0s ease;
    display: inline-block;
    max-width: 100%;
    height: auto;
  }
  .img-circle {
    border-radius: 50%;
  }
  hr {
    margin-top: 27px;
    margin-bottom: 27px;
    border: 0;
    border-top: 1px solid #eeeeee;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
  }
  [role="button"] {
    cursor: pointer;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: #333333;
  }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small,
  .h1 small,
  .h2 small,
  .h3 small,
  .h4 small,
  .h5 small,
  .h6 small,
  h1 .small,
  h2 .small,
  h3 .small,
  h4 .small,
  h5 .small,
  h6 .small,
  .h1 .small,
  .h2 .small,
  .h3 .small,
  .h4 .small,
  .h5 .small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777;
  }
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3 {
    margin-top: 27px;
    margin-bottom: 13.5px;
  }
  h1 small,
  .h1 small,
  h2 small,
  .h2 small,
  h3 small,
  .h3 small,
  h1 .small,
  .h1 .small,
  h2 .small,
  .h2 .small,
  h3 .small,
  .h3 .small {
    font-size: 65%;
  }
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin-top: 13.5px;
    margin-bottom: 13.5px;
  }
  h4 small,
  .h4 small,
  h5 small,
  .h5 small,
  h6 small,
  .h6 small,
  h4 .small,
  .h4 .small,
  h5 .small,
  .h5 .small,
  h6 .small,
  .h6 .small {
    font-size: 75%;
  }
  h1,
  .h1 {
    font-size: 30px;
  }
  h2,
  .h2 {
    font-size: 30px;
  }
  h3,
  .h3 {
    font-size: 28px;
  }
  h4,
  .h4 {
    font-size: 18px;
  }
  h5,
  .h5 {
    font-size: 16px;
  }
  h6,
  .h6 {
    font-size: 14px;
  }
  p {
    margin: 0 0 13.5px;
  }
  .lead {
    margin-bottom: 27px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
  }
  @media (min-width: 768px) {
    .lead {
      font-size: 24px;
    }
  }
  small,
  .small {
    font-size: 87%;
  }
  mark,
  .mark {
    background-color: #fcf8e3;
    padding: 0.2em;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-center {
    text-align: center;
  }
  .text-justify {
    text-align: justify;
  }
  .text-nowrap {
    white-space: nowrap;
  }
  .text-lowercase {
    text-transform: lowercase;
  }
  .text-uppercase {
    text-transform: uppercase;
  }
  .text-capitalize {
    text-transform: capitalize;
  }
  .text-muted {
    color: #777777;
  }
  .text-primary {
    color: #337ab7;
  }
  a.text-primary:hover,
  a.text-primary:focus {
    color: #286090;
  }
  .text-success {
    color: #3c763d;
  }
  a.text-success:hover,
  a.text-success:focus {
    color: #2b542c;
  }
  .text-info {
    color: #31708f;
  }
  a.text-info:hover,
  a.text-info:focus {
    color: #245269;
  }
  .text-warning {
    color: #8a6d3b;
  }
  a.text-warning:hover,
  a.text-warning:focus {
    color: #66512c;
  }
  .text-danger {
    color: #a94442;
  }
  a.text-danger:hover,
  a.text-danger:focus {
    color: #843534;
  }
  .bg-primary {
    color: #fff;
    background-color: #337ab7;
  }
  a.bg-primary:hover,
  a.bg-primary:focus {
    background-color: #286090;
  }
  .bg-success {
    background-color: #dff0d8;
  }
  a.bg-success:hover,
  a.bg-success:focus {
    background-color: #c1e2b3;
  }
  .bg-info {
    background-color: #d9edf7;
  }
  a.bg-info:hover,
  a.bg-info:focus {
    background-color: #afd9ee;
  }
  .bg-warning {
    background-color: #fcf8e3;
  }
  a.bg-warning:hover,
  a.bg-warning:focus {
    background-color: #f7ecb5;
  }
  .bg-danger {
    background-color: #f2dede;
  }
  a.bg-danger:hover,
  a.bg-danger:focus {
    background-color: #e4b9b9;
  }
  .page-header {
    padding-bottom: 12.5px;
    margin: 54px 0 27px;
    border-bottom: 1px solid #eeeeee;
  }
  ul,
  ol {
    margin-top: 0;
    margin-bottom: 13.5px;
  }
  ul ul,
  ol ul,
  ul ol,
  ol ol {
    margin-bottom: 0;
  }
  .list-unstyled {
    padding-left: 0;
    list-style: none;
  }
  .list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
  }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
  }
  dl {
    margin-top: 0;
    margin-bottom: 27px;
  }
  dt,
  dd {
    line-height: 1.6875;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin-left: 0;
  }
  @media (min-width: 768px) {
    .dl-horizontal dt {
      float: left;
      width: 160px;
      clear: left;
      text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .dl-horizontal dd {
      margin-left: 180px;
    }
  }
  abbr[title],
  abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777777;
  }
  .initialism {
    font-size: 90%;
    text-transform: uppercase;
  }
  blockquote {
    padding: 13.5px 27px;
    margin: 0 0 27px;
    font-size: 20px;
    border-left: 5px solid #eeeeee;
  }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0;
  }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.6875;
    color: #777777;
  }
  blockquote footer:before,
  blockquote small:before,
  blockquote .small:before {
    content: '\2014 \00A0';
  }
  .blockquote-reverse,
  blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0;
    text-align: right;
  }
  .blockquote-reverse footer:before,
  blockquote.pull-right footer:before,
  .blockquote-reverse small:before,
  blockquote.pull-right small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right .small:before {
    content: '';
  }
  .blockquote-reverse footer:after,
  blockquote.pull-right footer:after,
  .blockquote-reverse small:after,
  blockquote.pull-right small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014';
  }
  address {
    margin-bottom: 27px;
    font-style: normal;
    line-height: 1.6875;
  }
  code,
  kbd,
  pre,
  samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  }
  code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
  }
  kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none;
  }
  pre {
    display: block;
    padding: 13px;
    margin: 0 0 13.5px;
    font-size: 15px;
    line-height: 1.6875;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
  }
  .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
  }
  .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  @media (min-width: 768px) {
    .container {
      width: 750px;
    }
  }
  @media (min-width: 992px) {
    .container {
      width: 970px;
    }
  }
  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
  }
  .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .col-xs-1,
  .col-sm-1,
  .col-md-1,
  .col-lg-1,
  .col-xs-2,
  .col-sm-2,
  .col-md-2,
  .col-lg-2,
  .col-xs-3,
  .col-sm-3,
  .col-md-3,
  .col-lg-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-md-5,
  .col-lg-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-7,
  .col-sm-7,
  .col-md-7,
  .col-lg-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-xs-9,
  .col-sm-9,
  .col-md-9,
  .col-lg-9,
  .col-xs-10,
  .col-sm-10,
  .col-md-10,
  .col-lg-10,
  .col-xs-11,
  .col-sm-11,
  .col-md-11,
  .col-lg-11,
  .col-xs-12,
  .col-sm-12,
  .col-md-12,
  .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-pull-0 {
    right: auto;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-xs-push-0 {
    left: auto;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0%;
  }
  @media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
      float: left;
    }
    .col-sm-12 {
      width: 100%;
    }
    .col-sm-11 {
      width: 91.66666667%;
    }
    .col-sm-10 {
      width: 83.33333333%;
    }
    .col-sm-9 {
      width: 75%;
    }
    .col-sm-8 {
      width: 66.66666667%;
    }
    .col-sm-7 {
      width: 58.33333333%;
    }
    .col-sm-6 {
      width: 50%;
    }
    .col-sm-5 {
      width: 41.66666667%;
    }
    .col-sm-4 {
      width: 33.33333333%;
    }
    .col-sm-3 {
      width: 25%;
    }
    .col-sm-2 {
      width: 16.66666667%;
    }
    .col-sm-1 {
      width: 8.33333333%;
    }
    .col-sm-pull-12 {
      right: 100%;
    }
    .col-sm-pull-11 {
      right: 91.66666667%;
    }
    .col-sm-pull-10 {
      right: 83.33333333%;
    }
    .col-sm-pull-9 {
      right: 75%;
    }
    .col-sm-pull-8 {
      right: 66.66666667%;
    }
    .col-sm-pull-7 {
      right: 58.33333333%;
    }
    .col-sm-pull-6 {
      right: 50%;
    }
    .col-sm-pull-5 {
      right: 41.66666667%;
    }
    .col-sm-pull-4 {
      right: 33.33333333%;
    }
    .col-sm-pull-3 {
      right: 25%;
    }
    .col-sm-pull-2 {
      right: 16.66666667%;
    }
    .col-sm-pull-1 {
      right: 8.33333333%;
    }
    .col-sm-pull-0 {
      right: auto;
    }
    .col-sm-push-12 {
      left: 100%;
    }
    .col-sm-push-11 {
      left: 91.66666667%;
    }
    .col-sm-push-10 {
      left: 83.33333333%;
    }
    .col-sm-push-9 {
      left: 75%;
    }
    .col-sm-push-8 {
      left: 66.66666667%;
    }
    .col-sm-push-7 {
      left: 58.33333333%;
    }
    .col-sm-push-6 {
      left: 50%;
    }
    .col-sm-push-5 {
      left: 41.66666667%;
    }
    .col-sm-push-4 {
      left: 33.33333333%;
    }
    .col-sm-push-3 {
      left: 25%;
    }
    .col-sm-push-2 {
      left: 16.66666667%;
    }
    .col-sm-push-1 {
      left: 8.33333333%;
    }
    .col-sm-push-0 {
      left: auto;
    }
    .col-sm-offset-12 {
      margin-left: 100%;
    }
    .col-sm-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
      margin-left: 75%;
    }
    .col-sm-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
      margin-left: 50%;
    }
    .col-sm-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
      margin-left: 25%;
    }
    .col-sm-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
      margin-left: 0%;
    }
  }
  @media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
      float: left;
    }
    .col-md-12 {
      width: 100%;
    }
    .col-md-11 {
      width: 91.66666667%;
    }
    .col-md-10 {
      width: 83.33333333%;
    }
    .col-md-9 {
      width: 75%;
    }
    .col-md-8 {
      width: 66.66666667%;
    }
    .col-md-7 {
      width: 58.33333333%;
    }
    .col-md-6 {
      width: 50%;
    }
    .col-md-5 {
      width: 41.66666667%;
    }
    .col-md-4 {
      width: 33.33333333%;
    }
    .col-md-3 {
      width: 25%;
    }
    .col-md-2 {
      width: 16.66666667%;
    }
    .col-md-1 {
      width: 8.33333333%;
    }
    .col-md-pull-12 {
      right: 100%;
    }
    .col-md-pull-11 {
      right: 91.66666667%;
    }
    .col-md-pull-10 {
      right: 83.33333333%;
    }
    .col-md-pull-9 {
      right: 75%;
    }
    .col-md-pull-8 {
      right: 66.66666667%;
    }
    .col-md-pull-7 {
      right: 58.33333333%;
    }
    .col-md-pull-6 {
      right: 50%;
    }
    .col-md-pull-5 {
      right: 41.66666667%;
    }
    .col-md-pull-4 {
      right: 33.33333333%;
    }
    .col-md-pull-3 {
      right: 25%;
    }
    .col-md-pull-2 {
      right: 16.66666667%;
    }
    .col-md-pull-1 {
      right: 8.33333333%;
    }
    .col-md-pull-0 {
      right: auto;
    }
    .col-md-push-12 {
      left: 100%;
    }
    .col-md-push-11 {
      left: 91.66666667%;
    }
    .col-md-push-10 {
      left: 83.33333333%;
    }
    .col-md-push-9 {
      left: 75%;
    }
    .col-md-push-8 {
      left: 66.66666667%;
    }
    .col-md-push-7 {
      left: 58.33333333%;
    }
    .col-md-push-6 {
      left: 50%;
    }
    .col-md-push-5 {
      left: 41.66666667%;
    }
    .col-md-push-4 {
      left: 33.33333333%;
    }
    .col-md-push-3 {
      left: 25%;
    }
    .col-md-push-2 {
      left: 16.66666667%;
    }
    .col-md-push-1 {
      left: 8.33333333%;
    }
    .col-md-push-0 {
      left: auto;
    }
    .col-md-offset-12 {
      margin-left: 100%;
    }
    .col-md-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
      margin-left: 75%;
    }
    .col-md-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
      margin-left: 50%;
    }
    .col-md-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
      margin-left: 25%;
    }
    .col-md-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
      margin-left: 0%;
    }
  }
  @media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
      float: left;
    }
    .col-lg-12 {
      width: 100%;
    }
    .col-lg-11 {
      width: 91.66666667%;
    }
    .col-lg-10 {
      width: 83.33333333%;
    }
    .col-lg-9 {
      width: 75%;
    }
    .col-lg-8 {
      width: 66.66666667%;
    }
    .col-lg-7 {
      width: 58.33333333%;
    }
    .col-lg-6 {
      width: 50%;
    }
    .col-lg-5 {
      width: 41.66666667%;
    }
    .col-lg-4 {
      width: 33.33333333%;
    }
    .col-lg-3 {
      width: 25%;
    }
    .col-lg-2 {
      width: 16.66666667%;
    }
    .col-lg-1 {
      width: 8.33333333%;
    }
    .col-lg-pull-12 {
      right: 100%;
    }
    .col-lg-pull-11 {
      right: 91.66666667%;
    }
    .col-lg-pull-10 {
      right: 83.33333333%;
    }
    .col-lg-pull-9 {
      right: 75%;
    }
    .col-lg-pull-8 {
      right: 66.66666667%;
    }
    .col-lg-pull-7 {
      right: 58.33333333%;
    }
    .col-lg-pull-6 {
      right: 50%;
    }
    .col-lg-pull-5 {
      right: 41.66666667%;
    }
    .col-lg-pull-4 {
      right: 33.33333333%;
    }
    .col-lg-pull-3 {
      right: 25%;
    }
    .col-lg-pull-2 {
      right: 16.66666667%;
    }
    .col-lg-pull-1 {
      right: 8.33333333%;
    }
    .col-lg-pull-0 {
      right: auto;
    }
    .col-lg-push-12 {
      left: 100%;
    }
    .col-lg-push-11 {
      left: 91.66666667%;
    }
    .col-lg-push-10 {
      left: 83.33333333%;
    }
    .col-lg-push-9 {
      left: 75%;
    }
    .col-lg-push-8 {
      left: 66.66666667%;
    }
    .col-lg-push-7 {
      left: 58.33333333%;
    }
    .col-lg-push-6 {
      left: 50%;
    }
    .col-lg-push-5 {
      left: 41.66666667%;
    }
    .col-lg-push-4 {
      left: 33.33333333%;
    }
    .col-lg-push-3 {
      left: 25%;
    }
    .col-lg-push-2 {
      left: 16.66666667%;
    }
    .col-lg-push-1 {
      left: 8.33333333%;
    }
    .col-lg-push-0 {
      left: auto;
    }
    .col-lg-offset-12 {
      margin-left: 100%;
    }
    .col-lg-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
      margin-left: 75%;
    }
    .col-lg-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
      margin-left: 50%;
    }
    .col-lg-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
      margin-left: 25%;
    }
    .col-lg-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
      margin-left: 0%;
    }
  }
  table {
    background-color: transparent;
  }
  caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777777;
    text-align: left;
  }
  th {
    text-align: left;
  }
  .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 27px;
  }
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.6875;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
  }
  .table > caption + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > th,
  .table > thead:first-child > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0;
  }
  .table > tbody + tbody {
    border-top: 2px solid #ddd;
  }
  .table .table {
    background-color: #fff;
  }
  .table-condensed > thead > tr > th,
  .table-condensed > tbody > tr > th,
  .table-condensed > tfoot > tr > th,
  .table-condensed > thead > tr > td,
  .table-condensed > tbody > tr > td,
  .table-condensed > tfoot > tr > td {
    padding: 5px;
  }
  .table-bordered {
    border: 1px solid #ddd;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > tbody > tr > th,
  .table-bordered > tfoot > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
  }
  .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
  }
  .table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
  }
  table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
  }
  table td[class*="col-"],
  table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
  }
  .table > thead > tr > td.active,
  .table > tbody > tr > td.active,
  .table > tfoot > tr > td.active,
  .table > thead > tr > th.active,
  .table > tbody > tr > th.active,
  .table > tfoot > tr > th.active,
  .table > thead > tr.active > td,
  .table > tbody > tr.active > td,
  .table > tfoot > tr.active > td,
  .table > thead > tr.active > th,
  .table > tbody > tr.active > th,
  .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
  }
  .table-hover > tbody > tr > td.active:hover,
  .table-hover > tbody > tr > th.active:hover,
  .table-hover > tbody > tr.active:hover > td,
  .table-hover > tbody > tr:hover > .active,
  .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
  }
  .table > thead > tr > td.success,
  .table > tbody > tr > td.success,
  .table > tfoot > tr > td.success,
  .table > thead > tr > th.success,
  .table > tbody > tr > th.success,
  .table > tfoot > tr > th.success,
  .table > thead > tr.success > td,
  .table > tbody > tr.success > td,
  .table > tfoot > tr.success > td,
  .table > thead > tr.success > th,
  .table > tbody > tr.success > th,
  .table > tfoot > tr.success > th {
    background-color: #dff0d8;
  }
  .table-hover > tbody > tr > td.success:hover,
  .table-hover > tbody > tr > th.success:hover,
  .table-hover > tbody > tr.success:hover > td,
  .table-hover > tbody > tr:hover > .success,
  .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
  }
  .table > thead > tr > td.info,
  .table > tbody > tr > td.info,
  .table > tfoot > tr > td.info,
  .table > thead > tr > th.info,
  .table > tbody > tr > th.info,
  .table > tfoot > tr > th.info,
  .table > thead > tr.info > td,
  .table > tbody > tr.info > td,
  .table > tfoot > tr.info > td,
  .table > thead > tr.info > th,
  .table > tbody > tr.info > th,
  .table > tfoot > tr.info > th {
    background-color: #d9edf7;
  }
  .table-hover > tbody > tr > td.info:hover,
  .table-hover > tbody > tr > th.info:hover,
  .table-hover > tbody > tr.info:hover > td,
  .table-hover > tbody > tr:hover > .info,
  .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
  }
  .table > thead > tr > td.warning,
  .table > tbody > tr > td.warning,
  .table > tfoot > tr > td.warning,
  .table > thead > tr > th.warning,
  .table > tbody > tr > th.warning,
  .table > tfoot > tr > th.warning,
  .table > thead > tr.warning > td,
  .table > tbody > tr.warning > td,
  .table > tfoot > tr.warning > td,
  .table > thead > tr.warning > th,
  .table > tbody > tr.warning > th,
  .table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
  }
  .table-hover > tbody > tr > td.warning:hover,
  .table-hover > tbody > tr > th.warning:hover,
  .table-hover > tbody > tr.warning:hover > td,
  .table-hover > tbody > tr:hover > .warning,
  .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
  }
  .table > thead > tr > td.danger,
  .table > tbody > tr > td.danger,
  .table > tfoot > tr > td.danger,
  .table > thead > tr > th.danger,
  .table > tbody > tr > th.danger,
  .table > tfoot > tr > th.danger,
  .table > thead > tr.danger > td,
  .table > tbody > tr.danger > td,
  .table > tfoot > tr.danger > td,
  .table > thead > tr.danger > th,
  .table > tbody > tr.danger > th,
  .table > tfoot > tr.danger > th {
    background-color: #f2dede;
  }
  .table-hover > tbody > tr > td.danger:hover,
  .table-hover > tbody > tr > th.danger:hover,
  .table-hover > tbody > tr.danger:hover > td,
  .table-hover > tbody > tr:hover > .danger,
  .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
  }
  .table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
  }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 20.25px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd;
    }
    .table-responsive > .table {
      margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
      white-space: nowrap;
    }
    .table-responsive > .table-bordered {
      border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
      border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
      border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
      border-bottom: 0;
    }
  }
  fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
  }
  legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 27px;
    font-size: 24px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
  }
  label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
  }
  input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  input[type="radio"],
  input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
  }
  input[type="file"] {
    display: block;
  }
  input[type="range"] {
    display: block;
    width: 100%;
  }
  select[multiple],
  select[size] {
    height: auto;
  }
  input[type="file"]:focus,
  input[type="radio"]:focus,
  input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  output {
    display: block;
    padding-top: 7px;
    font-size: 16px;
    line-height: 1.6875;
    color: #555555;
  }
  .form-control {
    display: block;
    width: 100%;
    height: 41px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.6875;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition:  border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
    -moz-transition:  border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
    -ms-transition:  border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
    -o-transition:  border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
    transition:  border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
    font-size: 1em;
    line-height: 1.214em;
    color: #333;
  }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  .form-control:-ms-input-placeholder {
    color: #999;
  }
  .form-control::-webkit-input-placeholder {
    color: #999;
  }
  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1;
  }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed;
  }
  textarea.form-control {
    height: auto;
  }
  input[type="search"] {
    -webkit-appearance: none;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
      line-height: 41px;
    }
    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
      line-height: 33px;
    }
    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
      line-height: 49px;
    }
  }
  .form-group {
    margin-bottom: 15px;
  }
  .radio,
  .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .radio label,
  .checkbox label {
    min-height: 27px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
  }
  .radio input[type="radio"],
  .radio-inline input[type="radio"],
  .checkbox input[type="checkbox"],
  .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
  }
  .radio + .radio,
  .checkbox + .checkbox {
    margin-top: -5px;
  }
  .radio-inline,
  .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
  }
  .radio-inline + .radio-inline,
  .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
  }
  input[type="radio"][disabled],
  input[type="checkbox"][disabled],
  input[type="radio"].disabled,
  input[type="checkbox"].disabled,
  fieldset[disabled] input[type="radio"],
  fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
  }
  .radio-inline.disabled,
  .checkbox-inline.disabled,
  fieldset[disabled] .radio-inline,
  fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
  }
  .radio.disabled label,
  .checkbox.disabled label,
  fieldset[disabled] .radio label,
  fieldset[disabled] .checkbox label {
    cursor: not-allowed;
  }
  .form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 43px;
  }
  .form-control-static.input-lg,
  .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0;
  }
  .input-sm {
    height: 33px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
  }
  select.input-sm {
    height: 33px;
    line-height: 33px;
  }
  textarea.input-sm,
  select[multiple].input-sm {
    height: auto;
  }
  .form-group-sm .form-control {
    height: 33px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .form-group-sm select.form-control {
    height: 33px;
    line-height: 33px;
  }
  .form-group-sm textarea.form-control,
  .form-group-sm select[multiple].form-control {
    height: auto;
  }
  .form-group-sm .form-control-static {
    height: 33px;
    min-height: 41px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.5;
  }
  .input-lg {
    height: 49px;
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  select.input-lg {
    height: 49px;
    line-height: 49px;
  }
  textarea.input-lg,
  select[multiple].input-lg {
    height: auto;
  }
  .form-group-lg .form-control {
    height: 49px;
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  .form-group-lg select.form-control {
    height: 49px;
    line-height: 49px;
  }
  .form-group-lg textarea.form-control,
  .form-group-lg select[multiple].form-control {
    height: auto;
  }
  .form-group-lg .form-control-static {
    height: 49px;
    min-height: 47px;
    padding: 11px 16px;
    font-size: 20px;
    line-height: 1.3333333;
  }
  .has-feedback {
    position: relative;
  }
  .has-feedback .form-control {
    padding-right: 51.25px;
  }
  .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 41px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    pointer-events: none;
  }
  .input-lg + .form-control-feedback,
  .input-group-lg + .form-control-feedback,
  .form-group-lg .form-control + .form-control-feedback {
    width: 49px;
    height: 49px;
    line-height: 49px;
  }
  .input-sm + .form-control-feedback,
  .input-group-sm + .form-control-feedback,
  .form-group-sm .form-control + .form-control-feedback {
    width: 33px;
    height: 33px;
    line-height: 33px;
  }
  .has-success .help-block,
  .has-success .control-label,
  .has-success .radio,
  .has-success .checkbox,
  .has-success .radio-inline,
  .has-success .checkbox-inline,
  .has-success.radio label,
  .has-success.checkbox label,
  .has-success.radio-inline label,
  .has-success.checkbox-inline label {
    color: #3c763d;
  }
  .has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  }
  .has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
  }
  .has-success .form-control-feedback {
    color: #3c763d;
  }
  .has-warning .help-block,
  .has-warning .control-label,
  .has-warning .radio,
  .has-warning .checkbox,
  .has-warning .radio-inline,
  .has-warning .checkbox-inline,
  .has-warning.radio label,
  .has-warning.checkbox label,
  .has-warning.radio-inline label,
  .has-warning.checkbox-inline label {
    color: #8a6d3b;
  }
  .has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  }
  .has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
  }
  .has-warning .form-control-feedback {
    color: #8a6d3b;
  }
  .has-error .help-block,
  .has-error .control-label,
  .has-error .radio,
  .has-error .checkbox,
  .has-error .radio-inline,
  .has-error .checkbox-inline,
  .has-error.radio label,
  .has-error.checkbox label,
  .has-error.radio-inline label,
  .has-error.checkbox-inline label {
    color: #a94442;
  }
  .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  }
  .has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
  }
  .has-error .form-control-feedback {
    color: #a94442;
  }
  .has-feedback label ~ .form-control-feedback {
    top: 32px;
  }
  .has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
  }
  .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #b7b7b7;
  }
  @media (min-width: 768px) {
    .form-inline .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
    }
    .form-inline .form-control-static {
      display: inline-block;
    }
    .form-inline .input-group {
      display: inline-table;
      vertical-align: middle;
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto;
    }
    .form-inline .input-group > .form-control {
      width: 100%;
    }
    .form-inline .control-label {
      margin-bottom: 0;
      vertical-align: middle;
    }
    .form-inline .radio,
    .form-inline .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0;
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
      top: 0;
    }
  }
  .form-horizontal .radio,
  .form-horizontal .checkbox,
  .form-horizontal .radio-inline,
  .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
  }
  .form-horizontal .radio,
  .form-horizontal .checkbox {
    min-height: 34px;
  }
  .form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
  }
  @media (min-width: 768px) {
    .form-horizontal .control-label {
      text-align: right;
      margin-bottom: 0;
      padding-top: 7px;
    }
  }
  .form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
  }
  @media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
      padding-top: 14.333333px;
      font-size: 20px;
    }
  }
  @media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
      padding-top: 6px;
      font-size: 14px;
    }
  }
  .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.6875;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus,
  .btn.focus,
  .btn:active.focus,
  .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .btn:hover,
  .btn:focus,
  .btn.focus {
    color: #333;
    text-decoration: none;
  }
  .btn:active,
  .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .btn.disabled,
  .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    -webkit-opacity: 0.65;
    opacity: 0.65;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  a.btn.disabled,
  fieldset[disabled] a.btn {
    pointer-events: none;
  }
  .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
  }
  .btn-default:focus,
  .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
  }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
  }
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
  }
  .btn-default:active:hover,
  .btn-default.active:hover,
  .open > .dropdown-toggle.btn-default:hover,
  .btn-default:active:focus,
  .btn-default.active:focus,
  .open > .dropdown-toggle.btn-default:focus,
  .btn-default:active.focus,
  .btn-default.active.focus,
  .open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
  }
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    background-image: none;
  }
  .btn-default.disabled,
  .btn-default[disabled],
  fieldset[disabled] .btn-default,
  .btn-default.disabled:hover,
  .btn-default[disabled]:hover,
  fieldset[disabled] .btn-default:hover,
  .btn-default.disabled:focus,
  .btn-default[disabled]:focus,
  fieldset[disabled] .btn-default:focus,
  .btn-default.disabled.focus,
  .btn-default[disabled].focus,
  fieldset[disabled] .btn-default.focus,
  .btn-default.disabled:active,
  .btn-default[disabled]:active,
  fieldset[disabled] .btn-default:active,
  .btn-default.disabled.active,
  .btn-default[disabled].active,
  fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
  }
  .btn-default .badge {
    color: #fff;
    background-color: #333;
  }
  .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
  }
  .btn-primary:focus,
  .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
  }
  .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
  }
  .btn-primary:active:hover,
  .btn-primary.active:hover,
  .open > .dropdown-toggle.btn-primary:hover,
  .btn-primary:active:focus,
  .btn-primary.active:focus,
  .open > .dropdown-toggle.btn-primary:focus,
  .btn-primary:active.focus,
  .btn-primary.active.focus,
  .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    background-image: none;
  }
  .btn-primary.disabled,
  .btn-primary[disabled],
  fieldset[disabled] .btn-primary,
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover,
  .btn-primary.disabled:focus,
  .btn-primary[disabled]:focus,
  fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled.focus,
  .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary.focus,
  .btn-primary.disabled:active,
  .btn-primary[disabled]:active,
  fieldset[disabled] .btn-primary:active,
  .btn-primary.disabled.active,
  .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4;
  }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
  }
  .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .btn-success:focus,
  .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
  }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
  }
  .btn-success:active,
  .btn-success.active,
  .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
  }
  .btn-success:active:hover,
  .btn-success.active:hover,
  .open > .dropdown-toggle.btn-success:hover,
  .btn-success:active:focus,
  .btn-success.active:focus,
  .open > .dropdown-toggle.btn-success:focus,
  .btn-success:active.focus,
  .btn-success.active.focus,
  .open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
  }
  .btn-success:active,
  .btn-success.active,
  .open > .dropdown-toggle.btn-success {
    background-image: none;
  }
  .btn-success.disabled,
  .btn-success[disabled],
  fieldset[disabled] .btn-success,
  .btn-success.disabled:hover,
  .btn-success[disabled]:hover,
  fieldset[disabled] .btn-success:hover,
  .btn-success.disabled:focus,
  .btn-success[disabled]:focus,
  fieldset[disabled] .btn-success:focus,
  .btn-success.disabled.focus,
  .btn-success[disabled].focus,
  fieldset[disabled] .btn-success.focus,
  .btn-success.disabled:active,
  .btn-success[disabled]:active,
  fieldset[disabled] .btn-success:active,
  .btn-success.disabled.active,
  .btn-success[disabled].active,
  fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
  }
  .btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
  }
  .btn-info:focus,
  .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
  }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
  }
  .btn-info:active,
  .btn-info.active,
  .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
  }
  .btn-info:active:hover,
  .btn-info.active:hover,
  .open > .dropdown-toggle.btn-info:hover,
  .btn-info:active:focus,
  .btn-info.active:focus,
  .open > .dropdown-toggle.btn-info:focus,
  .btn-info:active.focus,
  .btn-info.active.focus,
  .open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
  }
  .btn-info:active,
  .btn-info.active,
  .open > .dropdown-toggle.btn-info {
    background-image: none;
  }
  .btn-info.disabled,
  .btn-info[disabled],
  fieldset[disabled] .btn-info,
  .btn-info.disabled:hover,
  .btn-info[disabled]:hover,
  fieldset[disabled] .btn-info:hover,
  .btn-info.disabled:focus,
  .btn-info[disabled]:focus,
  fieldset[disabled] .btn-info:focus,
  .btn-info.disabled.focus,
  .btn-info[disabled].focus,
  fieldset[disabled] .btn-info.focus,
  .btn-info.disabled:active,
  .btn-info[disabled]:active,
  fieldset[disabled] .btn-info:active,
  .btn-info.disabled.active,
  .btn-info[disabled].active,
  fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
  }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
  }
  .btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
  }
  .btn-warning:focus,
  .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
  }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
  }
  .btn-warning:active:hover,
  .btn-warning.active:hover,
  .open > .dropdown-toggle.btn-warning:hover,
  .btn-warning:active:focus,
  .btn-warning.active:focus,
  .open > .dropdown-toggle.btn-warning:focus,
  .btn-warning:active.focus,
  .btn-warning.active.focus,
  .open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open > .dropdown-toggle.btn-warning {
    background-image: none;
  }
  .btn-warning.disabled,
  .btn-warning[disabled],
  fieldset[disabled] .btn-warning,
  .btn-warning.disabled:hover,
  .btn-warning[disabled]:hover,
  fieldset[disabled] .btn-warning:hover,
  .btn-warning.disabled:focus,
  .btn-warning[disabled]:focus,
  fieldset[disabled] .btn-warning:focus,
  .btn-warning.disabled.focus,
  .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning.focus,
  .btn-warning.disabled:active,
  .btn-warning[disabled]:active,
  fieldset[disabled] .btn-warning:active,
  .btn-warning.disabled.active,
  .btn-warning[disabled].active,
  fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
  }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
  }
  .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
  }
  .btn-danger:focus,
  .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
  }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
  }
  .btn-danger:active,
  .btn-danger.active,
  .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
  }
  .btn-danger:active:hover,
  .btn-danger.active:hover,
  .open > .dropdown-toggle.btn-danger:hover,
  .btn-danger:active:focus,
  .btn-danger.active:focus,
  .open > .dropdown-toggle.btn-danger:focus,
  .btn-danger:active.focus,
  .btn-danger.active.focus,
  .open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
  }
  .btn-danger:active,
  .btn-danger.active,
  .open > .dropdown-toggle.btn-danger {
    background-image: none;
  }
  .btn-danger.disabled,
  .btn-danger[disabled],
  fieldset[disabled] .btn-danger,
  .btn-danger.disabled:hover,
  .btn-danger[disabled]:hover,
  fieldset[disabled] .btn-danger:hover,
  .btn-danger.disabled:focus,
  .btn-danger[disabled]:focus,
  fieldset[disabled] .btn-danger:focus,
  .btn-danger.disabled.focus,
  .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger.focus,
  .btn-danger.disabled:active,
  .btn-danger[disabled]:active,
  fieldset[disabled] .btn-danger:active,
  .btn-danger.disabled.active,
  .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
  }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
  }
  .btn-link {
    color: #777777;
    font-weight: normal;
    border-radius: 0;
  }
  .btn-link,
  .btn-link:active,
  .btn-link.active,
  .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .btn-link,
  .btn-link:hover,
  .btn-link:focus,
  .btn-link:active {
    border-color: transparent;
  }
  .btn-link:hover,
  .btn-link:focus {
    color: #777777;
    text-decoration: underline;
    background-color: transparent;
  }
  .btn-link[disabled]:hover,
  fieldset[disabled] .btn-link:hover,
  .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none;
  }
  .btn-lg,
  .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  .btn-sm,
  .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn-xs,
  .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn-block {
    display: block;
    width: 100%;
  }
  .btn-block + .btn-block {
    margin-top: 5px;
  }
  input[type="submit"].btn-block,
  input[type="reset"].btn-block,
  input[type="button"].btn-block {
    width: 100%;
  }
  .fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    -webkit-transition:  opacity 0.3s 0s ease, 0.15s 0.3s 0s ease, linear 0.3s 0s ease;
    -moz-transition:  opacity 0.3s 0s ease, 0.15s 0.3s 0s ease, linear 0.3s 0s ease;
    -ms-transition:  opacity 0.3s 0s ease, 0.15s 0.3s 0s ease, linear 0.3s 0s ease;
    -o-transition:  opacity 0.3s 0s ease, 0.15s 0.3s 0s ease, linear 0.3s 0s ease;
    transition:  opacity 0.3s 0s ease, 0.15s 0.3s 0s ease, linear 0.3s 0s ease;
  }
  .fade.in {
    opacity: 1;
  }
  .collapse {
    display: none;
  }
  .collapse.in {
    display: block;
  }
  tr.collapse.in {
    display: table-row;
  }
  tbody.collapse.in {
    display: table-row-group;
  }
  .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
  }
  .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  .dropup,
  .dropdown {
    position: relative;
  }
  .dropdown-toggle:focus {
    outline: 0;
  }
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 16px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
  }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto;
  }
  .dropdown-menu .divider {
    height: 1px;
    margin: 12.5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.6875;
    color: #333333;
    white-space: nowrap;
  }
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
  }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
  }
  .dropdown-menu > .disabled > a,
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    color: #777777;
  }
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
  }
  .open > .dropdown-menu {
    display: block;
  }
  .open > a {
    outline: 0;
  }
  .dropdown-menu-right {
    left: auto;
    right: 0;
  }
  .dropdown-menu-left {
    left: 0;
    right: auto;
  }
  .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 14px;
    line-height: 1.6875;
    color: #777777;
    white-space: nowrap;
  }
  .dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
  }
  .pull-right > .dropdown-menu {
    right: 0;
    left: auto;
  }
  .dropup .caret,
  .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
  }
  .dropup .dropdown-menu,
  .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
  }
  @media (min-width: 768px) {
    .navbar-right .dropdown-menu {
      left: auto;
      right: 0;
      left: 0 !important;
      right: auto !important;
    }
    .navbar-right .dropdown-menu-left {
      left: 0;
      right: auto;
    }
  }
  .btn-group,
  .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left;
  }
  .btn-group > .btn:hover,
  .btn-group-vertical > .btn:hover,
  .btn-group > .btn:focus,
  .btn-group-vertical > .btn:focus,
  .btn-group > .btn:active,
  .btn-group-vertical > .btn:active,
  .btn-group > .btn.active,
  .btn-group-vertical > .btn.active {
    z-index: 2;
  }
  .btn-group .btn + .btn,
  .btn-group .btn + .btn-group,
  .btn-group .btn-group + .btn,
  .btn-group .btn-group + .btn-group {
    margin-left: -1px;
  }
  .btn-toolbar {
    margin-left: -5px;
  }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left;
  }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px;
  }
  .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
  }
  .btn-group > .btn:first-child {
    margin-left: 0;
  }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .btn-group > .btn:last-child:not(:first-child),
  .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .btn-group > .btn-group {
    float: left;
  }
  .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
  }
  .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .btn-group .dropdown-toggle:active,
  .btn-group.open .dropdown-toggle {
    outline: 0;
  }
  .btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
  }
  .btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
  }
  .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .btn .caret {
    margin-left: 0;
  }
  .btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
  }
  .dropup .btn-lg .caret {
    border-width: 0 5px 5px;
  }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group,
  .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .btn-group-vertical > .btn-group > .btn {
    float: none;
  }
  .btn-group-vertical > .btn + .btn,
  .btn-group-vertical > .btn + .btn-group,
  .btn-group-vertical > .btn-group + .btn,
  .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
  }
  .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
  }
  .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
  .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
  }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%;
  }
  .btn-group-justified > .btn-group .btn {
    width: 100%;
  }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto;
  }
  [data-toggle="buttons"] > .btn input[type="radio"],
  [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
  [data-toggle="buttons"] > .btn input[type="checkbox"],
  [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
  }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
  }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
  }
  .input-group-lg > .form-control,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .btn {
    height: 49px;
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  select.input-group-lg > .form-control,
  select.input-group-lg > .input-group-addon,
  select.input-group-lg > .input-group-btn > .btn {
    height: 49px;
    line-height: 49px;
  }
  textarea.input-group-lg > .form-control,
  textarea.input-group-lg > .input-group-addon,
  textarea.input-group-lg > .input-group-btn > .btn,
  select[multiple].input-group-lg > .form-control,
  select[multiple].input-group-lg > .input-group-addon,
  select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
  }
  .input-group-sm > .form-control,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .btn {
    height: 33px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
  }
  select.input-group-sm > .form-control,
  select.input-group-sm > .input-group-addon,
  select.input-group-sm > .input-group-btn > .btn {
    height: 33px;
    line-height: 33px;
  }
  textarea.input-group-sm > .form-control,
  textarea.input-group-sm > .input-group-addon,
  textarea.input-group-sm > .input-group-btn > .btn,
  select[multiple].input-group-sm > .form-control,
  select[multiple].input-group-sm > .input-group-addon,
  select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
  }
  .input-group-addon,
  .input-group-btn,
  .input-group .form-control {
    display: table-cell;
  }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .input-group-addon,
  .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
  }
  .input-group-addon {
    padding: 6px 12px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  .input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 3px;
  }
  .input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 20px;
    border-radius: 6px;
  }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0;
  }
  .input-group .form-control:first-child,
  .input-group-addon:first-child,
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group > .btn,
  .input-group-btn:first-child > .dropdown-toggle,
  .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .input-group-addon:first-child {
    border-right: 0;
  }
  .input-group .form-control:last-child,
  .input-group-addon:last-child,
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group > .btn,
  .input-group-btn:last-child > .dropdown-toggle,
  .input-group-btn:first-child > .btn:not(:first-child),
  .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .input-group-addon:last-child {
    border-left: 0;
  }
  .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
  }
  .input-group-btn > .btn {
    position: relative;
  }
  .input-group-btn > .btn + .btn {
    margin-left: -1px;
  }
  .input-group-btn > .btn:hover,
  .input-group-btn > .btn:focus,
  .input-group-btn > .btn:active {
    z-index: 2;
  }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px;
  }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
  }
  .nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
  }
  .nav > li {
    position: relative;
    display: block;
  }
  .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
  }
  .nav > li > a:hover,
  .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
  }
  .nav > li.disabled > a {
    color: #777777;
  }
  .nav > li.disabled > a:hover,
  .nav > li.disabled > a:focus {
    color: #777777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
  }
  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #777777;
  }
  .nav .nav-divider {
    height: 1px;
    margin: 12.5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .nav > li > a > img {
    max-width: none;
  }
  .nav-tabs {
    border-bottom: 1px solid #ddd;
  }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
  }
  .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.6875;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs > li > a:hover {
    border-color: #e5e5e5 #e5e5e5 #ddd;
  }
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
  }
  .nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
  }
  .nav-tabs.nav-justified > li {
    float: none;
  }
  .nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px;
  }
  .nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
  }
  @media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%;
    }
    .nav-tabs.nav-justified > li > a {
      margin-bottom: 0;
    }
  }
  .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
  }
  @media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0;
    }
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff;
    }
  }
  .nav-pills > li {
    float: left;
  }
  .nav-pills > li > a {
    border-radius: 4px;
  }
  .nav-pills > li + li {
    margin-left: 2px;
  }
  .nav-pills > li.active > a,
  .nav-pills > li.active > a:hover,
  .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7;
  }
  .nav-stacked > li {
    float: none;
  }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
  }
  .nav-justified {
    width: 100%;
  }
  .nav-justified > li {
    float: none;
  }
  .nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px;
  }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
  }
  @media (min-width: 768px) {
    .nav-justified > li {
      display: table-cell;
      width: 1%;
    }
    .nav-justified > li > a {
      margin-bottom: 0;
    }
  }
  .nav-tabs-justified {
    border-bottom: 0;
  }
  .nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd;
  }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
      border-bottom-color: #fff;
    }
  }
  .tab-content > .tab-pane {
    display: none;
  }
  .tab-content > .active {
    display: block;
  }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 27px;
    border: 1px solid transparent;
  }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px;
    }
  }
  @media (min-width: 768px) {
    .navbar-header {
      float: left;
    }
  }
  .navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none;
    }
    .navbar-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
    }
    .navbar-collapse.in {
      overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      padding-left: 0;
      padding-right: 0;
    }
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
  }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px;
    }
  }
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0;
    }
  }
  .navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
  }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0;
    }
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0;
    }
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
  }
  .navbar-brand {
    float: left;
    padding: 11.5px 15px;
    font-size: 20px;
    line-height: 27px;
    height: 50px;
  }
  .navbar-brand:hover,
  .navbar-brand:focus {
    text-decoration: none;
  }
  .navbar-brand > img {
    display: block;
  }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px;
    }
  }
  .navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  .navbar-toggle:focus {
    outline: 0;
  }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none;
    }
  }
  .navbar-nav {
    margin: 5.75px -15px;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 27px;
  }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
      padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
      line-height: 27px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus {
      background-image: none;
    }
  }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0;
    }
    .navbar-nav > li {
      float: left;
    }
    .navbar-nav > li > a {
      padding-top: 11.5px;
      padding-bottom: 11.5px;
    }
  }
  .navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 4.5px;
    margin-bottom: 4.5px;
  }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
    }
    .navbar-form .form-control-static {
      display: inline-block;
    }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle;
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
      width: auto;
    }
    .navbar-form .input-group > .form-control {
      width: 100%;
    }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle;
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label {
      padding-left: 0;
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0;
    }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0;
    }
  }
  .navbar-form label {
    margin-right: 13px;
    margin-bottom: 0;
  }
  .navbar-form .form-group {
    margin-right: 6px;
  }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px;
    }
    .navbar-form .form-group:last-child {
      margin-bottom: 0;
    }
  }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
  }
  .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .navbar-btn {
    margin-top: 4.5px;
    margin-bottom: 4.5px;
  }
  .navbar-btn.btn-sm {
    margin-top: 8.5px;
    margin-bottom: 8.5px;
  }
  .navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .navbar-text {
    margin-top: 11.5px;
    margin-bottom: 11.5px;
  }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px;
    }
  }
  @media (min-width: 768px) {
    .navbar-left {
      float: left !important;
    }
    .navbar-right {
      float: right !important;
      margin-right: -15px;
    }
    .navbar-right ~ .navbar-right {
      margin-right: 0;
    }
  }
  .navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
  }
  .navbar-default .navbar-brand {
    color: #777;
  }
  .navbar-default .navbar-brand:hover,
  .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
  }
  .navbar-default .navbar-text {
    color: #777;
  }
  .navbar-default .navbar-nav > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav > .disabled > a,
  .navbar-default .navbar-nav > .disabled > a:hover,
  .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
  .navbar-default .navbar-toggle {
    border-color: #ddd;
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: #ddd;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
  }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7;
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555;
  }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #333;
      background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent;
    }
  }
  .navbar-default .navbar-link {
    color: #777;
  }
  .navbar-default .navbar-link:hover {
    color: #333;
  }
  .navbar-default .btn-link {
    color: #777;
  }
  .navbar-default .btn-link:hover,
  .navbar-default .btn-link:focus {
    color: #333;
  }
  .navbar-default .btn-link[disabled]:hover,
  fieldset[disabled] .navbar-default .btn-link:hover,
  .navbar-default .btn-link[disabled]:focus,
  fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
  }
  .navbar-inverse {
    background-color: #222;
    border-color: #080808;
  }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-brand:hover,
  .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-text {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav > li > a:hover,
  .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav > .disabled > a,
  .navbar-inverse .navbar-nav > .disabled > a:hover,
  .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
  .navbar-inverse .navbar-toggle {
    border-color: #333;
  }
  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: #333;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010;
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #080808;
    color: #fff;
  }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #fff;
      background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent;
    }
  }
  .navbar-inverse .navbar-link {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-link:hover {
    color: #fff;
  }
  .navbar-inverse .btn-link {
    color: #9d9d9d;
  }
  .navbar-inverse .btn-link:hover,
  .navbar-inverse .btn-link:focus {
    color: #fff;
  }
  .navbar-inverse .btn-link[disabled]:hover,
  fieldset[disabled] .navbar-inverse .btn-link:hover,
  .navbar-inverse .btn-link[disabled]:focus,
  fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
  }
  .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 27px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
  }
  .breadcrumb > li {
    display: inline-block;
  }
  .breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #777777;
  }
  .breadcrumb > .active {
    color: #333333;
  }
  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 27px 0;
    border-radius: 4px;
  }
  .pagination > li {
    display: inline;
  }
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.6875;
    text-decoration: none;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid transparent;
    margin-left: -1px;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
  }
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
    z-index: 3;
    color: #1fc0a0;
    background-color: #f5f5f5;
    border-color: transparent;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #333333;
    border-color: transparent;
    cursor: default;
  }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
  }
  .pagination-lg > li > a,
  .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
  }
  .pagination-lg > li:first-child > a,
  .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
  }
  .pagination-lg > li:last-child > a,
  .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
  }
  .pagination-sm > li > a,
  .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
  }
  .pagination-sm > li:first-child > a,
  .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
  }
  .pagination-sm > li:last-child > a,
  .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
  }
  .label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
  }
  a.label:hover,
  a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  .label:empty {
    display: none;
  }
  .btn .label {
    position: relative;
    top: -1px;
  }
  .label-default {
    background-color: #777777;
  }
  .label-default[href]:hover,
  .label-default[href]:focus {
    background-color: #5e5e5e;
  }
  .label-primary {
    background-color: #337ab7;
  }
  .label-primary[href]:hover,
  .label-primary[href]:focus {
    background-color: #286090;
  }
  .label-success {
    background-color: #5cb85c;
  }
  .label-success[href]:hover,
  .label-success[href]:focus {
    background-color: #449d44;
  }
  .label-info {
    background-color: #5bc0de;
  }
  .label-info[href]:hover,
  .label-info[href]:focus {
    background-color: #31b0d5;
  }
  .label-warning {
    background-color: #f0ad4e;
  }
  .label-warning[href]:hover,
  .label-warning[href]:focus {
    background-color: #ec971f;
  }
  .label-danger {
    background-color: #d9534f;
  }
  .label-danger[href]:hover,
  .label-danger[href]:focus {
    background-color: #c9302c;
  }
  .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #e8e8e8;
    border-radius: 10px;
  }
  .badge:empty {
    display: none;
  }
  .btn .badge {
    position: relative;
    top: -1px;
  }
  .btn-xs .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
  }
  a.badge:hover,
  a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #777777;
    background-color: #fff;
  }
  .list-group-item > .badge {
    float: right;
  }
  .list-group-item > .badge + .badge {
    margin-right: 5px;
  }
  .nav-pills > li > a > .badge {
    margin-left: 3px;
  }
  .alert {
    padding: 15px;
    margin-bottom: 27px;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  .alert h4 {
    margin-top: 0;
    color: inherit;
  }
  .alert .alert-link {
    font-weight: bold;
  }
  .alert > p,
  .alert > ul {
    margin-bottom: 0;
  }
  .alert > p + p {
    margin-top: 5px;
  }
  .alert-dismissable,
  .alert-dismissible {
    padding-right: 35px;
  }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
  }
  .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
  }
  .alert-success hr {
    border-top-color: #c9e2b3;
  }
  .alert-success .alert-link {
    color: #2b542c;
  }
  .alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
  }
  .alert-info hr {
    border-top-color: #a6e1ec;
  }
  .alert-info .alert-link {
    color: #245269;
  }
  .alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
  }
  .alert-warning hr {
    border-top-color: #f7e1b5;
  }
  .alert-warning .alert-link {
    color: #66512c;
  }
  .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
  }
  .alert-danger hr {
    border-top-color: #e4b9c0;
  }
  .alert-danger .alert-link {
    color: #843534;
  }
  @-webkit-keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  @keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  .progress {
    overflow: hidden;
    height: 27px;
    margin-bottom: 27px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  }
  .progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 14px;
    line-height: 27px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    -webkit-transition:  width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease;
    -moz-transition:  width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease;
    -ms-transition:  width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease;
    -o-transition:  width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease;
    transition:  width 0.3s 0s ease, 0.6s 0.3s 0s ease, ease 0.3s 0s ease;
  }
  .progress-striped .progress-bar,
  .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
  }
  .progress.active .progress-bar,
  .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
  }
  .progress-bar-success {
    background-color: #5cb85c;
  }
  .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  }
  .progress-bar-info {
    background-color: #5bc0de;
  }
  .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  }
  .progress-bar-warning {
    background-color: #f0ad4e;
  }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  }
  .progress-bar-danger {
    background-color: #d9534f;
  }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  }
  .panel {
    margin-bottom: 27px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  }
  .panel-body {
    padding: 15px;
  }
  .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
  }
  .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: inherit;
  }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit;
  }
  .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .list-group,
  .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
  }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
  }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
  }
  .list-group + .panel-footer {
    border-top-width: 0;
  }
  .panel > .table,
  .panel > .table-responsive > .table,
  .panel > .panel-collapse > .table {
    margin-bottom: 0;
  }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px;
  }
  .panel > .table:first-child,
  .panel > .table-responsive:first-child > .table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
  .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px;
  }
  .panel > .table:last-child,
  .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
  }
  .panel > .panel-body + .table,
  .panel > .panel-body + .table-responsive,
  .panel > .table + .panel-body,
  .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd;
  }
  .panel > .table > tbody:first-child > tr:first-child th,
  .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
  }
  .panel > .table-bordered,
  .panel > .table-responsive > .table-bordered {
    border: 0;
  }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
  }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
  .panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
  }
  .panel-group {
    margin-bottom: 27px;
  }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
  }
  .panel-group .panel + .panel {
    margin-top: 5px;
  }
  .panel-group .panel-heading {
    border-bottom: 0;
  }
  .panel-group .panel-heading + .panel-collapse > .panel-body,
  .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
  }
  .panel-group .panel-footer {
    border-top: 0;
  }
  .panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
  }
  .panel-default {
    border-color: #ddd;
  }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd;
  }
  .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
  }
  .panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333333;
  }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
  }
  .panel-primary {
    border-color: #337ab7;
  }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
  }
  .panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7;
  }
  .panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
  }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7;
  }
  .panel-success {
    border-color: #d6e9c6;
  }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
  }
  .panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6;
  }
  .panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
  }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6;
  }
  .panel-info {
    border-color: #bce8f1;
  }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
  }
  .panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
  }
  .panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
  }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
  }
  .panel-warning {
    border-color: #faebcc;
  }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
  }
  .panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc;
  }
  .panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
  }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc;
  }
  .panel-danger {
    border-color: #ebccd1;
  }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
  }
  .panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1;
  }
  .panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
  }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1;
  }
  .close {
    float: right;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    -webkit-opacity: 0.2;
    opacity: 0.2;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    filter: alpha(opacity=20);
  }
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
  }
  button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
  }
  .modal-open {
    overflow: hidden;
  }
  .modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
  }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
  .modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
  }
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
  }
  .modal-backdrop.fade {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
  }
  .modal-backdrop.in {
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
  }
  .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.6875px;
  }
  .modal-header .close {
    margin-top: -2px;
  }
  .modal-title {
    margin: 0;
    line-height: 1.6875;
  }
  .modal-body {
    position: relative;
    padding: 15px;
  }
  .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
  }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
  }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0;
  }
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
  @media (min-width: 768px) {
    .modal-dialog {
      width: 600px;
      margin: 30px auto;
    }
    .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
      width: 300px;
    }
  }
  @media (min-width: 992px) {
    .modal-lg {
      width: 900px;
    }
  }
  .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: Ubuntu, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.6875;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
  }
  .tooltip.in {
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
  }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
  }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
  }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
  }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
  }
  .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
  }
  .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
  }
  .tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
  }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
  }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
  }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
  }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
  }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
  }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
  }
  .carousel {
    position: relative;
  }
  .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
    -webkit-transition:  0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease;
    -moz-transition:  0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease;
    -ms-transition:  0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease;
    -o-transition:  0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease;
    transition:  0.6s 0.3s 0s ease, ease-in-out 0.3s 0s ease, left 0.3s 0s ease;
  }
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    line-height: 1;
  }
  @media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
      -webkit-transition: -webkit-transform 0.6s ease-in-out;
      -moz-transition: -moz-transform 0.6s ease-in-out;
      -o-transition: -o-transform 0.6s ease-in-out;
      transition: transform 0.6s ease-in-out;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000px;
      -moz-perspective: 1000px;
      perspective: 1000px;
    }
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      left: 0;
    }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      left: 0;
    }
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
    }
  }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block;
  }
  .carousel-inner > .active {
    left: 0;
  }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .carousel-inner > .next {
    left: 100%;
  }
  .carousel-inner > .prev {
    left: -100%;
  }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0;
  }
  .carousel-inner > .active.left {
    left: -100%;
  }
  .carousel-inner > .active.right {
    left: 100%;
  }
  .carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  }
  .carousel-control:hover,
  .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
  }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block;
  }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
  }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
  }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif;
  }
  .carousel-control .icon-prev:before {
    content: '\2039';
  }
  .carousel-control .icon-next:before {
    content: '\203a';
  }
  .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
  }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
  }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff;
  }
  .carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  }
  .carousel-caption .btn {
    text-shadow: none;
  }
  @media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
      width: 30px;
      height: 30px;
      margin-top: -15px;
      font-size: 30px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
      margin-left: -15px;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
      margin-right: -15px;
    }
    .carousel-caption {
      left: 20%;
      right: 20%;
      padding-bottom: 30px;
    }
    .carousel-indicators {
      bottom: 20px;
    }
  }
  .clearfix:before,
  .clearfix:after,
  .dl-horizontal dd:before,
  .dl-horizontal dd:after,
  .container:before,
  .container:after,
  .container-fluid:before,
  .container-fluid:after,
  .row:before,
  .row:after,
  .form-horizontal .form-group:before,
  .form-horizontal .form-group:after,
  .btn-toolbar:before,
  .btn-toolbar:after,
  .btn-group-vertical > .btn-group:before,
  .btn-group-vertical > .btn-group:after,
  .nav:before,
  .nav:after,
  .navbar:before,
  .navbar:after,
  .navbar-header:before,
  .navbar-header:after,
  .navbar-collapse:before,
  .navbar-collapse:after,
  .panel-body:before,
  .panel-body:after,
  .modal-footer:before,
  .modal-footer:after,
  body.boxed:before,
  body.boxed:after,
  .boxed:before,
  .boxed:after,
  body.fullwidth:before,
  body.fullwidth:after,
  .fullwidth:before,
  .fullwidth:after,
  body.fullwidth .container:before,
  body.fullwidth .container:after,
  .fullwidth .container:before,
  .fullwidth .container:after {
    content: " ";
    display: table;
  }
  .clearfix:after,
  .dl-horizontal dd:after,
  .container:after,
  .container-fluid:after,
  .row:after,
  .form-horizontal .form-group:after,
  .btn-toolbar:after,
  .btn-group-vertical > .btn-group:after,
  .nav:after,
  .navbar:after,
  .navbar-header:after,
  .navbar-collapse:after,
  .panel-body:after,
  .modal-footer:after,
  body.boxed:after,
  .boxed:after,
  body.fullwidth:after,
  .fullwidth:after,
  body.fullwidth .container:after,
  .fullwidth .container:after {
    clear: both;
  }
  .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .pull-right {
    float: right !important;
  }
  .pull-left {
    float: left !important;
  }
  .hide {
    display: none !important;
  }
  .show {
    display: block !important;
  }
  .invisible {
    visibility: hidden;
  }
  .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  .hidden {
    display: none !important;
  }
  .affix {
    position: fixed;
  }
  @-ms-viewport {
    width: device-width;
  }
  .visible-xs,
  .visible-sm,
  .visible-md,
  .visible-lg {
    display: none !important;
  }
  .visible-xs-block,
  .visible-xs-inline,
  .visible-xs-inline-block,
  .visible-sm-block,
  .visible-sm-inline,
  .visible-sm-inline-block,
  .visible-md-block,
  .visible-md-inline,
  .visible-md-inline-block,
  .visible-lg-block,
  .visible-lg-inline,
  .visible-lg-inline-block {
    display: none !important;
  }
  @media (max-width: 767px) {
    .visible-xs {
      display: block !important;
    }
    table.visible-xs {
      display: table !important;
    }
    tr.visible-xs {
      display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
      display: table-cell !important;
    }
  }
  @media (max-width: 767px) {
    .visible-xs-block {
      display: block !important;
    }
  }
  @media (max-width: 767px) {
    .visible-xs-inline {
      display: inline !important;
    }
  }
  @media (max-width: 767px) {
    .visible-xs-inline-block {
      display: inline-block !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
      display: block !important;
    }
    table.visible-sm {
      display: table !important;
    }
    tr.visible-sm {
      display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
      display: table-cell !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
      display: block !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
      display: inline !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
      display: inline-block !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
      display: block !important;
    }
    table.visible-md {
      display: table !important;
    }
    tr.visible-md {
      display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
      display: table-cell !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
      display: block !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
      display: inline !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
      display: inline-block !important;
    }
  }
  @media (min-width: 1200px) {
    .visible-lg {
      display: block !important;
    }
    table.visible-lg {
      display: table !important;
    }
    tr.visible-lg {
      display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
      display: table-cell !important;
    }
  }
  @media (min-width: 1200px) {
    .visible-lg-block {
      display: block !important;
    }
  }
  @media (min-width: 1200px) {
    .visible-lg-inline {
      display: inline !important;
    }
  }
  @media (min-width: 1200px) {
    .visible-lg-inline-block {
      display: inline-block !important;
    }
  }
  @media (max-width: 767px) {
    .hidden-xs {
      display: none !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
      display: none !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
      display: none !important;
    }
  }
  @media (min-width: 1200px) {
    .hidden-lg {
      display: none !important;
    }
  }
  .visible-print {
    display: none !important;
  }
  @media print {
    .visible-print {
      display: block !important;
    }
    table.visible-print {
      display: table !important;
    }
    tr.visible-print {
      display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
      display: table-cell !important;
    }
  }
  .visible-print-block {
    display: none !important;
  }
  @media print {
    .visible-print-block {
      display: block !important;
    }
  }
  .visible-print-inline {
    display: none !important;
  }
  @media print {
    .visible-print-inline {
      display: inline !important;
    }
  }
  .visible-print-inline-block {
    display: none !important;
  }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important;
    }
  }
  @media print {
    .hidden-print {
      display: none !important;
    }
  }
  .vertical-align {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .horizontal-align {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  /*------------------------------------------------------------------
  [Fonts]
  */
  @font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: local('Ubuntu Light'), local('Ubuntu-Light'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCv6KVjbNBYlgoC1CzjsGyI.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKfw7z.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCv6KVjbNBYlgoCjC3jsGyI.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCv6KVjbNBYlgoCxCvjsGyI.ttf) format('truetype');
  }
  .image-link .figure {
    overflow: hidden;
  }
  /*=== YourStore Basic Style ===*/
  * {
    outline: 0;
  }
  *:focus,
  *:active {
    outline: 0 !important;
  }
  body {
    overflow-x: hidden;
  }
  @media (max-width: 1024px) {
    footer,
    #pageContent {
      overflow: hidden;
    }
  }
  body.no-scroll {
    overflow: hidden !important;
    width: 100%;
    position: fixed;
    z-index: 0;
    height: 100%;
  }
  .modal-filter {
    background-color: rgba(0, 0, 0, 0.55);
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: block;
  }
  .position-fix {
    position: fixed !important;
  }
  /* headings */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #333333;
    margin-top: 0;
    letter-spacing: 1px;
  }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: #333333;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  h1 a:hover,
  h2 a:hover,
  h3 a:hover,
  h4 a:hover,
  h5 a:hover,
  h6 a:hover {
    color: #1fc0a0;
    text-decoration: none;
  }
  h1 strong,
  h2 strong,
  h3 strong,
  h4 strong,
  h5 strong,
  h6 strong {
    font-weight: 500;
  }
  h4,
  h5,
  h6 {
    letter-spacing: 0.4px;
  }
  /* mega */
  h1.mega {
    font-size: 110px;
    line-height: 1em;
    margin-bottom: 69px;
  }
  @media (max-width: 768px) {
    h1.mega {
      font-size: 90px;
    }
  }
  @media (max-width: 390px) {
    h1.mega {
      font-size: 80px;
    }
  }
  h4.mega {
    font-size: 20px;
    line-height: 1.1em;
    padding-bottom: 26px;
  }
  /* /mega */
  /* small */
  h3.small {
    font-size: 20px;
  }
  h6.small {
    font-size: 16px;
    margin-bottom: 17px;
  }
  /* /small */
  /* title indent */
  .title-bottom-sm2 {
    margin-bottom: 20px !important;
  }
  .title-bottom-sm1 {
    margin-bottom: 29px !important;
  }
  .title-bottom-sm {
    margin-bottom: 35px !important;
  }
  .title-bottom-md {
    margin-bottom: 52px !important;
  }
  .title-bottom {
    margin-bottom: 45px !important;
  }
  .title-bottom1 {
    margin-bottom: 75px !important;
  }
  .title-top-md {
    margin-top: 35px !important;
  }
  /* /title indent */
  /* title-decimal */
  .title-decimal {
    position: relative;
    padding: 4px 0 9px 69px;
  }
  .title-decimal:before {
    content: attr(data-content);
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0px;
    line-height: 1.45em;
    background: #1fc0a0;
    width: 44px;
    height: 44px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }
  /* /title-decimal */
  /* fonts */
  .main-font {
    font-family: Georgia, sans-serif;
  }
  .custom-font {
    font-family: Ubuntu, sans-serif;
  }
  /* /fonts */
  /*  */
  .font-bold {
    font-weight: bolder;
  }
  .font-lighter {
    font-weight: lighter;
  }
  .font-middle {
    font-weight: 500;
  }
  /* / */
  /* fonts-size */
  .font13 {
    font-size: 13px;
  }
  .font18 {
    font-size: 18px;
  }
  .font20 {
    font-size: 20px;
  }
  .font20_ {
    font-size: 20px !important;
  }
  .font22 {
    font-size: 22px;
  }
  .font24 {
    font-size: 24px;
  }
  @media (max-width: 767px) {
    .font24 {
      font-size: 18px;
    }
  }
  .font26 {
    font-size: 26px;
  }
  @media (max-width: 768px) {
    .font26 {
      font-size: 20px;
    }
  }
  .font30 {
    font-size: 30px;
  }
  .font35 {
    font-size: 35px;
  }
  .font36 {
    font-size: 36px;
  }
  .font48 {
    font-size: 48px;
  }
  .font50 {
    font-size: 50px;
  }
  .font54 {
    font-size: 54px;
  }
  .font77 {
    font-size: 77px;
    line-height: 1.2em;
  }
  .font86 {
    font-size: 86px;
  }
  .font96 {
    font-size: 96px;
    line-height: 1.2em;
  }
  @media (max-width: 767px) {
    .font96 {
      font-size: 50px;
    }
  }
  @media (min-width: 768px) {
    .font96 {
      font-size: 75px;
    }
  }
  @media (min-width: 992px) {
    .font96 {
      font-size: 80px;
    }
  }
  @media (min-width: 1200px) {
    .font96 {
      font-size: 90px;
    }
  }
  @media (min-width: 1770px) {
    .font96 {
      font-size: 96px;
    }
  }
  .font107 {
    font-size: 107px;
    line-height: 1.2em;
  }
  .font115 {
    font-size: 115px;
    line-height: 1.2em;
  }
  .font-medium {
    font-weight: 500;
  }
  .font-lighter {
    font-weight: lighter;
  }
  /* /fonts-size */
  /* separator */
  .separator-border-right {
    border-right: 1px solid #e5e5e5;
  }
  @media (max-width: 1200px) {
    .separator-border-right-hidden-md {
      border-color: transparent;
    }
  }
  /* /separator */
  /*  text-center */
  @media (max-width: 767px) {
    .text-center-xs {
      text-align: center;
    }
  }
  /* / text-center */
  /*  */
  .line-through {
    text-decoration: line-through;
  }
  .border-none {
    border: none !important;
  }
  /*  */
  /*  */
  .width-center75 {
    width: 75%;
    display: inline-block;
  }
  @media (max-width: 767px) {
    .width-center75 {
      width: 100%;
    }
  }
  @media (min-width: 768px) {
    .width-center75 {
      width: 95%;
    }
  }
  @media (min-width: 992px) {
    .width-center75 {
      width: 90%;
    }
  }
  @media (min-width: 1200px) {
    .width-center75 {
      width: 80%;
    }
  }
  @media (min-width: 1770px) {
    .width-center75 {
      width: 75%;
    }
  }
  /* / */
  /* dropcap */
  .dropcap {
    display: block;
    float: left;
    font-size: 3em;
    line-height: 1em;
    margin: 0 5px 0 0;
  }
  /* /dropcap */
  /* hover-effect-01 */
  .hover-effect-01 {
    -webkit-transition:  letter-spacing 300ms linear 0s;
    -moz-transition:  letter-spacing 300ms linear 0s;
    -ms-transition:  letter-spacing 300ms linear 0s;
    -o-transition:  letter-spacing 300ms linear 0s;
    transition:  letter-spacing 300ms linear 0s;
  }
  .hover-effect-01:hover {
    letter-spacing: 1px;
    text-decoration: none;
  }
  /* /hover-effect-01 */
  .border-top-none {
    border-top: none !important;
  }
  .container-no-col-indent .row div {
    padding-left: 0;
    padding-right: 0;
  }
  /* indent row */
  .content-bottom {
    margin-bottom: 74px;
  }
  .display-inline-block {
    display: inline-block;
  }
  /* /indent row */
  /* side-offset */
  .side-offset-9 {
    padding-left: 11%;
    padding-right: 11%;
  }
  /* /side-offset */
  /* dividers */
  .divider {
    height: 30px;
    clear: both;
    overflow: hidden;
    width: 100%;
  }
  .divider--xl-2 {
    height: 165px;
  }
  .divider--xl-1 {
    height: 99px;
  }
  .divider--lg {
    height: 45px;
  }
  .divider--aside {
    height: 36px;
  }
  .divider--md2 {
    height: 40.5px;
  }
  .divider--md1 {
    height: 31.5px;
  }
  .divider--md0 {
    height: 30.6px;
  }
  .divider--md {
    height: 20.01px;
  }
  .divider--sm {
    height: 14.01px;
  }
  .divider--xs {
    height: 8.01px;
  }
  .divider--xxs {
    height: 3px;
  }
  .link-inline {
    display: inline;
  }
  .link-banner1 {
    text-decoration: none;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .link-banner1 .color-custom {
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .link-banner1:active,
  .link-banner1:focus {
    text-decoration: none;
  }
  .link-banner1:hover {
    text-decoration: none;
    color: #1fc0a0;
  }
  .link-banner1:hover .color-custom {
    color: #333;
  }
  .list-inline {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .list-inline li {
    display: inline;
  }
  .divider-line {
    width: 100%;
    height: 1px;
    font-size: 0;
    line-height: 0;
    background-color: #e5e5e5;
    margin: 40px 0 50px;
  }
  .hor-line {
    width: 100%;
    height: 2px;
    font-size: 0;
    line-height: 0;
    background-color: #1fc0a0;
    margin: 15px 0;
  }
  .nowrap {
    white-space: nowrap;
  }
  .light-font {
    font-weight: 300;
  }
  .pos-abs {
    position: absolute;
  }
  .indent-col-none .row [class*="col-"] {
    padding: 0;
    margin: 0;
  }
  .img-border {
    border: 1px solid #e5e5e5;
  }
  .stop-scrolling {
    height: 100%;
    overflow: hidden;
  }
  .wrapper {
    width: 100%;
    display: inline-block;
  }
  /* PAGE MODE */
  @media (min-width: 768px) {
    .container {
      padding-left: 0;
      padding-right: 0;
    }
  }
  body.boxed,
  .boxed {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  @media (min-width: 768px) {
    body.boxed,
    .boxed {
      width: 750px;
    }
  }
  @media (min-width: 992px) {
    body.boxed,
    .boxed {
      width: 970px;
    }
  }
  @media (min-width: 1200px) {
    body.boxed,
    .boxed {
      width: 1170px;
    }
  }
  body.boxed > .navbar-header,
  .boxed > .navbar-header,
  body.boxed > .navbar-collapse,
  .boxed > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  @media (min-width: 768px) {
    body.boxed > .navbar-header,
    .boxed > .navbar-header,
    body.boxed > .navbar-collapse,
    .boxed > .navbar-collapse {
      margin-right: 0;
      margin-left: 0;
    }
  }
  body.fullwidth,
  .fullwidth {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  body.fullwidth > .navbar-header,
  .fullwidth > .navbar-header,
  body.fullwidth > .navbar-collapse,
  .fullwidth > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  @media (min-width: 768px) {
    body.fullwidth > .navbar-header,
    .fullwidth > .navbar-header,
    body.fullwidth > .navbar-collapse,
    .fullwidth > .navbar-collapse {
      margin-right: 0;
      margin-left: 0;
    }
  }
  body.fullwidth .container,
  .fullwidth .container {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.fullwidth .container > .navbar-header,
  .fullwidth .container > .navbar-header,
  body.fullwidth .container > .navbar-collapse,
  .fullwidth .container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  @media (min-width: 768px) {
    body.fullwidth .container > .navbar-header,
    .fullwidth .container > .navbar-header,
    body.fullwidth .container > .navbar-collapse,
    .fullwidth .container > .navbar-collapse {
      margin-right: 0;
      margin-left: 0;
    }
  }
  body.fullwidth .container,
  .fullwidth .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  @media (min-width: 768px) {
    .navbar .dropdown:hover .dropdown-menu {
      display: block;
    }
  }
  /* header */
  #header {
    position: relative;
    z-index: 1000;
    padding-bottom: 0;
  }
  @media (min-width: 768px) {
    #header .row,
    #header .row > [class*="col-"] {
      position: static;
    }
    #header .navbar {
      position: static;
    }
    #header .navbar-toggle {
      display: none;
    }
    #header > .container {
      position: relative;
    }
  }
  @media (max-width: 767px) {
    #header {
      padding-bottom: 0;
    }
    #header .row > div {
      margin-bottom: -1px;
      position: static !important;
      padding-left: 0;
      padding-right: 0;
      width: 100%;
    }
    #header .container {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
    }
    #header .container:first-child .row {
      padding-top: 15px;
    }
    #header .navbar {
      border-radius: 0;
    }
    #header .navbar-toggle {
      display: block;
      margin-left: 5px;
    }
  }
  /* content */
  .content {
    margin-top: 75px;
  }
  @media (max-width: 767px) {
    .content {
      margin-top: 37.5px;
    }
  }
  @media (min-width: 1769px) {
    .content {
      margin-top: 85px;
    }
  }
  .content-fill {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  @media (max-width: 767px) {
    .content-fill {
      margin-top: 37.5px;
      margin-bottom: 37.5px;
    }
  }
  @media (min-width: 1769px) {
    .content-fill {
      margin-top: 85px;
      margin-bottom: 85px;
    }
  }
  .content-big-indent {
    margin-top: 235px;
  }
  @media (max-width: 767px) {
    .content-big-indent {
      margin-top: 50px;
    }
  }
  @media (min-width: 768px) {
    .content-big-indent {
      margin-top: 75px;
    }
  }
  @media (min-width: 992px) {
    .content-big-indent {
      margin-top: 190px;
    }
  }
  @media (min-width: 1200px) {
    .content-big-indent {
      margin-top: 218px;
    }
  }
  @media (min-width: 1770px) {
    .content-big-indent {
      margin-top: 235px;
    }
  }
  .content-md {
    margin-top: 20px;
  }
  @media (max-width: 767px) {
    .content-md {
      margin-top: 10px;
    }
  }
  @media (min-width: 1769px) {
    .content-md {
      margin-top: 30px;
    }
  }
  .content-sm {
    margin-top: 0px;
  }
  @media (max-width: 767px) {
    .content-sm {
      margin-top: 0px;
    }
  }
  @media (min-width: 1769px) {
    .content-sm {
      margin-top: 10px;
    }
  }
  /* /content */
  body:not(.index) #pageContent > .container {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 60px;
  }
  /* offset margin */
  .offset-top-0 {
    margin-top: 0 !important;
  }
  .offset-top-5 {
    margin-top: 5px !important;
  }
  .offset-top-10 {
    margin-top: 10px !important;
  }
  .offset-top-20 {
    margin-top: 20px !important;
  }
  .offset-top-30 {
    margin-top: 30px !important;
  }
  .offset-top-40 {
    margin-top: 40px !important;
  }
  /* inner padding */
  .inset-top-5 {
    padding-top: 5px;
  }
  .inset-top-10 {
    padding-top: 10px;
  }
  .inset-top-20 {
    padding-top: 20px;
  }
  .inset-top-30 {
    padding-top: 30px;
  }
  .inset-top-40 {
    padding-top: 40px;
  }
  .inset-top-50 {
    padding-top: 50px;
  }
  .inset-top-60 {
    padding-top: 60px;
  }
  .inset-bottom-5 {
    padding-bottom: 5px;
  }
  .inset-bottom-10 {
    padding-bottom: 10px;
  }
  .inset-bottom-20 {
    padding-bottom: 20px;
  }
  .inset-bottom-30 {
    padding-bottom: 30px;
  }
  .inset-bottom-40 {
    padding-bottom: 40px;
  }
  .inset-bottom-50 {
    padding-bottom: 50px;
  }
  .inset-bottom-60 {
    padding-bottom: 60px;
  }
  /* parallax background */
  html:not(.touch) .fixed-bg {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
  }
  /*=== ADD BOOTSTRAP XL BREAKPOINT ===*/
  @media (min-width: 1769px) {
    .hidden-lg {
      display: none !important;
    }
  }
  .visible-xl-block,
  .visible-xl-inline,
  .visible-xl-inline-block,
  .visible-xl {
    display: none !important;
  }
  @media (min-width: 1770px) {
    .container {
      width: 1740px;
    }
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
      float: left;
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
    }
    .col-xl-one-nine {
      width: 11.1111111%;
    }
    .col-xl-one-six {
      width: 16.66666667%;
    }
    .col-xl-one-fifth {
      width: 20%;
    }
    .col-xl-12 {
      width: 100%;
    }
    .col-xl-11 {
      width: 91.66666667%;
    }
    .col-xl-10 {
      width: 83.33333333%;
    }
    .col-xl-9 {
      width: 75%;
    }
    .col-xl-8 {
      width: 66.66666667%;
    }
    .col-xl-7 {
      width: 58.33333333%;
    }
    .col-xl-6 {
      width: 50%;
    }
    .col-xl-5 {
      width: 41.66666667%;
    }
    .col-xl-4 {
      width: 33.33333333%;
    }
    .col-xl-3 {
      width: 25%;
    }
    .col-xl-2 {
      width: 16.66666667%;
    }
    .col-xl-1 {
      width: 8.33333333%;
    }
    .col-xl-pull-12 {
      right: 100%;
    }
    .col-xl-pull-11 {
      right: 91.66666667%;
    }
    .col-xl-pull-10 {
      right: 83.33333333%;
    }
    .col-xl-pull-9 {
      right: 75%;
    }
    .col-xl-pull-8 {
      right: 66.66666667%;
    }
    .col-xl-pull-7 {
      right: 58.33333333%;
    }
    .col-xl-pull-6 {
      right: 50%;
    }
    .col-xl-pull-5 {
      right: 41.66666667%;
    }
    .col-xl-pull-4 {
      right: 33.33333333%;
    }
    .col-xl-pull-3 {
      right: 25%;
    }
    .col-xl-pull-2 {
      right: 16.66666667%;
    }
    .col-xl-pull-1 {
      right: 8.33333333%;
    }
    .col-xl-pull-0 {
      right: auto;
    }
    .col-xl-push-12 {
      left: 100%;
    }
    .col-xl-push-11 {
      left: 91.66666667%;
    }
    .col-xl-push-10 {
      left: 83.33333333%;
    }
    .col-xl-push-9 {
      left: 75%;
    }
    .col-xl-push-8 {
      left: 66.66666667%;
    }
    .col-xl-push-7 {
      left: 58.33333333%;
    }
    .col-xl-push-6 {
      left: 50%;
    }
    .col-xl-push-5 {
      left: 41.66666667%;
    }
    .col-xl-push-4 {
      left: 33.33333333%;
    }
    .col-xl-push-3 {
      left: 25%;
    }
    .col-xl-push-2 {
      left: 16.66666667%;
    }
    .col-xl-push-1 {
      left: 8.33333333%;
    }
    .col-xl-push-0 {
      left: auto;
    }
    .col-xl-offset-12 {
      margin-left: 100%;
    }
    .col-xl-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-xl-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-xl-offset-9 {
      margin-left: 75%;
    }
    .col-xl-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-xl-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-xl-offset-6 {
      margin-left: 50%;
    }
    .col-xl-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-xl-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-xl-offset-3 {
      margin-left: 25%;
    }
    .col-xl-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-xl-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-xl-offset-0 {
      margin-left: 0;
    }
    .visible-xl {
      display: block !important;
    }
    table.visible-xl {
      display: table;
    }
    tr.visible-xl {
      display: table-row !important;
    }
    th.visible-xl,
    td.visible-xl {
      display: table-cell !important;
    }
    .visible-xl-block {
      display: block !important;
    }
    .visible-xl-inline {
      display: inline !important;
    }
    .visible-xl-inline-block {
      display: inline-block !important;
    }
    .hidden-xl {
      display: none !important;
    }
  }
  /*====== typography ======*/
  /* link */
  .underline {
    text-decoration: underline;
  }
  a.underline:hover {
    text-decoration: none;
  }
  /* /link */
  /* color */
  .color-custom {
    color: #1fc0a0;
  }
  .color-custom:hover {
    color: #1fc0a0;
  }
  .text-color {
    color: #777777;
  }
  .text-color:hover {
    color: #777777;
  }
  .color-price-old {
    color: #fa6b6b;
  }
  .color-price-old:hover {
    color: #fa6b6b;
  }
  .color {
    color: #1fc0a0;
  }
  .color:hover {
    color: #1fc0a0;
  }
  .color-white {
    color: #fff;
  }
  .color-white:hover {
    color: #fff;
  }
  .color-dark {
    color: #333333;
  }
  .color-dark:hover {
    color: #333333;
  }
  a.color,
  a.color:hover {
    color: #1fc0a0;
  }
  .color-red {
    color: #fa6b6b;
  }
  .color-red:hover {
    color: #fa6b6b;
  }
  .color-pink {
    color: #fa6b6b;
  }
  .color-pink:hover {
    color: #fa6b6b;
  }
  .color-blue {
    color: #395499;
  }
  .color-blue:hover {
    color: #395499;
  }
  .color-blue-light {
    color: #67e0fa;
  }
  .color-blue-light:hover {
    color: #67e0fa;
  }
  .color-green {
    color: #8ed044;
  }
  .color-green:hover {
    color: #8ed044;
  }
  .color-green-dark {
    color: #1fc0a0;
  }
  .color-green-dark:hover {
    color: #1fc0a0;
  }
  .color-gray {
    color: #999999;
  }
  .color-gray:hover {
    color: #999999;
  }
  .color-yellow {
    color: #feea3a;
  }
  .color-yellow:hover {
    color: #feea3a;
  }
  /* background-color */
  .bg-custom {
    background-color: #1fc0a0;
  }
  .bg-red {
    background-color: #fa6b6b;
  }
  .bg-pink {
    background-color: #fa6b6b;
  }
  .bg-blue {
    background-color: #395499;
  }
  .bg-light-blue {
    background-color: #67e0fa;
  }
  .bg-green {
    background-color: #8ed044;
  }
  .bg-green-light {
    background-color: #41df7c;
  }
  .bg-green-dark {
    background-color: #1fc0a0;
  }
  .bg-yellow {
    background-color: #feea3a;
  }
  .bg-coquelicot {
    background-color: #fd6940;
  }
  .bg-black {
    background-color: #000;
  }
  /* /background-color */
  .opacity-5 {
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
  }
  .opacity-10 {
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    -webkit-opacity: 0.1;
    opacity: 0.1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
    filter: alpha(opacity=10);
  }
  .opacity-15 {
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    -webkit-opacity: 0.15;
    opacity: 0.15;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
    filter: alpha(opacity=15);
  }
  .opacity-20 {
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    -webkit-opacity: 0.2;
    opacity: 0.2;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    filter: alpha(opacity=20);
  }
  .opacity-25 {
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    -webkit-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
  }
  .opacity-30 {
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    -webkit-opacity: 0.3;
    opacity: 0.3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30);
  }
  .opacity-35 {
    -moz-opacity: 0.35;
    -khtml-opacity: 0.35;
    -webkit-opacity: 0.35;
    opacity: 0.35;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35);
    filter: alpha(opacity=35);
  }
  .opacity-45 {
    -moz-opacity: 0.45;
    -khtml-opacity: 0.45;
    -webkit-opacity: 0.45;
    opacity: 0.45;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=45);
    filter: alpha(opacity=45);
  }
  .opacity-50 {
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
  }
  .opacity-55 {
    -moz-opacity: 0.55;
    -khtml-opacity: 0.55;
    -webkit-opacity: 0.55;
    opacity: 0.55;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55.00000000000001);
    filter: alpha(opacity=55.00000000000001);
  }
  .opacity-60 {
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
    opacity: 0.6;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60);
  }
  .opacity-65 {
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    -webkit-opacity: 0.65;
    opacity: 0.65;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
    filter: alpha(opacity=65);
  }
  .opacity-70 {
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter: alpha(opacity=70);
  }
  .opacity-75 {
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    -webkit-opacity: 0.75;
    opacity: 0.75;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
    filter: alpha(opacity=75);
  }
  .opacity-80 {
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
  }
  .opacity-85 {
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    -webkit-opacity: 0.85;
    opacity: 0.85;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
    filter: alpha(opacity=85);
  }
  .opacity-90 {
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
  }
  .opacity-95 {
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    -webkit-opacity: 0.95;
    opacity: 0.95;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
    filter: alpha(opacity=95);
  }
  .simple-list {
    margin: 10px 0 6px 0;
    padding: 0;
    list-style-type: none;
    counter-reset: myCounter;
  }
  .simple-list li {
    padding: 0 0 7px 18px;
    position: relative;
    list-style-type: none;
  }
  .simple-list li:before {
    position: absolute;
    display: block;
    top: 10px;
    left: 0;
    color: #1fc0a0;
    font-family: 'Material Icons';
    content: "\e3a6";
    font-size: 0.53em;
    line-height: 1em;
  }
  .simple-list li ul {
    padding: 0 0 0 0;
    margin: 7px 0 0 17px;
  }
  .simple-list li ul li:last-child {
    padding-bottom: 0;
  }
  .simple-list li a {
    color: #777777;
    font-weight: 300;
    text-decoration: none !important;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .simple-list li a:hover {
    color: #1fc0a0;
    text-decoration: none;
  }
  .simple-list li.active > a {
    color: #1fc0a0;
  }
  .simple-list.font-bold a {
    font-weight: bold;
  }
  .simple-list.color-dark a {
    color: #333;
  }
  .simple-list-underline {
    margin: 10px 0 0;
    padding: 0;
    list-style-type: none;
    counter-reset: myCounter;
  }
  .simple-list-underline li {
    padding: 0 0 7px 18px;
    position: relative;
    list-style-type: none;
  }
  .simple-list-underline li:after {
    position: absolute;
    display: block;
    top: 10px;
    left: 0;
    color: #1fc0a0;
    font-family: 'Material Icons';
    content: "\e3a6";
    font-size: 0.53em;
    line-height: 1em;
  }
  .simple-list-underline li ul {
    padding: 0 0 0 0;
    margin: 7px 0 0 17px;
  }
  .simple-list-underline li ul li:last-child {
    padding-bottom: 0;
  }
  .simple-list-underline li a {
    color: #333;
    font-weight: 300;
    text-decoration: underline;
  }
  .simple-list-underline li a:hover {
    color: #1fc0a0;
    text-decoration: none;
  }
  .simple-list-underline li.active > a {
    color: #1fc0a0;
  }
  .marker-list {
    margin: 15px 0;
    padding: 0;
    list-style: none;
  }
  .marker-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    color: #1fc0a0;
    font-weight: 300;
  }
  .marker-list li:after {
    position: absolute;
    display: block;
    top: 5px;
    left: 0;
    font-family: 'Material Icons';
    content: "\e5ca";
    font-size: 1em;
    line-height: 1em;
    z-index: 1;
  }
  .marker-list li a {
    color: #1fc0a0;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .marker-list li a:hover {
    color: #333333;
    text-decoration: none;
  }
  .marker-list-circle {
    margin: 13px 0;
    padding: 0;
    list-style: none;
  }
  .marker-list-circle li {
    position: relative;
    padding-left: 31px;
    margin-bottom: 0px;
    font-weight: light;
  }
  .marker-list-circle li:after {
    position: absolute;
    display: block;
    top: 10px;
    left: 0;
    color: #1fc0a0;
    font-family: 'Material Icons';
    content: "\e3a6";
    font-size: 0.53em;
    line-height: 1em;
  }
  .decimal-list {
    padding: 0;
    margin: 10px 0 0 0;
    list-style-type: none;
    counter-reset: myCounter;
  }
  .decimal-list li {
    padding: 0 0 0 18px;
    margin-bottom: 7px;
    text-indent: 0;
    position: relative;
  }
  .decimal-list li:before {
    content: counter(myCounter);
    counter-increment: myCounter;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #1fc0a0;
    font-weight: 500;
  }
  .decimal-list ul {
    counter-reset: myCounter1;
    list-style-type: none;
    padding: 0;
    margin: 7px 0 0 17px;
  }
  .decimal-list ul li:before {
    content: counter(myCounter1);
    counter-increment: myCounter1;
  }
  .decimal-list ul li:last-child {
    padding-bottom: 0;
  }
  .decimal-list a {
    text-decoration: none;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .decimal-list a:hover {
    color: #1fc0a0 !important;
  }
  .decimal-list.color-dark a {
    color: #333;
  }
  .categories-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .categories-list li {
    padding-bottom: 7px;
  }
  .categories-list li:last-child {
    padding-bottom: 0;
  }
  .categories-list li a {
    -webkit-transition: all 150ms ease-out 0s;
    -moz-transition: all 150ms ease-out 0s;
    -ms-transition: all 150ms ease-out 0s;
    -o-transition: all 150ms ease-out 0s;
    transition: all 150ms ease-out 0s;
  }
  .categories-list li a:hover {
    color: #1fc0a0;
    text-decoration: none;
    padding-left: 5px;
  }
  .without-declaration-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .without-declaration-list li {
    padding-bottom: 7px;
  }
  .without-declaration-list li:last-child {
    padding-bottom: 0;
  }
  .without-declaration-list li a:hover {
    color: #1fc0a0;
    text-decoration: none;
  }
  .list-indent-left {
    margin-left: 34px;
  }
  .list-icon {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .list-icon li {
    position: relative;
    min-height: 52px;
    margin-bottom: 20px;
    padding: 10px 0 0 72px;
    letter-spacing: -0.02em;
  }
  .list-icon span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 30px;
    line-height: 1.7em;
    width: 52px;
    height: 52px;
    background-color: #1fc0a0;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }
  .list-icon .fa-fax {
    font-size: 22px;
    line-height: 2.3em;
  }
  .list-icon .icon-mail {
    font-size: 26px;
    line-height: 1.9em;
  }
  .list-icon strong {
    color: #333333;
  }
  .list-arrow-right {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .list-arrow-right li {
    position: relative;
    padding: 0;
    margin: 0;
    font-weight: light;
    font-weight: lighter;
  }
  .list-arrow-right li:after {
    position: absolute;
    display: block;
    top: 10px;
    left: 0;
    color: #1fc0a0;
    font-family: 'Material Icons';
    content: "\e409";
    font-size: 0.53em;
    line-height: 1em;
  }
  .list-arrow-right li a {
    display: inline-block;
    padding: 0 0 0 21px;
    -webkit-transition:  all 0.3s 0s ease;
    -moz-transition:  all 0.3s 0s ease;
    -ms-transition:  all 0.3s 0s ease;
    -o-transition:  all 0.3s 0s ease;
    transition:  all 0.3s 0s ease;
  }
  .list-arrow-right li a:hover {
    color: #1fc0a0;
    text-decoration: none;
  }
  .list-icon-small {
    overflow: hidden;
  }
  .list-icon-small li {
    display: block;
    float: left;
    margin-left: 8px;
    margin-bottom: 8px;
  }
  .list-icon-small li:first-child {
    margin-left: 0;
  }
  .list-bg-round {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
  }
  .list-bg-round li {
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #67e0fa;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    line-height: 1em;
    display: inline-block;
    margin: 0 10px 10px 0;
  }
  .list-bg-round li span {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    width: 60px;
  }
  .list-bg-round li b {
    display: block;
    text-align: center;
  }
  /* map */
  #map {
    height: 474px;
    width: 100%;
  }
  /* /map */
  .sizes-row {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .sizes-row li {
    min-width: 70px;
    display: inline-block;
    text-align: center;
  }
  /* tables */
  table td {
    border-color: #e5e5e5 !important;
  }
  .table.text-center td,
  .table.text-center th {
    text-align: center;
  }
  .table-address {
    min-width: 250px;
    margin: 20px 0 35px;
  }
  .table-address td {
    padding: 3px 25px 3px 0;
    vertical-align: top;
  }
  .table-params td {
    padding: 11px 18px !important;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #e5e5e5;
  }
  .table-params tr > td:first-child {
    border-left: 0;
    width: 30%;
  }
  .table-params tr:last-child td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e5e5e5;
  }
  .table-params .rating {
    margin: 7px 0;
  }
  .icon-enable {
    display: inline-block;
    font-size: 28px;
    line-height: 1em;
    color: #1fc0a0;
  }
  .icon-disable {
    display: inline-block;
    font-size: 28px;
    line-height: 1em;
    color: #e5e5e5;
  }
  .table-order-history {
    width: 100%;
  }
  .table-order-history table {
    width: 100%;
  }
  .table-order-history tr {
    border-bottom: 1px solid #e5e5e5;
  }
  .table-order-history tr tr {
    border: none;
  }
  .table-order-history td,
  .table-order-history th {
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #e5e5e5;
    padding: 11px 5px;
  }
  .table-order-history td:last-child,
  .table-order-history th:last-child {
    border-right: none;
  }
  .table-order-history td:first-child,
  .table-order-history th:first-child {
    text-align: left;
    padding-left: 0;
  }
  .table-order-history th {
    border-top: 1px solid #e5e5e5;
  }
  .table-order-history .th-title {
    font-weight: bold;
    color: #333333;
    width: 50%;
    left: 0;
    text-align: right;
    position: absolute;
    padding-right: 15px;
  }
  @media (max-width: 767px) {
    .table-order-history thead {
      display: none;
    }
    .table-order-history td,
    .table-order-history td:first-child {
      width: 100%;
      display: block;
      padding-left: 50%;
      text-align: left;
      border-left: none;
      border-right: none;
      border-bottom: 1px solid #e5e5e5;
    }
    .table-order-history tr {
      border-bottom: none !important;
    }
  }
  @media (max-width: 767px) {
    .table-order-history thead {
      display: none;
    }
    .table-order-history td,
    .table-order-history td:first-child {
      width: 100%;
      display: block;
      padding-left: 60%;
      text-align: left;
      border-left: none;
      border-right: none;
      border-bottom: 1px solid #e5e5e5;
    }
    .table-order-history .th-title {
      width: 60%;
    }
  }
  /* img */
  .img-left {
    float: left;
    margin: 8px 40px 40px 0;
  }
  .img-right {
    float: right;
    margin: 0 0 40px 40px;
  }
  .img-responsive-inline {
    display: inline-block !important;
    max-width: 100%;
    height: auto;
  }
  /* blockquote */
  blockquote {
    border-left: none;
    position: relative;
  }
  blockquote.quote-left {
    padding: 0 0 0 123px;
    margin: 28px 0 22px;
    border-left-color: transparent;
    color: #1fc0a0;
    font-family: Georgia, sans-serif;
    font-style: italic;
    font-size: 24px;
    line-height: 39px;
  }
  blockquote.quote-left:before {
    position: absolute;
    display: block;
    top: 0;
    left: -7px;
    margin-top: -15px;
    font-family: Georgia, sans-serif;
    content: '“';
    font-size: 9.8em;
    line-height: 1em;
    color: #1fc0a0;
    font-style: normal;
  }
  blockquote.quote-left cite {
    font-size: 18px;
    color: #333333;
  }
  /* lead */
  .lead {
    font-size: 18px;
    color: #333333;
    font-family: Georgia, sans-serif;
    padding: 14px 0 0 0;
    margin-bottom: 50px;
  }
  /* fill-bg */
  .fill-bg {
    background-color: #f5f5f5;
  }
  .fill-bg .btn.btn--ys:hover {
    background-color: #374850;
    color: #fff;
  }
  .fill-bg.aside-inner {
    padding: 29px 15px 0 15px;
  }
  .fill-bg-lighter {
    background-color: #f8f8f8;
  }
  .fill-bg-custom {
    background-color: #1fc0a0;
  }
  .fill-bg-custom.aside-inner {
    padding: 29px 15px 0 15px;
  }
  /* /fill-bg */
  /* center content */
  @media (max-width: 991px) {
    .col-sm-center {
      text-align: center;
    }
    .col-sm-center ul {
      max-width: 370px;
      margin: 0 auto;
    }
    .col-sm-center ul li {
      text-align: left;
    }
    .col-sm-center ol {
      max-width: 370px;
      margin: 0 auto;
    }
    .col-sm-center ol li {
      text-align: left;
    }
    .col-sm-center .title-under:after {
      left: 50%;
      margin-left: -34px;
    }
    .col-sm-center img {
      display: inline-block !important;
    }
  }
  /* /center content */
  /* table */
  table {
    margin-bottom: 22px;
  }
  table th {
    color: #333333;
  }
  .table-bordered-01 {
    border-top: 1px solid #e5e5e5;
    width: 100%;
  }
  .table-bordered-01 thead td,
  .table-bordered-01 thead tr th {
    color: #333333;
  }
  .table-bordered-01 thead th:first-child,
  .table-bordered-01 tbody tr td:first-child {
    width: 10%;
    border-right: 1px solid #e5e5e5;
    text-align: right;
    padding-left: 10px;
  }
  .table-bordered-01 tbody tr td:first-child {
    color: #1fc0a0;
  }
  .table-bordered-01 thead th,
  .table-bordered-01 tbody tr td {
    padding: 17px 30px;
  }
  .table-bordered-01 tbody tr,
  .table-bordered-01 thead tr {
    border-bottom: 1px solid #e5e5e5;
  }
  .table-bordered-01 ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .table-bordered-01 ul li {
    display: inline-block;
    color: #333333;
    min-width: 63px;
    margin-right: 10px;
  }
  /* /table */
  /* dl */
  dl dt {
    color: #333333;
    font-size: 20px;
    font-weight: 500;
    padding: 0 0 4px 0;
  }
  dl dd {
    padding-bottom: 21px;
  }
  dl dd a {
    color: #1fc0a0;
    text-decoration: underline;
  }
  dl dd a:hover {
    text-decoration: none;
  }
  /* /dl */
  /* separator */
  hr {
    border-color: #e5e5e5;
  }
  hr.hr-md {
    margin-top: 13px;
    margin-bottom: 13px;
  }
  hr.hr-lg {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  @media (max-width: 767px) {
    hr.hr-lg {
      margin-top: 30px;
      margin-bottom: 30px;
    }
  }
  @media (min-width: 768px) {
    hr.hr-lg {
      margin-top: 40px;
      margin-bottom: 40px;
    }
  }
  @media (min-width: 992px) {
    hr.hr-lg {
      margin-top: 50px;
      margin-bottom: 50px;
    }
  }
  .separator-section {
    padding: 0;
    margin: 0;
  }
  .separator-section hr {
    position: relative;
    top: 46px;
  }
  /* /separator */
  /* link-icon */
  .link-color {
    text-decoration: underline;
    color: #1fc0a0;
  }
  .link-color:hover {
    text-decoration: none;
    color: #1fc0a0;
  }
  .link-icon {
    color: #1fc0a0;
  }
  .link-icon .icon,
  .link-icon .fa {
    margin-right: 8px;
    position: relative;
    top: 2px;
    display: inline-block;
  }
  /* /link-icon */
  /* link-underline */
  .link-top {
    padding-top: 15px;
  }
  .link-underline {
    text-decoration: underline;
    color: #1fc0a0;
  }
  .link-underline:hover {
    text-decoration: none;
    color: #1fc0a0;
  }
  /* /link-underline */
  .indent-top-text {
    padding-top: 13.5px;
  }
  .indent-top1-text {
    padding-top: 27px;
  }
  .container.indent-l-r-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .text-with-button {
    vertical-align: middle;
    display: inline-block;
  }
  .text-with-button span {
    font-size: 20px;
    padding-right: 10px;
  }
  @media (max-width: 768px) {
    .text-with-button span {
      display: block;
      text-align: center;
      padding-bottom: 10px;
    }
  }
  .content--parallax {
    background: url(../images/custom/parallax-img-01.jpg) 50% 50% no-repeat;
    height: 717px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
  }
  @media only screen and (min-width: 1025px) {
    .content--parallax {
      background-attachment: fixed;
    }
  }
  @media (max-width: 767px) {
    .content--parallax {
      height: 317px;
    }
  }
  @media (min-width: 768px) {
    .content--parallax {
      height: 417px;
    }
  }
  @media (min-width: 992px) {
    .content--parallax {
      height: 517px;
    }
  }
  @media (min-width: 1200px) {
    .content--parallax {
      height: 617px;
    }
  }
  @media (min-width: 1770px) {
    .content--parallax {
      height: 717px;
    }
  }
  .content--parallax-sm {
    height: 514px;
  }
  .content--parallax-sm .parallax-text {
    height: 514px;
  }
  @media (max-width: 767px) {
    .content--parallax-sm {
      height: inherit;
    }
    .content--parallax-sm .parallax-text {
      height: inherit;
      padding-top: 50px;
      padding-bottom: 50px;
    }
  }
  .carusel--parallax {
    padding: 80px 0;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    overflow: hidden;
  }
  @media only screen and (min-width: 1025px) {
    .carusel--parallax {
      background-attachment: fixed;
    }
  }
  .block-table {
    display: table;
    width: 100%;
    height: 100%;
  }
  .block-table-cell {
    display: table-cell;
    vertical-align: middle;
  }
  /* media-icon
  ==================================== */
  .media-icon {
    display: table-row;
    width: 100%;
    height: 100%;
  }
  .media-icon--figure {
    display: table-cell;
    vertical-align: middle;
  }
  .media-icon--content {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 23px;
  }
  /* end media-icon
  ==================================== */
  .image-bg {
    background: fixed no-repeat;
    background-position: center top;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
  }
  /* media-box-link
  ==================================== */
  .media-box-link {
    display: table-row;
    width: 100%;
    height: 100%;
    background-color: #1fc0a0;
    cursor: pointer;
    color: #fff;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .media-box-link h4 {
    color: #fff;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .media-box-link .icon {
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .media-box-link--figure,
  .media-box-link--content,
  .media-box-link--arrow {
    display: table-cell;
    padding: 6% 0;
    vertical-align: middle;
  }
  .media-box-link--figure {
    width: 23%;
  }
  .media-box-link--content {
    padding-right: 5%;
    width: 67%;
  }
  .media-box-link--arrow {
    width: 10%;
    vertical-align: middle;
  }
  .media-box-link:hover {
    background-color: #f5f5f5;
    color: #777777;
  }
  .media-box-link:hover h4 {
    color: #333333;
  }
  .media-box-link:hover .icon {
    color: #1fc0a0;
  }
  @media (max-width: 530px) {
    .media-box-link {
      display: block;
    }
    .media-box-link--figure,
    .media-box-link--content,
    .media-box-link--arrow {
      display: block;
      width: 100%;
      text-align: center;
      padding: 0 4%;
    }
    .media-box-link--figure {
      padding-top: 4%;
      padding-bottom: 4%;
    }
    .media-box-link--content {
      padding-bottom: 4%;
    }
    .media-box-link--arrow {
      padding-bottom: 4%;
    }
  }
  /* end media-box-link
  ==================================== */
  /* media-content-img-left
  ==================================== */
  .media-content-img-left .pull-left {
    margin: 9px 30px 30px 0;
  }
  /* end media-content-img-left
  ==================================== */
  /* media-content-img-left
  ==================================== */
  .brand-lg-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .brand-lg-list a {
    width: 20%;
    float: left;
    display: block;
  }
  @media (min-width: 992px) {
    .brand-lg-list a {
      width: 20%;
    }
  }
  @media (min-width: 1200px) {
    .brand-lg-list a {
      width: 20%;
    }
  }
  @media (min-width: 1770px) {
    .brand-lg-list a {
      width: 20%;
    }
  }
  .brand-lg-list a img {
    display: block;
    -webkit-transition:  all 300ms 0s ease;
    -moz-transition:  all 300ms 0s ease;
    -ms-transition:  all 300ms 0s ease;
    -o-transition:  all 300ms 0s ease;
    transition:  all 300ms 0s ease;
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    -webkit-opacity: 0.3;
    opacity: 0.3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
  }
  .brand-lg-list a:hover img {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
  }
  .brand-lg-list .row-item {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
  }
  .brand-lg-list .row-item a {
    border-right: 1px solid #e5e5e5;
  }
  .brand-lg-list .row-item a:last-child {
    border-right: 1px solid transparent;
  }
  .brand-lg-list .row-item:last-child {
    border-bottom: 1px solid transparent;
  }
  /* end media-content-img-left
  ==================================== */
  .promos h2 a:hover {
    color: #333;
  }
  /* bull-line */
  .bull-line {
    width: 68px;
    height: 5px;
    background: #1fc0a0;
    display: inline-block;
  }
  /* /bull-line */
  @media (min-width: 2000px) {
    .container-fluid-large {
      width: 1770px;
    }
  }
  .img-responsive-block {
    width: 100%;
    height: auto;
  }
  @media (max-width: 600px) {
    #map:before {
      content: "";
      position: absolute;
      z-index: 999;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
  }
  .animated {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
  }
  .animation {
    opacity: 0;
    opacity: 1\9;
  }
  @-webkit-keyframes slideDown {
    0% {
      max-height: 0;
    }
    100% {
      max-height: 500px;
    }
  }
  @keyframes slideDown {
    0% {
      max-height: 0;
    }
    100% {
      max-height: 500px;
    }
  }
  .slideDown {
    overflow: hidden;
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }
  @-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
  @-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  @-webkit-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }
  @-moz-keyframes pulse {
    0% {
      -moz-transform: scale(1);
      opacity: 0;
    }
    25% {
      -moz-transform: scale(1);
      opacity: 0.1;
    }
    50% {
      -moz-transform: scale(1.1);
      opacity: 0.3;
    }
    75% {
      -moz-transform: scale(1.3);
      opacity: 0.5;
    }
    100% {
      -moz-transform: scale(1.5);
      opacity: 0;
    }
  }
  @-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(1);
      opacity: 0;
    }
    25% {
      -webkit-transform: scale(1);
      opacity: 0.1;
    }
    50% {
      -webkit-transform: scale(1.1);
      opacity: 0.3;
    }
    75% {
      -webkit-transform: scale(1.3);
      opacity: 0.5;
    }
    100% {
      -webkit-transform: scale(1.5);
      opacity: 0;
    }
  }
  @keyframes pulse {
    0% {
      transform: scale(1);
      opacity: 0;
    }
    25% {
      transform: scale(1);
      opacity: 0.1;
    }
    50% {
      transform: scale(1.1);
      opacity: 0.3;
    }
    75% {
      transform: scale(1.3);
      opacity: 0.5;
    }
    100% {
      transform: scale(1.5);
      opacity: 0;
    }
  }
  /****************************************
  * loader
  *****************************************/
  #loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000111;
    background-color: #ffffff;
    opacity: 1;
    -webkit-transition:  all 500ms linear 0s;
    -moz-transition:  all 500ms linear 0s;
    -ms-transition:  all 500ms linear 0s;
    -o-transition:  all 500ms linear 0s;
    transition:  all 500ms linear 0s;
  }
  #loader-wrapper.loader-off,
  body.loaded #loader-wrapper {
    opacity: 0;
    visibility: hidden;
    -webkit-transition:  all 500ms linear 0s;
    -moz-transition:  all 500ms linear 0s;
    -ms-transition:  all 500ms linear 0s;
    -o-transition:  all 500ms linear 0s;
    transition:  all 500ms linear 0s;
  }
  /* The loader container */
  #loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    perspective: 400px;
    transform-type: preserve-3d;
  }
  /* The dot */
  #loader .dot {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -80px;
    transform-type: preserve-3d;
    transform-origin: 80px 50%;
    transform: rotateY(0);
    background-color: #1fc0a0;
    animation: dot1 2000ms cubic-bezier(0.56, 0.09, 0.89, 0.69) infinite;
  }
  #loader .dot:nth-child(2) {
    z-index: 9;
    animation-delay: 150ms;
  }
  #loader .dot:nth-child(3) {
    z-index: 8;
    animation-delay: 300ms;
  }
  #loader .dot:nth-child(4) {
    z-index: 7;
    animation-delay: 450ms;
  }
  #loader .dot:nth-child(5) {
    z-index: 6;
    animation-delay: 600ms;
  }
  #loader .dot:nth-child(6) {
    z-index: 5;
    animation-delay: 750ms;
  }
  #loader .dot:nth-child(7) {
    z-index: 4;
    animation-delay: 900ms;
  }
  #loader .dot:nth-child(8) {
    z-index: 3;
    animation-delay: 1050ms;
  }
  @keyframes dot1 {
    0% {
      transform: rotate(0deg) skew(0deg);
      background-color: #1fc0a0;
    }
    45% {
      transform: rotate(180deg) skew(-30deg);
      background-color: #0a3c32;
      animation-timing-function: cubic-bezier(0.15, 0.62, 0.72, 0.98);
    }
    90%,
    100% {
      transform: rotate(0deg) skew(0deg);
      background-color: #1fc0a0;
    }
  }
  /****************************************
  * end loader
  *****************************************/
  /****************************************
  * header
  *****************************************/
  .logo img {
    max-height: 80px;
  }
  #header {
    position: relative;
    z-index: 100001;
  }
  #header img.logo {
    display: inline-block;
    max-height: 80px;
  }
  #header .settings {
    padding: 16px 0 0 0;
    display: inline-block;
  }
  #header .settings .dropdown {
    z-index: 10011;
  }
  #header .cart .dropdown-menu {
    z-index: 11111;
  }
  @media (max-width: 1200px) {
    #header .search.link-inline {
      margin-right: 0px;
    }
  }
  @media (min-width: 1770px) {
    #header .search.link-inline {
      margin-right: 13px;
    }
  }
  @media (min-width: 768px) {
    #header .logo.img-responsive {
      max-width: inherit;
    }
  }
  @media (min-width: 768px) {
    #header .slogan {
      padding: 16px 0 0 0;
      display: inline-block;
      vertical-align: top;
    }
  }
  @media (max-width: 767px) {
    #header .settings {
      background-color: #333333;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50px;
      padding-top: 10px;
      text-align: left !important;
    }
    #header .settings .dropdown {
      display: inline;
      text-align: left !important;
      color: #fff;
    }
    #header .settings .dropdown > a {
      color: #fff;
    }
    #header .stuck-nav {
      background: none !important;
    }
    #header .logo {
      max-width: 50%;
      margin: 17px 10px 3px 10px;
    }
    #header .cart {
      display: flex;
      position: absolute;
      top: 50%;
      margin-top: -45px;
      right: 45px;
    }
    #header .cart .badge--cart {
      right: -25px;
    }
    #header .cart .dropdown.text-right .dropdown-menu {
      left: 0;
      right: 0;
      min-width: 300px;
    }
    #header .search {
      position: absolute;
      right: 18px;
      bottom: -1px;
      margin-right: 0 !important;
    }
    #header .account {
      position: absolute;
      height: 53px;
      right: 0;
      padding-right: 15px;
      top: -10px;
    }
    #header .account .dropdown.text-right .dropdown-menu {
      left: auto;
      right: 0;
      min-width: 300px;
    }
    #header .account .dropdown .dropdown-menu--xs-full {
      margin-top: 7px;
    }
  }
  #header .navbar {
    margin-bottom: 0;
    position: relative;
    border: none;
  }
  @media (max-width: 767px) {
    #header .navbar {
      background-color: #1fc0a0;
    }
    #header .navbar .navbar-nav {
      margin: 0;
      overflow: auto;
    }
    #header .navbar .navbar-toggle {
      margin-top: 6px;
    }
  }
  @media (min-width: 768px) {
    #header .navbar .dropdown-menu {
      padding: 20px;
      margin-top: -17px !important;
    }
    #header .navbar .dropdown-menu.megamenu {
      margin-top: -15px !important;
    }
    #header .navbar .dropdown-one-col .dropdown-menu {
      margin-top: -15px !important;
    }
    #header .navbar .dropdown-two-col a {
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
    }
    #header .navbar .dropdown-two-col .dropdown-menu {
      margin-top: -15px !important;
    }
  }
  #header .navbar .navbar-toggle {
    float: left;
  }
  #header .navbar .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  #header .navbar .navbar-collapse {
    padding: 0;
  }
  @media (max-width: 767px) {
    #header .navbar .navbar-collapse {
      position: absolute;
      width: 100%;
      background-color: #fff;
      z-index: 1000;
      top: 52px;
    }
  }
  /* stuck */
  @media (min-width: 1025px) {
    .stuck-nav > div {
      position: relative;
    }
  }
  .fixedbarCSs {
    top: -250px;
    opacity: 0;
    -webkit-transition:  all 500ms ease-out 0s;
    -moz-transition:  all 500ms ease-out 0s;
    -ms-transition:  all 500ms ease-out 0s;
    -o-transition:  all 500ms ease-out 0s;
    transition:  all 500ms ease-out 0s;
  }
  .fixedbar {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    z-index: 7111111;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition:  opacity 500ms ease-out 0s;
    -moz-transition:  opacity 500ms ease-out 0s;
    -ms-transition:  opacity 500ms ease-out 0s;
    -o-transition:  opacity 500ms ease-out 0s;
    transition:  opacity 500ms ease-out 0s;
  }
  .fixedbar .cart {
    top: 6px;
    position: relative;
  }
  .fixedbar .badge--cart {
    right: 0;
    top: -33px;
  }
  .fixedbar .dropdown.text-right {
    margin-right: 10px;
    padding: 0 30px 10px 0;
  }
  .fixedbar1 {
    position: absolute!important;
    top: 0;
    left: 0;
  }
  @media (min-width: 768px) {
    .fixedbar {
      min-height: 70px;
    }
    .fixedbar .search,
    .fixedbar .account {
      display: none !important;
    }
    .fixedbar .offset-top-5 {
      margin-top: 0 !important;
    }
    .fixedbar .cart {
      top: 4px;
    }
    .fixedbar .cart .icon {
      margin-right: 3px;
    }
    .fixedbar .badge--cart {
      right: 0;
      top: -23px;
    }
    .fixedbar .mainMenu {
      padding-top: 4px;
    }
    .fixedbar .mainMenu .navbar-nav > li {
      padding: 0 !important;
    }
    .fixedbar .mainMenu .navbar-nav > li > a .act-underline {
      padding-bottom: 7px;
    }
    .fixedbar .dropdown.text-right {
      margin-right: 0px;
    }
  }
  @media (max-width: 767px) {
    .fixedbar .account,
    .fixedbar .search {
      display: none !important;
    }
    .fixedbar .offset-top-5 {
      margin-top: 0 !important;
    }
    .fixedbar .cart {
      right: 17px !important;
      margin-top: -26px !important;
    }
    .fixedbar .cart .dropdown > a .icon {
      color: #fff !important;
      font-size: 2em !important;
    }
    .fixedbar .badge--cart {
      width: 28px;
      height: 28px;
      line-height: 1.6em;
      top: -20px;
      right: -30px !important;
    }
    .fixedbar .dropdown.text-right {
      padding-right: 25px;
    }
    #header .fixedbar .container:first-child .row {
      padding-top: 0;
    }
  }
  /* /stuck */
  .caret {
    border-top-style: solid;
    border-top: 3px solid;
  }
  @media (max-width: 768px) {
    .link-inline {
      display: inline-block;
      padding-top: 10px;
    }
    .link-inline.cart {
      padding-top: 0;
    }
  }
  header .search-dropdown {
    z-index: 1111 !important;
  }
  /* toggle-menu
  ==================================== */
  .toggle-menu {
    position: relative;
    z-index: 77;
  }
  .toggle-menu .dropdown-menu {
    width: 870px;
    left: inherit;
    right: 0;
    padding: 28px;
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  }
  .toggle-menu .dropdown-menu li {
    margin-left: 4%;
  }
  .toggle-menu .dropdown-menu li:first-child {
    margin-left: 0;
    padding-left: 0;
  }
  .toggle-menu .dropdown-menu li:nth-child(2) {
    margin-left: 0;
  }
  .toggle-menu .ul-row {
    overflow: hidden;
    list-style: none;
    margin: 0;
    right: 3px;
    display: table !important;
  }
  .toggle-menu .li-col {
    float: left;
    width: 28%;
  }
  .toggle-menu .li-col:hover .megamenu__subtitle span {
    color: #333333;
    letter-spacing: 0.4px !important;
  }
  .toggle-menu .li-col ul {
    padding: 0;
    margin: 0;
  }
  .toggle-menu .li-col li {
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .toggle-menu .li-col li a {
    text-decoration: none;
    display: block;
    padding: 6px 2px 7px 11px;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .toggle-menu .li-col li a:hover {
    background-color: #f7f7f7;
  }
  .toggle-menu .li-col li:last-child {
    border-bottom: none;
  }
  .toggle-menu .li-col li img {
    margin: 0 5px 0 0;
    position: relative;
    top: -1px;
  }
  .toggle-menu .li-col li.active a {
    background-color: #f7f7f7;
  }
  .toggle-menu .li-col-full {
    width: 100%;
    padding-left: 4%;
    padding-bottom: 5px;
    overflow: hidden;
  }
  .toggle-menu .li-col-full .close {
    color: #333333;
    cursor: pointer;
    opacity: 1;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .toggle-menu .li-col-full .close:hover {
    color: #1fc0a0;
  }
  /* toggle-menu
  ==================================== */
  /* =====================index-02.html===================== */
  @media (max-width: 767px) {
    .mobile-menu-on {
      display: block !important;
    }
  }
  @media (max-width: 768px) {
    .mobile-menu-off {
      display: none !important;
    }
  }
  /* header-layout-02 */
  .pad-right-none {
    padding-right: none;
  }
  #header.header-layout-02 {
    padding-bottom: 14px;
    /* h-box-address */
    /* /h-box-address */
  }
  #header.header-layout-02 .slogan {
    display: table-cell;
    height: 88px;
    vertical-align: middle;
  }
  #header.header-layout-02 hr {
    margin: 0px 0 15px 0;
  }
  @media (min-width: 768px) {
    #header.header-layout-02 .settings {
      padding-top: 3px;
    }
  }
  @media (max-width: 1199px) {
    #header.header-layout-02 .dropdown {
      position: static;
      display: inline;
      font-weight: 300;
    }
  }
  @media (min-width: 767px) {
    #header.header-layout-02 .stuck-nav {
      display: none;
    }
    #header.header-layout-02 .stuck-nav.fixedbar {
      display: block;
    }
  }
  @media (max-width: 768px) {
    #header.header-layout-02 .stuck-nav {
      display: block;
    }
    #header.header-layout-02 .stuck-nav.fixedbar {
      display: block;
    }
  }
  #header.header-layout-02 .search.mobile-menu-off a .icon {
    font-size: 37px;
  }
  #header.header-layout-02 .offset-top-5 .search a .icon-search {
    top: -9px;
    font-size: 37px;
  }
  #header.header-layout-02 .offset-top-5 .search-dropdown {
    margin-top: -60px !important;
  }
  #header.header-layout-02 .badge.badge--hidden {
    display: block !important;
  }
  #header.header-layout-02 .account-row-list ul {
    list-style: none;
    border-right: 1px solid #e5e5e5;
    margin-right: 29px;
    padding-bottom: 7px;
  }
  #header.header-layout-02 .account-row-list ul li {
    display: inline-block;
    margin-right: 29px;
  }
  @media (max-width: 1199px) {
    #header.header-layout-02 .account-row-list ul li {
      margin-right: 27px;
    }
  }
  #header.header-layout-02 .account-row-list ul li a {
    color: #1fc0a0;
    text-decoration: none;
    -webkit-transition:  all 0.3s 0s ease;
    -moz-transition:  all 0.3s 0s ease;
    -ms-transition:  all 0.3s 0s ease;
    -o-transition:  all 0.3s 0s ease;
    transition:  all 0.3s 0s ease;
  }
  #header.header-layout-02 .account-row-list ul li a:hover {
    color: #333333;
  }
  #header.header-layout-02 .account-row-list ul li a .icon {
    font-size: 17px;
    margin-right: 5px;
    position: relative;
    top: 2px;
  }
  @media (min-width: 768px) {
    #header.header-layout-02 .row-functional-link {
      padding-top: 9px;
    }
    #header.header-layout-02 .row-functional-link .link-inline {
      display: inline-block;
      float: right;
    }
    #header.header-layout-02 .row-functional-link .link-inline .dropdown {
      display: block;
      padding: 0;
    }
    #header.header-layout-02 .row-functional-link .link-inline .dropdown > a {
      display: inline-block;
      padding: 54px 24px 0px 24px;
      position: relative;
      text-align: left;
      border-left: 1px solid #e5e5e5;
    }
    #header.header-layout-02 .row-functional-link .link-inline .dropdown > a .icon {
      -webkit-transition:  all 0.3s 0s ease;
      -moz-transition:  all 0.3s 0s ease;
      -ms-transition:  all 0.3s 0s ease;
      -o-transition:  all 0.3s 0s ease;
      transition:  all 0.3s 0s ease;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute !important;
      top: 15px;
      font-size: 30px !important;
    }
    #header.header-layout-02 .row-functional-link .link-inline .dropdown > a .icon.icon-sort {
      margin-left: -15px;
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
    }
    #header.header-layout-02 .row-functional-link .link-inline .dropdown > a .name-text {
      color: #333333;
      font-size: 18px;
      display: inline-block;
      padding-top: 4px;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 0.03em;
    }
    #header.header-layout-02 .row-functional-link .link-inline .dropdown > a .badge--cart {
      top: 0;
      right: auto;
      left: 65%;
      font-size: 16px;
      line-height: 1.95em;
    }
    #header.header-layout-02 .row-functional-link .link-inline:first-child .dropdown > a {
      padding-right: 0px;
    }
  }
  @media (max-width: 767px) {
    #header.header-layout-02 .container .row {
      padding-top: 18px;
    }
    #header.header-layout-02 .row-functional-link .name-text {
      display: none !important;
    }
    #header.header-layout-02 #header .row > div {
      width: 100%;
    }
    #header.header-layout-02 .account-row-list {
      display: none;
    }
    #header.header-layout-02 .logo {
      margin: 16px 10px 30px;
    }
  }
  @media (max-width: 767px) and (max-width: 1199px) {
    #header.header-layout-02 .settings .dropdown {
      padding: 0 0 0 20px !important;
    }
  }
  @media (min-width: 768px) {
    #header.header-layout-02 .search {
      margin-top: -7px;
    }
    #header.header-layout-02 .search-dropdown {
      z-index: 11111 !important;
    }
  }
  @media (min-width: 768px) and (max-width: 1200px) {
    #header.header-layout-02 .account-row-list ul {
      margin-right: 20px;
    }
  }
  #header.header-layout-02 .h-address {
    font-weight: 300;
    margin-right: 31px;
    position: relative;
    top: -8px;
    line-height: 30px;
  }
  #header.header-layout-02 .h-address .icon {
    color: #1fc0a0;
    font-size: 20px;
    position: relative;
    top: 4px;
  }
  #header.header-layout-02 .h-address b {
    color: #333333;
    font-size: 18px;
    font-weight: 500;
  }
  #header.header-layout-02 .h-address p {
    padding: 5px 0 0 0;
  }
  #header.header-layout-02 .stuck-nav .search-dropdown {
    margin-top: -56px;
  }
  @media (max-width: 767px) {
    #header.header-layout-02 .stuck-nav .search {
      bottom: 12px;
    }
  }
  @media (min-width: 768px) {
    #header.header-layout-02 .stuck-nav .search .search__open {
      top: 14px;
      position: relative;
    }
  }
  #header.header-layout-02 .stuck-nav .search__close {
    float: right;
  }
  #header.header-layout-02 .stuck-nav .search {
    display: block;
  }
  #header.header-layout-02 .stuck-nav.fixedbar .search-dropdown {
    margin-top: -38px;
  }
  @media (min-width: 768px) {
    #header.header-layout-02 .stuck-nav.fixedbar .search {
      margin-top: 0px;
    }
  }
  @media (max-width: 767px) {
    #header.header-layout-02 .stuck-nav.fixedbar .search {
      bottom: 15px;
    }
    #header.header-layout-02 .stuck-nav.fixedbar .search .search__open {
      top: 14px;
      position: relative;
    }
  }
  #header.header-layout-02 #search {
    background-color: #fff;
    position: relative;
    z-index: 9;
  }
  /* /header-layout-02 */
  @media (min-width: 1024px) {
    #header.header-layout-02 .stuck-nav {
      display: none;
    }
  }
  /* =====================/index-02.html===================== */
  /* =====================index-03.html===================== */
  /* header-layout-03 */
  .pad-right-none {
    padding-right: none;
  }
  #header.header-layout-03 {
    /* h-box-address */
    /* /h-box-address */
  }
  #header.header-layout-03 .slogan {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
  }
  #header.header-layout-03 hr {
    margin: 0px 0 15px 0;
  }
  @media (min-width: 767px) {
    #header.header-layout-03 .settings {
      padding-top: 3px;
    }
  }
  @media (max-width: 1199px) {
    #header.header-layout-03 .dropdown {
      position: static;
      display: inline;
      font-weight: 300;
    }
  }
  #header.header-layout-03 .search.mobile-menu-off a .icon {
    font-size: 37px;
  }
  #header.header-layout-03 .offset-top-5 .search a .icon-search {
    top: -9px;
    font-size: 37px;
  }
  #header.header-layout-03 .offset-top-5 .search-dropdown {
    margin-top: -60px !important;
  }
  #header.header-layout-03 .badge.badge--hidden {
    display: block !important;
  }
  #header.header-layout-03 .account-row-list ul {
    list-style: none;
    border-right: 1px solid #e5e5e5;
    margin-right: 29px;
    padding-bottom: 7px;
  }
  #header.header-layout-03 .account-row-list ul li {
    display: inline-block;
    margin-right: 29px;
  }
  @media (max-width: 1199px) {
    #header.header-layout-03 .account-row-list ul li {
      margin-right: 27px;
    }
  }
  #header.header-layout-03 .account-row-list ul li a {
    color: #1fc0a0;
    text-decoration: none;
    -webkit-transition:  all 0.3s 0s ease;
    -moz-transition:  all 0.3s 0s ease;
    -ms-transition:  all 0.3s 0s ease;
    -o-transition:  all 0.3s 0s ease;
    transition:  all 0.3s 0s ease;
  }
  #header.header-layout-03 .account-row-list ul li a:hover {
    color: #333333;
  }
  #header.header-layout-03 .account-row-list ul li a .icon {
    font-size: 17px;
    margin-right: 5px;
    position: relative;
    top: 2px;
  }
  @media (min-width: 768px) {
    #header.header-layout-03 .logo {
      margin-bottom: 37px;
    }
    #header.header-layout-03 .row-functional-link {
      padding-top: 9px;
    }
    #header.header-layout-03 .row-functional-link .link-inline {
      display: inline-block;
      float: right;
    }
    #header.header-layout-03 .row-functional-link .link-inline .dropdown {
      display: block;
      padding: 0;
    }
    #header.header-layout-03 .row-functional-link .link-inline .dropdown > a {
      display: inline-block;
      padding: 54px 24px 0px 24px;
      position: relative;
      text-align: left;
      border-left: 1px solid #e5e5e5;
    }
    #header.header-layout-03 .row-functional-link .link-inline .dropdown > a .icon {
      -webkit-transition:  all 0.3s 0s ease;
      -moz-transition:  all 0.3s 0s ease;
      -ms-transition:  all 0.3s 0s ease;
      -o-transition:  all 0.3s 0s ease;
      transition:  all 0.3s 0s ease;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute !important;
      top: 15px;
      font-size: 30px !important;
    }
    #header.header-layout-03 .row-functional-link .link-inline .dropdown > a .icon.icon-sort {
      margin-left: -15px;
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
    }
    #header.header-layout-03 .row-functional-link .link-inline .dropdown > a .name-text {
      color: #333333;
      font-size: 18px;
      display: inline-block;
      padding-top: 4px;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 0.03em;
    }
    #header.header-layout-03 .row-functional-link .link-inline .dropdown > a .badge--cart {
      top: 0;
      right: auto;
      left: 65%;
      font-size: 16px;
      line-height: 1.95em;
    }
    #header.header-layout-03 .row-functional-link .link-inline:first-child .dropdown > a {
      padding-right: 0px;
    }
    #header.header-layout-03 .account-row-list ul {
      margin-right: 20px;
    }
  }
  @media (max-width: 767px) {
    #header.header-layout-03 .container .row {
      padding-top: 18px;
    }
    #header.header-layout-03 .row-functional-link .name-text {
      display: none !important;
    }
    #header.header-layout-03 #header .row > div {
      width: 100%;
    }
    #header.header-layout-03 .account-row-list {
      display: none;
    }
    #header.header-layout-03 .logo {
      margin: 16px 10px 30px;
    }
  }
  @media (min-width: 768px) {
    #header.header-layout-03 .search {
      margin-top: -7px;
    }
    #header.header-layout-03 .search-dropdown {
      z-index: 11111 !important;
    }
  }
  #header.header-layout-03 .h-address {
    font-weight: 300;
    margin-right: 31px;
    position: relative;
    top: -8px;
    line-height: 30px;
  }
  #header.header-layout-03 .h-address .icon {
    color: #1fc0a0;
    font-size: 20px;
    position: relative;
    top: 4px;
  }
  #header.header-layout-03 .h-address b {
    color: #333333;
    font-size: 18px;
    font-weight: 500;
  }
  #header.header-layout-03 .h-address p {
    padding: 5px 0 0 0;
  }
  #header.header-layout-03 #search {
    background-color: #fff;
    position: relative;
    z-index: 9;
  }
  @media (max-width: 767px) {
    #header.header-layout-03 .cart {
      margin-top: -23px;
    }
  }
  @media (max-width: 767px) and (max-width: 1199px) {
    #header.header-layout-03 .settings .dropdown {
      padding: 0 0 0 20px !important;
    }
  }
  @media (min-width: 767px) {
    #header.header-layout-03 .stuck-nav {
      background-color: #333333;
    }
    #header.header-layout-03 .stuck-nav .mainMenu {
      padding-top: 5px;
    }
    #header.header-layout-03 .stuck-nav .mainMenu .navbar-nav > li > a .act-underline {
      padding-bottom: 5px;
    }
    #header.header-layout-03 .stuck-nav .pull-right {
      display: none;
    }
    #header.header-layout-03 .stuck-nav.fixedbar .pull-right {
      display: block;
    }
    #header.header-layout-03 .stuck-nav.fixedbar .cart .dropdown > a:hover .icon {
      color: #fff !important;
    }
    #header.header-layout-03 .stuck-nav .navbar-nav > li > a {
      padding-bottom: 3px;
    }
    #header.header-layout-03 .stuck-nav .navbar .dropdown-menu.megamenu,
    #header.header-layout-03 .stuck-nav .navbar .dropdown-two-col .dropdown-menu {
      margin-top: -7px !important;
    }
  }
  @media (min-width: 767px) and (max-width: 1199px) {
    #header.header-layout-03 .stuck-nav .mainMenu .nav {
      padding-bottom: 10px;
    }
  }
  #header.header-layout-03 .stuck-nav .search-dropdown {
    margin-top: -56px;
  }
  @media (max-width: 767px) {
    #header.header-layout-03 .stuck-nav .search {
      bottom: -2px;
    }
  }
  @media (min-width: 768px) {
    #header.header-layout-03 .stuck-nav .search {
      bottom: 15px;
    }
    #header.header-layout-03 .stuck-nav .search .search__open {
      top: 14px;
      position: relative;
    }
  }
  #header.header-layout-03 .stuck-nav .search__close {
    float: right;
  }
  #header.header-layout-03 .stuck-nav .search {
    display: block;
  }
  #header.header-layout-03 .stuck-nav .badge--menu:after {
    border-top: 5px solid #777;
  }
  #header.header-layout-03 .stuck-nav .badge--color:after {
    border-top: 5px solid #1fc0a0;
  }
  #header.header-layout-03 .stuck-nav.fixedbar .search-dropdown {
    margin-top: -38px;
  }
  @media (max-width: 767px) {
    #header.header-layout-03 .stuck-nav.fixedbar .search {
      bottom: 15px;
    }
    #header.header-layout-03 .stuck-nav.fixedbar .search .search__open {
      top: 14px;
      position: relative;
    }
  }
  /* /header-layout-03 */
  /* =====================/index-03.html===================== */
  /* =====================index-04.html(layout-04)===================== */
  #header.header-layout-04 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 15px;
    z-index: 7;
  }
  #header.header-layout-04 .logo {
    position: relative;
    z-index: 7;
  }
  @media (min-width: 768px) {
    #header.header-layout-04 .extra-right {
      position: absolute;
      right: 0;
      top: 24px;
      width: 100%;
    }
    #header.header-layout-04 .search {
      margin-right: 13px;
    }
    #header.header-layout-04 .logo {
      display: inline-block;
      margin-bottom: 30px;
    }
    #header.header-layout-04 .slogan {
      color: #fff;
    }
    #header.header-layout-04 .navbar {
      display: inline-block;
    }
    #header.header-layout-04 .mainMenu .navbar-nav > li > a {
      color: #fff;
    }
    #header.header-layout-04 .settings .dropdown-label,
    #header.header-layout-04 .settings .dropdown-toggle {
      color: #fff;
    }
    #header.header-layout-04 .search .icon-search {
      color: #fff;
    }
    #header.header-layout-04 .search.open .icon-search {
      display: none;
    }
    #header.header-layout-04 .account .icon {
      color: #fff;
    }
    #header.header-layout-04 .account:hover .icon {
      color: #1fc0a0 !important;
    }
  }
  #header.header-layout-04 .cart .dropdown-toggle:hover .icon {
    color: #fff !important;
  }
  @media (max-width: 767px) {
    #header.header-layout-04 .logo {
      left: 0;
      margin: 75px 10px 45px;
      position: absolute;
      max-width: 70%;
    }
    #header.header-layout-04 .cart {
      margin-top: 128px;
    }
    #header.header-layout-04 > .container:last-child {
      position: absolute;
      top: 50px;
      width: 100%;
    }
    #header.header-layout-04 .search {
      bottom: -47px;
      z-index: 99;
    }
    #header.header-layout-04 .account .dropdown .dropdown-menu--xs-full {
      margin-top: 7px;
    }
  }
  @media (max-width: 767px) and (max-width: 436px) {
    #header.header-layout-04 .cart {
      margin-top: 115px;
    }
  }
  @media (max-width: 767px) and (max-width: 367px) {
    #header.header-layout-04 .cart {
      margin-top: 110px;
    }
  }
  /* =====================index-04.html(layout-04)===================== */
  /* =====================index-05.html(layout-05)===================== */
  #header.header-layout-05 {
    padding-top: 15px;
  }
  #header.header-layout-05 .logo {
    position: relative;
    z-index: 7;
  }
  @media (min-width: 768px) {
    #header.header-layout-05 .extra-right {
      position: absolute;
      right: 0;
      top: 24px;
      width: 100%;
    }
    #header.header-layout-05 .logo {
      display: inline-block;
      margin-bottom: 32px;
    }
    #header.header-layout-05 .navbar {
      display: inline-block;
    }
    #header.header-layout-05 .search.open .icon-search {
      display: none;
    }
    #header.header-layout-05 .navbar-nav > li > a {
      padding-bottom: 2px;
    }
    #header.header-layout-05 .navbar .dropdown-menu.megamenu,
    #header.header-layout-05 .navbar .dropdown-menu.multicolumn {
      margin-top: -6px !important;
    }
    #header.header-layout-05 .stuck-nav .col-stuck-cart {
      display: none;
    }
    #header.header-layout-05 .stuck-nav.fixedbar .col-stuck-menu {
      width: 85%;
      float: left;
    }
    #header.header-layout-05 .stuck-nav.fixedbar .col-stuck-menu .text-center {
      text-align: left;
    }
    #header.header-layout-05 .stuck-nav.fixedbar .col-stuck-cart {
      display: block;
      width: 15%;
    }
  }
  @media (max-width: 767px) {
    #header.header-layout-05 .logo {
      float: left;
      margin: 26px 10px 7px 10px;
    }
  }
  /* =====================index-05.html(layout-05)===================== */
  /* =====================index-06.html(layout-06)===================== */
  .toggle-menu {
    font-size: 29px;
    line-height: 1.2em;
    margin-left: 28px;
    margin-right: 12px;
    color: #333333;
  }
  .toggle-menu .icon {
    cursor: pointer;
  }
  .toggle-menu:hover {
    color: #1fc0a0;
  }
  @media (min-width: 768px) {
    #header.header-layout-06 {
      min-height: 144px;
    }
    #header.header-layout-06 .navbar-toggle-act {
      display: none;
    }
    #header.header-layout-06 .navbar {
      margin-top: 15px;
      z-index: 7;
    }
    #header.header-layout-06 .link-inline {
      margin-top: 36px;
    }
    #header.header-layout-06 .width-extra {
      width: 80%;
    }
    #header.header-layout-06 .alignment-extra {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 7;
    }
    #header.header-layout-06 .fixedbar .navbar {
      display: inline-block !important;
    }
    #header.header-layout-06 .link-inline.fixedbar {
      margin-top: 17px;
      left: auto;
      right: 0;
      width: 10%;
      background-color: transparent;
      box-shadow: none;
    }
    #header.header-layout-06 .stuck-nav {
      position: relative;
      z-index: 7;
    }
    #header.header-layout-06 .stuck-nav .col-stuck-cart {
      display: none;
    }
    #header.header-layout-06 .stuck-nav.fixedbar {
      text-align: left;
    }
    #header.header-layout-06 .stuck-nav.fixedbar .navbar {
      margin-top: 0;
    }
    #header.header-layout-06 .stuck-nav.fixedbar .col-stuck-menu {
      width: 85%;
      float: left;
    }
    #header.header-layout-06 .stuck-nav.fixedbar .col-stuck-menu .text-center {
      text-align: left;
    }
    #header.header-layout-06 .stuck-nav.fixedbar .col-stuck-cart {
      display: block;
      width: 15%;
    }
  }
  @media (min-width: 768px) and (min-width: 1770px) {
    #header.header-layout-06 .toggle-menu {
      margin-left: 12px;
    }
  }
  @media (min-width: 768px) and (max-width: 1200px) {
    #header.header-layout-06 .stuck-nav {
      z-index: 1;
    }
  }
  @media (min-width: 768px) and (min-width: 1200px) {
    #header.header-layout-06 .stuck-nav {
      z-index: 1;
    }
  }
  @media (min-width: 768px) and (min-width: 1770px) {
    #header.header-layout-06 .stuck-nav {
      z-index: 7;
    }
  }
  @media (max-width: 767px) {
    #header.header-layout-06 .logo {
      margin: 17px 10px 48px 10px;
    }
    #header.header-layout-06 .stuck-nav .container {
      padding-left: 0;
      padding-right: 0;
    }
  }
  /* =====================index-06.html(layout-06)===================== */
  /* =====================index-07.html(layout-07)===================== */
  #header.header-layout-07 {
    /* menu */
  }
  @media (min-width: 768px) {
    #header.header-layout-07 .logo {
      margin: 0 0 38px 0;
      position: relative;
      z-index: 1;
    }
    #header.header-layout-07 .link-inline {
      margin-top: 36px;
    }
    #header.header-layout-07 .navbar-toggle-act {
      display: none;
    }
    #header.header-layout-07 .fixedbar .navbar {
      display: inline-block !important;
      position: relative;
      z-index: 777;
    }
    #header.header-layout-07 .search-outer {
      display: block;
      padding-top: 16px;
      position: relative;
      z-index: 1;
    }
    #header.header-layout-07 .cart {
      padding-right: 10px;
    }
    #header.header-layout-07 .navbar-nav {
      padding-top: 2px;
    }
    #header.header-layout-07 .stuck-nav .col-stuck-cart {
      display: none;
    }
    #header.header-layout-07 .stuck-nav.fixedbar .col-stuck-menu {
      width: 85%;
      float: left;
    }
    #header.header-layout-07 .stuck-nav.fixedbar .col-stuck-menu .text-center {
      text-align: left;
    }
    #header.header-layout-07 .stuck-nav.fixedbar .col-stuck-cart {
      display: block;
      width: 15%;
    }
  }
  @media (max-width: 767px) {
    #header.header-layout-07 .fill-bg {
      background: none;
    }
    #header.header-layout-07 .logo {
      margin: 17px 10px 8px 10px;
    }
  }
  @media (min-width: 767px) {
    #header.header-layout-07 .stuck-nav .pull-right {
      display: none;
    }
    #header.header-layout-07 .stuck-nav.fixedbar .pull-right {
      display: block;
    }
    #header.header-layout-07 .stuck-nav .navbar-nav > li > a {
      padding-bottom: 3px;
    }
    #header.header-layout-07 .stuck-nav .navbar .dropdown-menu.megamenu,
    #header.header-layout-07 .stuck-nav .navbar .dropdown-two-col .dropdown-menu {
      margin-top: -7px !important;
    }
  }
  #header.header-layout-07 .stuck-nav .search-dropdown {
    margin-top: -56px;
  }
  @media (max-width: 767px) {
    #header.header-layout-07 .stuck-nav .search {
      bottom: -2px;
    }
  }
  @media (min-width: 768px) {
    #header.header-layout-07 .stuck-nav .search {
      bottom: 15px;
    }
    #header.header-layout-07 .stuck-nav .search .search__open {
      top: 14px;
      position: relative;
    }
  }
  #header.header-layout-07 .stuck-nav.fixedbar .search-dropdown {
    margin-top: -38px;
  }
  @media (max-width: 767px) {
    #header.header-layout-07 .stuck-nav.fixedbar .search {
      bottom: 15px;
    }
    #header.header-layout-07 .stuck-nav.fixedbar .search .search__open {
      top: 14px;
      position: relative;
    }
  }
  /* =====================index-07.html(layout-07)===================== */
  /* =====================index-08.html(layout-08)===================== */
  @media (min-width: 768px) {
    #header.header-layout-08 {
      padding-top: 18px;
    }
    #header.header-layout-08 .logo,
    #header.header-layout-08 .navbar {
      display: inline-block;
    }
    #header.header-layout-08 .logo {
      margin-bottom: 14px;
    }
    #header.header-layout-08 .search.link-inline {
      margin-right: 0;
    }
    #header.header-layout-08 .stuck-nav.fixedbar .toggle-menu {
      display: none;
    }
    #header.header-layout-08 .stuck-nav.fixedbar .text-center {
      text-align: left;
    }
    #header.header-layout-08 .toggle-menu {
      margin-left: 25px;
    }
  }
  @media (max-width: 767px) {
    #header.header-layout-08 .logo {
      float: left;
    }
    #header.header-layout-08 .currency.dropdown {
      padding-left: 20px;
    }
  }
  /* =====================index-08.html(layout-08)===================== */
  /* =====================index-09.html(layout-09)===================== */
  @media (min-width: 768px) {
    #header.header-layout-09 {
      padding-bottom: 7px;
      padding-top: 18px;
    }
    #header.header-layout-09 .search-dropdown {
      z-index: 11111 !important;
    }
    #header.header-layout-09 .settings {
      padding-top: 25px;
      padding-right: 25px;
    }
    #header.header-layout-09 .slogan {
      padding-top: 25px;
    }
    #header.header-layout-09 .cart .dropdown.text-right {
      padding-right: 0px;
    }
    #header.header-layout-09 .cart .dropdown > a .icon {
      margin-right: 14px;
    }
    #header.header-layout-09 .stuck-nav .cart .dropdown.text-right {
      padding-right: 30px;
    }
    #header.header-layout-09 .stuck-nav .cart .dropdown > a .icon {
      margin-right: 3px;
    }
    #header.header-layout-09 .navbar {
      float: left;
    }
    #header.header-layout-09 .mainMenu .navbar-nav > li:last-child {
      margin-right: 0 !important;
    }
    #header.header-layout-09 .stuck-nav .col-stuck-cart {
      display: none;
    }
    #header.header-layout-09 .stuck-nav.fixedbar .col-stuck-menu {
      width: 85%;
      float: left;
    }
    #header.header-layout-09 .stuck-nav.fixedbar .col-stuck-menu .text-center {
      text-align: left;
    }
    #header.header-layout-09 .stuck-nav.fixedbar .col-stuck-cart {
      display: block;
      width: 15%;
    }
  }
  @media (min-width: 768px) and (min-width: 1770px) {
    #header.header-layout-09 {
      padding-top: 45px;
    }
  }
  @media (min-width: 768px) and (min-width: 992px) {
    #header.header-layout-09 .settings {
      padding-right: 0;
      padding-bottom: 19px;
    }
  }
  @media (min-width: 768px) and (min-width: 1200px) {
    #header.header-layout-09 .settings {
      padding-right: 25px;
    }
  }
  @media (min-width: 768px) and (min-width: 1770px) {
    #header.header-layout-09 .logo {
      position: absolute;
      top: 39px;
      z-index: 777;
    }
  }
  @media (min-width: 768px) and (min-width: 1770px) {
    #header.header-layout-09 .navbar {
      float: right;
    }
  }
  @media (min-width: 768px) and (min-width: 1770px) {
    #header.header-layout-09 .fixedbar .navbar {
      float: inherit !important;
    }
  }
  /* =====================index-09.html(layout-09)===================== */
  /* =====================under-construction.html(layout-10)===================== */
  #header.header-layout-10 {
    padding: 23px 0 40px;
  }
  #header.header-layout-10 .container:first-child .row {
    padding-top: 0px;
  }
  @media (max-width: 1024px) {
    #header.header-layout-10 .logo {
      max-width: 90%;
    }
  }
  @media (max-width: 1024px) and (max-width: 600px) {
    #header.header-layout-10 .logo {
      margin: 5px 10px 15px 10px;
    }
  }
  /* =====================under-construction.html(layout-10)===================== */
  /****************************************
  * end header
  *****************************************/
  /****************************************
  * Footer section
  *****************************************/
  #pageContent {
    padding-bottom: 75px;
  }
  @media (max-width: 767px) {
    #pageContent {
      padding-bottom: 0px;
    }
  }
  footer {
    margin: 0;
    margin-bottom: 0px;
  }
  footer.fill-bg {
    margin-bottom: 0;
  }
  @media (min-width: 768px) {
    footer.fill-bg {
      padding-top: 60px;
    }
  }
  @media (max-width: 767px) {
    footer {
      margin: 0;
    }
  }
  @media (min-width: 992px) {
    .border-sep-right {
      position: relative;
      padding-right: 30px !important;
    }
    .border-sep-right:after {
      content: '';
      position: absolute;
      right: 15px;
      top: 0;
      width: 1px;
      height: 100%;
      background: #e5e5e5;
    }
  }
  @media (min-width: 1770px) {
    .border-sep-right {
      position: relative;
    }
    .border-sep-right:after {
      content: '';
      position: absolute;
      right: 15px;
      top: 0;
      width: 1px;
      height: 100%;
      background: #e5e5e5;
    }
  }
  /* footer-data */
  .footer-data {
    font-weight: 300;
    padding-bottom: 5em;
  }
  .box-about p {
    padding: 0 0 21px 0;
    margin: 0;
    line-height: 27px;
    font-size: 16px;
    font-weight: 300;
  }
  .footer-logo {
    margin-bottom: 41px;
    margin-top: 0px;
    position: relative;
  }
  .footer-logo .logo__text {
    margin-left: 16px;
  }
  .footer-logo .slogan__text {
    padding: 0.35em 0 0 3.65em;
  }
  .footer-logo img {
    margin-top: 1px;
    max-height: 80px;
  }
  /* subscribe-box */
  .subscribe-box {
    position: relative;
    padding-bottom: 60px;
  }
  .subscribe-box h4 {
    padding-bottom: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
  }
  .subscribe-box input {
    height: 60px;
    border: 1px solid #e5e5e5;
    width: 62%;
    padding: 2.4% 2.5%;
    font-size: 18px;
    color: #777777;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  @media (min-width: 768px) {
    .subscribe-box input {
      border-right: none;
      float: left;
      display: inline-block;
      margin-right: 0;
    }
  }
  .subscribe-box button {
    position: relative !important;
  }
  @media (max-width: 1200px) {
    .subscribe-box input {
      width: 49%;
    }
  }
  @media (max-width: 991px) {
    .subscribe-box input {
      width: 55%;
    }
  }
  @media (max-width: 767px) {
    .subscribe-box {
      margin: 0 !important;
      padding-bottom: 0;
    }
    .subscribe-box input {
      width: 100%;
      margin-bottom: 15px;
    }
    .subscribe-box button {
      margin-left: 0;
    }
  }
  @media (min-width: 1770px) {
    .subscribe-box .form-inline {
      position: relative;
    }
    .subscribe-box input {
      width: 77%;
      height: 60px;
    }
    .subscribe-box button {
      position: absolute;
      right: 0;
      top: 0;
    }
  }
  @media (max-width: 768px) {
    .subscribe-box input {
      font-size: 16px;
      line-height: 1.2em;
      height: auto;
      padding: 15px 18px;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
    }
    .subscribe-box input:focus {
      border-color: #1fc0a0;
      box-shadow: none;
      outline: 0 none;
    }
    .subscribe-box button.btn--xl {
      padding: 12px 18px !important;
    }
  }
  /* footer-copyright*/
  .footer-copyright {
    font-size: 14px;
    letter-spacing: 0.02em;
  }
  .footer-copyright .row {
    border-top: 1px solid #e5e5e5;
    padding: 1.75em 0;
    margin: 0;
  }
  .footer-copyright .row > [class*="col-"] {
    padding: 0;
  }
  .footer-copyright a {
    color: #1fc0a0;
    font-size: 1.1em;
  }
  .footer-copyright a:hover {
    text-decoration: none;
  }
  .footer-copyright a span {
    font-weight: bold;
    color: #333333;
    text-transform: uppercase;
  }
  @media (max-width: 767px) {
    .footer-copyright .row {
      border-top: 0;
      padding: 10px 0 23px;
      margin: 0px 0 0;
      text-align: center;
    }
  }
  @media (min-width: 1770px) {
    .border-sep-right {
      padding-right: 80px !important;
    }
    .border-sep-left {
      padding-left: 80px !important;
    }
    .border-sep-right:after {
      right: 0;
    }
  }
  /* footer back to top button */
  #backToTop.btn {
    margin-bottom: 0 !important;
  }
  /* social-links */
  footer .social-links {
    margin: -60px 0 60px;
  }
  @media (min-width: 768px) {
    footer .social-links {
      display: inline-block;
    }
  }
  @media (max-width: 1199px) {
    footer .social-links {
      margin: -60px 0 40px;
    }
    footer .inset-bottom-60 {
      padding-bottom: 40px;
    }
  }
  @media (max-width: 767px) {
    footer .social-links {
      margin: -40px 0 0;
    }
  }
  footer .social-links-layout-02 {
    margin: 4px 0 47px 0;
  }
  @media (max-width: 767px) {
    footer .social-links-layout-02 {
      margin: 0px 0 0;
    }
  }
  /* /social-links */
  /* footer box-address */
  footer .box-address {
    font-size: 18px;
  }
  footer .box-address .icon {
    color: #1fc0a0;
    position: relative;
    display: inline-block;
    top: 2px;
    margin-right: 4px;
  }
  /* /footer box-address */
  /* v-links-list */
  .v-links-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .v-links-list li {
    padding-bottom: 0.4em;
  }
  .v-links-list a {
    color: #1fc0a0;
    -webkit-transition:  all 200ms linear 0s;
    -moz-transition:  all 200ms linear 0s;
    -ms-transition:  all 200ms linear 0s;
    -o-transition:  all 200ms linear 0s;
    transition:  all 200ms linear 0s;
  }
  .v-links-list a:hover {
    color: #333333;
    text-decoration: none;
  }
  .v-links-list a:active {
    text-decoration: none;
    color: #1fc0a0;
  }
  /* mobile collapse */
  @media (max-width: 767px) {
    .mobile-collapse {
      width: calc(100% + 30px);
      margin-left: -15px;
      margin-right: -15px;
      margin-top: -1px;
      margin-bottom: 0;
      padding-left: 15px;
      padding-right: 15px;
      border-top: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5;
    }
    .mobile-collapse__content {
      display: none;
      padding-bottom: 15px;
    }
    .open > .mobile-collapse__content {
      display: block;
    }
    .mobile-collapse__title {
      cursor: pointer;
      padding: 16px 0;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      position: relative;
      font-size: 1.125em !important;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    .mobile-collapse__title:before {
      position: absolute;
      display: block;
      top: 16px;
      right: 0;
      font-family: 'Material Icons';
      font-size: 22px;
      content: "\e148";
      line-height: 1em;
      color: #1fc0a0;
    }
    .open > .mobile-collapse__title:before {
      content: "\e15d";
    }
    .mobile-collapse__title.title-under::after {
      display: none;
    }
    .mobile-collapse--last {
      border-bottom: 1px solid #e5e5e5;
    }
  }
  @media (max-width: 768px) {
    footer .mobile-collapse .mobile-collapse__title {
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
    }
    footer .mobile-collapse .mobile-collapse__title:hover {
      color: #1fc0a0;
    }
    footer .mobile-collapse.open .mobile-collapse__title {
      color: #1fc0a0;
    }
  }
  /* =====================index-02.html===================== */
  @media (max-width: 768px) {
    footer.layout-0 .container:first-child {
      padding-bottom: 12px;
    }
  }
  /* =====================index-02.html===================== */
  /* =====================index-03.html===================== */
  footer.layout-1 address a {
    text-decoration: underline;
  }
  footer.layout-1 address a:hover {
    text-decoration: none;
  }
  footer.layout-1 .subscribe-box {
    padding-bottom: 0;
  }
  @media (min-width: 768px) {
    footer.layout-1 .subscribe-box h4.title-under {
      padding-bottom: 0;
    }
  }
  @media (min-width: 1200px) {
    footer.layout-1 .subscribe-box input {
      width: 58.7%;
    }
  }
  @media (min-width: 1770px) {
    footer.layout-1 .subscribe-box input {
      width: 63.7%;
    }
  }
  @media (max-width: 768px) {
    footer.layout-1 .container:first-child {
      padding-bottom: 6px;
    }
  }
  @media (max-width: 767px) {
    footer.layout-1 .footer-copyright .row {
      padding-top: 4px;
    }
  }
  @media (max-width: 1200px) {
    footer.layout-1 .social-links-layout-02 {
      margin-bottom: 0;
    }
  }
  /* =====================/index-03.html===================== */
  /* =====================index-04.html===================== */
  footer.layout-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    margin: 0;
  }
  footer.layout-2 .social-links {
    margin: 0;
    display: inline-block;
  }
  footer.layout-2 .footer-copyright {
    color: #fff;
  }
  footer.layout-2 .footer-copyright .row {
    border: none;
    padding-top: 0;
  }
  footer.layout-2 .footer-copyright a span {
    color: #fff;
  }
  /* =====================index-04.html===================== */
  /* =====================index-05.html===================== */
  footer.layout-3 {
    margin-bottom: 1px;
  }
  footer.layout-3 .social-links {
    margin: 0;
    display: inline-block;
  }
  @media (max-width: 992px) {
    footer.layout-3 .container:first-child {
      padding-bottom: 11px;
    }
  }
  /* subscribe-box-row */
  @media (min-width: 768px) {
    .subscribe-box-row {
      width: 805px;
      margin: 0 auto;
    }
    .subscribe-box-row .mobile-collapse {
      overflow: hidden;
      display: table;
      width: 100%;
      position: relative;
      border-left: 1px solid #e5e5e5;
    }
    .subscribe-box-row .mobile-collapse:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 85%;
      height: 1px;
      background: #e5e5e5;
      z-index: 0;
    }
    .subscribe-box-row .mobile-collapse:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 85%;
      height: 1px;
      background: #e5e5e5;
      z-index: 0;
    }
    .subscribe-box-row .mobile-collapse__title {
      display: table-cell;
      width: 217px;
      text-align: right;
      vertical-align: middle;
      padding: 0;
    }
    .subscribe-box-row .mobile-collapse__content {
      display: table-cell;
      width: 588px;
      text-align: left;
    }
    .subscribe-box-row .mobile-collapse__content input {
      width: 374px;
      border: none;
      font-size: 16px;
      line-height: 1.2em;
      background: none;
    }
    .subscribe-box-row .mobile-collapse__content .btn {
      position: absolute;
      right: 0px;
      z-index: 2;
    }
  }
  @media (min-width: 768px) and (max-width: 992px) {
    .subscribe-box-row {
      width: 700px;
    }
    .subscribe-box-row .mobile-collapse__title {
      width: 174px;
    }
    .subscribe-box-row__content {
      width: 524px;
    }
    .subscribe-box-row__content input {
      width: 374px;
    }
  }
  /* /subscribe-box-row */
  /* =====================index-05.html===================== */
  /* =====================index-06.html===================== */
  footer.layout-4 {
    /* subscribe-box-row */
    /* /subscribe-box-row */
  }
  footer.layout-4 hr {
    margin-bottom: 78px;
  }
  @media (max-width: 768px) {
    footer.layout-4 .inset-bottom-60 {
      padding-bottom: 0;
    }
  }
  footer.layout-4 .subscribe-box {
    padding-bottom: 0;
  }
  @media (min-width: 768px) {
    footer.layout-4 .subscribe-box h4 {
      padding-bottom: 0;
    }
  }
  @media (min-width: 1770px) {
    footer.layout-4 .subscribe-box input {
      width: 63.7%;
      margin-bottom: 15px;
      padding: 0 5%;
      line-height: 1.4em;
      border-right: 1px solid #e5e5e5;
    }
    footer.layout-4 .subscribe-box button {
      margin-left: 0;
    }
  }
  @media (max-width: 1770px) {
    footer.layout-4 .subscribe-box input {
      width: 100%;
      padding: 15px 2.5%;
      margin-bottom: 15px;
      border-right: 1px solid #e5e5e5;
    }
  }
  @media (max-width: 767px) {
    footer.layout-4 .subscribe-box input {
      width: 100%;
    }
    footer.layout-4 .subscribe-box button {
      margin-left: 0;
    }
  }
  @media (min-width: 768px) {
    footer.layout-4 .inset-bottom-60 {
      padding-bottom: 0 !important;
    }
  }
  @media (min-width: 992px) {
    footer.layout-4 .inset-bottom-60 {
      padding-bottom: 0 !important;
    }
  }
  @media (min-width: 1200px) {
    footer.layout-4 .inset-bottom-60 {
      padding-bottom: 0 !important;
    }
  }
  @media (min-width: 1770px) {
    footer.layout-4 .inset-bottom-60 {
      padding-bottom: 60px !important;
    }
  }
  /* =====================index-06.html===================== */
  /* =====================index-08.html===================== */
  footer.layout-5 {
    margin: 50px 0 0 0;
    /* subscribe-box-row */
    /* /subscribe-box-row */
  }
  @media (max-width: 768px) {
    footer.layout-5 .offset-top-20 {
      margin-top: 0 !important;
    }
  }
  footer.layout-5 .social-links {
    margin: 0 0 18px 0;
    display: inline-block;
  }
  footer.layout-5 .telephone-box {
    margin-bottom: 49px;
  }
  @media (max-width: 768px) {
    footer.layout-5 .telephone-box {
      margin-bottom: 0px;
    }
  }
  footer.layout-5 .telephone-box address {
    font-size: 30px;
    color: #333333;
    margin: 0 0 6px 0;
  }
  footer.layout-5 .telephone-box address .icon {
    color: #1fc0a0;
    font-size: 28px;
    line-height: 1.2em;
    position: relative;
    top: 2px;
  }
  @media (max-width: 767px) {
    footer.layout-5 .telephone-box address {
      text-align: left;
    }
  }
  footer.layout-5 .telephone-box .time {
    font-size: 14px;
    line-height: 1.2em;
    display: block;
    text-align: center;
  }
  @media (max-width: 767px) {
    footer.layout-5 .telephone-box .time {
      text-align: left;
    }
  }
  @media (min-width: 768px) {
    footer.layout-5 .subscribe-box button {
      position: absolute !important;
    }
    footer.layout-5 .subscribe-box-row {
      width: 526px;
      padding-bottom: 30px;
    }
    footer.layout-5 .subscribe-box-row .mobile-collapse__title {
      width: 217px;
    }
    footer.layout-5 .subscribe-box-row .mobile-collapse__content {
      width: 291px;
    }
    footer.layout-5 .subscribe-box-row .mobile-collapse__content input {
      width: 143px;
      margin-left: 4px;
    }
  }
  @media (min-width: 768px) and (max-width: 992px) {
    footer.layout-5 .subscribe-box-row {
      width: 526px;
    }
    footer.layout-5 .subscribe-box-row .mobile-collapse__title {
      width: 217px;
    }
    footer.layout-5 .subscribe-box-row__content {
      width: 291px;
    }
    footer.layout-5 .subscribe-box-row__content input {
      width: 151px;
    }
  }
  footer.layout-5 .footer-copyright .row {
    border: none;
  }
  @media (max-width: 768px) {
    footer.layout-5 {
      margin-bottom: 0;
    }
    footer.layout-5 .social-links {
      margin-bottom: 0;
    }
    footer.layout-5 .footer-copyright .row {
      padding-top: 0px;
    }
    footer.layout-5 .container:first-child {
      padding-bottom: 2px;
    }
  }
  /* /subscribe-box-row */
  /* =====================index-08.html===================== */
  /* =====================index-09.html===================== */
  footer.layout-6 {
    margin-bottom: 0;
  }
  footer.layout-6 .footer-copyright .row {
    border: none;
    padding-top: 0;
  }
  @media (max-width: 768px) {
    footer.layout-6 .footer-copyright .row {
      padding-top: 22px;
    }
    footer.layout-6 .footer-copyright .text-right {
      text-align: center !important;
    }
  }
  footer.layout-6 .social-links li a:hover {
    color: #c4c4c4;
  }
  /* /subscribe-box-row */
  /* =====================index-09.html===================== */
  /* =====================under-construction.html===================== */
  footer.layout-7 {
    padding: 0px !important;
    margin: 0 !important;
  }
  footer.layout-7 .footer-copyright .row {
    border: none;
    padding: 47px 0 !important;
    margin: 0;
  }
  @media (max-width: 1199px) {
    footer.layout-7 .footer-copyright .row {
      padding: 27px 0 !important;
    }
  }
  @media (max-width: 991px) {
    footer.layout-7 .footer-copyright .row {
      padding: 17px 0 !important;
    }
  }
  /* /subscribe-box-row */
  /* =====================/under-construction.html===================== */
  /****************************************
  * end Footer section
  *****************************************/
  /****************************************
  * product
  *****************************************/
  .product {
    text-align: center;
    position: relative;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    /* quick-view */
    /* label */
    /* sold-out */
    /* product info link */
  }
  @media (min-width: 1299px) {
    .product {
      padding-bottom: 90px;
      margin-bottom: -25px;
    }
  }
  .megamenu .product {
    padding-bottom: 5px;
  }
  @media (min-width: 768px) {
    .col-lg-2 .product {
      font-size: 0.8em;
    }
  }
  @media (min-width: 768px) and (max-width: 1199px) {
    .col-md-3 .product {
      font-size: 0.8em;
    }
  }
  .product .row-mode-visible {
    display: none;
  }
  .product .row-mode-hide {
    display: block;
  }
  .product__inside {
    background-color: #fff;
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
    /* hover slide down */
    /* product name */
    /* product toggle info */
    /* /product toggle info */
  }
  @media (min-width: 1299px) {
    .product__inside__hover {
      position: absolute;
      width: 100%;
      background: #fff;
    }
  }
  .product__inside__name h2 {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5em;
    text-transform: uppercase;
    padding: 0 10px;
    margin: 1.48em 0 0.54em;
    letter-spacing: 0.6px;
    color: #1fc0a0;
  }
  .megamenu .product__inside__name h2 {
    margin-top: 1em;
  }
  .product__inside__name h2 a {
    color: #1fc0a0;
  }
  .product__inside__name h2 a:hover {
    color: #333333;
  }
  @media (min-width: 1299px) {
    .product__inside__info {
      height: 0;
      opacity: 0;
      overflow: hidden;
      -webkit-transition:  height 300ms linear 0s;
      -moz-transition:  height 300ms linear 0s;
      -ms-transition:  height 300ms linear 0s;
      -o-transition:  height 300ms linear 0s;
      transition:  height 300ms linear 0s;
    }
  }
  .product__inside__image {
    position: relative;
  }
  .product__inside__image img {
    width: 100%;
  }
  .product__inside .rating {
    margin: 0 0 15px;
  }
  .product .quick-view {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin: 0 auto;
    text-align: center;
    color: #1fc0a0;
    margin-top: -24px;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  .product .quick-view:hover b {
    background-color: rgba(31, 192, 160, 0.8);
    color: #fff;
  }
  .product .quick-view b {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 1.125em;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  @media (max-width: 767px) {
    .product .quick-view b {
      padding: 0.67em 0.5em 0.85em;
    }
  }
  @media (min-width: 768px) {
    .product .quick-view b {
      padding: 0.67em 0.5em 0.85em;
    }
  }
  @media (min-width: 992px) {
    .product .quick-view b {
      padding: 0.62em 0.5em 0.85em;
    }
  }
  @media (min-width: 1200px) {
    .product .quick-view b {
      padding: 0.9em 0.481em 1.1em;
    }
  }
  @media (min-width: 1770px) {
    .product .quick-view b {
      padding: 0.98em 0.8em 1.05em;
    }
  }
  @media (max-width: 767px) {
    .product .quick-view {
      margin-top: -20px;
    }
  }
  @media (min-width: 768px) {
    .product .quick-view {
      margin-top: -20px;
    }
  }
  @media (min-width: 992px) {
    .product .quick-view {
      margin-top: -18px;
    }
  }
  @media (min-width: 1200px) {
    .product .quick-view {
      margin-top: -29px;
    }
  }
  @media (min-width: 1770px) {
    .product .quick-view {
      margin-top: -28px;
    }
  }
  .product .quick-view .icon {
    font-size: 1em;
    display: inline-block;
    position: relative;
    top: 0.2em;
    margin-right: 0.2em;
  }
  .product:hover .quick-view {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .product__label {
    position: absolute;
    top: 1.5em;
    font-size: 0.8125em;
    line-height: 1.04em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: Ubuntu, sans-serif;
    font-weight: 600;
  }
  .product__label--right {
    right: 1.5em;
  }
  .product__label--left {
    left: 1.5em;
  }
  .product__label--new {
    background-color: #474747;
    padding: 0.7em 0.75em 0.6em;
  }
  .product__label--sale {
    background-color: #fa6b6b;
    padding: 0.95em 0.7em;
  }
  @media (min-width: 1299px) {
    .product.product--zoom:hover .product__label--left,
    .product.product--zoom.hovered .product__label--left {
      margin-left: -50px;
    }
    .product.product--zoom:hover .product__label--right,
    .product.product--zoom.hovered .product__label--right {
      margin-right: -50px;
    }
  }
  @media (min-width: 768px) {
    .product-listing.row-view .product.product--zoom:hover .product__label--left,
    .product-listing.row-view .product.product--zoom.hovered .product__label--left {
      margin-left: 0;
    }
    .product-listing.row-view .product.product--zoom:hover .product__label--right,
    .product-listing.row-view .product.product--zoom.hovered .product__label--right {
      margin-right: 0;
    }
  }
  .product.sold-out .product__inside__image img,
  .product.sold-out .product__inside__name,
  .product.sold-out .product__inside__info,
  .product.sold-out .product__inside__review,
  .product.sold-out .product__inside__description,
  .product.sold-out .product__label,
  .product.sold-out .price-box,
  .product.sold-out .rating {
    -moz-opacity: 0.2 !important;
    -khtml-opacity: 0.2 !important;
    -webkit-opacity: 0.2 !important;
    opacity: 0.2 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20) !important;
    filter: alpha(opacity=20) !important;
  }
  .product .product__label--sold-out {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.5em;
    margin-left: -2.5em;
    background-color: #fa6b6b;
    width: 5em;
    height: 5em;
    background: rgba(250, 107, 107, 0.35);
    text-transform: uppercase;
    color: #fff;
    font-size: 1.3em;
    line-height: 1em;
    text-align: center;
    border-radius: 50%;
  }
  .product .product__label--sold-out span {
    display: table-cell;
    width: 5em;
    height: 5em;
    vertical-align: middle;
  }
  .product .product__inside__info__link {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
  }
  .product .product__inside__info__link li {
    overflow: hidden;
    white-space: nowrap;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    color: #333333;
  }
  .product .product__inside__info__link li:last-child {
    margin-right: 0;
  }
  .product .product__inside__info__link li .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 24px;
  }
  .product .product__inside__info__link li a {
    opacity: 0;
    color: #333333;
    max-width: 0;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color;
    overflow: hidden;
  }
  .product .product__inside__info__link li a:hover {
    color: #1fc0a0;
  }
  .product .product__inside__info__link li a span.text {
    float: right;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
  }
  .product .product__inside__info__link li:hover {
    color: #1fc0a0;
  }
  .product .product__inside__info__link li:hover a {
    color: #1fc0a0;
    opacity: 1;
    max-width: 150px;
    transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color 200ms;
  }
  @media (max-width: 1199px) {
    .product .product__inside__info .btn--xl {
      padding: 10px 15px;
      max-width: 100%;
      text-align: center;
    }
  }
  @media (max-width: 1298px) {
    .product .product__inside__info .btn--xl:not(.row-mode-visible) {
      width: 50px;
      height: 50px;
      line-height: 50px;
      padding: 0;
      margin: 0 2px 14px;
      text-align: center;
      overflow: hidden;
      display: inline-block !important;
    }
    .product .product__inside__info .btn--xl:not(.row-mode-visible) .icon {
      width: 50px;
      padding-right: 0;
    }
    .product .product__inside__info .btn--xl.row-mode-visible {
      display: none !important;
    }
  }
  @media (min-width: 1299px) {
    .product-listing:not(.row-view) .product.product--zoom:hover,
    .carousel-products .product.product--zoom:hover,
    .product-listing:not(.row-view) .product.product--zoom.hovered,
    .carousel-products .product.product--zoom.hovered {
      padding-bottom: 0;
      z-index: 10001;
    }
    .product-listing:not(.row-view) .product.product--zoom:hover .product__inside,
    .carousel-products .product.product--zoom:hover .product__inside,
    .product-listing:not(.row-view) .product.product--zoom.hovered .product__inside,
    .carousel-products .product.product--zoom.hovered .product__inside {
      margin: -50px -50px 0;
      width: auto;
    }
    .product-listing:not(.row-view) .product.product--zoom:hover .product__inside__hover,
    .carousel-products .product.product--zoom:hover .product__inside__hover,
    .product-listing:not(.row-view) .product.product--zoom.hovered .product__inside__hover,
    .carousel-products .product.product--zoom.hovered .product__inside__hover {
      width: auto;
      margin: 0 -50px;
      padding-bottom: 15px;
      left: 0;
      right: 0;
    }
    .product-listing:not(.row-view) .product:hover,
    .carousel-products .product:hover,
    .product-listing:not(.row-view) .product.hovered,
    .carousel-products .product.hovered {
      overflow: visible;
      z-index: 1;
    }
    .product-listing:not(.row-view) .product:hover .product__inside,
    .carousel-products .product:hover .product__inside,
    .product-listing:not(.row-view) .product.hovered .product__inside,
    .carousel-products .product.hovered .product__inside,
    .product-listing:not(.row-view) .product:hover .product__inside__hover,
    .carousel-products .product:hover .product__inside__hover,
    .product-listing:not(.row-view) .product.hovered .product__inside__hover,
    .carousel-products .product.hovered .product__inside__hover {
      -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08);
      box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08);
    }
    .megamenu .product-listing:not(.row-view) .product:hover .product__inside,
    .megamenu .carousel-products .product:hover .product__inside,
    .megamenu .product-listing:not(.row-view) .product.hovered .product__inside,
    .megamenu .carousel-products .product.hovered .product__inside,
    .megamenu .product-listing:not(.row-view) .product:hover .product__inside__hover,
    .megamenu .carousel-products .product:hover .product__inside__hover,
    .megamenu .product-listing:not(.row-view) .product.hovered .product__inside__hover,
    .megamenu .carousel-products .product.hovered .product__inside__hover {
      -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
      -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    .product-listing:not(.row-view) .product:hover .product__inside__info,
    .carousel-products .product:hover .product__inside__info,
    .product-listing:not(.row-view) .product.hovered .product__inside__info,
    .carousel-products .product.hovered .product__inside__info {
      height: auto;
      opacity: 1;
      -webkit-transition:  height 300ms linear 0s;
      -moz-transition:  height 300ms linear 0s;
      -ms-transition:  height 300ms linear 0s;
      -o-transition:  height 300ms linear 0s;
      transition:  height 300ms linear 0s;
    }
  }
  @media (min-width: 1299px) {
    .product__inside__info__hover {
      position: absolute;
      width: 100%;
      background: #fff;
    }
    .product__inside__info__info {
      height: 0;
      opacity: 0;
      overflow: hidden;
      -webkit-transition:  height 300ms linear 0s;
      -moz-transition:  height 300ms linear 0s;
      -ms-transition:  height 300ms linear 0s;
      -o-transition:  height 300ms linear 0s;
      transition:  height 300ms linear 0s;
    }
  }
  .product__inside__info__link {
    margin: 22px 0 5px 0;
    padding: 0;
    list-style: none;
  }
  @media (max-width: 1298px) {
    .product__inside__info__link {
      display: none;
    }
  }
  .product__inside__info__link li {
    overflow: hidden;
    white-space: nowrap;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    color: #333333;
  }
  .product__inside__info__link li .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 24px;
  }
  .product__inside__info__link li a {
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
  }
  .product__inside__info__link li a:hover {
    color: #1fc0a0;
  }
  .product__inside__info__link li a span.text {
    float: right;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    opacity: 0;
    max-width: 0;
    transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color;
  }
  @media (max-width: 1199px) {
    .product__inside__info__link li a {
      max-width: 150px;
      opacity: 1;
      text-align: center;
    }
  }
  .product__inside__info__link li:hover {
    color: #1fc0a0;
  }
  .product__inside__info__link li:hover span.text {
    color: #1fc0a0;
    overflow: hidden;
    opacity: 1;
    max-width: 150px;
    transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color 200ms;
  }
  /* product link */
  .product-link {
    margin: 22px 0 5px 0;
    padding: 0;
    list-style: none;
  }
  @media (max-width: 1298px) {
    .product-link {
      display: none;
    }
  }
  .product-link li {
    overflow: hidden;
    white-space: nowrap;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    color: #333333;
  }
  .product-link li .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 24px;
  }
  .product-link li a {
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
  }
  .product-link li a:hover {
    color: #1fc0a0;
  }
  .product-link li a span.text {
    float: right;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    opacity: 0;
    max-width: 0;
    transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color;
  }
  @media (max-width: 1199px) {
    .product-link li a {
      max-width: 150px;
      opacity: 1;
      text-align: center;
    }
  }
  .product-link li:hover {
    color: #1fc0a0;
  }
  .product-link li:hover span.text {
    color: #1fc0a0;
    overflow: hidden;
    opacity: 1;
    max-width: 150px;
    transition: max-width 500ms ease-out 100ms, opacity 500ms ease-out 100ms, color 200ms;
  }
  /* rating */
  .rating {
    text-align: center;
    font-size: 1em;
    line-height: 1em;
    margin-bottom: 20px;
    color: #333333;
    vertical-align: text-top;
    white-space: nowrap;
  }
  .rating span {
    display: inline;
    margin: 0 -2px;
    font-size: 16px;
    line-height: 18px;
  }
  .rating .empty-star {
    color: #d2d2d2;
  }
  /* price-box */
  .price-box {
    margin: 0 0 0.6em 0;
    font-size: 1.875em;
    line-height: 1em;
    color: #333333;
    font-family: Ubuntu, sans-serif;
    font-weight: 400;
    text-align: center;
  }
  .price-box__old {
    color: #fa6b6b;
    font-size: 60%;
    line-height: 1;
    font-weight: 300;
    padding: 0 5px;
    text-decoration: line-through;
  }
  /* product listing */
  .product-listing > div {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
  }
  @media (max-width: 480px) {
    .product-listing.carousel-products-mobile > div {
      display: inline-block;
      width: 100%;
    }
  }
  /* row view mode */
  .product-listing.row-view > div {
    float: none;
    display: block;
    width: 100%;
  }
  .product-listing.row-view > div .row-mode-visible {
    display: block;
  }
  .product-listing.row-view > div .btn.row-mode-visible {
    display: inline-block;
  }
  .product-listing.row-view > div .row-mode-hide {
    display: none;
  }
  .product-listing.row-view > div .product {
    min-height: 0 !important;
    padding-bottom: 0;
    margin-bottom: 50px;
    max-width: none;
  }
  .product-listing.row-view > div .product:hover .product__inside {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  .product-listing.row-view > div .product .product__label--right {
    left: 48.5%;
    right: auto;
    margin-left: -65px;
  }
  @media (min-width: 1770px) {
    .product-listing.row-view > div .product .product__label--right {
      left: 30%;
    }
  }
  @media (max-width: 1199px) {
    .product-listing.row-view > div .product .product__label--right {
      left: 35%;
    }
  }
  @media (max-width: 991px) {
    .product-listing.row-view > div .product .product__label--right {
      left: 50%;
    }
  }
  @media (max-width: 1199px) {
    .product-listing.row-view > div .product .product__label--right {
      margin-left: -73px;
    }
  }
  .product-listing.row-view > div .product__inside {
    text-align: left;
  }
  .product-listing.row-view > div .product__inside.pos-abs {
    position: relative !important;
  }
  .product-listing.row-view > div .product__inside__name,
  .product-listing.row-view > div .product__inside__description,
  .product-listing.row-view > div .product__inside__review,
  .product-listing.row-view > div .product__inside__price,
  .product-listing.row-view > div .product__inside__info {
    padding-left: 30px;
  }
  @media (max-width: 767px) {
    .product-listing.row-view > div .product__inside__name,
    .product-listing.row-view > div .product__inside__description,
    .product-listing.row-view > div .product__inside__review,
    .product-listing.row-view > div .product__inside__price,
    .product-listing.row-view > div .product__inside__info {
      padding-left: 5px;
    }
  }
  .product-listing.row-view > div .product__inside__name {
    overflow: hidden;
  }
  .product-listing.row-view > div .product__inside__name h2 {
    padding: 0;
    margin-bottom: 5px;
  }
  .product-listing.row-view > div .product__inside__description {
    margin-bottom: 12px;
    padding-left: 30px;
    overflow: hidden;
    font-weight: 300;
  }
  .product-listing.row-view > div .product__inside .quick-view {
    display: none;
  }
  .product-listing.row-view > div .product__inside__hover {
    position: relative;
    background: transparent;
  }
  .product-listing.row-view > div .product__inside__review {
    overflow: hidden;
  }
  .product-listing.row-view > div .product__inside__review .rating {
    display: inline-block;
    padding-right: 20px;
  }
  .product-listing.row-view > div .product__inside__review > a {
    display: inline-block;
    padding-right: 20px;
    font-weight: 300;
  }
  .product-listing.row-view > div .product__inside__review > a:hover {
    color: #1fc0a0;
  }
  .product-listing.row-view > div .product__inside__price {
    overflow: hidden;
    text-align: left;
    margin-bottom: 12px;
  }
  .product-listing.row-view > div .product__inside__image {
    float: left;
    width: 48.5%;
  }
  @media (min-width: 1770px) {
    .product-listing.row-view > div .product__inside__image {
      width: 30%;
    }
  }
  @media (max-width: 1199px) {
    .product-listing.row-view > div .product__inside__image {
      width: 35%;
    }
  }
  @media (max-width: 991px) {
    .product-listing.row-view > div .product__inside__image {
      width: 50%;
      padding-right: 15px;
    }
    .product-listing.row-view > div .product__inside__image .carousel-control.next {
      right: 15px;
    }
    .product-listing.row-view > div .product__inside__image .countdown_box {
      right: 15px;
    }
  }
  .product-listing.row-view > div .product__inside__info {
    height: auto !important;
    max-height: none;
    opacity: 1;
    overflow: hidden;
  }
  .product-listing.row-view > div .product__inside__info .options-swatch {
    margin-bottom: 20px;
  }
  .product-listing.row-view > div .product__inside__info__btns {
    margin-top: 20px;
  }
  .product-listing.row-view > div .product__inside__info__link {
    margin-top: 15px;
  }
  @media (min-width: 1299px) {
    .product-listing.row-view > div .product__inside__info .btn--xl {
      margin-bottom: 10px;
      margin-right: 10px;
    }
  }
  @media (max-width: 767px) {
    .product-listing.row-view .product {
      margin-bottom: 30px;
    }
    .product-listing.row-view .product .product__inside__info__link li {
      width: auto;
      text-align: left;
    }
    .product-listing.row-view > div .row-mode-visible {
      display: none !important;
    }
    .product-listing.row-view > div .product__inside__hover {
      position: static;
    }
    .product-listing.row-view > div .product__inside__info__btns {
      position: absolute;
      bottom: 0px;
    }
    .product-listing.row-view > div .product__inside__info__btns .btn--xl {
      margin-bottom: 0 !important;
    }
    .product-listing.row-view .product .product__inside__name h2 {
      margin-top: 0;
    }
    .product-listing:not(.carousel-products-mobile) .product__label {
      top: 0.625em;
    }
    .product-listing:not(.carousel-products-mobile) .product__label--left {
      left: 0.625em;
    }
    .product-listing:not(.carousel-products-mobile) .product__label--right {
      right: 0.625em;
    }
    .product-listing:not(.row-view):not(.carousel-products-mobile) .product .rating.row-mode-hide {
      display: none !important;
    }
    .product-listing:not(.row-view):not(.carousel-products-mobile) .product .product__inside__review.row-mode-visible {
      display: block !important;
    }
    .product-listing:not(.row-view):not(.carousel-products-mobile) .product .product__inside__review.row-mode-visible .rating.row-mode-visible {
      display: block !important;
      margin: 4px 0 0 0 !important;
    }
    .product-listing:not(.row-view):not(.carousel-products-mobile) .options-swatch {
      margin-bottom: 0;
    }
    .product-listing:not(.row-view):not(.carousel-products-mobile) .product .product__inside__review.row-mode-visible > a {
      display: none !important;
    }
    .product-listing:not(.row-view):not(.carousel-products-mobile) .product .product__inside__info__btns {
      margin-top: 10px;
    }
  }
  @media (max-width: 1298px) {
    .product-listing.row .product {
      margin-bottom: 30px;
    }
  }
  /* product-page */
  .product-info-outer {
    position: relative;
  }
  .product-info-outer #productPrevNext {
    position: relative;
    z-index: 100;
  }
  .product-info-outer #productPrevNext img {
    position: absolute;
    top: -110px;
    left: -20px;
    width: 80px;
    display: none;
  }
  .product-info-outer #productPrevNext .product-prev:hover,
  .product-info-outer #productPrevNext .product-next:hover {
    text-decoration: none;
  }
  .product-info-outer #productPrevNext .product-prev:hover img,
  .product-info-outer #productPrevNext .product-next:hover img {
    display: block;
  }
  .product-info-outer #productPrevNext .product-prev,
  .product-info-outer #productPrevNext .product-next {
    display: block;
    height: 45px;
    width: 45px;
    cursor: pointer;
    position: absolute;
    top: -1000px;
    margin-top: -24.5px;
  }
  @media (max-width: 1200px) {
    .product-info-outer #productPrevNext img {
      top: auto;
      bottom: -110px;
      right: 20px;
      left: auto;
    }
    .product-info-outer #productPrevNext .product-prev {
      top: -60px !important;
      right: 70px !important;
      left: auto !important;
      margin-top: 0;
    }
    .product-info-outer #productPrevNext .product-next {
      top: -60px !important;
      right: 0 !important;
      left: auto !important;
      margin-top: 0;
    }
  }
  @media (max-width: 1333px) {
    .product-info-outer #productPrevNext .product-prev img {
      left: 18px;
    }
  }
  @media (max-width: 1333px) {
    .product-info-outer #productPrevNext .product-next img {
      left: -53px;
    }
  }
  .product-info-outer #productPrevNext .product-prev:hover:before,
  .product-info-outer #productPrevNext .product-next:hover:before {
    color: #1fc0a0;
  }
  .product-info-outer #productPrevNext .product-prev:before,
  .product-info-outer #productPrevNext .product-next:before {
    display: block;
    font-family: "Material Icons";
    font-size: 44px;
    line-height: 45px;
    color: #333333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .product-info-outer #productPrevNext .product-prev {
    left: -50px;
  }
  .product-info-outer #productPrevNext .product-prev:before {
    content: "\e408";
  }
  .product-info-outer #productPrevNext .product-next {
    right: -50px;
  }
  .product-info-outer #productPrevNext .product-next:before {
    content: "\e409";
  }
  .product-main-image {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
  }
  .product-main-image img {
    width: 100%;
  }
  .product-images-carousel {
    padding: 0;
    margin: 30px 0 40px;
    width: 100%;
    position: relative;
  }
  .product-images-carousel ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .product-images-carousel ul li {
    margin: 0 25px 0 0;
  }
  .product-images-carousel ul .slick-list {
    margin-right: -25px;
  }
  .product-images-carousel img {
    width: 100%;
  }
  #mobileGallery {
    margin: 15px 0;
    padding: 0;
  }
  #mobileGallery img {
    width: 100%;
  }
  .product-info__title h2 {
    padding-bottom: 0;
    text-transform: uppercase;
    font-weight: 500;
  }
  .product-info__price {
    font-size: 2.5em;
    color: #1fc0a0;
    text-align: left !important;
  }
  .product-info__description__brand {
    float: left;
    margin: 0 15px 0 0;
  }
  .product-info__description__text {
    overflow: hidden;
    font-weight: 300;
  }
  .product-info__review {
    font-weight: 300;
  }
  .product-info__review .rating {
    display: inline-block;
    padding-right: 20px;
  }
  .product-info__review > a {
    display: inline-block;
    padding-right: 20px;
    color: #333333;
  }
  .product-info__review > a:last-child {
    color: #1fc0a0;
  }
  .product-info__review > a:hover {
    color: #1fc0a0;
  }
  .product-info__sku {
    font-weight: 300;
    margin-top: -4px;
  }
  @media (max-width: 991px) {
    .product-info__sku {
      float: none !important;
      margin-bottom: 15px;
    }
  }
  .product-info__availability {
    font-weight: 300;
    margin-top: -4px;
  }
  @media (min-width: 1770px) {
    .product-info__availability {
      float: left !important;
      padding-left: 25px;
    }
  }
  @media (max-width: 991px) {
    .product-info__availability {
      float: none !important;
    }
  }
  .product-info__title {
    margin: 8px 0 20px;
  }
  .product-info__price {
    margin: 0 0 18px;
  }
  .product-info__divider {
    border-bottom: 1px solid #e5e5e5;
    height: 5px;
    margin-bottom: 20px;
  }
  .product-info__description {
    padding: 0 0 18px;
  }
  .product-info .required {
    color: #fa6b6b;
    font-weight: 300;
  }
  .product-info .option-label,
  .product-info .qty-label {
    color: #333333;
    font-weight: 500;
  }
  .product-info .qty-label {
    line-height: 70px;
    margin-right: 10px;
  }
  .product-info .qty-input {
    height: 70px;
    width: 90px;
    margin-right: 10px;
    text-align: center;
  }
  .product-info .product-link {
    margin-top: 10px;
  }
  .product-info .input-counter {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 90px;
    display: inline-block;
  }
  .product-info .input-counter input {
    height: 70px;
    width: 90px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 20px;
    -webkit-appearance: none;
  }
  .product-info .input-counter span {
    margin-top: -22px;
  }
  .product-info .input-counter .minus-btn:before,
  .product-info .input-counter .plus-btn:before {
    display: block;
    font-family: "Material Icons";
    font-size: 25px;
    line-height: 45px;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .product-info .input-counter .minus-btn {
    left: 3px;
  }
  .product-info .input-counter .minus-btn:before {
    content: "\e408";
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
  }
  .product-info .input-counter .plus-btn {
    right: 3px;
  }
  .product-info .input-counter .plus-btn:before {
    content: "\e408";
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
  table .input-counter {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 80px !important;
    display: inline-block;
  }
  table .input-counter input {
    height: 40px !important;
    width: 80px !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 15px !important;
    -webkit-appearance: none;
  }
  table .input-counter span {
    margin-top: -22px;
  }
  table .input-counter .minus-btn:before,
  table .input-counter .plus-btn:before {
    display: block;
    font-family: "Material Icons";
    font-size: 21px;
    line-height: 45px;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  table .input-counter .minus-btn {
    left: 3px !important;
    margin-right: 0;
  }
  table .input-counter .minus-btn:before {
    content: "\e408";
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
  }
  table .input-counter .plus-btn {
    right: 3px !important;
    margin-right: 0;
  }
  table .input-counter .plus-btn:before {
    content: "\e408";
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
  .video-link {
    text-decoration: none;
    color: #1fc0a0;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1em;
  }
  .video-link:hover,
  .video-link:focus {
    text-decoration: none;
    color: #333333;
  }
  .video-link .icon {
    font-size: 34px;
    line-height: 1em;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
  }
  .custom-product-block {
    position: relative;
    padding-left: 75px;
  }
  .custom-product-block:after {
    content: '';
    position: absolute;
    left: 20px;
    top: 0px;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
  }
  .delivery-banner {
    position: relative;
    min-height: 85px;
    margin-bottom: 37px;
    cursor: pointer;
  }
  .delivery-banner__icon {
    position: absolute;
    top: 3px;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: #1fc0a0;
  }
  .delivery-banner__icon span {
    display: block;
    position: relative;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 34px;
    margin-top: 2px;
  }
  .delivery-banner__icon span.icon-replay_5 {
    font-size: 42px;
  }
  .delivery-banner__text {
    padding-left: 117px;
  }
  .delivery-banner__text h3 {
    font-size: 1.375em;
    font-weight: 500;
    margin-bottom: 9px;
    color: #1fc0a0;
    text-transform: uppercase;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .delivery-banner__text h5 {
    font-size: 1.125em;
    margin-bottom: 5px;
    font-family: Georgia, sans-serif;
    font-style: italic;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .delivery-banner:hover h3 {
    letter-spacing: 2px;
  }
  /* table-product */
  .table-product {
    width: 100%;
  }
  .table-product th {
    text-transform: uppercase;
    font-size: 16px;
    padding-bottom: 12px;
  }
  .table-product tr {
    border-bottom: 1px solid #e5e5e5;
  }
  .table-product td {
    padding: 5px;
  }
  .table-product td:first-child,
  .table-product th:first-child {
    width: 65%;
    padding-left: 0;
  }
  .table-product td:nth-child(2n),
  .table-product th:nth-child(2n) {
    width: 30%;
  }
  .table-product td:last-child,
  .table-product th:last-child {
    width: 5%;
  }
  .table-product td:last-child {
    padding-right: 0;
  }
  .table-product input {
    border: 1px solid #e5e5e5;
    width: 52px;
    height: 26px;
    text-align: center;
  }
  /* /table-product */
  /* product-big
  ==================================== */
  .bigGallery .slick-arrow {
    z-index: 1111;
  }
  .product-info-big {
    overflow: hidden;
  }
  .product-info-big .product-info__price {
    text-align: center !important;
  }
  .product-info-big .product-info__sku,
  .product-info-big .product-info__availability {
    display: inline-block;
    margin: 0 20px;
    width: auto;
    float: inherit !important;
  }
  .product-info-big .option-label,
  .product-info-big .options-swatch {
    display: inline-block;
  }
  .product-info-big .product-info-left {
    float: left;
  }
  @media (max-width: 768px) {
    .product-info-big .product-info-left {
      float: inherit;
    }
  }
  .product-info-big .product-info-right {
    float: right;
  }
  @media (max-width: 768px) {
    .product-info-big .product-info-right {
      float: inherit;
    }
  }
  .product-info-big .product-link {
    display: block !important;
  }
  .product-info-big #productPrevNext .product-prev,
  .product-info-big #productPrevNext .product-next {
    margin-top: 220px;
  }
  .product-info-big #productPrevNext .product-prev:focus,
  .product-info-big #productPrevNext .product-next:focus {
    text-decoration: none;
  }
  .product-info-big #productPrevNext .product-next {
    right: 0 !important;
  }
  .product-info-big #productPrevNext .product-prev {
    left: 0 !important;
  }
  .product-info-big .fields {
    padding-bottom: 27px;
    width: 40%;
    margin: 0 auto;
    position: relative;
  }
  .product-info-big .fields select {
    text-align: center;
  }
  .product-info-big .fields .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-align: center;
  }
  .product-info-big .fields .option-label {
    padding-bottom: 7px;
  }
  .product-info-big .fields .option-label {
    display: block;
    text-align: center;
  }
  @media (max-width: 750px) {
    .product-info-big .fields {
      width: 70%;
    }
  }
  .product-data-big h5 {
    font-size: 26px;
    margin-bottom: 25px;
  }
  .product-data-big ul {
    margin: 0 0 25px 0;
    padding: 0;
  }
  @media (max-width: 767px) {
    .product-data-big {
      width: 90%;
      padding-top: 7%;
      padding-bottom: 3%;
      margin-left: 5%;
      margin-right: 5%;
    }
    .product-data-big h5 {
      margin-bottom: 25px;
    }
    .product-data-big .simple-list li {
      padding: 0 0 2px 18px;
    }
  }
  @media (min-width: 768px) {
    .product-data-big {
      width: 90%;
      padding-top: 7%;
      padding-bottom: 3%;
      margin-left: 5%;
      margin-right: 5%;
    }
    .product-data-big h5 {
      margin-bottom: 25px;
    }
    .product-data-big .simple-list li {
      padding: 0 0 2px 30px;
    }
  }
  @media (min-width: 992px) {
    .product-data-big {
      width: 85%;
      padding-top: 7%;
      margin-left: 10%;
      margin-right: 5%;
    }
    .product-data-big h5 {
      margin-bottom: 25px;
    }
    .product-data-big .simple-list li {
      padding: 0 0 2px 30px;
    }
  }
  @media (min-width: 1200px) {
    .product-data-big {
      width: 80%;
      padding-top: 10%;
      margin-left: 10%;
      margin-right: 10%;
    }
    .product-data-big h5 {
      margin-bottom: 35px;
    }
    .product-data-big .simple-list li {
      padding: 0 0 5px 30px;
    }
  }
  @media (min-width: 1770px) {
    .product-data-big {
      width: 50%;
      padding-top: 20%;
      margin-left: 25%;
      margin-right: 25%;
    }
    .product-data-big h5 {
      margin-bottom: 39px;
    }
    .product-data-big .simple-list li {
      padding: 0 0 7px 30px;
    }
  }
  @media (max-width: 767px) {
    .zoomContainer {
      display: none !important;
      overflow: hidden;
      font-size: 0;
      line-height: 0;
      width: 0;
      height: 0;
    }
  }
  /* /product-big
  ==================================== */
  .options-swatch--size li a {
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  /* countdown product(product-small)
  ==================================== */
  .countdown-product {
    padding-top: 2px;
  }
  .countdown-product .countdown-row > span {
    width: 60px;
    height: 60px;
    background-color: #67e0fa;
    margin: 0 10px 10px 0;
    padding: 15px 0 0 0 !important;
    font-size: 14px;
    line-height: 1em;
    padding: 0;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
  }
  .countdown-product .countdown-row > span span {
    padding: 0;
  }
  /* /countdown product(/product-small)
  ==================================== */
  /* slider-product(product-fields.html)
  ==================================== */
  .slider-product-large {
    padding: 0;
    width: 100%;
    position: relative;
    margin-bottom: 21px;
  }
  .slider-product-large div {
    width: 100%;
  }
  .slider-product-large div img {
    width: 100%;
    height: auto;
  }
  .slider-product-small {
    padding: 0;
    margin: 30px 0 40px 0 !important;
    position: relative;
    overflow: hidden;
  }
  .slider-product-small div {
    cursor: pointer;
    margin: 0 12px;
  }
  .slider-product-small div img {
    width: 100%;
    height: auto;
  }
  /* end slider-product(product-fields.html)
  ==================================== */
  /****************************************
  * end product
  *****************************************/
  /****************************************
  * carousel  
  *****************************************/
  /* Carousel content */
  .slick-loading .slick-list {
    background: #fff url('../images/ajax-loader.gif') center center no-repeat;
  }
  .slickArrow {
    display: block;
    height: 45px;
    width: 45px;
    cursor: pointer;
    background-color: #f5f5f5;
    color: #333333;
    padding: 0;
    border: none;
    outline: none;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .slickArrowHover {
    outline: none;
    background: #1fc0a0;
  }
  .slickArrowHover:before {
    opacity: 1;
    color: #ffffff;
  }
  .slickBefore {
    display: block;
    font-family: "Material Icons";
    font-size: 35px;
    line-height: 45px;
    color: #333333;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  @media (min-width: 768px) {
    .product .carousel-control {
      display: block;
      height: 45px;
      width: 45px;
      cursor: pointer;
      background-color: #f5f5f5;
      color: #333333;
      padding: 0;
      border: none;
      outline: none;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
      z-index: 1000;
      top: 50%;
      margin-top: -22.5px;
      text-shadow: none;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    .product .carousel-control:hover,
    .product .carousel-control:focus {
      outline: none;
      background: #1fc0a0;
    }
    .product .carousel-control:hover:before,
    .product .carousel-control:focus:before {
      opacity: 1;
      color: #ffffff;
    }
    .product .carousel-control:before {
      display: block;
      font-family: "Material Icons";
      font-size: 35px;
      line-height: 45px;
      color: #333333;
      opacity: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .product .carousel-control.prev {
      left: 0;
    }
    .product .carousel-control.prev:before {
      content: "\e408";
    }
    .product .carousel-control.prev:before[dir="rtl"] {
      content: "\e409";
    }
    .product .carousel-control.next {
      right: 0;
      left: auto;
    }
    .product .carousel-control.next:before {
      content: "\e409";
    }
    .product .carousel-control.next:before[dir="rtl"] {
      content: "\e408";
    }
  }
  /* Arrows */
  .slick-prev:active,
  .slick-next:active,
  .carousel-products__button .slick-arrow:active {
    background-color: #f5f5f5;
  }
  .slick-prev:active:before,
  .slick-next:active:before,
  .carousel-products__button .slick-arrow:active:before {
    color: #333333;
  }
  .slick-prev:focus,
  .slick-next:focus,
  .carousel-products__button .slick-arrow:focus {
    background-color: #f5f5f5;
  }
  .slick-prev:focus:before,
  .slick-next:focus:before,
  .carousel-products__button .slick-arrow:focus:before {
    color: #333333;
  }
  .carousel-products__button .slick-arrow:active {
    background-color: #f5f5f5;
  }
  .carousel-products__button .slick-arrow:active:before {
    color: #333333;
  }
  .carousel-products__button .slick-arrow:focus {
    background-color: #f5f5f5;
  }
  .carousel-products__button .slick-arrow:focus:before {
    color: #333333;
  }
  .carousel-products__button .slick-arrow:hover {
    background-color: #1fc0a0;
  }
  .carousel-products__button .slick-arrow:hover:before {
    color: #fff;
  }
  .slick-prev,
  .slick-next {
    display: block;
    height: 45px;
    width: 45px;
    cursor: pointer;
    background-color: #f5f5f5;
    color: #333333;
    padding: 0;
    border: none;
    outline: none;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -22.5px;
  }
  .slick-prev:hover,
  .slick-next:hover {
    outline: none;
    background: #1fc0a0;
  }
  .slick-prev:hover:before,
  .slick-next:hover:before {
    opacity: 1;
    color: #ffffff;
  }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 1;
  }
  .slick-prev:before,
  .slick-next:before {
    display: block;
    font-family: "Material Icons";
    font-size: 35px;
    line-height: 45px;
    color: #333333;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .carouselTab.slick-arrow-top .slick-prev {
    right: 66px;
    margin-top: -36px;
  }
  .carouselTab.slick-arrow-top .slick-next {
    right: 15px;
    margin-top: -36px;
  }
  @media (min-width: 768px) {
    .carouselTab.slick-arrow-top .slick-prev {
      right: 66px;
    }
    .carouselTab.slick-arrow-top .slick-next {
      right: 15px;
    }
  }
  @media (max-width: 768px) {
    .carouselTab.slick-arrow-top .slick-prev {
      left: 15px;
    }
    .carouselTab.slick-arrow-top .slick-next {
      right: 15px;
    }
  }
  .slick-prev {
    left: 0;
  }
  .slick-prev[dir="rtl"] {
    left: auto;
    right: 0;
  }
  .slick-prev:before {
    content: "\e408";
  }
  .slick-prev:before[dir="rtl"] {
    content: "\e409";
  }
  .slick-next {
    right: 0;
  }
  .slick-next[dir="rtl"] {
    left: 0;
    right: auto;
  }
  .slick-next:before {
    content: "\e409";
  }
  .slick-next:before[dir="rtl"] {
    content: "\e408";
  }
  /*==== sliderDarkHover====*/
  .sliderDarkHover .slick-prev,
  .sliderDarkHover .slick-next {
    background-color: #fff;
  }
  .sliderDarkHover .slick-prev:before,
  .sliderDarkHover .slick-next:before {
    color: #333333;
  }
  .sliderDarkHover .slick-prev:active,
  .sliderDarkHover .slick-next:active {
    background-color: #fff;
  }
  .sliderDarkHover .slick-prev:active:before,
  .sliderDarkHover .slick-next:active:before {
    color: #333333;
  }
  .sliderDarkHover .slick-prev:focus,
  .sliderDarkHover .slick-next:focus {
    background-color: #fff;
  }
  .sliderDarkHover .slick-prev:focus:before,
  .sliderDarkHover .slick-next:focus:before {
    color: #333333;
  }
  .sliderDarkHover .slick-prev:hover,
  .sliderDarkHover .slick-next:hover {
    background-color: rgba(51, 51, 51, 0.7);
  }
  .sliderDarkHover .slick-prev:hover:before,
  .sliderDarkHover .slick-next:hover:before {
    color: #fff;
  }
  /*==== /sliderDarkHover====*/
  /* Arrows variants */
  @media (min-width: 768px) {
    .slick-arrow-bottom .slick-prev,
    .slick-arrow-bottom .slick-next {
      background: none;
      border: none;
      cursor: pointer;
      top: 75%;
      width: 45px;
      height: 45px;
      z-index: 1001;
      color: #333333;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
    }
    .slick-arrow-bottom .slick-prev:focus,
    .slick-arrow-bottom .slick-next:focus {
      background: none;
    }
    .slick-arrow-bottom .slick-prev:focus:before,
    .slick-arrow-bottom .slick-next:focus:before {
      color: #333333;
    }
    .slick-arrow-bottom .slick-prev:hover,
    .slick-arrow-bottom .slick-next:hover {
      background: none;
    }
    .slick-arrow-bottom .slick-prev:hover:before,
    .slick-arrow-bottom .slick-next:hover:before {
      color: #1fc0a0;
    }
    .slick-arrow-bottom .slick-prev:before,
    .slick-arrow-bottom .slick-next:before {
      font-size: 45px;
      line-height: 45px;
    }
    .slick-arrow-bottom .slick-prev {
      right: 50%;
      left: auto;
      margin-right: 4px;
    }
    .slick-arrow-bottom .slick-next {
      left: 50%;
      right: auto;
      margin-left: 4px;
    }
    .slick-arrow-top .slick-prev,
    .slick-arrow-top .slick-next {
      cursor: pointer;
      top: -15% !important;
      z-index: 1001;
    }
    .slick-arrow-top .slick-prev {
      right: 51px;
      left: auto;
      margin-right: 4px;
    }
    .slick-arrow-top .slick-next {
      right: 0%;
      left: auto;
      margin-left: 4px;
    }
    .slick-arrow-top button.slick-prev {
      right: 62px;
      left: auto;
      margin-right: 4px;
    }
    .slick-arrow-top button.slick-next {
      right: 15px;
      left: auto;
      margin-left: 4px;
    }
  }
  @media (min-width: 768px) and (min-width: 1770px) {
    .slick-arrow-bottom .slick-prev {
      right: 49.5%;
    }
  }
  @media (min-width: 768px) {
    .slick-arrow-bottom-wrapper .slick-prev,
    .slick-arrow-bottom-wrapper .slick-next {
      background: none;
      border: none;
      cursor: pointer;
      top: 75%;
      width: 45px;
      height: 45px;
      z-index: 1001;
      color: #333333;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
      background-color: rgba(255, 255, 255, 0.8);
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      -webkit-opacity: 0.8;
      opacity: 0.8;
      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
      filter: alpha(opacity=80);
    }
    .slick-arrow-bottom-wrapper .slick-prev:focus,
    .slick-arrow-bottom-wrapper .slick-next:focus {
      background-color: rgba(255, 255, 255, 0.8);
    }
    .slick-arrow-bottom-wrapper .slick-prev:focus:before,
    .slick-arrow-bottom-wrapper .slick-next:focus:before {
      color: #000;
    }
    .slick-arrow-bottom-wrapper .slick-prev:hover,
    .slick-arrow-bottom-wrapper .slick-next:hover {
      background-color: rgba(255, 255, 255, 0.55);
    }
    .slick-arrow-bottom-wrapper .slick-prev:hover:before,
    .slick-arrow-bottom-wrapper .slick-next:hover:before {
      color: #000;
    }
    .slick-arrow-bottom-wrapper .slick-prev:before,
    .slick-arrow-bottom-wrapper .slick-next:before {
      font-size: 45px;
      line-height: 45px;
    }
    .slick-arrow-bottom-wrapper .slick-prev {
      right: 50%;
      left: auto;
      margin-right: 8px;
    }
    .slick-arrow-bottom-wrapper .slick-next {
      left: 50%;
      right: auto;
      margin-left: 8px;
    }
    .slick-arrow-top .slick-prev,
    .slick-arrow-top .slick-next {
      cursor: pointer;
      top: -15% !important;
      z-index: 1001;
    }
    .slick-arrow-top .slick-prev {
      right: 51px;
      left: auto;
      margin-right: 8px;
    }
    .slick-arrow-top .slick-next {
      right: 0%;
      left: auto;
      margin-left: 8px;
    }
    .slick-arrow-top .slick-prev:focus,
    .slick-arrow-top .slick-next:focus {
      background-color: #f5f5f5;
    }
    .slick-arrow-top .slick-prev:focus:before,
    .slick-arrow-top .slick-next:focus:before {
      color: #333333;
    }
    .slick-arrow-top .slick-prev:hover,
    .slick-arrow-top .slick-next:hover {
      background-color: #1fc0a0;
    }
    .slick-arrow-top .slick-prev:hover:before,
    .slick-arrow-top .slick-next:hover:before {
      color: #fff;
    }
  }
  @media (min-width: 768px) and (min-width: 1770px) {
    .slick-arrow-bottom-wrapper .slick-prev {
      right: 49.5%;
    }
  }
  /* Dots */
  .slick-slider {
    margin-bottom: 0;
  }
  .slick-dots {
    display: none !important;
  }
  .nav-dot .slick-dots {
    position: absolute;
    bottom: 19px;
    list-style: none;
    display: block !important;
    text-align: center;
    padding: 0;
    width: 100%;
    line-height: 0px;
    font-size: 0px;
  }
  .nav-dot .slick-dots li {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 30px;
    line-height: 0;
    font-size: 0;
    margin: 0 1px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
  }
  .nav-dot .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    width: 15px;
    height: 15px;
    outline: none;
    color: transparent;
    padding: 0px;
    cursor: pointer;
    position: relative;
  }
  .nav-dot .slick-dots li button:hover,
  .nav-dot .slick-dots li button:focus {
    outline: none;
  }
  .nav-dot .slick-dots li button:hover:before,
  .nav-dot .slick-dots li button:focus:before {
    opacity: 1;
  }
  .nav-dot .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 15px;
    height: 15px;
    font-family: "Material Icons";
    font-size: 60px;
    text-align: center;
    color: #d2d2d2;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .nav-dot .slick-dots li.slick-active button:before {
    color: #333333;
    opacity: 1;
  }
  .nav-dot.nav-dot-invert .slick-dots li button:hover,
  .nav-dot.nav-dot-invert .slick-dots li button:focus {
    outline: none;
  }
  .nav-dot.nav-dot-invert .slick-dots li button:hover:before,
  .nav-dot.nav-dot-invert .slick-dots li button:focus:before {
    opacity: 1;
    color: #fff;
  }
  .nav-dot.nav-dot-invert .slick-dots li button:before {
    opacity: 1;
  }
  .nav-dot.nav-dot-invert .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
  }
  /*==== carousel title+arrows====*/
  .title-with-button {
    z-index: 0;
  }
  @media (max-width: 767px) {
    .title-with-button {
      z-index: 77;
    }
  }
  @media (max-width: 479px) {
    .title-with-button {
      display: inline-block;
      overflow: visible !important;
      width: 100%;
    }
  }
  @media (min-width: 480px) {
    .carousel-products .slick-list {
      padding-bottom: 200px;
      margin-bottom: -200px;
    }
    .carousel-products.hover {
      z-index: 1;
    }
    .carousel-products .product {
      margin-bottom: 0;
    }
  }
  .carousel-products__button {
    position: absolute;
    z-index: 100;
    top: 16px;
  }
  .carousel-products__button_aside {
    position: relative;
  }
  @media (max-width: 479px) {
    .carousel-products__button {
      width: 100%;
      top: 50%;
    }
  }
  .carousel-products__button.pull-right {
    right: 0;
  }
  .carousel-products__button.pull-left {
    left: 0;
  }
  .carousel-products__button span {
    display: block;
    height: 45px;
    width: 45px;
    cursor: pointer;
    background-color: #f5f5f5;
    color: #333333;
    padding: 0;
    border: none;
    outline: none;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
    display: inline-block;
    margin-left: 0.17em;
    margin-top: 0.1em;
    position: relative;
    z-index: 1;
    text-align: center;
  }
  .carousel-products__button span:hover,
  .carousel-products__button span:focus {
    outline: none;
    background: #1fc0a0;
  }
  .carousel-products__button span:hover:before,
  .carousel-products__button span:focus:before {
    opacity: 1;
    color: #ffffff;
  }
  .carousel-products__button span.slick-disabled:before {
    opacity: 1;
  }
  @media (max-width: 479px) {
    .carousel-products__button span {
      margin-top: 0;
      margin-left: 0;
      position: absolute;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
    }
    .carousel-products__button span.btn-prev {
      display: block;
      height: 45px;
      width: 45px;
      cursor: pointer;
      background-color: #f5f5f5;
      color: #333333;
      padding: 0;
      border: none;
      outline: none;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
      position: absolute;
      z-index: 1;
      top: 50%;
      margin-top: -22.5px;
      left: 0;
      z-index: 200;
      left: -15px;
    }
    .carousel-products__button span.btn-prev:hover {
      outline: none;
      background: #1fc0a0;
    }
    .carousel-products__button span.btn-prev:hover:before {
      opacity: 1;
      color: #ffffff;
    }
    .carousel-products__button span.btn-prev.slick-disabled:before {
      opacity: 1;
    }
    .carousel-products__button span.btn-prev[dir="rtl"] {
      left: auto;
      right: 0;
    }
    .carousel-products__button span.btn-prev:before {
      content: "\e408";
    }
    .carousel-products__button span.btn-prev:before[dir="rtl"] {
      content: "\e409";
    }
    .carousel-products__button span.btn-next {
      display: block;
      height: 45px;
      width: 45px;
      cursor: pointer;
      background-color: #f5f5f5;
      color: #333333;
      padding: 0;
      border: none;
      outline: none;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
      position: absolute;
      z-index: 1;
      top: 50%;
      margin-top: -22.5px;
      right: 0;
      z-index: 200;
      right: -15px;
    }
    .carousel-products__button span.btn-next:hover {
      outline: none;
      background: #1fc0a0;
    }
    .carousel-products__button span.btn-next:hover:before {
      opacity: 1;
      color: #ffffff;
    }
    .carousel-products__button span.btn-next.slick-disabled:before {
      opacity: 1;
    }
    .carousel-products__button span.btn-next[dir="rtl"] {
      left: 0;
      right: auto;
    }
    .carousel-products__button span.btn-next:before {
      content: "\e409";
    }
    .carousel-products__button span.btn-next:before[dir="rtl"] {
      content: "\e408";
    }
  }
  .carousel-products__button span:before {
    display: block;
    font-family: "Material Icons";
    font-size: 35px;
    line-height: 45px;
    color: #333333;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .carousel-products__button span.btn-prev:before {
    content: "\e408";
  }
  .carousel-products__button span.btn-next:before {
    content: "\e409";
  }
  .carousel-products__button span:hover:before {
    opacity: 1;
  }
  /*==== /carousel title+arrows====*/
  .category-carousel .category img {
    width: 100%;
  }
  /*==== banner-slider-button====*/
  .banner-slider-button .slick-prev,
  .banner-slider-button .slick-next {
    background-color: transparent;
  }
  .banner-slider-button .slick-prev:before,
  .banner-slider-button .slick-next:before {
    color: #fff;
  }
  .banner-slider-button .slick-prev:hover:before,
  .banner-slider-button .slick-next:hover:before,
  .banner-slider-button .slick-prev:hover:before,
  .banner-slider-button .slick-next:hover:before {
    opacity: 1;
    color: #1fc0a0;
  }
  /*==== /banner-slider-button====*/
  @media (max-width: 479px) {
    .carousel-products__button.button-bottom {
      width: 100%;
      top: 50% !important;
    }
    .carousel-products__button.button-bottom span.slick-arrow {
      margin-top: 18px !important;
    }
    .carousel-products__button.button-bottom span.btn-prev {
      left: 0;
    }
    .carousel-products__button.button-bottom span.btn-next {
      left: 59px;
      right: auto;
    }
  }
  /****************************************
  * end carousel  
  *****************************************/
  /****************************************
  * menu
  *****************************************/
  /*=== dropdowns style ===*/
  .dropdown-link {
    display: block;
    color: #777777;
    font-size: 1em;
    line-height: 1em;
    padding: 16px 7px 17px;
    text-decoration: none;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 300;
  }
  .dropdown-link:hover {
    background-color: #f7f7f7;
    color: #333333;
  }
  .dropdown-link .icon {
    font-size: 1.125em;
    color: #1fc0a0;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    padding: 0 12px 0 2px;
  }
  @media (min-width: 768px) {
    .visible-mobile-menu-on {
      display: none;
    }
    .visible-mobile-menu-off {
      display: inline-block;
    }
    .navbar .dropdown {
      position: static;
    }
    .dropdown {
      display: inline;
      padding: 0 20px 10px 0;
      font-weight: 300;
    }
    .dropdown .dropdown-menu {
      padding: 0;
      border: 0;
      margin-top: 0 !important;
      border-radius: 0;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    }
    .dropdown .dropdown-menu__close {
      display: none;
    }
    .dropdown .dropdown-menu > li > a {
      display: block;
      color: #777777;
      font-size: 1em;
      line-height: 1em;
      padding: 16px 7px 17px;
      text-decoration: none;
      border-bottom: 1px solid #e5e5e5;
      font-weight: 300;
    }
    .dropdown .dropdown-menu > li > a:hover {
      background-color: #f7f7f7;
      color: #333333;
    }
    .dropdown .dropdown-menu > li > a .icon {
      font-size: 1.125em;
      color: #1fc0a0;
      display: inline-block;
      vertical-align: middle;
      width: 30px;
      padding: 0 12px 0 2px;
    }
    .dropdown .dropdown-menu.multicolumn > li:last-child a {
      border: 0;
    }
    .dropdown.dropdown-mega-menu {
      position: static;
    }
    .dropdown.dropdown-mega-menu .dropdown-menu {
      display: block;
      top: -10000px;
      overflow: hidden;
    }
    .dropdown.dropdown-mega-menu:hover .dropdown-menu {
      display: block;
      top: auto;
    }
    .dropdown.dropdown-one-col {
      position: relative;
    }
    .dropdown.dropdown-one-col .dropdown-menu.multicolumn {
      min-width: 300px;
    }
    .dropdown.dropdown-one-col .dropdown-menu.multicolumn a {
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
    }
    .dropdown.dropdown-two-col {
      position: static;
    }
    .dropdown.dropdown-two-col .dropdown-menu {
      display: block;
      top: -10000px;
      overflow: hidden;
    }
    .dropdown.dropdown-two-col:hover .dropdown-menu {
      display: block;
      top: auto;
    }
    .dropdown .caret {
      margin-left: 16px;
      border-top: 5px dashed;
      border-top: 5px solid \9;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
    }
    .dropdown.text-right {
      padding: 0 14px 10px 16px;
    }
    .settings .dropdown.text-right {
      padding: 0 0 10px 28px;
    }
    .dropdown > a {
      text-decoration: none;
    }
    .dropdown > a:hover {
      text-decoration: none;
    }
    .dropdown > a:hover .icon {
      color: #1fc0a0;
    }
    .dropdown > a .icon {
      font-size: 1.9375em;
      color: #333333;
      position: relative;
    }
    .dropdown .dl-close {
      display: none;
    }
    .settings .dropdown-menu,
    .account .dropdown-menu {
      min-width: 209px;
    }
    .settings .dropdown-menu > li > a,
    .account .dropdown-menu > li > a {
      padding-left: 20px;
      padding-right: 20px;
      color: #777777;
      font-weight: 300;
    }
    .settings .dropdown-menu > li.active > a,
    .account .dropdown-menu > li.active > a,
    .settings .dropdown-menu > li:hover > a,
    .account .dropdown-menu > li:hover > a {
      color: #333333;
      background-color: #f7f7f7;
    }
    .account .dropdown-menu {
      min-width: 270px;
    }
  }
  /* nav */
  @media (min-width: 768px) {
    .nav .dropdown .dropdown-menu .col-md-3 {
      width: 24.5%;
    }
    .nav .dropdown.dropdown-one-col {
      position: relative;
    }
    .nav .dropdown.dropdown-one-col .dropdown-menu {
      width: 304px;
    }
    .nav .dropdown.dropdown-two-col {
      position: relative;
    }
    .nav .dropdown.dropdown-two-col .dropdown-menu {
      width: 300px;
    }
    .nav .dropdown.dropdown-two-col .dropdown-menu.popup-center {
      margin-left: -252px;
    }
    .nav .dropdown.dropdown-two-col .dropdown-menu.popup-left {
      margin-left: -502px;
    }
    .nav .dropdown.dropdown-three-col {
      position: relative;
    }
    .nav .dropdown.dropdown-three-col .dropdown-menu {
      width: 658px;
    }
    .nav .dropdown.dropdown-three-col .dropdown-menu.popup-center {
      margin-left: -352px;
    }
    .nav .dropdown.dropdown-three-col .dropdown-menu.popup-left {
      margin-left: -703px;
    }
  }
  @media (min-width: 768px) and (min-width: 992px) {
    .nav .dropdown .dropdown-menu {
      width: 992px;
    }
  }
  @media (min-width: 768px) and (min-width: 1200px) {
    .nav .dropdown .dropdown-menu {
      width: 1200px;
    }
  }
  @media (min-width: 768px) and (min-width: 1770px) {
    .nav .dropdown .dropdown-menu {
      width: 1770px;
    }
  }
  /* /nav */
  @media (max-width: 767px) {
    .visible-mobile-menu-on {
      display: block;
    }
    .visible-mobile-menu-off {
      display: none;
    }
    .dropdown {
      position: static;
      display: inline;
      padding: 0 20px 0 0;
      font-weight: 300;
    }
    .dropdown .caret {
      margin-left: 10px;
      color: #777777;
    }
    .dropdown.text-right {
      padding: 0 0 0 20px;
    }
    .dropdown > a {
      position: relative;
      text-decoration: none;
    }
    .dropdown > a:hover {
      text-decoration: none;
    }
    .dropdown > a:hover .icon {
      color: #1fc0a0;
    }
    .dropdown > a .icon {
      font-size: 1.9375em;
      color: #777777;
      position: relative;
    }
    .dropdown .dropdown-menu__close a {
      display: block;
      text-align: center;
      color: #1fc0a0 !important;
      text-transform: uppercase;
      font-size: 0.8175em;
    }
    .dropdown .dropdown-menu__close a .icon {
      display: inline-block;
      padding: 0 5px;
      vertical-align: middle;
      font-size: 1.5385em;
      color: #fff;
    }
    .dropdown .dropdown-menu--xs-full {
      left: 0;
      right: 0;
      width: 100%;
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background-color: #333333;
      z-index: 11111;
    }
    .dropdown .dropdown-menu--xs-full a:not(.btn) {
      padding: 10px 15px;
      color: #999999;
      border-top: 1px solid #777777;
    }
    .dropdown .dropdown-menu--xs-full a:not(.btn):hover {
      color: #ffffff;
      background-color: #171717;
    }
    .dropdown .dropdown-menu--xs-full a:not(.btn) .icon {
      font-size: 1.125em;
      color: #1fc0a0;
      display: inline-block;
      vertical-align: middle;
      width: 30px;
      padding: 0 10px 0 2px;
    }
  }
  .dropdown-toggle {
    cursor: pointer;
  }
  .dropdown.text-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .dropdown-label {
    display: inline-block;
    padding: 0 10px 0 0;
  }
  /*=== desktop-menu ===*/
  @media (min-width: 768px) {
    header .mainMenu {
      padding-top: 6px;
    }
    header .mainMenu .navbar-nav {
      position: relative;
    }
    header .mainMenu .navbar-nav > li {
      padding: 0 0 0.8em 0 !important;
    }
    header .mainMenu .navbar-nav > li > a {
      padding-left: 0.9em;
      padding-right: 0.9em;
      font-size: 1.125em;
      font-weight: 500;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #333333;
      background-color: transparent;
      -webkit-transition: -webkit-transform 0.35s;
      transition: transform 0.35s;
      top: 0;
      -moz-transition: top 0.3s ease;
      -o-transition: top 0.3s ease;
      -webkit-transition: top 0.3s ease;
    }
    header .mainMenu .navbar-nav > li > a .act-underline {
      display: inline-block;
      padding-bottom: 10px;
      padding-top: 5px;
      position: relative;
    }
    header .mainMenu .navbar-nav > li > a .act-underline:before {
      content: "";
      position: absolute;
      bottom: 0px;
      display: block;
      background-color: #1fc0a0;
      height: 0.28em;
      width: 100%;
      left: 0;
      opacity: 0;
      -moz-transition: all 0.12s linear;
      -o-transition: all 0.12s linear;
      -webkit-transition: all 0.12s linear;
    }
    header .mainMenu .navbar-nav > li > a:hover,
    header .mainMenu .navbar-nav > li > a:focus,
    .open header .mainMenu .navbar-nav > li > a {
      background-color: transparent;
    }
    header .mainMenu .navbar-nav > li > a:hover .act-underline:before,
    header .mainMenu .navbar-nav > li > a:focus .act-underline:before,
    header .mainMenu .navbar-nav > li > a .open .act-underline:before {
      opacity: 1;
    }
    header .mainMenu .navbar-nav > li:nth-child(2) > a {
      padding-left: 0;
    }
    header .mainMenu .navbar-nav > li:last-child > a {
      padding-right: 0;
    }
    header .mainMenu .navbar-nav > li > a:hover {
      -webkit-transition: -webkit-transform 0.35s;
      transition: transform 0.35s;
      top: -0.2em;
      -moz-transition: top 0.1s linear;
      -o-transition: top 0.1s linear;
      -webkit-transition: top 0.1s linear;
    }
    .dl-close,
    .dl-back {
      display: none !important;
    }
  }
  @media (min-width: 768px) {
    .navbar-vertical .mainMenu {
      padding-top: 20px;
    }
    .navbar-vertical .mainMenu .navbar-nav {
      position: relative;
    }
    .navbar-vertical .mainMenu .navbar-nav > li {
      padding: 0 0 0.8em 0 !important;
      margin-right: 1.8em !important;
    }
    .navbar-vertical .mainMenu .navbar-nav > li > a {
      padding-bottom: 10px;
      padding-top: 5px;
      padding-left: 0;
      padding-right: 0;
      font-size: 1.125em;
      font-weight: 500;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #333333;
      background-color: transparent;
      top: 0;
    }
    .navbar-vertical .mainMenu .navbar-nav > li > a:before {
      content: "";
      position: absolute;
      bottom: 0px;
      display: block;
      background-color: #1fc0a0;
      height: 0.28em;
      width: 100%;
      opacity: 0;
    }
    .navbar-vertical .mainMenu .navbar-nav > li > a:hover,
    .navbar-vertical .mainMenu .navbar-nav > li > a:focus,
    .open .navbar-vertical .mainMenu .navbar-nav > li > a {
      background-color: transparent;
    }
    .navbar-vertical .mainMenu .navbar-nav > li > a:hover:before,
    .navbar-vertical .mainMenu .navbar-nav > li > a:focus:before,
    .open .navbar-vertical .mainMenu .navbar-nav > li > a:before {
      opacity: 1;
    }
    .dl-close,
    .dl-back {
      display: none !important;
    }
  }
  @media (min-width: 768px) and (min-width: 768px) {
    .navbar-vertical .mainMenu .image-link .btn {
      padding: 5px 5px;
      font-size: 11px;
    }
  }
  @media (min-width: 768px) and (min-width: 992px) {
    .navbar-vertical .mainMenu .image-link .btn {
      padding: 7px 7px;
      font-size: 11px;
    }
  }
  @media (min-width: 768px) and (min-width: 1200px) {
    .navbar-vertical .mainMenu .image-link .btn {
      padding: 10px 12px;
      font-size: 15px;
    }
  }
  @media (min-width: 768px) and (min-width: 1770px) {
    .navbar-vertical .mainMenu .image-link .btn {
      padding: 15px 20px;
      font-size: 18px;
    }
  }
  @media (min-width: 768px) and (max-width: 1199px) {
    .navbar-vertical .mainMenu .image-links img {
      width: 80%;
    }
  }
  @media (min-width: 768px) and (max-width: 1199px) {
    .navbar-vertical .mainMenu .image-links.image-links-layout img {
      width: 100%;
    }
  }
  /* discolor-hover */
  .discolor-hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
    /* IE 6-9 */
  }
  .discolor-hover:hover img {
    -webkit-transition:  all 300ms 0s ease;
    -moz-transition:  all 300ms 0s ease;
    -ms-transition:  all 300ms 0s ease;
    -o-transition:  all 300ms 0s ease;
    transition:  all 300ms 0s ease;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    /* IE 6-9 */
  }
  /* /discolor-hover */
  /*=== megamenu ===*/
  @media (min-width: 768px) {
    .megamenu {
      width: 100%;
      max-width: 1170px;
      padding: 20px 25px 50px !important;
    }
    .megamenu.dropdown-menu {
      top: inherit;
      margin-top: 0 !important;
    }
    .megamenu > li {
      float: left;
    }
    .megamenu > li li {
      position: relative;
    }
    .megamenu > li li > ul {
      position: absolute;
      z-index: 100;
      display: none;
      left: 100%;
      top: 0;
      min-width: 200px;
      background-color: #fcfcfc;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    }
    .megamenu > li li > a:not(:only-child):after {
      font-family: "Material Icons";
      speak: none;
      content: "\e5cc";
      position: relative;
      display: inline-block;
      right: 0;
      float: right;
      color: #1fc0a0;
      -webkit-font-smoothing: antialiased;
    }
    .megamenu > li li:hover > ul {
      display: block;
    }
    .megamenu > li li.sub-menu-popup-left > a:not(:only-child):after {
      content: "\e5cb";
    }
    .megamenu > li li.sub-menu-popup-left > ul {
      left: -200px !important;
    }
    .megamenu__submenu {
      list-style: none;
      padding: 0;
      margin-bottom: 15px;
    }
    .megamenu__submenu li a {
      display: block;
      color: #777777;
      font-size: 1em;
      line-height: 1em;
      padding: 16px 7px 17px;
      text-decoration: none;
      border-bottom: 1px solid #e5e5e5;
      font-weight: 300;
    }
    .megamenu__submenu li a:hover {
      background-color: #f7f7f7;
      color: #333333;
    }
    .megamenu__submenu li a .icon {
      font-size: 1.125em;
      color: #1fc0a0;
      display: inline-block;
      vertical-align: middle;
      width: 30px;
      padding: 0 12px 0 2px;
    }
    .megamenu__submenu li:last-child a {
      border: 0;
    }
    .megamenu .megamenu__submenu--marked li > a:before {
      width: 25px;
      font-family: "Material Icons";
      speak: none;
      content: "\e5cc";
      position: relative;
      display: inline-block;
      float: left;
      color: #1fc0a0;
      -webkit-font-smoothing: antialiased;
    }
    .megamenu__subtitle {
      background-color: transparent !important;
      padding: 7px 0 0 !important;
      border-bottom: 0 !important;
      color: #333333 !important;
      margin-bottom: 7px;
    }
    .megamenu__subtitle span:first-child {
      display: block;
      font-size: 1em;
      line-height: 1em;
      font-weight: 600 !important;
      text-transform: uppercase;
      padding: 0.5em 0 0.9em 0 !important;
      border-bottom: 2px solid #1fc0a0 !important;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
    }
    .megamenu__subtitle:hover span:first-child {
      color: #1fc0a0;
    }
    .megamenu__category-image {
      display: block;
      margin: 21px 0 0;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      -webkit-opacity: 1;
      opacity: 1;
      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
      filter: alpha(opacity=100);
      -webkit-transition:  opacity 300ms linear 0s;
      -moz-transition:  opacity 300ms linear 0s;
      -ms-transition:  opacity 300ms linear 0s;
      -o-transition:  opacity 300ms linear 0s;
      transition:  opacity 300ms linear 0s;
    }
    .megamenu__category-image:hover {
      -moz-opacity: 0.7;
      -khtml-opacity: 0.7;
      -webkit-opacity: 0.7;
      opacity: 0.7;
      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
      filter: alpha(opacity=70);
    }
    .megamenu .carousel-products {
      margin-top: 25px;
    }
  }
  .image-links > [class*="col-"] {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  .image-link {
    display: block;
    text-align: center;
  }
  .image-link > a {
    text-decoration: none;
    display: block;
    padding: 20px 0 20px;
  }
  .image-link .figure {
    display: block;
    position: relative;
    text-align: center;
  }
  .image-link .btn {
    position: absolute;
    display: block;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition:  opacity 200ms linear 0s;
    -moz-transition:  opacity 200ms linear 0s;
    -ms-transition:  opacity 200ms linear 0s;
    -o-transition:  opacity 200ms linear 0s;
    transition:  opacity 200ms linear 0s;
  }
  .image-link:hover .btn {
    opacity: 1;
  }
  .image-link:hover .figcaption {
    color: #1fc0a0;
  }
  .image-link img {
    display: inline-block;
    background-color: #ffffff;
    -webkit-transition:  all 200ms linear 0s;
    -moz-transition:  all 200ms linear 0s;
    -ms-transition:  all 200ms linear 0s;
    -o-transition:  all 200ms linear 0s;
    transition:  all 200ms linear 0s;
  }
  .image-link .figcaption {
    display: block;
    margin: 20px 0 10px;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #333333;
  }
  @media (min-width: 768px) {
    .image-links .col-one-fifth {
      width: 18.3%;
      float: left;
      margin-left: 2.125%;
      margin-right: 0;
      margin-top: 20px;
      margin-bottom: 25px;
    }
    .image-links .col-one-fifth:nth-child(5n+2) {
      margin-left: 0;
    }
  }
  @media (min-width: 768px) {
    .image-links .col-one-third {
      width: 33.333%;
      float: left;
      margin-top: 27px;
    }
  }
  @media (min-width: 768px) {
    .image-links .col-one-third {
      width: 23%;
      float: left;
      margin-right: 0;
    }
    .image-links .col-one-third:nth-child(3n+2) {
      margin-left: 15.5%;
    }
  }
  @media (min-width: 768px) {
    .image-links .col-half {
      width: 35%;
      float: left;
      margin-right: 0;
    }
    .image-links .col-half.col-half-left {
      margin: 0 5% 0 10%;
    }
    .image-links .col-half.col-half-right {
      margin: 0 10% 0 5%;
    }
  }
  @media (min-width: 768px) {
    .image-links .col-half {
      width: 40%;
      float: left;
    }
    .image-links .col-half.col-half-left {
      margin: 0 0 0 10%;
    }
    .image-links .col-half.col-half-right {
      margin: 0 10% 0 0;
    }
  }
  @media (min-width: 768px) {
    .image-links .col-one-fourth {
      width: 33.333%;
      float: left;
      margin-top: 27px;
      margin-right: 0;
    }
  }
  @media (min-width: 768px) {
    .image-links .col-one-fourth {
      width: 23%;
      float: left;
    }
    .image-links .col-one-fourth:nth-child(4n+2) {
      margin-left: 5%;
    }
  }
  .image-links-layout .btn {
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .image-links-layout .image-link .figcaption {
    padding-left: 5px;
    padding-right: 5px;
  }
  @media (min-width: 768px) {
    .image-links-layout .col-one-third {
      width: 32.3%;
      display: inline-block;
      float: none;
      vertical-align: top;
    }
  }
  @media (min-width: 768px) {
    .image-links-layout .col-one-fourth {
      width: 24.5%;
      display: inline-block;
      float: none;
      vertical-align: top;
    }
  }
  @media (min-width: 768px) and (min-width: 992px) {
    .image-links-layout .col-one-fourth {
      padding: 0 15px;
    }
  }
  .image-links-prototypes .image-link > a {
    margin-bottom: 10px;
  }
  .image-links-prototypes .image-link .figcaption {
    font-size: 45px;
    letter-spacing: 0;
    color: #333333;
    margin: 25px 0 12px;
  }
  .image-links-prototypes .image-link .figcaption .size1 {
    font-size: 16px;
    font-weight: 500;
  }
  .image-links-prototypes .image-link img {
    opacity: 0.5;
    max-width: 100%;
  }
  .image-links-prototypes .image-link:hover img {
    opacity: 1;
  }
  .image-links-prototypes .image-link:hover .figcaption {
    color: #1fc0a0;
  }
  .image-links-listing {
    padding-bottom: 50px !important;
  }
  .image-links-listing .image-link > a {
    margin-bottom: 8px;
  }
  .image-links-listing .image-link .figcaption {
    color: #333333;
    margin: 25px 0 0;
  }
  .image-links-listing .image-link img {
    opacity: 0.5;
  }
  .image-links-listing .image-link:hover img {
    opacity: 1;
  }
  .image-links-listing .image-link:hover .figcaption {
    color: #1fc0a0;
  }
  /*=== mobile-menu ===*/
  @media (max-width: 767px) {
    .navbar-toggle {
      position: relative;
      font-size: 18px;
      line-height: 1.2em;
      width: 110px;
      text-transform: uppercase;
    }
    .menu-text {
      left: 48px;
      position: absolute;
      top: 5px;
      color: #ffffff;
    }
    .navbar {
      position: static !important;
    }
    .responsive-menu {
      margin: 1px auto;
      text-align: center;
    }
    .responsive-menu .hidden-xs {
      display: none;
    }
    .responsive-menu > ul {
      position: fixed;
      display: none;
      margin: 0;
      padding: 0;
      background: #fff;
      list-style: none;
      z-index: 10000;
      top: 0;
      left: -100%;
      height: 100%;
      text-align: left;
      -webkit-transition:  left 300ms linear 0s;
      -moz-transition:  left 300ms linear 0s;
      -ms-transition:  left 300ms linear 0s;
      -o-transition:  left 300ms linear 0s;
      transition:  left 300ms linear 0s;
      -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
    }
    .responsive-menu > ul:after {
      content: "";
      clear: both;
      display: block;
    }
    .responsive-menu > ul li {
      float: left;
      border-top: 1px solid #e5e5e5;
      padding-left: 0;
      padding-right: 0;
      display: block;
    }
    .responsive-menu > ul li.dropdown {
      padding: 0 !important;
    }
    .responsive-menu > ul li:first-child,
    .responsive-menu > ul li.open {
      border-top: 0 !important;
    }
    .responsive-menu > ul li a {
      color: #333333;
      font-size: 18px !important;
      line-height: 1em !important;
      font-weight: 600 !important;
      display: block;
      padding: 15px 18px !important;
      text-decoration: none;
      text-transform: uppercase;
    }
    .responsive-menu > ul li a:hover {
      color: #1fc0a0;
      background-color: #f7f7f7;
    }
    .responsive-menu > ul li .image-link a {
      margin: 0;
    }
    .responsive-menu > ul li.dl-back a,
    .responsive-menu > ul li.dl-close a {
      font-size: 0.8125em !important;
      color: #1fc0a0;
    }
    .responsive-menu > ul li.dl-back a .icon,
    .responsive-menu > ul li.dl-close a .icon {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.7692em;
      color: #333333;
    }
    .responsive-menu > ul ul {
      display: none;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 100%;
      -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
      border: 0;
    }
    .responsive-menu > ul ul li {
      position: relative;
    }
    .responsive-menu li > a:not(:only-child):after {
      font-family: "Material Icons";
      speak: none;
      content: "\e5cc";
      position: relative;
      display: inline-block;
      right: 0;
      float: right;
      color: #1fc0a0;
      -webkit-font-smoothing: antialiased;
    }
    .responsive-menu-toggled {
      width: 50px;
      min-height: 50px;
      display: none;
    }
    .responsive-menu-open ~ ul {
      left: 0;
      -webkit-transition:  left 300ms linear 0s;
      -moz-transition:  left 300ms linear 0s;
      -ms-transition:  left 300ms linear 0s;
      -o-transition:  left 300ms linear 0s;
      transition:  left 300ms linear 0s;
    }
    .responsive-menu-dropdown:not(.hidden-xs) {
      display: block !important;
    }
    .responsive-menu-mobile {
      width: 85%;
      max-width: 300px;
    }
    html:not(.touch) .responsive-menu-mobile .responsive-menu-dropdown:hover ~ ul,
    html:not(.touch) .responsive-menu-mobile .responsive-menu-dropdown:hover > ul,
    html:not(.touch) .responsive-menu-mobile .responsive-menu-dropdown:hover + ul {
      display: none!important;
    }
    .responsive-menu-mobile li {
      width: 100%;
    }
    .responsive-menu-mobile .dl-submenu {
      position: relative;
      left: 0px;
      top: -1px;
      width: 100%;
    }
    .responsive-menu-mobile .dl-back {
      display: block;
    }
    .dl-subview {
      display: block!important;
    }
    .dl-subover-hidden {
      display: none!important;
    }
    .dl-subover-visible {
      display: block;
    }
    .dl-subover-visible .dl-subover-header {
      display: none!important;
    }
  }
  /*=== multicolumn menu ===*/
  @media (min-width: 768px) {
    .multicolumn {
      padding: 20px 25px !important;
      min-width: 250px 50;
    }
    .multicolumn li {
      display: inline-block;
      float: left;
      min-width: 250px;
      width: 100%;
    }
    .multicolumn li a {
      margin: 0 15px;
      padding: 16px 7px 17px !important;
    }
    .multicolumn.two-col li {
      width: 50%;
    }
    .multicolumn.one-col {
      min-width: 250px;
    }
    .multicolumn.three-col {
      min-width: 810px;
    }
    .multicolumn.three-col li {
      width: 33.333%;
    }
    .multicolumn.four-col {
      min-width: 1060px;
    }
    .multicolumn.four-col li {
      width: 25%;
    }
    .multicolumn.five-col {
      min-width: 1310px;
    }
    .multicolumn.five-col li {
      width: 20%;
    }
    .multicolumn.six-col {
      min-width: 1560px;
    }
    .multicolumn.six-col li {
      width: 16.666%;
    }
  }
  /*============== dropdown-menu-right ==============*/
  .dropdown-menu-right {
    left: 0 !important;
    right: auto !important;
  }
  /*============== /dropdown-menu-right ==============*/
  @media (min-width: 768px) {
    .navbar.navbar-vertical .mainMenu {
      padding-top: 0;
    }
    .navbar.navbar-vertical .mainMenu .navbar-nav {
      float: none;
    }
    .navbar.navbar-vertical .mainMenu .navbar-nav > li {
      float: none !important;
      width: 100%;
      padding: 0 !important;
      top: 0px !important;
    }
    .navbar.navbar-vertical .mainMenu .navbar-nav > li > a {
      border-bottom: 1px solid #e5e5e5;
      font-size: 18px;
      line-height: 1em;
      padding: 19px 21px 21px 20px;
    }
    .navbar.navbar-vertical .mainMenu .navbar-nav > li > a .icon {
      font-size: 23px;
      color: #1fc0a0;
      margin-left: 11px;
      top: 1px;
      position: relative;
    }
    .navbar.navbar-vertical .mainMenu .navbar-nav > li > a .badge {
      position: relative;
      top: 1px;
    }
    .navbar.navbar-vertical .mainMenu .navbar-nav > li > a .badge:after {
      display: none;
    }
    .navbar.navbar-vertical .mainMenu .navbar-nav > li > a:before {
      display: none;
    }
    .navbar.navbar-vertical .mainMenu .navbar-nav > li > a:hover {
      padding: 19px 21px 21px 20px;
      background-color: #f7f7f7;
      color: #1fc0a0;
    }
    .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu {
      left: 263px;
      top: -1px;
    }
    .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 2px;
      height: 100%;
      background-color: #1fc0a0;
    }
  }
  @media (min-width: 768px) and (max-width: 767px) {
    .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu {
      left: 270px;
    }
  }
  @media (min-width: 768px) and (min-width: 768px) {
    .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu {
      left: 270px;
    }
  }
  @media (min-width: 768px) and (min-width: 992px) {
    .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu {
      left: 300px;
    }
  }
  @media (min-width: 768px) and (min-width: 1200px) {
    .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu {
      left: 267px;
    }
  }
  @media (min-width: 768px) and (min-width: 1770px) {
    .navbar.navbar-vertical .mainMenu .navbar-nav > li:hover .dropdown-menu {
      left: 262px;
    }
  }
  @media (min-width: 768px) and (max-width: 767px) {
    .navbar.navbar-vertical .mainMenu .megamenu {
      width: 666px;
    }
  }
  @media (min-width: 768px) and (min-width: 768px) {
    .navbar.navbar-vertical .mainMenu .megamenu {
      width: 666px;
    }
  }
  @media (min-width: 768px) and (min-width: 992px) {
    .navbar.navbar-vertical .mainMenu .megamenu {
      width: 666px;
    }
  }
  @media (min-width: 768px) and (min-width: 1200px) {
    .navbar.navbar-vertical .mainMenu .megamenu {
      width: 900px;
    }
  }
  @media (min-width: 768px) and (min-width: 1770px) {
    .navbar.navbar-vertical .mainMenu .megamenu {
      width: 1170px;
    }
  }
  /* navbar-color-white
  ==================================== */
  @media (min-width: 768px) {
    .navbar-color-white .mainMenu .navbar-nav > li > a {
      color: #fff;
    }
  }
  .navbar-color-white .badge--menu {
    background-color: #777777;
  }
  .navbar-color-white .badge--color {
    background-color: #1fc0a0;
  }
  /* /navbar-color-white
  ==================================== */
  @media (min-width: 768px) {
    header .navbar .dropdown {
      display: inline-block;
    }
    header .navbar .megamenu__submenu.dl-submenu,
    header .navbar .dropdown-one-col {
      -o-transition-delay: 0.4s;
      -moz-transition-delay: 0.4s;
      transition-delay: 0.4s;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
    }
    .megamenu__subtitle:hover {
      letter-spacing: 1px;
    }
    .megamenu > li:hover .megamenu__subtitle span {
      color: #1fc0a0;
    }
    .megamenu > li li li {
      -o-transition-delay: 0s;
      -moz-transition-delay: 0s;
      transition-delay: 0s;
    }
    .megamenu > li li ul {
      display: block;
      visibility: hidden;
      opacity: 0;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
      -o-transition-delay: 0s;
      -moz-transition-delay: 0s;
      transition-delay: 0s;
    }
    .megamenu > li li:hover ul {
      visibility: visible;
      opacity: 1;
    }
    .megamenu > li li:hover ul ul {
      display: block;
      visibility: hidden;
      opacity: 0;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
      -o-transition-delay: 0s;
      -moz-transition-delay: 0s;
      transition-delay: 0s;
    }
    .megamenu > li li:hover ul ul li:hover ul {
      visibility: visible;
      opacity: 1;
    }
    .megamenu > li li li ul {
      display: block;
      visibility: hidden;
      opacity: 0;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
      -o-transition-delay: 0s;
      -moz-transition-delay: 0s;
      transition-delay: 0s;
    }
    .megamenu > li li li:hover ul {
      visibility: visible;
      opacity: 1;
    }
  }
  @media (min-width: 768px) {
    .navbar-nav > li > .extra-arrow {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .navbar-nav > li > .extra-arrow {
      position: absolute !important;
      width: 15%;
      right: 0;
      height: 100%;
      z-index: 7;
      border: 1px solid green;
      font-family: none;
      font-size: 0;
      line-height: 0;
      background: transparent !important;
    }
    .navbar-nav > li > .extra-arrow:after {
      display: none;
    }
  }
  @media (max-width: 767px) {
    /* mobile menu
  ==================================== */
    /*
      Colorbox Core Style:
      The following CSS is consistent between example themes and should not be altered.
  */
    #colorbox,
    #cboxOverlay,
    #cboxWrapper {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9999999;
      overflow: hidden;
    }
    #cboxWrapper {
      max-width: none;
    }
    #cboxOverlay {
      position: fixed;
      width: 100%;
      height: 100%;
    }
    #cboxMiddleLeft,
    #cboxBottomLeft {
      clear: left;
    }
    #cboxContent {
      position: relative;
    }
    #cboxLoadedContent {
      -webkit-overflow-scrolling: touch;
      overflow: hidden !important;
    }
    #cboxTitle {
      margin: 0;
    }
    #cboxLoadingOverlay,
    #cboxLoadingGraphic {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    #cboxPrevious,
    #cboxNext,
    #cboxClose,
    #cboxSlideshow {
      cursor: pointer;
    }
    .cboxPhoto {
      float: left;
      margin: auto;
      border: 0;
      display: block;
      max-width: none;
      -ms-interpolation-mode: bicubic;
    }
    .cboxIframe {
      width: 100%;
      height: 100%;
      display: block;
      border: 0;
      padding: 0;
      margin: 0;
    }
    #colorbox,
    #cboxContent,
    #cboxLoadedContent {
      box-sizing: content-box;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
    }
    #cboxOverlay {
      background-color: rgba(0, 0, 0, 0.55);
    }
    #colorbox {
      outline: 0;
    }
    #cboxContent {
      background: #000;
    }
    .cboxIframe {
      background: #fff;
    }
    #cboxError {
      padding: 50px;
      border: 1px solid #ccc;
    }
    #cboxLoadedContent {
      border: none;
      background: #fff;
    }
    #cboxTitle {
      position: absolute;
      top: -20px;
      left: 0;
      color: #ccc;
    }
    #cboxCurrent {
      position: absolute;
      top: -20px;
      right: 0px;
      color: #ccc;
    }
    /*        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
  */
    /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
    #cboxPrevious,
    #cboxNext,
    #cboxSlideshow,
    #cboxClose {
      border: 0;
      padding: 0;
      margin: 0;
      overflow: visible;
      width: auto;
      background: none;
    }
    /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
    #cboxPrevious:active,
    #cboxNext:active,
    #cboxSlideshow:active,
    #cboxClose:active {
      outline: 0;
    }
    #cboxSlideshow {
      position: absolute;
      top: -20px;
      right: 90px;
      color: #fff;
    }
    #cboxPrevious,
    #cboxNext {
      opacity: 0;
      position: absolute;
      height: 54px;
      width: 54px;
      cursor: pointer;
      background: none;
      color: transparent;
      text-align: center;
      border: 2px solid #3a3a3a;
      outline: none;
      margin-top: -28px;
      top: 50%;
      text-indent: -9999px;
    }
    #colorbox:hover #cboxPrevious,
    #colorbox:hover #cboxNext,
    #colorbox:hover #cboxClose {
      opacity: 1;
    }
    #cboxPrevious {
      left: 5px;
    }
    #cboxNext {
      right: 5px;
    }
    #cboxPrevious:before,
    #cboxNext:before {
      display: block;
      position: relative;
      font-size: 14px !important;
      line-height: 50px !important;
      color: #3a3a3a;
      margin: 0 0 0 -2px;
      text-indent: 0;
    }
    #cboxNext:before {
      margin: 0 0 0 2px;
    }
    #cboxClose {
      position: fixed;
      top: 0px;
      left: 0px;
      display: block;
      width: 300px;
      height: 50px;
      outline: none;
      padding: 12px 0px 15px 52px;
      color: #000;
      background: #fff;
      font-weight: 600;
      font-size: 15px;
      text-transform: uppercase;
      text-align: left;
      font-weight: 500;
      border-bottom: 1px solid #e5e5e5;
      z-index: 7;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
    }
    #cboxClose:hover {
      color: #1fc0a0;
    }
    .touch #cboxClose {
      opacity: 1 !important;
    }
    #cboxClose:before {
      position: absolute;
      top: 6px;
      left: 20px;
      text-indent: 0;
      font-family: 'Material Icons';
      content: "\e14c";
      font-size: 23px !important;
    }
    .canvas-menu #cboxClose:before {
      color: #333333;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
    }
    .canvas-menu #cboxClose:hover:before {
      color: #1fc0a0;
    }
    .canvas-menu #cboxLoadedContent {
      background: #242424;
    }
    .gallery-popup #cboxClose:before {
      font-size: 20px !important;
    }
  }
  @media (min-width: 768px) {
    #colorbox {
      display: none;
    }
    #off-canvas-menu {
      display: none;
    }
  }
  @media (max-width: 767px) {
    /* off canvas menu */
    #outer {
      overflow: hidden;
    }
    #outer-canvas,
    #off-canvas-menu {
      width: 100%;
    }
    body.off-canvas-menu-open #outer-canvas {
      margin-left: 0;
      overflow: hidden;
      position: relative;
    }
    body.off-canvas-menu-open.notouch #outer-canvas {
      margin-left: 300px;
    }
    .off-canvas-menu-toggle {
      display: block;
    }
    #off-canvas-menu {
      background: #fff;
      display: block;
      height: 100%;
      top: 0;
      width: 100%;
      z-index: 10001;
      overflow: auto;
    }
    #off-canvas-menu .expander-list {
      border-top: 1px solid #e5e5e5 !important;
      list-style-type: none;
      padding: 49px 0 0 0;
    }
    #off-canvas-menu .expander-list ul {
      margin: 0px;
    }
    #off-canvas-menu .expander-list .expander {
      font-size: 0px;
      margin-top: 0px;
      right: 0px;
      position: relative;
    }
    #off-canvas-menu .expander-list li {
      overflow: hidden;
    }
    #off-canvas-menu .expander-list .name {
      padding: 0px;
      height: 100%;
      color: #333333;
      font-size: 18px;
      line-height: 1.1em;
      font-weight: 500;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
    }
    #off-canvas-menu .expander-list .name.open,
    #off-canvas-menu .expander-list .name:hover {
      background: #f7f7f7;
    }
    #off-canvas-menu ul li span.icon {
      font-size: 18px;
      line-height: 22px;
      padding: 0 10px 0 0;
    }
    #off-canvas-menu ul li li li {
      padding-left: 15px;
    }
    #off-canvas-menu ul li .name a {
      color: #333333;
      font-size: 18px;
      line-height: 1.1em;
      text-decoration: none;
      text-transform: uppercase;
      padding: 13px 0 14px 20px;
      display: inline-block;
    }
    #off-canvas-menu ul li .name.open a {
      color: #1fc0a0;
    }
    #off-canvas-menu ul li .name a {
      display: inline-block;
      width: 80%;
    }
    #off-canvas-menu ul li .name .expander {
      float: right;
      cursor: pointer;
      padding: 12px 15px 0px 0 !important;
      height: 100%;
      width: 100% !important;
      position: absolute;
      top: 0;
      z-index: 4;
    }
    #off-canvas-menu ul li .name.open .expander {
      width: 20% !important;
      position: inherit;
    }
    #off-canvas-menu-close {
      background: transparent;
      display: none;
      right: 15px;
      top: 0px;
      position: absolute;
      text-align: center;
      text-decoration: none;
      z-index: 2;
      color: #fff;
      cursor: pointer;
    }
    #off-canvas-menu-close [class^="icon-"]:before,
    #off-canvas-menu-close [class*=" icon-"]:before {
      margin: 0;
      width: auto;
      line-height: 53px;
    }
    body.off-canvas-menu-open #off-canvas-menu-close {
      display: block;
    }
    body.off-canvas-menu-open #off-canvas-menu {
      display: block;
      left: 0;
    }
    body.off-canvas-menu-open #outer-overlay {
      background: none repeat scroll 0 0 #000;
      display: block;
      height: 100%;
      left: 0;
      min-height: 100% !important;
      opacity: 0.5;
      position: absolute !important;
      top: 0;
      width: 100% !important;
      z-index: 10000;
    }
    #outer-overlay {
      opacity: 0;
      z-index: 0;
    }
    /* expander list */
    .expander-list,
    .expander-list ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .responsive-menu ul li {
      border-bottom: 1px solid #e5e5e5;
    }
    #off-canvas-menu > ul ul li {
      border-bottom: 1px solid #e5e5e5;
    }
    #off-canvas-menu ul ul ul li {
      border-bottom: 1px solid #e5e5e5;
    }
    #off-canvas-menu ul ul ul li:last-child {
      border-bottom: 1px solid transparent;
    }
    .expander-list li {
      margin: 0;
      padding: 0 !important;
    }
    .expander-list .name {
      display: block;
      padding: 0px 0 0px;
      border-bottom: 1px solid #e5e5e5;
    }
    .expander-list ul .name {
      padding-left: 21px;
    }
    .expander-list ul ul .name {
      padding-left: 42px;
    }
    .expand-nav {
      left: 0px;
      position: absolute;
      top: 0px;
    }
    .expand-nav a {
      text-decoration: none;
    }
    .expand-nav .nav-item > a {
      display: block;
      float: left;
      height: 53px;
      left: 0;
      position: absolute;
      text-align: center;
      text-decoration: none;
      top: 0;
      width: 47px;
      z-index: 2;
    }
    .expand-nav .nav-item > a .icon {
      color: #3b3b3b;
      font-size: 24px;
      line-height: 50px;
      margin-top: 5px;
      position: relative;
    }
    /* bull */
    #off-canvas-menu .expander-list .name .expander:before {
      content: "\e409";
    }
    #off-canvas-menu .expander-list .name.open .expander:before {
      content: "\e5cf";
    }
    /* /bull */
    /* level - 2 */
    #off-canvas-menu > ul ul li {
      padding-left: 0;
      padding-right: 0;
      display: block;
    }
    /* /level-2 */
    .image-links-prototypes .image-link a {
      color: #333333;
      font-size: 18px !important;
      line-height: 1em !important;
      font-weight: 600 !important;
      display: block;
      padding: 15px 18px !important;
      text-decoration: none;
      text-transform: uppercase;
    }
    .image-links-prototypes .image-link .figcaption {
      font-size: 45px;
      letter-spacing: 0;
      color: #333333;
      margin: 25px 0 12px;
    }
    .multicolumn li a {
      color: #333333;
      font-size: 18px !important;
      line-height: 1em !important;
      font-weight: 600 !important;
      display: block;
      padding: 15px 18px 15px 33px !important;
      text-decoration: none;
      text-transform: uppercase;
    }
    .multicolumn-level li a {
      color: #333333;
      font-size: 18px !important;
      line-height: 1em !important;
      font-weight: 600 !important;
      display: block;
      padding: 15px 18px 15px 33px !important;
      text-decoration: none;
      text-transform: uppercase;
    }
    .multicolumn-level .name {
      border-color: transparent;
    }
    .multicolumn-level .name.open {
      border-color: #e5e5e5;
    }
    .image-links-level-2 li {
      border: none;
    }
    .image-links-level-2 li a {
      padding: 15px 18px 15px 33px !important;
    }
    .image-links-level-3 li a {
      padding: 15px 18px 15px 43px !important;
    }
    .image-links-level-4 li a {
      padding: 15px 18px 15px 53px !important;
    }
    .image-links-level-5 li a {
      padding: 15px 18px 15px 63px !important;
    }
    .image-links-level-6 li a {
      padding: 15px 18px 15px 73px !important;
    }
    .image-links-level-7 li a {
      padding: 15px 18px 15px 83px !important;
    }
    #off-canvas-menu {
      /* badge */
      /* end badge */
    }
    #off-canvas-menu .badge {
      left: auto !important;
      right: 0 !important;
      top: -1px !important;
      z-index: 0;
    }
    #off-canvas-menu .badge:after {
      display: none !important;
    }
    #off-canvas-menu .dropdown-menu {
      position: relative !important;
      z-index: 1;
      width: 100%;
      border: none !important;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
    #off-canvas-menu .dropdown-menu li.col-xs-6,
    #off-canvas-menu .dropdown-menu li.col-md-3 {
      width: 100% !important;
    }
  }
  .multicolumn.two-col li:nth-last-child(2) a {
    border-color: transparent ;
  }
  .multicolumn.three-col li:nth-last-child(3) a {
    border-color: transparent;
  }
  .multicolumn.three-col li:nth-last-child(2) a {
    border-color: transparent;
  }
  .multicolumn.three-col li:nth-last-child(1) a {
    border-color: transparent;
  }
  /* end mobile menu
  ==================================== */
  /* multicolumn
  ==================================== */
  @media (min-width: 1025px) {
    .multicolumn.dropdown-menu {
      overflow: inherit !important;
    }
    .multicolumn li {
      position: relative;
    }
    ul.popup-left {
      left: auto !important;
      right: 100% !important;
    }
    .multicolumn li > a:not(:only-child):after {
      font-family: "Material Icons";
      speak: none;
      content: "\e5cc";
      position: relative;
      display: inline-block;
      right: 0;
      float: right;
      color: #1fc0a0;
      -webkit-font-smoothing: antialiased;
    }
    .multicolumn li ul {
      display: block;
      visibility: hidden;
      opacity: 0;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
      -o-transition-delay: 0s;
      -moz-transition-delay: 0s;
      transition-delay: 0s;
      position: absolute;
      z-index: 100;
      display: none;
      left: 100%;
      margin-left: -15px;
      top: 0;
      min-width: 200px;
      background-color: #fcfcfc;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
    }
    .multicolumn li ul.popup-left {
      margin-left: 0;
      margin-right: -15px;
    }
    .multicolumn li:hover ul {
      visibility: visible;
      opacity: 1;
      display: block;
    }
    .multicolumn ul li:nth-last-child(2) a {
      border-color: #e5e5e5 !important;
    }
    .multicolumn ul ul li:nth-last-child(2) a {
      border-color: #e5e5e5 !important;
    }
    .multicolumn li ul ul {
      margin-left: 0;
    }
    .multicolumn li ul ul.popup-left {
      margin-left: 0;
      margin-right: 0px;
    }
    .multicolumn li ul li a {
      margin: 0;
      border-bottom: 1px solid #e5e5e5 !important;
    }
    .multicolumn li:hover ul li ul {
      left: 100%;
      padding: 0;
    }
    .multicolumn li:hover ul li ul {
      visibility: hidden;
      opacity: 0;
    }
    .multicolumn li ul li:hover ul {
      visibility: visible;
      opacity: 1;
    }
    .megamenu > li li > ul {
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
    }
  }
  @media (max-width: 1025px) {
    .multicolumn .name {
      border-color: transparent;
    }
    .multicolumn .name.open {
      border-color: #e5e5e5;
    }
  }
  /* end multicolumn
  ==================================== */
  @media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .expander-list .image-link .btn {
      display: none;
    }
  }
  /* hover and activ
  ==================================== */
  @media (min-width: 768px) {
    header .mainMenu .navbar-nav > li.hover > a,
    header .mainMenu .navbar-nav > li.active > a {
      -webkit-transition: -webkit-transform 0.35s;
      transition: transform 0.35s;
      top: -0.2em;
      -moz-transition: top 0.1s linear;
      -o-transition: top 0.1s linear;
      -webkit-transition: top 0.1s linear;
    }
    header .mainMenu .navbar-nav > li.hover > a .act-underline:before,
    header .mainMenu .navbar-nav > li.active > a .act-underline:before {
      opacity: 1 !important;
    }
    .megamenu__submenu li.hover > a,
    .megamenu__submenu li.active > a {
      background-color: #f7f7f7;
      color: #333333;
    }
  }
  /* end hover and activ
  ==================================== */
  /****************************************
  * end menu
  *****************************************/
  /****************************************
  * search
  *****************************************/
  .search a {
    display: inline-block;
    text-decoration: none;
    padding: 0;
  }
  .search a:hover {
    text-decoration: none;
  }
  .search a:hover .icon {
    color: #1fc0a0;
  }
  .search a .icon {
    position: relative;
    font-size: 1.8125em;
    color: #333333;
    line-height: 32px;
    padding: 10px 0 6px;
    display: inline-block;
  }
  @media (max-width: 767px) {
    .search a:hover .icon {
      color: #ffffff;
    }
    .search a .icon {
      color: #ffffff;
    }
  }
  .search-dropdown {
    position: absolute;
    width: 100%;
    right: 0;
    z-index: 1;
    margin-top: -52px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition:  all 300ms 0s ease;
    -moz-transition:  all 300ms 0s ease;
    -ms-transition:  all 300ms 0s ease;
    -o-transition:  all 300ms 0s ease;
    transition:  all 300ms 0s ease;
  }
  .search-dropdown.open {
    visibility: visible;
    opacity: 1;
  }
  .search-dropdown .input-outer {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    padding-right: 62px;
  }
  @media (max-width: 767px) {
    .search-dropdown .input-outer {
      height: 55px;
    }
  }
  .search-dropdown .input-outer input {
    width: 100%;
    height: 51px;
    border: 1px solid #e5e5e5;
    padding: 14px 15px;
    line-height: 21px;
  }
  @media (max-width: 767px) {
    .search-dropdown .input-outer input {
      height: 55px;
    }
  }
  .search-dropdown .input-outer button {
    position: absolute;
    right: 65px;
    top: 0;
    border: none;
    background: none;
    font-size: 1.8em;
    padding: 13px 10px 7px;
    line-height: 1em;
  }
  .search-dropdown .input-outer button:hover {
    color: #1fc0a0;
  }
  .search-dropdown .search__close {
    margin-right: 12px;
  }
  @media (max-width: 767px) {
    .search.open {
      width: 100%;
    }
    .search.open .search-dropdown {
      width: 100%;
      display: block;
    }
    .search-dropdown {
      width: auto;
      right: -18px;
      margin-top: -55px;
      height: 55px;
      display: none;
    }
    .search-dropdown .input-outer {
      height: 55px;
    }
    .search-dropdown .input-outer input {
      height: 55px;
      margin-left: 15px;
    }
    .search-dropdown .search__close .icon {
      color: #333333;
    }
    .search-dropdown .search__close .icon:hover {
      color: #1fc0a0;
    }
  }
  /* search-outer
  ==================================== */
  .search-outer .input-outer {
    position: relative;
  }
  .search-outer .input-outer input {
    width: 100%;
    height: 60px;
    border: 1px solid #e5e5e5;
    padding: 13px 15px 14px 20px;
    line-height: 21px;
    font-weight: 500;
    font-size: 18px;
  }
  .search-outer .input-outer input::-webkit-input-placeholder {
    color: #333333;
  }
  .search-outer .input-outer input::-moz-placeholder {
    font-size: 1em;
    line-height: 1.214em;
    color: #333;
  }
  .search-outer .input-outer input::-moz-placeholder::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  .search-outer .input-outer input::-moz-placeholder:-ms-input-placeholder {
    color: #999;
  }
  .search-outer .input-outer input::-moz-placeholder::-webkit-input-placeholder {
    color: #999;
  }
  .search-outer .input-outer input:-ms-input-placeholder {
    color: #333333;
  }
  .search-outer .input-outer input:-moz-placeholder {
    color: #333333;
  }
  .search-outer .input-outer button {
    position: absolute;
    right: 0px;
    top: 0;
    border: none;
    background: none;
    font-size: 1.8em;
    padding: 16px 17px 7px;
    line-height: 1em;
    color: #333333;
  }
  /* /search-outer
  ==================================== */
  /****************************************
  * end search
  *****************************************/
  /****************************************
  * shopping cart
  *****************************************/
  .cart .dropdown > a {
    text-decoration: none;
    margin: 0;
  }
  @media (max-width: 767px) {
    .cart .dropdown > a {
      margin: 0 -5px 0 0;
    }
  }
  .cart .dropdown > a:hover {
    text-decoration: none;
  }
  .cart .dropdown > a:hover .icon {
    color: #333333 !important;
  }
  .cart .dropdown > a .icon {
    font-size: 2.3125em !important;
    color: #1fc0a0 !important;
    position: relative;
  }
  .cart .dropdown-menu {
    width: 320px;
    padding: 20px 20px 30px;
  }
  @media (max-width: 767px) {
    .cart .dropdown-menu {
      position: fixed;
      top: 0px;
      right: -45px !important;
      color: #ffffff;
      padding: 10px 0 45px;
    }
  }
  .cart .dropdown-menu ul {
    margin: 0;
    padding: 0;
  }
  .cart .dropdown-menu .container {
    position: relative;
    max-width: 100%;
  }
  .cart .dropdown-menu .cart__top {
    font-size: 1.25em;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  @media (max-width: 767px) {
    .cart .dropdown-menu .cart__top {
      font-size: 1.125em;
      font-weight: 500;
    }
  }
  .cart .dropdown-menu .cart__bottom {
    font-size: 1em;
    padding: 5px 0 0 0;
    position: relative;
  }
  .cart .dropdown-menu .cart__close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 20px;
    color: #ffffff;
    cursor: pointer;
  }
  .cart .dropdown-menu .cart__close span {
    display: none;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
  }
  .cart .dropdown-menu .cart__close:hover {
    color: #1fc0a0;
  }
  @media (max-width: 767px) {
    .cart .dropdown-menu .cart__close {
      right: 0;
      left: 0;
      top: auto;
      bottom: -42px;
      text-align: center;
    }
    .cart .dropdown-menu .cart__close span {
      display: inline-block;
      color: #1fc0a0;
      padding: 0 5px;
      vertical-align: text-top;
    }
  }
  .cart .dropdown-menu .cart__total {
    font-weight: 500;
    text-transform: uppercase;
  }
  .cart .dropdown-menu .cart__total span {
    padding: 0 5px;
    color: #1fc0a0;
  }
  .cart .dropdown-menu a:not(.btn) {
    border: none;
    padding: 0;
  }
  .cart .dropdown-menu a:not(.btn):hover {
    background-color: transparent;
  }
  @media (max-width: 767px) {
    .cart .dropdown-menu .btn.btn--ys {
      width: 100%;
      margin: 10px 0 0;
    }
    .cart .dropdown-menu .btn.btn--ys:hover,
    .cart .dropdown-menu .btn.btn--ys:focus {
      background-color: #ffffff;
      color: #333333;
    }
    .cart .dropdown-menu .btn.btn--ys:hover .icon,
    .cart .dropdown-menu .btn.btn--ys:focus .icon {
      color: #1fc0a0;
    }
  }
  .cart .dropdown-menu .cart__item {
    display: block;
    width: 100%;
    min-height: 92px;
    position: relative;
    margin: 10px 0 10px;
    padding: 0 0 15px 0;
  }
  .cart .dropdown-menu .cart__item:after {
    position: absolute;
    left: -20px;
    bottom: 0;
    width: calc(100% + 15px);
    content: '';
    height: 1px;
    background-color: #fff;
    opacity: 0.2;
  }
  .cart .dropdown-menu .cart__item__image {
    position: absolute;
    top: 5px;
    left: 0;
    width: 71px;
    overflow: hidden;
  }
  .cart .dropdown-menu .cart__item__image img {
    width: 100%;
  }
  .cart .dropdown-menu .cart__item__image:hover {
    outline: 2px solid #1fc0a0;
  }
  .cart .dropdown-menu .cart__item__control {
    position: absolute;
    top: 0;
    right: 0;
  }
  .cart .dropdown-menu .cart__item__control div {
    display: inline-block;
  }
  .cart .dropdown-menu .cart__item__control a {
    display: inline-block;
    white-space: nowrap;
    font-size: 1.25em;
    overflow: hidden;
    max-width: 30px;
    transition: max-width 500ms ease-out;
  }
  @media (max-width: 767px) {
    .cart .dropdown-menu .cart__item__control a {
      max-width: 30px !important;
      color: #1fc0a0 !important;
    }
  }
  .cart .dropdown-menu .cart__item__control a span {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    vertical-align: text-top;
    padding: 0 10px;
    color: #ffffff;
  }
  .cart .dropdown-menu .cart__item__control a:hover {
    max-width: 150px;
    color: #1fc0a0 !important;
    transition: max-width 500ms ease-out;
  }
  .cart .dropdown-menu .cart__item__info {
    margin: 0 0 0 90px;
  }
  .cart .dropdown-menu .cart__item__info .info-label {
    min-width: 50px;
    display: inline-block;
    margin-bottom: 7px;
  }
  .cart .dropdown-menu .cart__item__info__title h2 {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.6875em;
    padding: 0 90px 10px 0;
    margin: 0;
  }
  @media (max-width: 767px) {
    .cart .dropdown-menu .cart__item__info__title h2 {
      font-weight: 300;
    }
  }
  .cart .dropdown-menu .cart__item__info__title h2 a:hover {
    color: #fff !important;
  }
  @media (max-width: 767px) {
    .cart .dropdown-menu .cart__item__info__title h2 a {
      color: #1fc0a0 !important;
    }
  }
  @media (min-width: 767px) {
    .cart .dropdown-menu .cart__item__info__title .title-center {
      display: table-cell;
      height: 75px;
      vertical-align: middle;
    }
  }
  .cart .dropdown-menu .cart__item__info__price span:not(.info-label) {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
  }
  .cart .dropdown-menu .cart__item__info__qty input {
    width: 77px;
    text-align: center;
    background: transparent;
    border-color: #606060;
    color: #ffffff;
  }
  @media (max-width: 767px) {
    .cart .dropdown-menu .cart__item__info__qty input {
      background-color: transparent;
    }
  }
  .cart .dropdown-menu .cart__item__info__details a {
    text-transform: uppercase;
    font-size: 0.8125em;
    color: #1fc0a0;
    text-decoration: underline;
  }
  @media (max-width: 767px) {
    .cart .dropdown-menu .cart__item__info__details {
      display: none;
    }
  }
  @media (min-width: 768px) {
    .cart .dropdown-menu.slide-from-top {
      position: fixed;
      top: -200%;
      left: 0;
      width: 100%;
      background-color: #333333;
      display: block;
      -webkit-transition:  top 500ms linear 0s;
      -moz-transition:  top 500ms linear 0s;
      -ms-transition:  top 500ms linear 0s;
      -o-transition:  top 500ms linear 0s;
      transition:  top 500ms linear 0s;
    }
    .cart .dropdown.open .dropdown-menu.slide-from-top {
      top: 0;
      -webkit-transition:  top 500ms linear 0s;
      -moz-transition:  top 500ms linear 0s;
      -ms-transition:  top 500ms linear 0s;
      -o-transition:  top 500ms linear 0s;
      transition:  top 500ms linear 0s;
    }
    .cart .dropdown-menu.slide-from-top .cart__top {
      color: #fff;
    }
    .cart .dropdown-menu.slide-from-top .cart__item {
      margin: 6px 0 20px;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info__title {
      max-width: 500px;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info {
      margin: 0 0 0 100px;
    }
    .cart .dropdown-menu.slide-from-top .cart .dropdown-menu .cart__item {
      margin: 5px 0 10px;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info__title h2 {
      font-size: 1em;
      line-height: 1.6875em;
      padding: 22px 0 0 0;
      text-transform: uppercase;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info__title h2 a {
      color: #1fc0a0;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info__price {
      position: absolute;
      right: 120px;
      top: 0;
      padding: 33px 0 0;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info__qty {
      position: absolute;
      right: 345px;
      top: 0;
      padding: 30px 0 0;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info .info-label {
      color: #ffffff;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info__details a {
      color: #ffffff;
      opacity: 0.5;
      text-decoration: none;
    }
    .cart .dropdown-menu.slide-from-top .cart__item:after {
      display: none;
    }
    .cart .dropdown-menu.slide-from-top .cart__bottom {
      border-top: 1px solid #606060;
      margin: 20px 0 0 0;
      padding: 20px 0 0 0;
    }
    .cart .dropdown-menu.slide-from-top .btn-checkout {
      float: right;
    }
    .cart .dropdown-menu.slide-from-top .cart__total {
      position: absolute;
      padding: 4px 150px 0 0;
      right: 0;
      font-weight: 500;
      color: #ffffff;
      text-transform: uppercase;
    }
    .cart .dropdown-menu.slide-from-top .cart__total span {
      font-size: 20px;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__edit,
    .cart .dropdown-menu.slide-from-top .cart__item__delete {
      margin: 33px 0 0 0;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__edit .icon,
    .cart .dropdown-menu.slide-from-top .cart__item__delete .icon {
      color: #1fc0a0;
    }
  }
  @media (min-width: 1200px) and (max-width: 1400px) {
    .cart .dropdown-menu.slide-from-top .cart__item__info__title {
      max-width: 500px;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info__price {
      right: 180px;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info__qty {
      right: 350px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .cart .dropdown-menu.slide-from-top .cart__item__info__title {
      max-width: 400px;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info__price {
      right: 180px;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info__qty {
      right: 340px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .cart .dropdown-menu.slide-from-top .cart__item__info__title {
      max-width: 180px;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info__price {
      right: 170px;
    }
    .cart .dropdown-menu.slide-from-top .cart__item__info__qty {
      right: 320px;
    }
  }
  /****************************************
  * end shopping cart
  *****************************************/
  /****************************************
  * banner
  *****************************************/
  .bg-none {
    background: none !important;
  }
  .banner {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .banner .block-table {
    display: table;
    width: 100%;
    height: 100%;
  }
  .banner .block-table-cell {
    display: table-cell;
    vertical-align: middle;
  }
  .banner .figure {
    display: block;
    background-color: #1fc0a0;
    overflow: hidden;
    height: 99%;
  }
  .banner .figure img {
    width: 101%;
    /* fix chrome image width bug */
    vertical-align: top;
  }
  .banner .figcaption {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
    /* font-size */
    /* /font-size */
  }
  .banner .figcaption::before,
  .banner .figcaption::after {
    pointer-events: none;
  }
  .banner .figcaption .banner__title {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    margin: 12px 0;
    padding: 0;
    text-decoration: none;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  @media (min-width: 768px) and (max-width: 1199px) {
    .banner .figcaption .banner__title {
      font-size: 1.8em;
    }
  }
  .banner .figcaption .size1 {
    font-size: 2.75em;
    line-height: 1.364em;
    font-weight: bold;
    letter-spacing: 0.07em;
    margin: 0 0 0.55em;
    padding: 0;
  }
  @media (max-width: 1199px) {
    .banner .figcaption .size1 {
      font-size: 2.55em;
    }
  }
  @media (max-width: 767px) {
    .banner .figcaption .size1 {
      font-size: 2.35em;
    }
  }
  .banner .figcaption .size2 {
    font-size: 3.875em;
    line-height: 1em;
    font-weight: bold;
    letter-spacing: 0.07em;
    margin: 0 0 0.2em;
    padding: 0;
  }
  @media (max-width: 1199px) {
    .banner .figcaption .size2 {
      font-size: 3.675em;
    }
  }
  @media (max-width: 767px) {
    .banner .figcaption .size2 {
      font-size: 3.475em;
    }
  }
  .banner .figcaption .size3,
  .banner .figcaption .size3-1 {
    font-size: 5em;
    line-height: 1em;
    font-weight: bold;
    letter-spacing: 0.075em;
    margin: 0 0 16px;
    padding: 0 5px;
    word-spacing: 0.1em;
  }
  .banner .figcaption .size3-1 {
    margin-top: 6px;
  }
  .banner .figcaption .size4 {
    font-size: 3.375em;
    line-height: 1.111em;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: -4px 5px 20px;
  }
  .banner .figcaption .size5 {
    font-size: 3.125em;
    letter-spacing: 5px;
    font-weight: 600;
  }
  @media (max-width: 1770px) {
    .banner .figcaption .size5 {
      font-size: 2.5em;
      letter-spacing: 3px;
    }
  }
  .banner .figcaption .size6 {
    font-size: 2.375em;
    line-height: 1em;
    letter-spacing: 5px;
    font-weight: bold;
    margin: 0;
  }
  .banner .figcaption .size40 {
    font-size: 2.5em;
    line-height: 1em;
    letter-spacing: 0px;
    font-weight: 500;
    margin: 0 0 27px 0;
    font-family: Ubuntu, sans-serif !important;
  }
  @media (max-width: 360px) {
    .banner .figcaption .size40 {
      font-size: 1.5em;
      margin: 0 0 10px 0;
    }
  }
  @media (min-width: 768px) {
    .banner .figcaption .size40 {
      font-size: 1.7em;
      margin: 0 0 20px 0;
    }
  }
  @media (min-width: 992px) {
    .banner .figcaption .size40 {
      font-size: 1.8em;
      margin: 0 0 20px 0;
    }
  }
  @media (min-width: 1200px) {
    .banner .figcaption .size40 {
      font-size: 2.2em;
      margin: 0 0 27px 0;
    }
  }
  @media (min-width: 1770px) {
    .banner .figcaption .size40 {
      font-size: 2.5em;
      margin: 0 0 27px 0;
    }
  }
  .banner .figcaption .text {
    display: block;
    margin-bottom: 10px;
    font-size: 1.125em;
    line-height: 1em;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 1px;
  }
  .banner .figcaption .text.color {
    color: #1fc0a0;
  }
  .banner .figcaption .text.size1 {
    font-size: 1.375em;
    font-family: Georgia, sans-serif;
    font-style: italic;
    letter-spacing: 0;
    margin-bottom: 1.4em;
    margin-top: -2px;
  }
  .banner .figcaption .text.size2 {
    font-size: 1.625em;
    font-weight: 300;
    letter-spacing: 0.04em;
  }
  .banner .figcaption .text.size3 {
    font-size: 2.375em;
    font-weight: bold;
    letter-spacing: 2px;
  }
  .banner .figcaption .text.size4 {
    font-size: 1.375em;
    font-family: Georgia, sans-serif;
    font-style: italic;
    letter-spacing: 0;
    margin-bottom: 1.833em;
    margin-top: -5px;
  }
  .banner .figcaption .text.size5 {
    font-size: 1.375em;
    font-family: Georgia, sans-serif;
    font-style: italic;
    letter-spacing: 0;
    margin-bottom: 0.5em;
  }
  .banner .figcaption .font-size50 {
    font-size: 50px;
  }
  .banner .figcaption .btn {
    opacity: 1;
    margin-top: 16px;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .banner .figcaption .btn.offset-top {
    margin-top: 36px;
  }
  .banner-carousel .btn--xl {
    line-height: 1.1em;
  }
  .banner-layout-1 {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .banner-layout-1 .figure {
    display: block;
    background-color: #1fc0a0;
  }
  .banner-layout-1 .figure img {
    width: 101%;
    /* fix chrome image width bug */
  }
  .banner-layout-1 .figcaption {
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    font-size: 25px;
    line-height: 1em;
    color: #fff;
    padding: 3.8% 4%;
    background: rgba(121, 121, 121, 0.85);
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  @media (max-width: 767px) {
    .banner-layout-1 .figcaption {
      padding: 3.8% 4%;
      font-size: 12px;
    }
  }
  @media (min-width: 768px) {
    .banner-layout-1 .figcaption {
      padding: 3.8% 4%;
      font-size: 13px;
    }
  }
  @media (min-width: 992px) {
    .banner-layout-1 .figcaption {
      padding: 3.8% 4%;
      font-size: 15px;
    }
  }
  @media (min-width: 1200px) {
    .banner-layout-1 .figcaption {
      padding: 3.8% 4%;
      font-size: 16px;
    }
  }
  @media (min-width: 1770px) {
    .banner-layout-1 .figcaption {
      font-size: 25px;
      padding: 3.8% 4%;
    }
  }
  .banner-layout-1:hover .figcaption {
    background: rgba(249, 99, 50, 0.85);
  }
  @media (min-width: 1200px) {
    .banner .figcaption .size6 {
      font-size: 1.8em !important;
    }
    .banner .figcaption .size3,
    .banner .figcaption .size3-1 {
      font-size: 3.5em;
      letter-spacing: 0.04em;
    }
    .banner .figcaption .size4 {
      font-size: 3em;
    }
    .banner .figcaption .text.size3 {
      font-size: 1.7em;
    }
  }
  @media (min-width: 1770px) {
    .banner .figcaption .size3,
    .banner .figcaption .size3-1 {
      font-size: 5em;
    }
    .banner .figcaption .text.size3 {
      font-size: 2.375em;
    }
    .banner .figcaption .size4 {
      font-size: 3.375em;
    }
  }
  @media screen and (max-width: 1199px) {
    .banner .figcaption .size3,
    .banner .figcaption .size3-1 {
      font-size: 2.7em;
    }
    .banner .figcaption .size4 {
      font-size: 2.375em;
    }
    .banner .figcaption .size5 {
      font-size: 2.125em;
    }
    .banner .figcaption .size6 {
      font-size: 1.375em;
    }
    .banner .figcaption .text {
      font-size: 1em;
    }
    .banner .figcaption .text.size1 {
      font-size: 1.1em;
    }
    .banner .figcaption .text.size2 {
      font-size: 1.3em;
    }
    .banner .figcaption .text.size3 {
      font-size: 1.5em;
      letter-spacing: 1px;
    }
    .banner .figcaption .btn {
      margin-top: 10px;
    }
    .banner .figcaption .btn.offset-top {
      margin-top: 20px;
    }
  }
  @media screen and (max-width: 991px) {
    .banner .figcaption .size3,
    .banner .figcaption .size3-1 {
      font-size: 2em;
    }
    .banner .figcaption .size4 {
      font-size: 1.7em;
    }
    .banner .figcaption .size5 {
      font-size: 1.55em;
    }
    .banner .figcaption .size6 {
      font-size: 1em;
    }
    .banner .figcaption .text {
      font-size: 1em;
    }
    .banner .figcaption .text.size1 {
      font-size: 1.1em;
    }
    .banner .figcaption .text.size2 {
      font-size: 1.2em;
    }
    .banner .figcaption .text.size3 {
      font-size: 1.3em;
      letter-spacing: 1px;
    }
    .banner .figcaption .btn {
      margin-top: 10px;
      padding: 11px 20px 11px !important;
    }
    .banner .figcaption .btn.offset-top {
      margin-top: 15px;
    }
  }
  @media screen and (max-width: 479px) {
    .banner .figcaption .size1 {
      font-size: 1.8em;
    }
    .banner .figcaption .size2 {
      font-size: 1.7em;
    }
    .banner .figcaption .size3,
    .banner .figcaption .size3-1 {
      font-size: 2.2em;
    }
    .banner .figcaption .size4 {
      font-size: 2.375em;
    }
    .banner .figcaption .size5 {
      font-size: 1.125em;
    }
    .banner .figcaption .size6 {
      font-size: 1.375em;
    }
  }
  /*=== banner animations ===*/
  .zoom-in .figure {
    -webkit-transform: translateZ(0);
  }
  .zoom-in .figure img {
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .zoom-in .figure:hover img {
    opacity: 0.9;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  /* box-baners
  ==================================== */
  .box-baners .row div {
    padding: 0;
    margin: 0;
  }
  .box-baners .text-top .block-table-cell {
    vertical-align: top !important;
    padding-top: 15%	!important;
  }
  .box-baners .text-left {
    text-align: left !important;
    padding-left: 9%;
    padding-right: 8.8%;
  }
  .box-baners .text-right {
    text-align: right !important;
    padding-left: 5%;
    padding-right: 5%;
  }
  .box-baners .text-center {
    padding-left: 5%;
    padding-right: 5%;
  }
  .box-baners .text-center .block {
    padding-right: 25px;
    padding-left: 25px;
  }
  @media (max-width: 767px) {
    .box-baners .text-center {
      padding-left: 1%;
      padding-right: 1%;
    }
  }
  @media (min-width: 768px) {
    .box-baners .text-center {
      padding-left: 3%;
      padding-right: 3%;
    }
  }
  .box-baners .btn-right-bottom .btn {
    position: absolute;
    right: 6%;
    bottom: 9%;
  }
  @media (max-width: 767px) {
    .box-baners .btn-right-bottom .btn {
      padding-left: 0%;
      padding-right: 0%;
    }
  }
  .box-baners .block-left-bottom {
    position: absolute;
    left: 6%;
    bottom: 9%;
    width: 50%;
    text-align: left;
  }
  @media (max-width: 767px) {
    .box-baners .block-left-bottom {
      padding-left: 0%;
      padding-right: 0%;
    }
  }
  .box-baners .block-top-md {
    margin-top: 20px;
  }
  .box-baners .block-top-sm {
    margin-top: 10px;
  }
  .box-baners .text-center-small {
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
  }
  .box-baners .text-right-small {
    padding-left: 5%;
    padding-right: 5%;
    text-align: right;
  }
  .box-baners .banner-md {
    height: 350px;
    width: 100%;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .box-baners .banner-md .block-table {
    height: 350px;
  }
  @media (max-width: 767px) {
    .box-baners .banner-md {
      height: 258px;
    }
    .box-baners .banner-md .block-table {
      height: 258px;
    }
  }
  .box-baners .banner-md:hover {
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
    background-color: #f5f5f5;
  }
  .box-baners .banner-md:hover .figcaption {
    color: #333333;
  }
  .box-baners .banner-md:hover .figcaption .btn.btn--border {
    border-color: #333333;
    color: #333333;
  }
  .box-baners .banner .figcaption {
    color: #fff;
    /* indent */
    /* /indent */
    /* font-bold */
    /* /font-bold */
    /* wrapper-green */
    /* /wrapper-green */
    /* line-height */
    /* /line-height-md */
    /* font-size */
    /* /font-size */
    /* line-height-small */
    /* /line-height-small */
    /* text-sm */
    /* /text-sm */
    /* link-btn */
    /* /link-btn */
    /* link-btn */
    /* /link-btn */
  }
  .box-baners .banner .figcaption .icon.color {
    color: #1fc0a0;
  }
  .box-baners .banner .figcaption span.color,
  .box-baners .banner .figcaption span.color span,
  .box-baners .banner .figcaption em.color,
  .box-baners .banner .figcaption em.color span {
    color: #1fc0a0;
  }
  .box-baners .banner .figcaption span.text-color,
  .box-baners .banner .figcaption span.text-color span,
  .box-baners .banner .figcaption em.text-color,
  .box-baners .banner .figcaption em.text-color span {
    color: #777777;
  }
  .box-baners .banner .figcaption span.text-dark,
  .box-baners .banner .figcaption span.text-dark span,
  .box-baners .banner .figcaption em.text-dark,
  .box-baners .banner .figcaption em.text-dark span {
    color: #333333;
  }
  .box-baners .banner .figcaption span.color-yellow,
  .box-baners .banner .figcaption span.color-yellow span,
  .box-baners .banner .figcaption em.color-yellow,
  .box-baners .banner .figcaption em.color-yellow span {
    color: #feea3a;
  }
  .box-baners .banner .figcaption span.color-yellow:hover,
  .box-baners .banner .figcaption span.color-yellow span:hover,
  .box-baners .banner .figcaption em.color-yellow:hover,
  .box-baners .banner .figcaption em.color-yellow span:hover {
    color: #fff;
  }
  .box-baners .banner .figcaption span.color-yellow:hover span,
  .box-baners .banner .figcaption span.color-yellow span:hover span,
  .box-baners .banner .figcaption em.color-yellow:hover span,
  .box-baners .banner .figcaption em.color-yellow span:hover span {
    color: #fff;
  }
  .box-baners .banner .figcaption .text-custom {
    color: #1fc0a0;
  }
  .box-baners .banner .figcaption .block {
    display: block;
  }
  .box-baners .banner .figcaption .top-indent {
    margin-top: 23% !important;
  }
  .box-baners .banner .figcaption .top-indent-sm {
    margin-top: 2% !important;
  }
  .box-baners .banner .figcaption .top-indent-sm1 {
    margin-top: 3% !important;
  }
  .box-baners .banner .figcaption .top-indent-md {
    margin-top: 5% !important;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .text-overflow-ellipsis {
      text-overflow: ellipsis;
      overflow: hidden;
      height: 50px;
    }
  }
  .box-baners .banner .figcaption .font-bold {
    font-weight: bold;
  }
  .box-baners .banner .figcaption .font-medium {
    font-weight: 500;
  }
  .box-baners .banner .figcaption .font-light {
    font-weight: lighter;
  }
  .box-baners .banner .figcaption .wrapper-green {
    display: inline-block;
    padding: 0 16px 4px 16px;
    background-color: #41df7c;
  }
  .box-baners .banner .figcaption .wrapper-coquelicot {
    display: inline-block;
    padding: 0 16px 1px 16px;
    background-color: #fd6940;
  }
  .box-baners .banner .figcaption .line-height-md {
    line-height: 38px !important;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .line-height-md {
      line-height: 24px !important;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .line-height-md {
      line-height: 27px !important;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .line-height-md {
      line-height: 27px !important;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .line-height-md {
      line-height: 33px !important;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .line-height-md {
      line-height: 38px !important;
    }
  }
  .box-baners .banner .figcaption .font-size160 {
    font-size: 160px;
    line-height: 1.1em;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size160 {
      font-size: 90px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size160 {
      font-size: 91px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size160 {
      font-size: 93px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size160 {
      font-size: 115px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size160 {
      font-size: 160px;
    }
  }
  @media (max-width: 500px) {
    .box-baners .banner .figcaption .font-size160 {
      font-size: 70px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size160 {
      font-size: 50px;
    }
  }
  .box-baners .banner .figcaption .font-size100 {
    font-size: 100px;
    line-height: 1.15em;
    padding-bottom: 10px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size100 {
      font-size: 50px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size100 {
      font-size: 50px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size100 {
      font-size: 70px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size100 {
      font-size: 90px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size100 {
      font-size: 100px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size100 {
      font-size: 40px;
    }
  }
  .box-baners .banner .figcaption .font-size96 {
    font-size: 96px;
    line-height: 0.96em;
    padding-bottom: 0px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size96 {
      font-size: 46px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size96 {
      font-size: 46px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size96 {
      font-size: 66px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size96 {
      font-size: 86px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size96 {
      font-size: 96px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size96 {
      font-size: 36px;
    }
  }
  .box-baners .banner .figcaption .font-size90 {
    font-size: 90px;
    line-height: 1.15em;
    padding-bottom: 10px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size90 {
      font-size: 30px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size90 {
      font-size: 40px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size90 {
      font-size: 50px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size90 {
      font-size: 60px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size90 {
      font-size: 90px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size90 {
      font-size: 30px;
    }
  }
  .box-baners .banner .figcaption .font-size88 {
    font-size: 88px;
    line-height: 1.15em;
    padding-bottom: 10px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size88 {
      font-size: 30px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size88 {
      font-size: 40px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size88 {
      font-size: 50px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size88 {
      font-size: 60px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size88 {
      font-size: 88px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size88 {
      font-size: 30px;
    }
  }
  .box-baners .banner .figcaption .font-size87 {
    font-size: 87px;
    line-height: 1.15em;
    padding-bottom: 10px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size87 {
      font-size: 30px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size87 {
      font-size: 40px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size87 {
      font-size: 50px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size87 {
      font-size: 60px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size87 {
      font-size: 87px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size87 {
      font-size: 30px;
    }
  }
  .box-baners .banner .figcaption .font-size82 {
    font-size: 5.125em;
    line-height: 1.15em;
    padding-bottom: 10px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size82 {
      font-size: 27px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size82 {
      font-size: 37px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size82 {
      font-size: 43px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size82 {
      font-size: 55px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size82 {
      font-size: 82px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size82 {
      font-size: 22px;
    }
  }
  .box-baners .banner .figcaption .font-size80 {
    font-size: 80px;
    line-height: 1.15em;
    padding-bottom: 10px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size80 {
      font-size: 25px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size80 {
      font-size: 35px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size80 {
      font-size: 45px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size80 {
      font-size: 55px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size80 {
      font-size: 80px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size80 {
      font-size: 20px;
    }
  }
  .box-baners .banner .figcaption .font-size70 {
    font-size: 70px;
    line-height: 1.15em;
    padding-bottom: 10px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size70 {
      font-size: 25px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size70 {
      font-size: 30px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size70 {
      font-size: 40px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size70 {
      font-size: 50px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size70 {
      font-size: 70px;
    }
  }
  .box-baners .banner .figcaption .font-size68 {
    font-size: 70px;
    line-height: 1.15em;
    padding-bottom: 10px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size68 {
      font-size: 23px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size68 {
      font-size: 28px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size68 {
      font-size: 38px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size68 {
      font-size: 48px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size68 {
      font-size: 68px;
    }
  }
  .box-baners .banner .figcaption .font-size62 {
    font-size: 62px;
    line-height: 1.15em;
    padding-bottom: 10px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size62 {
      font-size: 20px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size62 {
      font-size: 22px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size62 {
      font-size: 32px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size62 {
      font-size: 42px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size62 {
      font-size: 62px;
    }
  }
  .box-baners .banner .figcaption .font-size54 {
    font-size: 54px;
    line-height: 1.1em;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size54 {
      font-size: 34px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size54 {
      font-size: 34px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size54 {
      font-size: 34px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size54 {
      font-size: 44px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size54 {
      font-size: 54px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size54 {
      font-size: 24px;
    }
  }
  .box-baners .banner .figcaption .font-size52 {
    font-size: 54px;
    line-height: 1.1em;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size52 {
      font-size: 32px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size52 {
      font-size: 32px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size52 {
      font-size: 32px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size52 {
      font-size: 42px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size52 {
      font-size: 52px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size52 {
      font-size: 22px;
    }
  }
  .box-baners .banner .figcaption .font-size50 {
    font-size: 50px;
    line-height: 1.1em;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size50 {
      font-size: 30px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size50 {
      font-size: 30px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size50 {
      font-size: 30px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size50 {
      font-size: 40px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size50 {
      font-size: 50px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size50 {
      font-size: 20px;
    }
  }
  .box-baners .banner .figcaption .font-size46 {
    font-size: 46px;
    line-height: 1.1em;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size46 {
      font-size: 30px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size46 {
      font-size: 30px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size46 {
      font-size: 30px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size46 {
      font-size: 40px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size46 {
      font-size: 46px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size46 {
      font-size: 20px;
    }
  }
  .box-baners .banner .figcaption .font-size40 {
    font-size: 40px;
    line-height: 1.1em;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size40 {
      font-size: 20px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size40 {
      font-size: 20px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size40 {
      font-size: 24px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size40 {
      font-size: 30px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size40 {
      font-size: 40px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size40 {
      font-size: 20px;
    }
  }
  .box-baners .banner .figcaption .font-size38 {
    font-size: 50px;
    line-height: 1.1em;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size38 {
      font-size: 20px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size38 {
      font-size: 20px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size38 {
      font-size: 24px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size38 {
      font-size: 30px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size38 {
      font-size: 38px;
    }
  }
  @media (max-width: 400px) {
    .box-baners .banner .figcaption .font-size38 {
      font-size: 20px;
    }
  }
  .box-baners .banner .figcaption .font-size30 {
    font-size: 30px;
    line-height: 1.15em;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size30 {
      font-size: 16px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size30 {
      font-size: 20px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size30 {
      font-size: 20px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size30 {
      font-size: 25px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size30 {
      font-size: 30px;
    }
  }
  .box-baners .banner .figcaption .font-size26 {
    font-size: 26px;
    line-height: 1.15em;
    padding-bottom: 10px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size26 {
      font-size: 15px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size26 {
      font-size: 17px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size26 {
      font-size: 17px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size26 {
      font-size: 21px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size26 {
      font-size: 26px;
    }
  }
  .box-baners .banner .figcaption .font-size24 {
    font-size: 26px;
    line-height: 1.15em;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size24 {
      font-size: 15px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size24 {
      font-size: 17px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size24 {
      font-size: 17px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size24 {
      font-size: 20px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size24 {
      font-size: 24px;
    }
  }
  .box-baners .banner .figcaption .font-size22 {
    font-size: 22px;
    line-height: 1.15em;
    padding-bottom: 10px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size22 {
      font-size: 15px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size22 {
      font-size: 17px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size22 {
      font-size: 17px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size22 {
      font-size: 17px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size22 {
      font-size: 22px;
    }
  }
  .box-baners .banner .figcaption .font-size21 {
    font-size: 21px;
    line-height: 1.15em;
    padding-bottom: 10px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size21 {
      font-size: 14px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size21 {
      font-size: 16px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size21 {
      font-size: 16px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size21 {
      font-size: 16px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size21 {
      font-size: 21px;
    }
  }
  .box-baners .banner .figcaption .font-size20 {
    font-size: 1.25em;
    line-height: 1.15em;
    padding-bottom: 10px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .font-size20 {
      font-size: 13px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .font-size20 {
      font-size: 15px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .font-size20 {
      font-size: 15px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .font-size20 {
      font-size: 15px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .font-size20 {
      font-size: 20px;
    }
  }
  .box-baners .banner .figcaption .line-height-small {
    line-height: 1em;
  }
  .box-baners .banner .figcaption .text_sm {
    color: #fff;
    display: block;
    padding-bottom: 22px;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .text_sm {
      font-size: 11px;
      padding-bottom: 0px;
    }
  }
  @media (min-width: 768px) {
    .box-baners .banner .figcaption .text_sm {
      font-size: 14px;
    }
  }
  @media (min-width: 992px) {
    .box-baners .banner .figcaption .text_sm {
      font-size: 14px;
    }
  }
  @media (min-width: 1200px) {
    .box-baners .banner .figcaption .text_sm {
      font-size: 14px;
    }
  }
  @media (min-width: 1770px) {
    .box-baners .banner .figcaption .text_sm {
      font-size: 16px;
    }
  }
  @media (max-width: 768px) {
    .box-baners .banner .figcaption .btn.btn--ys,
    .box-baners .banner .figcaption .btn--border {
      padding: 11px 20px 11px !important;
      font-size: 1.1em;
    }
  }
  .box-baners .banner .figcaption .link-btn-20 {
    font-size: 1.25em;
    line-height: 1em;
    -webkit-transition:  all 0.3s 0s ease;
    -moz-transition:  all 0.3s 0s ease;
    -ms-transition:  all 0.3s 0s ease;
    -o-transition:  all 0.3s 0s ease;
    transition:  all 0.3s 0s ease;
  }
  .box-baners .banner .figcaption .link-btn-20 span {
    font-size: 2.25em;
    line-height: 1em;
    position: relative;
    top: 0.32em;
    -webkit-transition:  all 0.3s 0s ease;
    -moz-transition:  all 0.3s 0s ease;
    -ms-transition:  all 0.3s 0s ease;
    -o-transition:  all 0.3s 0s ease;
    transition:  all 0.3s 0s ease;
  }
  .box-baners .banner .figcaption .link-btn-20:hover {
    color: #1fc0a0;
  }
  .box-baners .banner .figcaption .link-btn-20:hover span {
    color: #1fc0a0;
  }
  @media (max-width: 767px) {
    .box-baners .banner .figcaption .link-btn-20 {
      font-size: 1.15em;
    }
    .box-baners .banner .figcaption .link-btn-20 span {
      font-size: 1.8em;
      top: 0.33em;
    }
  }
  @media (max-width: 767px) {
    .banner-bg {
      height: 220px;
      background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      -moz-background-size: cover;
    }
    .banner-bg .block-table {
      height: 220px;
    }
    .banner-bg img {
      display: none;
    }
    .banner-bg .figure {
      height: 100%;
    }
  }
  /* /box-baners
  ==================================== */
  /* banner-icon
  ==================================== */
  .banner-icon {
    position: relative;
    min-height: 85px;
    margin-bottom: 37px;
    cursor: pointer;
  }
  .banner-icon__icon {
    position: absolute;
    top: 3px;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: #f5f5f5;
    -webkit-transition:  all 0.3s 0s ease;
    -moz-transition:  all 0.3s 0s ease;
    -ms-transition:  all 0.3s 0s ease;
    -o-transition:  all 0.3s 0s ease;
    transition:  all 0.3s 0s ease;
  }
  .banner-icon__icon span {
    display: block;
    position: relative;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #333333;
    font-size: 34px;
    margin-top: 2px;
    -webkit-transition:  all 0.3s 0s ease;
    -moz-transition:  all 0.3s 0s ease;
    -ms-transition:  all 0.3s 0s ease;
    -o-transition:  all 0.3s 0s ease;
    transition:  all 0.3s 0s ease;
  }
  .banner-icon__icon span.icon-replay_5 {
    font-size: 42px;
  }
  .banner-icon__text {
    padding-left: 117px;
  }
  .banner-icon__text h3 {
    font-size: 1.375em;
    font-weight: 500;
    margin-bottom: 21px;
    color: #1fc0a0;
    text-transform: uppercase;
    -webkit-transition:  all 0.3s 0s ease;
    -moz-transition:  all 0.3s 0s ease;
    -ms-transition:  all 0.3s 0s ease;
    -o-transition:  all 0.3s 0s ease;
    transition:  all 0.3s 0s ease;
  }
  .banner-icon:hover .banner-icon__icon {
    background: #1fc0a0;
  }
  .banner-icon:hover .banner-icon__icon span {
    color: #fff;
  }
  .banner-icon:hover .banner-icon__text h3 {
    color: #333333;
  }
  /* /banner-icon
  ==================================== */
  /* banner-all-width
  ==================================== */
  .banner-all-width {
    padding: 72px 0 60px;
  }
  .banner-all-width.color-white .title {
    color: #fff !important;
    margin: 0 0 30px 0!important;
    padding: 0 !important;
  }
  .banner-all-width p {
    font-size: 20px;
    line-height: 37px;
  }
  @media (max-width: 768px) {
    .banner-all-width {
      padding: 62px 0 50px;
    }
    .banner-all-width .title {
      font-size: 35px;
    }
    .banner-all-width p {
      font-size: 17px;
      line-height: 34px;
    }
  }
  /* /banner-all-width
  ==================================== */
  /* banner-one-product
  ==================================== */
  .banner-one-product {
    padding-left: 0;
    padding-right: 0;
  }
  .banner-one-product .product-content {
    padding-top: 26%;
  }
  .banner-one-product .product-content .title {
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 11px;
    color: #333333;
  }
  .banner-one-product .product-content .title a {
    color: #333333;
  }
  .banner-one-product .product-content .title a:hover {
    color: #1fc0a0;
  }
  .banner-one-product .product-content .price {
    color: #1fc0a0;
    font-size: 70px;
    padding-bottom: 27px;
    font-weight: lighter;
  }
  @media (max-width: 1200px) {
    .banner-one-product .product-content {
      text-align: center;
      padding-top: 0%;
      padding-bottom: 10%;
    }
    .banner-one-product .product-content .pull-left {
      float: inherit !important;
    }
    .banner-one-product .product-content .input-counter {
      margin-bottom: 19px;
    }
  }
  @media (min-width: 992px) {
    .banner-one-product .product-content {
      padding-top: 0% !important;
    }
    .banner-one-product .product-content .input-counter .pull-left {
      width: 100%;
      padding-bottom: 19px;
    }
  }
  @media (max-width: 768px) {
    .banner-one-product .product-content .title {
      margin-top: 0;
    }
    .banner-one-product .product-content .price {
      font-size: 45px;
      padding-bottom: 16px;
    }
  }
  @media (min-width: 1200px) {
    .banner-one-product .product-content {
      padding-top: 15% !important;
    }
  }
  @media (min-width: 1770px) {
    .banner-one-product .product-content {
      padding-top: 26% !important;
    }
  }
  /* input-counter */
  .input-counter {
    position: relative;
    width: 134px;
    margin: 0 auto;
  }
  .input-counter input {
    border: 1px solid #e5e5e5;
    display: inline-block;
    width: 134px;
    height: 76px;
    font-size: 24px;
    line-height: 1em;
    text-align: center;
    font-family: Ubuntu, sans-serif;
    font-weight: lighter;
  }
  .input-counter span {
    display: inline-block;
    font-size: 27px;
    line-height: 1em;
    color: #777777;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    font-family: Ubuntu, sans-serif;
    font-weight: 500;
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    -webkit-opacity: 0.3;
    opacity: 0.3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30);
  }
  .input-counter span:hover {
    color: #1fc0a0;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  .input-counter span.minus-btn {
    left: 19px;
  }
  .input-counter span.plus-btn {
    right: 19px;
  }
  /* /input-counter */
  /* /banner-one-product
  ==================================== */
  /* link-img-hover */
  .link-img-hover {
    overflow: hidden;
    display: inline-block;
    -webkit-transition:  all 200ms linear 0s;
    -moz-transition:  all 200ms linear 0s;
    -ms-transition:  all 200ms linear 0s;
    -o-transition:  all 200ms linear 0s;
    transition:  all 200ms linear 0s;
  }
  .link-img-hover.banner--md {
    display: block;
  }
  .link-img-hover img {
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: scale(1);
    transform: scale(1);
    backface-visibility: hidden;
  }
  .link-img-hover:hover {
    background: #1fc0a0;
  }
  .link-img-hover:hover img {
    opacity: 0.9;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    backface-visibility: hidden;
  }
  /* /link-img-hover */
  /* link-img-hover1 */
  .link-img-hover1 {
    overflow: hidden;
    display: block;
    position: relative;
    -webkit-transition:  all 200ms linear 0s;
    -moz-transition:  all 200ms linear 0s;
    -ms-transition:  all 200ms linear 0s;
    -o-transition:  all 200ms linear 0s;
    transition:  all 200ms linear 0s;
  }
  .link-img-hover1.banner--md {
    display: block;
  }
  .link-img-hover1 img {
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: scale(1);
    transform: scale(1);
    backface-visibility: hidden;
  }
  .link-img-hover1:hover {
    background: #1fc0a0;
  }
  .link-img-hover1:hover img {
    opacity: 0.9;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    backface-visibility: hidden;
  }
  /* /link-img-hover1 */
  @media (max-width: 767px) {
    .banner--md .vis-hid-img-small {
      display: none;
    }
    .banner--md .vis-hid-img-big {
      display: block;
    }
  }
  @media (min-width: 768px) {
    .banner--md .vis-hid-img-small {
      display: block;
    }
    .banner--md .vis-hid-img-big {
      display: none;
    }
  }
  @media (min-width: 992px) {
    .banner--md .vis-hid-img-small {
      display: block;
    }
    .banner--md .vis-hid-img-big {
      display: none;
    }
  }
  @media (min-width: 1200px) {
    .banner--md .vis-hid-img-small {
      display: block;
    }
    .banner--md .vis-hid-img-big {
      display: none;
    }
  }
  @media (min-width: 1770px) {
    .banner--md .vis-hid-img-small {
      display: none;
    }
    .banner--md .vis-hid-img-big {
      display: block;
    }
  }
  /****************************************
  * end banner
  *****************************************/
  /****************************************
  * REVOLUTION SLIDER
  *****************************************/
  #slider {
    overflow: hidden;
  }
  #slider video {
    width: 100%;
    height: 100%;
  }
  .tp-banner {
    font-size: 10px;
    z-index: 1;
    position: relative;
  }
  .tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
    z-index: 1;
  }
  .slider-button .tp-banner,
  .slider-button .tp-banner-container {
    z-index: -1;
  }
  /*  CAPTION SLIDE   */
  .tparrows.hidearrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  /* tp-caption1--wd-1 */
  .tp-caption1--wd-1 {
    font-size: 20px;
    line-height: 40px;
    color: #333333;
    font-family: Georgia, sans-serif;
    font-style: italic;
  }
  .tp-caption1--wd-2 {
    font-size: 80px;
    line-height: 100px;
    font-family: Ubuntu, sans-serif;
    color: #1fc0a0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    display: inline-block;
  }
  .tp-caption1--wd-3 {
    font-size: 90px;
    line-height: 90px;
    font-weight: 600;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 0.09em;
  }
  .tp-banner .color-white {
    color: #fff !important;
  }
  /* effect-button */
  .link-button {
    margin-top: 47px;
    background-color: #1fc0a0;
    text-transform: uppercase;
    color: #ffffff !important;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    display: inline-block;
    padding: 20px  35px;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    letter-spacing: 0.02em;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-decoration: none !important;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13);
    -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13);
  }
  .link-button:hover {
    color: #1fc0a0 !important;
    background: none;
  }
  .button--border-thick {
    border: 2px solid #1fc0a0;
  }
  @media (max-width: 1700px) {
    .tp-caption1--wd-1 {
      font-size: 15px !important;
      line-height: 20px !important;
    }
    .tp-caption1--wd-2 {
      font-size: 60px !important;
      line-height: 70px !important;
    }
    .tp-caption1--wd-3 {
      font-size: 70px !important;
      line-height: 70px !important;
    }
  }
  @media (max-width: 991px) {
    .tp-caption1--wd-1 {
      font-size: 15px !important;
      line-height: 20px !important;
    }
    .tp-caption1--wd-2 {
      font-size: 60px !important;
      line-height: 70px !important;
    }
    .tp-caption1--wd-3 {
      font-size: 70px !important;
      line-height: 70px !important;
    }
    .link-button {
      font-size: 19px;
      padding: 13px  18px;
    }
  }
  @media (max-width: 767px) {
    .tp-caption1--wd-1 {
      font-size: 15px !important;
      line-height: 20px !important;
    }
    .tp-caption1--wd-2 {
      font-size: 24px !important;
      line-height: 27px !important;
    }
    .tp-caption1--wd-3 {
      font-size: 26px !important;
      line-height: 26px !important;
    }
    .link-button {
      margin-top: 9px;
      font-size: 13px;
      padding: 2px  13px;
    }
  }
  /* /tp-caption2--wd-1 */
  .tp-caption2--wd-1 {
    font-size: 30px;
    line-height: 50px;
    color: #ffffff;
    font-style: italic;
    font-family: Georgia, sans-serif;
    text-align: right;
  }
  /* tp-caption2--wd-2 */
  .tp-caption2--wd-2 {
    font-size: 160px;
    line-height: 160px;
    font-family: Ubuntu, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    text-align: right;
  }
  /* tp-caption2--wd-3 */
  .tp-caption2--wd-3 {
    font-size: 70px;
    line-height: 80px;
    font-family: Ubuntu, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #ffffff;
    text-align: right;
  }
  @media (max-width: 1700px) {
    .tp-caption2--wd-1 {
      font-size: 30px !important;
      line-height: 40px !important;
    }
    .tp-caption2--wd-2 {
      font-size: 140px !important;
      line-height: 140px !important;
    }
    .container .tp-caption2--wd-2 {
      font-size: 90px !important;
      line-height: 90px !important;
    }
    .tp-caption2--wd-3 {
      font-size: 60px !important;
      line-height: 70px !important;
    }
  }
  @media (max-width: 991px) {
    .tp-caption2--wd-1 {
      font-size: 20px !important;
      line-height: 30px !important;
    }
    .tp-caption2--wd-2 {
      font-size: 72px !important;
      line-height: 72px !important;
    }
    .container .tp-caption2--wd-2 {
      font-size: 80px !important;
      line-height: 80px !important;
    }
    .tp-caption2--wd-3 {
      font-size: 40px !important;
      line-height: 50px !important;
    }
  }
  @media (max-width: 767px) {
    .tp-caption2--wd-1 {
      font-size: 15px !important;
      line-height: 20px !important;
    }
    .tp-caption2--wd-2 {
      font-size: 35px !important;
      line-height: 35px !important;
    }
    .container .tp-caption2--wd-2 {
      font-size: 40px !important;
      line-height: 40px !important;
    }
    .tp-caption2--wd-3 {
      font-size: 25px !important;
      line-height: 25px !important;
    }
  }
  /* tp-caption3--wd-1 */
  .tp-caption3--wd-1 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 2.5em;
    color: #333333;
    font-family: Georgia, sans-serif;
    font-style: italic;
    text-align: center;
  }
  /* tp-caption3--wd-2 */
  .tp-caption3--wd-2 {
    font-size: 50px;
    line-height: 70px;
    color: #1fc0a0;
    font-family: Ubuntu, sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  /* tp-caption3--wd-3 */
  .tp-caption3--wd-3 {
    font-size: 100px;
    line-height: 100px;
    color: #333333;
    font-family: Ubuntu, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.08em;
  }
  @media (max-width: 1700px) {
    .tp-caption3--wd-2 {
      font-size: 40px !important;
      line-height: 60px !important;
    }
    .tp-caption3--wd-3 {
      font-size: 80px !important;
      line-height: 80px !important;
    }
  }
  @media (max-width: 991px) {
    .tp-caption3--wd-2 {
      font-size: 40px !important;
      line-height: 60px !important;
    }
    .tp-caption3--wd-3 {
      font-size: 70px !important;
      line-height: 70px !important;
    }
  }
  @media (max-width: 767px) {
    .tp-caption3--wd-1 {
      font-size: 14px !important;
      line-height: 17px !important;
      margin-bottom: 0.2em;
    }
    .tp-caption3--wd-2 {
      font-size: 19px !important;
      line-height: 27px !important;
    }
    .tp-caption3--wd-3 {
      font-size: 23px !important;
      line-height: 20px !important;
    }
  }
  /* tp-caption1--wd-3 */
  /* tp-caption4--wd-1 */
  .tp-caption4--wd-1 {
    font-size: 50px;
    line-height: 1em;
    margin: 0 0 10px 85px;
    color: #fff;
    font-family: Ubuntu, sans-serif;
    text-transform: uppercase;
  }
  .tp-caption4--wd-2 {
    font-size: 70px;
    line-height: 1em;
    margin: 0 0 0 85px;
    color: #fff;
    font-family: Ubuntu, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
  }
  .tp-caption4--wd-3 {
    margin: 0 85px 0 0;
    white-spac: nowrap;
  }
  .tp-caption4--wd-3 .button--border-thick {
    background: #8ed044;
    border-color: #8ed044;
  }
  .tp-caption4--wd-3 .button--border-thick:hover {
    background: none !important;
    border-color: #8ed044;
  }
  .tp-caption4--wd-3 .link-button {
    white-space: nowrap;
  }
  @media (min-width: 768px) {
    .tp-caption4--wd-1 {
      font-size: 40px;
      margin: 0 0 10px 70px;
    }
    .tp-caption4--wd-2 {
      font-size: 45px;
      margin: 0 10px 0 70px;
    }
    .tp-caption4--wd-3 {
      margin: 131px 45px 0 0;
    }
    .tp-caption4--wd-3 .link-button {
      padding: 20px 25px;
    }
  }
  @media (max-width: 480px) {
    .tp-caption4--wd-1 {
      font-size: 20px;
    }
    .tp-caption4--wd-2 {
      font-size: 25px;
    }
    .tp-caption4--wd-3 {
      margin: 15px 45px 0 0;
    }
  }
  @media (max-width: 992px) {
    .tp-caption4--wd-1 {
      font-size: 40px;
    }
    .tp-caption4--wd-2 {
      font-size: 40px;
    }
    .tp-caption4--wd-3 .link-button {
      padding: 10px 20px;
    }
  }
  @media (min-width: 992px) {
    .tp-caption4--wd-1 {
      font-size: 40px;
      margin: 0 0 10px 70px;
    }
    .tp-caption4--wd-2 {
      font-size: 50px;
      margin: 0 10px 0 70px;
    }
    .tp-caption4--wd-3 {
      margin: 70px 45px 0 0;
    }
    .tp-caption4--wd-3 .link-button {
      padding: 20px 25px;
    }
  }
  @media (min-width: 1200px) {
    .tp-caption4--wd-1 {
      font-size: 40px;
      margin: 0 0 10px 85px;
    }
    .tp-caption4--wd-2 {
      font-size: 60px;
      margin: 0 160px 0 85px;
    }
    .tp-caption4--wd-3 {
      margin: 0 45px 0 0;
    }
    .tp-caption4--wd-3 .link-button {
      padding: 20px 25px;
    }
  }
  @media (min-width: 1770px) {
    .tp-caption4--wd-1 {
      font-size: 50px;
      margin: 0 0 10px 85px;
    }
    .tp-caption4--wd-2 {
      font-size: 70px;
      margin: 0 0 0 85px;
    }
  }
  /*  NAV SLIDER  */
  .tp-leftarrow.default {
    z-index: 1;
    cursor: pointer;
    position: relative;
    background: none !important;
    width: 40px;
    height: 40px;
  }
  .tp-rightarrow.default {
    z-index: 1;
    cursor: pointer;
    position: relative;
    background: none !important;
    width: 40px;
    height: 40px;
  }
  .tp-leftarrow.default,
  .tp-rightarrow.default {
    top: 50% !important;
    margin-top: -20px !important;
    color: #d2d2d2;
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .tp-leftarrow.default:hover,
  .tp-rightarrow.default:hover {
    color: #1fc0a0;
  }
  .tp-leftarrow.default:before,
  .tp-rightarrow.default:before {
    font-family: 'Material Icons';
    font-size: 39px;
    line-height: 40px;
    cursor: pointer;
  }
  .tp-leftarrow.default:before {
    content: "\e408";
  }
  .tp-rightarrow.default:before {
    content: "\e409";
  }
  @media (max-width: 767px) {
    .tp-leftarrow.default {
      left: 0 !important;
    }
    .tp-rightarrow.default {
      right: 0 !important;
    }
  }
  body.stop-scrolling #slider .tp-leftarrow {
    opacity: 0;
  }
  /* slider-layout-2
  ==================================== */
  .slider-layout-2 .tp-caption1--wd-1 {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    font-family: Georgia, sans-serif;
    font-style: italic;
  }
  .slider-layout-2 .tp-caption1--wd-2 {
    font-size: 80px;
    line-height: 100px;
    font-family: Ubuntu, sans-serif;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    display: inline-block;
  }
  .slider-layout-2 .tp-caption1--wd-3 {
    font-size: 90px;
    line-height: 90px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.09em;
  }
  /* /slider-layout-2
  ==================================== */
  /* slider-layout-3
  ==================================== */
  .slider-layout-3 .tp-caption1--wd-1 {
    color: #fff;
  }
  .slider-layout-3 .tp-caption1--wd-2 {
    color: #fff;
  }
  .slider-layout-3 .tp-caption1--wd-3 {
    color: #fff;
  }
  .slider-layout-3 .tp-caption1--wd-4 {
    color: #fff;
  }
  .slider-layout-3 .tp-caption2 {
    text-align: left;
  }
  .slider-layout-3 .tp-caption2--wd-1 {
    color: #333333;
    text-align: left;
  }
  .slider-layout-3 .tp-caption2--wd-2 {
    color: #1fc0a0;
    text-align: left;
  }
  .slider-layout-3 .tp-caption2--wd-3 {
    color: #333333;
    text-align: left;
  }
  .slider-layout-3 .tp-caption2--wd-4 {
    color: #333333;
  }
  .slider-layout-3 .tp-caption3--wd-1 {
    color: #fff;
  }
  .slider-layout-3 .tp-caption3--wd-3 {
    color: #fff;
  }
  @media (max-width: 1500px) {
    .slider-layout-3 .tp-caption2 {
      text-align: right;
    }
    .slider-layout-3 .tp-caption2--wd-1,
    .slider-layout-3 .tp-caption2--wd-2,
    .slider-layout-3 .tp-caption2--wd-3,
    .slider-layout-3 .tp-caption2--wd-4,
    .slider-layout-3 .tp-caption2--wd-5 {
      text-align: right;
    }
  }
  /* /slider-layout-3
  ==================================== */
  /* slider-layout-4
  ==================================== */
  .slider-layout-4 .tp-caption2--wd-text {
    font-size: 16px;
    line-height: 27px;
    word-spacing: inherit;
    color: #fff;
  }
  .slider-layout-4 .tp-caption2--wd-1,
  .slider-layout-4 .tp-caption2--wd-2,
  .slider-layout-4 .tp-caption2--wd-3 {
    text-align: left;
  }
  .slider-layout-4 .tp-caption1--wd-1,
  .slider-layout-4 .tp-caption1--wd-2,
  .slider-layout-4 .tp-caption1--wd-3 {
    color: #fff;
  }
  /* /slider-layout-4
  ==================================== */
  /* slider-layout-5
  ==================================== */
  .slider-layout-5 .tp-caption2--wd-text {
    font-size: 16px;
    line-height: 27px;
    word-spacing: inherit;
    color: #fff;
  }
  .slider-layout-5 .tp-caption2--wd-1,
  .slider-layout-5 .tp-caption2--wd-2,
  .slider-layout-5 .tp-caption2--wd-3 {
    text-align: left;
  }
  .slider-layout-5 .tp-caption1--wd-1,
  .slider-layout-5 .tp-caption1--wd-2,
  .slider-layout-5 .tp-caption1--wd-3 {
    color: #fff;
  }
  /* /slider-layout-5
  ==================================== */
  /* tp-caption--product-1
  ==================================== */
  .tp-caption {
    z-index: 1;
    white-space: inherit;
  }
  .tp-caption--product-1 {
    white-space: inherit !important;
  }
  .tp-caption--product-1 .title {
    font-size: 30px;
    line-height: 1.1em;
    color: #1fc0a0;
  }
  .tp-caption--product-1 .title a {
    color: #1fc0a0;
  }
  .tp-caption--product-1 .title a:hover {
    color: #333333;
  }
  .tp-caption--product-1 .title a:focus {
    text-decoration: none;
    color: #1fc0a0;
  }
  .tp-caption--product-1 .price {
    font-size: 50px;
    line-height: 1.1em;
    padding-bottom: 30px;
    color: #333333;
  }
  .tp-caption--product-1 .price .price-box__old {
    font-size: 23px;
    color: #fa6b6b;
  }
  .tp-caption--product-1 .text {
    font-size: 16px;
    line-height: 27px;
    max-width: 391px;
  }
  .tp-caption--product-1 .btn--ys {
    color: #fff;
    font-size: 24px;
    white-space: inherit;
  }
  .tp-caption--product-1 .btn--ys.btn--lg {
    padding-left: 38px;
    padding-right: 38px;
  }
  .tp-caption--product-1 .btn--ys:hover {
    color: #1fc0a0;
  }
  .tp-caption--product-1 .btn-top {
    margin-top: 55px;
  }
  @media (max-width: 1200px) {
    .tp-caption--product-1 .title {
      font-size: 25px;
    }
    .tp-caption--product-1 .price {
      font-size: 40px;
      padding-bottom: 15px;
    }
    .tp-caption--product-1 .price .price-box__old {
      font-size: 20px;
    }
    .tp-caption--product-1 .text {
      font-size: 14px;
      line-height: 25px;
      max-width: 300px;
    }
    .tp-caption--product-1 .btn--ys {
      font-size: 18px;
    }
    .tp-caption--product-1 .btn--ys.btn--lg {
      padding-left: 20px;
      padding-right: 20px;
    }
    .tp-caption--product-1 .btn-top {
      margin-top: 35px;
    }
  }
  @media (max-width: 992px) {
    .tp-caption--product-1 .title {
      font-size: 22px;
    }
    .tp-caption--product-1 .price {
      font-size: 30px;
      padding-bottom: 15px;
    }
    .tp-caption--product-1 .price .price-box__old {
      font-size: 20px;
    }
    .tp-caption--product-1 .text {
      font-size: 12px;
      line-height: 25px;
      max-width: inherit;
      text-overflow: ellipsis;
      overflow: hidden;
      height: 50px;
    }
    .tp-caption--product-1 .btn--ys {
      font-size: 15px;
    }
    .tp-caption--product-1 .btn--ys.btn--lg {
      padding: 10px 17px 9px;
    }
    .tp-caption--product-1 .btn-top {
      margin-top: 35px;
    }
  }
  @media (max-width: 767px) {
    .tp-caption--product-1 .title {
      margin-top: 0;
    }
  }
  @media (max-width: 768px) {
    .tp-caption--product-1 .title {
      font-size: 16px;
      margin-bottom: 5px;
    }
    .tp-caption--product-1 .price {
      font-size: 21px;
      padding-bottom: 5px;
    }
    .tp-caption--product-1 .price .price-box__old {
      font-size: 15px;
    }
    .tp-caption--product-1 .text {
      font-size: 11px;
      line-height: 22px;
      max-width: inherit;
      display: none;
    }
    .tp-caption--product-1 .btn--ys .icon {
      display: none;
    }
    .tp-caption--product-1 .btn-top {
      margin-top: 5px;
    }
  }
  @media (max-width: 500px) {
    .tp-caption--product-1 .btn--ys.btn--lg {
      padding: 7px 10px;
      font-size: 11px;
      line-height: 1.2em;
    }
  }
  @media (max-width: 400px) {
    .tp-caption--product-1 .price {
      display: none;
    }
  }
  /* /tp-caption--product-1
  ==================================== */
  /* intro
  ==================================== */
  .intro {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .tp-banner-button1 .tp-leftarrow.default:before,
  .tp-banner-button1 .tp-rightarrow.default:before {
    font-family: 'Material Icons';
    font-size: 45px;
    line-height: 48px;
    cursor: pointer;
  }
  .tp-banner-button1 .tp-leftarrow.default:hover,
  .tp-banner-button1 .tp-rightarrow.default:hover {
    color: #1fc0a0 !important;
    background-color: transparent !important;
  }
  /* /intro
  ==================================== */
  .btn--bg-green.link-button {
    background: #8ed044;
    border-color: #8ed044;
  }
  .btn--bg-green.link-button:hover {
    background: #fff;
    border-color: #8ed044;
  }
  .btn--bg-coquelicot.link-button {
    background: #fd6940;
    border-color: #fd6940;
  }
  .btn--bg-coquelicot.link-button:hover {
    background: #fff;
    border-color: #fd6940;
  }
  .btn--bg-dark.link-button {
    background: #333;
    border-color: #333;
  }
  .btn--bg-dark.link-button:hover {
    background: #fff;
    border-color: #333;
  }
  /****************************************
  * end REVOLUTION SLIDER
  *****************************************/
  /****************************************
  * collapse-block
  *****************************************/
  .collapse-block {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 12px;
    padding-bottom: 14px;
  }
  .collapse-block__content {
    display: none;
    padding-bottom: 19px;
  }
  .collapse-block__content > p:first-child {
    margin-top: 10px;
  }
  .collapse-block__title {
    cursor: pointer;
    padding: 14px 20px 12px 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative;
    font-size: 1.25em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .collapse-block__title:after {
    position: absolute;
    display: block;
    top: 15px;
    right: -5px;
    font-family: 'Material Icons';
    font-size: 22px;
    content: "\e148";
    line-height: 1em;
    color: #1fc0a0;
  }
  .open > .collapse-block__title:after {
    content: "\e15d";
  }
  .collapse-block__icon-left {
    padding-left: 38px;
  }
  .collapse-block__icon-left:after {
    left: 0px;
  }
  .collapse-block--indent-lg {
    margin-bottom: 22px;
    padding-bottom: 24px;
  }
  .collapse-block .title-large-icon {
    font-size: 30px;
  }
  .collapse-block .title-large-icon:after {
    top: 43px;
  }
  .collapse-block .title-large-icon .icon {
    font-size: 46px;
    line-height: 1em;
    position: relative;
    top: 6px;
  }
  .collapse-block:last-child {
    border-bottom: 0;
  }
  .collapse-block .options-swatch {
    margin: 14px 0 -10px -4px;
  }
  .collapse-block .options-swatch--size li a {
    -webkit-transition:  all 180ms linear 0s;
    -moz-transition:  all 180ms linear 0s;
    -ms-transition:  all 180ms linear 0s;
    -o-transition:  all 180ms linear 0s;
    transition:  all 180ms linear 0s;
  }
  .collapse-block .under-form-text {
    margin-top: 10px;
  }
  .collapse-block .tags-list {
    margin: 14px 0 -10px;
  }
  .collapse-block .filter-list li a {
    -webkit-transition:  all 300ms linear 0s;
    -moz-transition:  all 300ms linear 0s;
    -ms-transition:  all 300ms linear 0s;
    -o-transition:  all 300ms linear 0s;
    transition:  all 300ms linear 0s;
  }
  .no-border-bottom {
    border-bottom: none;
  }
  @media (max-width: 992px) {
    aside .collapse-block {
      margin-bottom: 0;
    }
    aside .expander-list {
      margin: 0;
    }
    aside .expander-list ul {
      margin: 0;
    }
    aside .expander-list > li > a {
      padding-top: 7px;
      display: inline-block;
    }
  }
  .expander-list {
    margin: 0 0 -16px;
    padding: 0;
    list-style-type: none;
  }
  .expander-list > li {
    padding: 7px 0;
  }
  .expander-list > li a:hover {
    color: #1fc0a0;
    text-decoration: none;
  }
  .expander-list > li > a {
    text-transform: uppercase;
    color: #333333;
    font-weight: 500;
    text-decoration: none !important;
  }
  .expander-list li.active > a,
  .expander-list li.open > a {
    color: #1fc0a0;
  }
  .expander-list ul {
    display: none;
    margin: 10px 0 -5px;
    padding: 0;
    list-style-type: none;
  }
  .expander-list ul li {
    padding: 4px 0 3px;
  }
  .expander-list ul li a {
    font-weight: 300;
  }
  li.open .expander-list ul {
    display: block;
  }
  .expander-list li {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .expander-list .expander {
    position: absolute;
    display: block;
    top: 10px;
    right: -5px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    text-align: right;
  }
  .expander-list .expander:before {
    font-family: 'Material Icons';
    font-size: 22px;
    content: "\e5cf";
    line-height: 1em;
    color: #1fc0a0;
  }
  .expander-list .open > .expander:before {
    content: "\e5ce";
  }
  .filter-list {
    list-style: none;
    margin: 8px 0 15px;
    padding: 0;
  }
  .filter-list li {
    margin: 0 0 5px;
    position: relative;
  }
  .filter-list li span {
    color: #1fc0a0;
  }
  .filter-list li a.icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    text-decoration: none;
    color: #333333;
  }
  .filter-list li a.icon:hover {
    color: #1fc0a0;
  }
  .filter-list li a.icon.icon-to-right {
    position: absolute;
    right: -2px;
    top: 2px;
  }
  /****************************************
  * end collapse-block
  *****************************************/
  /****************************************
  * Shopping-cart-page
  *****************************************/
  /* shopping-cart-table
  ==================================== */
  .shopping-cart-table {
    width: 100%;
  }
  .shopping-cart-table tr {
    border-bottom: 1px solid #e5e5e5;
  }
  .shopping-cart-table th {
    border-top: 1px solid #e5e5e5;
    color: #333333;
    font-weight: 500;
    padding: 11px 0;
  }
  .shopping-cart-table td {
    padding: 50px 0;
  }
  .shopping-cart-table td,
  .shopping-cart-table th {
    vertical-align: top;
    text-align: center;
  }
  .shopping-cart-table td:first-child,
  .shopping-cart-table th:first-child,
  .shopping-cart-table td:last-child,
  .shopping-cart-table th:last-child,
  .shopping-cart-table td:nth-child(2),
  .shopping-cart-table th:nth-child(2) {
    border-right: none;
  }
  .shopping-cart-table td:nth-child(1),
  .shopping-cart-table th:nth-child(1) {
    text-align: center;
    width: 20%;
  }
  .shopping-cart-table td:nth-child(2),
  .shopping-cart-table th:nth-child(2) {
    width: 25%;
    text-align: left;
  }
  .shopping-cart-table td:nth-child(3),
  .shopping-cart-table th:nth-child(3) {
    width: 0;
  }
  .shopping-cart-table td:nth-child(4),
  .shopping-cart-table th:nth-child(4) {
    width: 15%;
  }
  .shopping-cart-table td:nth-child(5),
  .shopping-cart-table th:nth-child(5) {
    width: 15%;
  }
  .shopping-cart-table td:nth-child(6),
  .shopping-cart-table th:nth-child(6) {
    width: 15%;
  }
  .shopping-cart-table td:nth-child(7),
  .shopping-cart-table th:nth-child(7) {
    width: 10%;
  }
  @media (max-width: 1200px) {
    .shopping-cart-table td,
    .shopping-cart-table th {
      vertical-align: middle;
    }
  }
  .shopping-cart-table .icon,
  .shopping-cart-table .fa {
    font-size: 20px;
  }
  .shopping-cart-table__create {
    float: right;
    position: relative;
    top: -10px;
    right: 20%;
  }
  .shopping-cart-table__product-image {
    padding: 0 19px 0 0;
  }
  .shopping-cart-table__product-price {
    font-size: 20px;
    line-height: 1.1em;
    color: #1fc0a0;
  }
  @media (max-width: 1200px) {
    .shopping-cart-table__product-price {
      font-size: 20px;
    }
  }
  .shopping-cart-table__input {
    width: 77px;
    display: inline-block;
  }
  .shopping-cart-table__input input {
    text-align: center;
    color: #1fc0a0;
  }
  .shopping-cart-table a {
    color: #1fc0a0;
    -webkit-transition:  all 0.3s 0s ease;
    -moz-transition:  all 0.3s 0s ease;
    -ms-transition:  all 0.3s 0s ease;
    -o-transition:  all 0.3s 0s ease;
    transition:  all 0.3s 0s ease;
  }
  .shopping-cart-table a:hover {
    color: #333333;
  }
  .shopping-cart-table__product-name {
    margin-bottom: 20px;
  }
  .shopping-cart-table__product-name a {
    color: #1fc0a0;
  }
  .shopping-cart-table__list-parameters {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  .shopping-cart-table__list-parameters li {
    padding: 0 0 7px 0;
    text-align: left;
    font-size: 16px;
  }
  .shopping-cart-table__list-parameters span {
    color: #333333;
    display: inline-block;
    margin-right: 6px;
  }
  @media (max-width: 767px) {
    .shopping-cart-table__create {
      float: right;
      position: relative;
      top: -10px;
      right: 0px;
      margin-right: 0px;
      margin-left: 18px;
    }
    .shopping-cart-table__delete {
      text-align: center;
    }
    .shopping-cart-table__product-name {
      font-weight: normal;
    }
    .shopping-cart-table__list-parameters li {
      padding: 0 0 2px 0;
      font-size: 14px;
    }
    .shopping-cart-table tbody,
    .shopping-cart-table td,
    .shopping-cart-table tr {
      display: block;
      border: 0;
      width: 100% !important;
      text-align: center !important;
    }
    .shopping-cart-table tr {
      border-bottom: 1px solid #e5e5e5;
    }
    .shopping-cart-table td:nth-child(1) {
      width: 30% !important;
      display: table-cell !important;
    }
    .shopping-cart-table td:nth-child(2) {
      width: 55% !important;
      display: table-cell !important;
      text-align: left;
    }
    .shopping-cart-table td:nth-child(3) {
      width: 10% !important;
      display: table-cell !important;
      text-align: left;
    }
    .shopping-cart-table td:nth-child(4),
    .shopping-cart-table td:nth-child(5),
    .shopping-cart-table td:nth-child(6),
    .shopping-cart-table td:nth-child(7) {
      display: none !important;
    }
    .shopping-cart-table thead {
      display: none;
    }
    .shopping-cart-table .price-mobile {
      font-size: 20px;
      font-weight: 500;
    }
  }
  @media (max-width: 767px) and (max-width: 529px) {
    .shopping-cart-table__create {
      margin-right: 0px;
      margin-left: 7px;
    }
  }
  /* /shopping-cart-table
  ==================================== */
  /* shopping-cart-btns
  ==================================== */
  .shopping-cart-btns button.pull-right,
  .shopping-cart-btns .btn.pull-right {
    margin-right: 0;
  }
  .shopping-cart-btns .btn {
    margin-bottom: 15px !important;
  }
  @media (max-width: 767px) {
    .shopping-cart-btns {
      text-align: center;
    }
    .shopping-cart-btns > div {
      text-align: center !important;
      float: none !important;
    }
    .shopping-cart-btns .btn.pull-left,
    .shopping-cart-btns .btn.pull-right {
      float: none !important;
      display: inline-block !important;
    }
    .shopping-cart-btns .btn-right {
      margin-right: 0;
    }
  }
  /* /shopping-cart-btns
  ==================================== */
  /* card
  ==================================== */
  .card {
    border: 1px solid #e5e5e5;
  }
  .card--padding {
    padding: 25px 30px 30px 30px;
  }
  .card--padding.collapse-block {
    padding: 12px 30px 10px 30px;
  }
  .card h4 {
    font-size: 20px;
    margin-bottom: 19px;
  }
  .card label sup {
    color: #fa6b6b;
  }
  .card .btn {
    white-space: inherit;
  }
  /* /card
  ==================================== */
  /* table-total
  ==================================== */
  .table-total {
    width: 100%;
    text-transform: uppercase;
  }
  .table-total th {
    color: #333333;
    font-weight: 500;
    padding: 0 0 15px 0;
  }
  .table-total td {
    color: #1fc0a0;
    padding: 0 0 15px 0;
  }
  .table-total tbody {
    font-size: 16px;
    line-height: 1em;
  }
  .table-total tbody tr td {
    font-weight: 500;
  }
  .table-total tbody tr:last-child td,
  .table-total tbody tr:last-child th {
    padding-bottom: 28px;
  }
  .table-total tfoot {
    width: 100%;
    font-size: 20px;
    line-height: 1em;
  }
  .table-total tfoot tr {
    border-top: 1px solid #e5e5e5;
  }
  .table-total tfoot tr td,
  .table-total tfoot tr th {
    padding-top: 25px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .table-total tfoot tr td {
    text-align: right;
  }
  /* /table-total
  ==================================== */
  /****************************************
  * End Shopping-cart-page
  *****************************************/
  /*=== options ===*/
  .options-swatch {
    margin: 0 0 21px 0;
    padding: 0;
    list-style: none;
  }
  .slick-slide .options-swatch {
    margin: 0 0 3px;
  }
  .options-swatch li {
    display: inline-block;
    margin: 0 3.5px;
    margin-bottom: 8px;
    text-align: center;
  }
  .options-swatch li a {
    margin: 0 auto;
    display: block;
    text-align: center;
    background-color: #f5f5f5;
    color: #333333;
    width: 50px;
    height: 50px;
    font-size: 13px;
    line-height: 50px;
    text-decoration: none;
  }
  .options-swatch li a:hover,
  .options-swatch li.active a {
    text-decoration: none;
    background-color: #333333;
    color: #fff;
  }
  .options-swatch img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
  }
  .options-swatch li .swatch-attr {
    font-size: 12px;
    color: #333;
  }
  .options-swatch--lg li a {
    width: 60px;
    height: 60px;
    font-size: 13px;
    line-height: 60px;
  }
  .options-swatch--size li {
    padding: 0 !important;
    line-height: 19px;
  }
  .options-swatch--size.options-swatch--lg li {
    line-height: 26px;
  }
  .options-swatch--color li a,
  .options-swatch--color li a:hover {
    background-color: transparent !important;
  }
  .options-swatch--color li a:hover {
    padding: 2px;
  }
  .options-swatch--color.options-swatch--lg li a:hover {
    padding: 2px;
  }
  .options-swatch .active-attr {
    border: 2px solid #f00;
  }
  .collapse-block .options-swatch--color {
    margin-left: -3px;
  }
  .collapse-block .options-swatch--color .color-black {
    background-color: #333333;
  }
  .collapse-block .options-swatch--color .color-grey {
    background-color: #cdcdcd;
  }
  .collapse-block .options-swatch--color .color-light-grey {
    background-color: #f5f5f5;
  }
  .collapse-block .options-swatch--color .color-blue {
    background-color: #20bdf7;
  }
  .collapse-block .options-swatch--color .color-dark-turquoise {
    background-color: #23cddc;
  }
  .collapse-block .options-swatch--color .color-orange {
    background-color: #fe9001;
  }
  .collapse-block .options-swatch--color .color-purple {
    background-color: #c73de0;
  }
  .collapse-block .options-swatch--color .color-pale-violet-red {
    background-color: #ff527f;
  }
  .collapse-block .options-swatch--color .color-red {
    background-color: #fc121d;
  }
  .collapse-block .options-swatch--color .color-green {
    background-color: #5ec90f;
  }
  .collapse-block .options-swatch--color .color-yellow {
    background-color: #fee301;
  }
  .collapse-block .options-swatch--color .color-tan {
    background-color: #eacea7;
  }
  .collapse-block .options-swatch--color li {
    margin: 0 2.5px;
    margin-bottom: 1px;
  }
  .collapse-block .options-swatch--color li a {
    position: relative;
    display: block;
  }
  .collapse-block .options-swatch--color li a span {
    display: block;
    width: 100%;
    height: 100%;
  }
  .collapse-block .options-swatch--color li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px solid #fff;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    -webkit-transition:  0.1s 0.3s 0s ease;
    -moz-transition:  0.1s 0.3s 0s ease;
    -ms-transition:  0.1s 0.3s 0s ease;
    -o-transition:  0.1s 0.3s 0s ease;
    transition:  0.1s 0.3s 0s ease;
  }
  .collapse-block .options-swatch--color li a:hover:before {
    background-color: none;
    border: 6px solid #fff;
  }
  /*=== /options ===*/
  /****************************************
  * title 
  *****************************************/
  .title-box {
    width: 100%;
    overflow: hidden;
  }
  .title {
    margin-top: 75px;
  }
  @media (max-width: 479px) {
    .title {
      margin-top: 24.975px;
    }
  }
  /* title
  ==================================== */
  h2.title-default {
    margin-bottom: 0.9em;
    padding: 1.05em 0 0 0;
  }
  h4.title-default {
    margin-bottom: 2.4em;
    padding: 1.05em 0 0 0;
    font-size: 22px;
    line-height: 1.2em;
  }
  /* end title
  ==================================== */
  /* title-aside
  ==================================== */
  .title-aside-wrapper {
    background-color: #1fc0a0;
    color: #fff;
    padding: 19px 21px 19px 20px;
    margin: 0 !important;
    font-size: 20px;
  }
  /* end title-aside
  ==================================== */
  /* title-under
  ==================================== */
  .fixed-bg .container {
    position: relative;
  }
  .title-under {
    position: relative;
    margin-bottom: 2.667em;
  }
  .title-under:after {
    content: "";
    position: absolute;
    display: block;
    height: 5px;
    width: 68px;
    background: #1fc0a0;
    bottom: -1em;
  }
  .title-under.text-left:after {
    left: 0%;
  }
  .title-under.text-center:after {
    left: 50%;
    margin-left: -34px;
  }
  .title-under.text-right:after {
    right: 0%;
  }
  @media (max-width: 479px) {
    .title-under {
      font-size: 1.35em;
      margin-bottom: 1em;
      text-align: center !impoortant;
    }
    .title-under.pull-left,
    .title-under.pull-rigth {
      float: none !important;
      text-align: center !important;
    }
    .title-under:after {
      display: none;
    }
  }
  h4.title-under:after {
    bottom: -1.2em;
  }
  .indent-bottom {
    margin-bottom: 2.74em;
  }
  .title-under.title-md {
    font-size: 2.9em;
  }
  .title-with-button {
    position: relative;
    overflow: hidden;
  }
  .title-xs {
    font-style: 18px;
  }
  .title-with-button .title-under.text-center {
    padding-right: 117px !important;
    padding-left: 117px !important;
  }
  @media (max-width: 767px) {
    .title-with-button .title-under.text-center {
      padding-right: 0px !important;
      padding-left: 0px !important;
    }
  }
  /* /title-under
  ==================================== */
  /* title-icon
  ==================================== */
  h4.title-icon {
    font-size: 30px;
    margin-bottom: 0.8em;
    padding-left: 2.7em;
    position: relative;
  }
  h4.title-icon .icon {
    font-size: 1.9em;
    line-height: 1em;
    top: -0.25em;
    left: 0;
    margin-right: 21px;
    position: absolute;
  }
  @media (max-width: 480px) {
    h4.title-icon {
      font-size: 1.35em;
      margin-bottom: 1em;
    }
  }
  /* /title-icon
  ==================================== */
  /****************************************
  * end title 
  *****************************************/
  /*=== slogan ===*/
  .slogan {
    color: #1fc0a0;
    font-family: Georgia, sans-serif;
    font-style: italic;
    font-size: 1em;
  }
  @media (max-width: 767px) {
    .slogan {
      display: none;
    }
  }
  .badge--cart {
    position: absolute;
    z-index: 0;
    padding: 0;
    right: -5px;
    top: -45px;
    width: 31px;
    height: 31px;
    line-height: 26px;
    font-size: 1.1em;
    line-height: 1.85em;
    font-weight: 300;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #e8e8e8;
    color: #777777;
  }
  @media (max-width: 767px) {
    .badge--cart {
      top: -32px;
      right: -22px;
    }
  }
  .badge--menu {
    position: absolute;
    left: 0;
    top: -13px;
    border-radius: 0;
    font-size: 10px;
    line-height: 1em;
    font-weight: lighter;
    text-transform: uppercase;
    padding: 3px 4px 3px;
    background-color: #333333;
  }
  .badge--menu:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 0px;
    border-right-width: 6px;
    border-top: 5px solid #333333;
    -moz-transform: scale(0.9999);
  }
  .badge--color {
    background-color: #1fc0a0;
  }
  .badge--color:after {
    border-top-color: #1fc0a0;
  }
  @media (min-width: 768px) {
    .badge.badge--hidden {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .badge--menu {
      position: relative;
      margin: 0 5px;
      top: -15px;
    }
  }
  /*=== multitooltip ===*/
  .multitooltip .tip.on-top:after,
  .multitooltip .tip.on-bottom:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
  }
  .multitooltip .tip.on-right:after,
  .multitooltip .tip.on-left:after {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
  }
  .multitooltip {
    position: relative;
    cursor: pointer;
    display: inline-block;
  }
  .multitooltip .tip {
    position: absolute;
    width: 180px;
    color: #777;
    font-size: 14px;
    font-style: normal;
    line-height: 1.7em;
    text-align: left;
    border-radius: 0;
    background: #3c3c3c;
    padding: 12px 14px;
    box-sizing: border-box;
    cursor: auto;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
  }
  .multitooltip .tip span {
    display: block;
  }
  .multitooltip .tip strong {
    color: #fff;
    font-weight: normal;
    padding: 0 5px 0 0;
  }
  .multitooltip .tip:after {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
  }
  .multitooltip .tip.on-top {
    bottom: 18px;
    left: 0;
  }
  .multitooltip .tip.on-top:after {
    bottom: -7px;
    left: 20px;
    border-top: 7px solid #333;
  }
  .multitooltip .tip.on-right {
    top: -100%;
    left: 103%;
  }
  .multitooltip .tip.on-right:after {
    top: 37%;
    left: -7px;
    border-right: 7px solid #333;
  }
  .multitooltip .tip.on-bottom {
    top: 28px;
    left: 0;
  }
  .multitooltip .tip.on-bottom:after {
    top: -7px;
    left: 20px;
    border-bottom: 7px solid #333;
  }
  .multitooltip .tip.on-left {
    top: -100%;
    right: 103%;
  }
  .multitooltip .tip.on-left:after {
    top: 37%;
    right: -7px;
    border-left: 7px solid #333;
  }
  .multitooltip:hover .tip {
    opacity: 1;
    visibility: visible;
  }
  .multitooltip:hover .tip.on-top {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .multitooltip:hover .tip.on-right {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  .multitooltip:hover .tip.on-bottom {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  .multitooltip:hover .tip.on-left {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  /*=== buttons ===*/
  button:focus,
  .btn:focus,
  button:active:focus,
  .btn:active:focus,
  button.active:focus,
  .btn.active:focus,
  button.focus,
  .btn.focus,
  button:active.focus,
  .btn:active.focus,
  button.active.focus,
  .btn.active.focus {
    outline: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  button:hover,
  .btn:hover,
  button:focus,
  .btn:focus,
  button.focus,
  .btn.focus {
    outline: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  button:active,
  .btn:active,
  button.active,
  .btn.active {
    outline: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  button.pull-right,
  .btn.pull-right {
    margin-right: 10px;
  }
  .btn {
    /* color options */
    /* /color options */
  }
  .btn--ys {
    position: relative;
    padding: 10px 14px;
    font-size: 0.875em;
    line-height: 1.486em;
    height: 40px;
    background-color: #1fc0a0;
    color: #ffffff;
    border-radius: 0;
    vertical-align: top;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition:  all 300ms 0s ease;
    -moz-transition:  all 300ms 0s ease;
    -ms-transition:  all 300ms 0s ease;
    -o-transition:  all 300ms 0s ease;
    transition:  all 300ms 0s ease;
  }
  .btn--ys.text-lowercase {
    text-transform: lowercase;
  }
  .btn--ys.text-inherit {
    text-transform: inherit;
  }
  .btn--ys:hover,
  .btn--ys:active,
  .btn--ys.focus,
  .btn--ys:focus {
    background: #1fc0a0;
    color: #ffffff;
  }
  .btn--ys:hover {
    background-color: #f5f5f5;
    color: #1fc0a0;
  }
  .btn--ys.btn--light {
    background: #f5f5f5;
    color: #333333;
    font-weight: 500;
  }
  .btn--ys.btn--light span {
    color: #1fc0a0;
  }
  .btn--ys.btn--light:hover {
    color: #f5f5f5;
    background-color: #1fc0a0;
  }
  .btn--ys.btn--light:hover span {
    color: #fff;
  }
  .btn--ys.btn--invert {
    background: #f5f5f5;
    color: #1fc0a0;
  }
  .btn--ys.btn--invert:hover {
    color: #f5f5f5;
    background-color: #1fc0a0;
  }
  .btn--ys .icon {
    display: inline-block;
    padding: 0 3px 0 0;
    font-size: 1.486em;
    vertical-align: middle;
  }
  .btn--ys .icon.icon--flippedX {
    padding: 0 0 0 3px;
  }
  .btn--ys span {
    position: relative;
    top: 0;
    left: 0;
  }
  .btn--ys.btn--links--dropdown {
    border: none;
    background: none;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  }
  .btn--ys.btn--links--dropdown:hover {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  }
  .btn--ys.btn--xs {
    padding: 5px 10px;
    font-size: 0.923em;
    height: auto;
  }
  .btn--ys.btn--xs:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  .btn--ys.btn--sm {
    padding: 8px 16px;
    height: auto;
    font-size: 13px;
  }
  .btn--ys.btn--sm .icon {
    font-size: 12px;
  }
  .btn--ys.btn--sm--icon {
    padding: 9px 16px 7px;
    height: auto;
    font-size: 13px;
  }
  .btn--ys.btn--sm--icon .icon {
    font-size: 20px;
  }
  .btn--ys.btn--lg {
    padding: 15px 20px;
    height: auto;
  }
  .btn--ys.btn--xl {
    padding: 17px 24px;
    font-size: 1.1em;
    font-weight: 500;
    height: auto;
  }
  .btn--ys.btn--xl .icon {
    height: 1em;
    position: relative;
    top: -2px;
    padding: 0 5px 0 0;
    font-size: 1.45em;
    line-height: 1em;
  }
  .btn--ys.btn--xl.btn--xl-small {
    padding: 12px 18px 11px;
  }
  .btn--ys.btn--xxl {
    padding: 12px 24px 12px;
    font-size: 1.5em;
    line-height: 1.72em;
    height: auto;
  }
  .btn--ys.btn--l {
    padding: 15px 33px 15px;
    font-size: 1.5em;
    line-height: 1.72em;
    height: auto;
    font-weight: bold;
  }
  @media (max-width: 1200px) {
    .btn--ys.btn--l {
      padding: 12px 24px 12px;
    }
  }
  .btn--ys.btn--full {
    width: 100%;
    display: block;
    margin-bottom: 0.4em;
  }
  .btn--border {
    position: relative;
    padding: 10px 14px;
    font-size: 0.875em;
    line-height: 1.486em;
    height: 40px;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 0;
    vertical-align: top;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition:  all 100ms 0s ease;
    -moz-transition:  all 100ms 0s ease;
    -ms-transition:  all 100ms 0s ease;
    -o-transition:  all 100ms 0s ease;
    transition:  all 100ms 0s ease;
  }
  .btn--border.text-lowercase {
    text-transform: lowercase;
  }
  .btn--border.text-inherit {
    text-transform: inherit;
  }
  .btn--border:hover,
  .btn--border:active,
  .btn--border.focus,
  .btn--border:focus {
    background: #1fc0a0;
    color: #ffffff;
  }
  .btn--border:hover {
    background-color: #f5f5f5;
    color: #1fc0a0;
  }
  .btn--border .icon {
    display: inline-block;
    padding: 0 3px 0 0;
    font-size: 1.486em;
    vertical-align: middle;
  }
  .btn--border .icon.icon--flippedX {
    padding: 0 0 0 3px;
  }
  .btn--border span {
    position: relative;
    top: 0;
    left: 0;
  }
  .btn--border.btn--links--dropdown {
    border: none;
    background: none;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  }
  .btn--border.btn--links--dropdown:hover {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  }
  .btn--border.btn--xs {
    padding: 5px 10px;
    font-size: 0.923em;
    height: auto;
  }
  .btn--border.btn--xs:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  .btn--border.btn--sm {
    padding: 8px 16px;
    height: auto;
    font-size: 13px;
  }
  .btn--border.btn--sm .icon {
    font-size: 12px;
  }
  .btn--border.btn--sm--icon {
    padding: 9px 16px 7px;
    height: auto;
    font-size: 13px;
  }
  .btn--border.btn--sm--icon .icon {
    font-size: 20px;
  }
  .btn--border.btn--lg {
    padding: 15px 20px;
    height: auto;
  }
  .btn--border.btn--xl {
    padding: 17px 24px;
    font-size: 1.1em;
    font-weight: 500;
    height: auto;
  }
  .btn--border.btn--xl .icon {
    height: 1em;
    position: relative;
    top: -2px;
    padding: 0 5px 0 0;
    font-size: 1.45em;
    line-height: 1em;
  }
  .btn--border.btn--xl.btn--xl-small {
    padding: 12px 18px 11px;
  }
  .btn--border.btn--xxl {
    padding: 12px 24px 12px;
    font-size: 1.5em;
    line-height: 1.72em;
    height: auto;
  }
  .btn--border.btn--l {
    padding: 15px 33px 15px;
    font-size: 1.5em;
    line-height: 1.72em;
    height: auto;
    font-weight: bold;
  }
  @media (max-width: 1200px) {
    .btn--border.btn--l {
      padding: 12px 24px 12px;
    }
  }
  .btn--border.btn--full {
    width: 100%;
    display: block;
    margin-bottom: 0.4em;
  }
  .btn--clear {
    border: 0;
    padding-left: 0;
    background-color: transparent;
  }
  .btn--clear:hover,
  .btn--clear:active,
  .btn--clear.focus,
  .btn--clear:focus {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .open > .btn--clear.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .btn-top {
    margin-top: 15px;
  }
  .btn-left {
    margin-left: 10px !important;
  }
  .btn.btn-red {
    background: #fa6b6b;
  }
  .btn.btn-red:hover,
  .btn.btn-red:active,
  .btn.btn-red.focus,
  .btn.btn-red:focus {
    background: #f5f5f5;
  }
  .btn.btn-blue {
    background-color: #395499;
  }
  .btn.btn-blue:hover,
  .btn.btn-blue:active,
  .btn.btn-blue.focus,
  .btn.btn-blue:focus {
    background: #f5f5f5;
  }
  /* Individual button styles */
  /* Tamaya */
  .button--tamaya {
    overflow: hidden;
  }
  .button--tamaya::before,
  .button--tamaya::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    background: #1fc0a0;
    color: #ffffff;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  }
  .button--tamaya::before {
    top: 0;
    padding-top: 1em;
  }
  .button--tamaya::after {
    bottom: 0;
    line-height: 0;
  }
  .button--tamaya > span {
    display: block;
    -webkit-transform: scale3d(0.2, 0.2, 1);
    transform: scale3d(0.2, 0.2, 1);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  }
  .button--tamaya:hover::before {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  .button--tamaya:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .button--tamaya:hover > span {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  .btn-right {
    margin-right: 30px;
  }
  .btn-img {
    display: inline-block;
    cursor: pointer;
    margin: 12px 12px 0 0;
    overflow: hidden;
    position: relative;
  }
  .btn-img-view_module {
    background: #777777;
  }
  .btn-img-view_list {
    background: #777777;
  }
  .btn-img.active {
    background-color: #1fc0a0;
  }
  .btn-img:hover {
    background-color: #1fc0a0;
  }
  .btn-img-view_module {
    width: 20px;
    height: 17px;
  }
  .btn-img-view_module:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    width: 100%;
    height: 1px;
    background: #fff;
  }
  .btn-img-view_module:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 6px;
    width: 1px;
    height: 100%;
    background: #fff;
  }
  .btn-img-view_module span {
    display: block;
    position: absolute;
    top: 0;
    left: 13px;
    width: 1px;
    height: 100%;
    background: #fff;
  }
  .btn-img-view_list {
    width: 19px;
    height: 17px;
  }
  .btn-img-view_list:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    width: 100%;
    height: 1px;
    background: #fff;
  }
  .btn-img-view_list:after {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    width: 100%;
    height: 1px;
    background: #fff;
  }
  .btn-img-view_list span {
    display: block;
    position: absolute;
    top: 0;
    left: 6px;
    width: 1px;
    height: 100%;
    background: #fff;
  }
  input {
    -webkit-box-shadow: inset  none;
    -moz-box-shadow: inset  none;
    box-shadow: inset  none;
  }
  .input--ys {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 7px 12px;
    font-size: 1em;
    line-height: 1.4em;
    height: 40px;
    margin-bottom: 10px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  .input--ys:hover,
  .input--ys:focus,
  .input--ys.focus {
    box-shadow: none;
    outline: none;
  }
  .input--ys--full {
    width: 100%;
  }
  .textarea--ys {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 7px 12px;
    font-size: 1em;
    line-height: 1.4em;
    height: 40px;
    margin-bottom: 10px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    min-height: 140px;
    height: auto;
  }
  .textarea--ys:hover,
  .textarea--ys:focus,
  .textarea--ys.focus {
    box-shadow: none;
    outline: none;
  }
  .textarea--ys--full {
    width: 100%;
  }
  label {
    font-weight: normal;
  }
  label.label--inline {
    font-size: 1.231em;
    line-height: 2.6em;
    font-weight: normal;
    padding-right: 10px;
    margin-bottom: 0;
  }
  @media (max-width: 767px) {
    label.label--inline {
      display: block;
      margin-bottom: 5px;
      float: none !important;
    }
  }
  .subscribe-form {
    position: relative;
  }
  .subscribe-form__label {
    font-size: 1.231em;
    line-height: 2.6em;
    font-weight: normal;
    padding-right: 10px;
    margin-bottom: 0;
  }
  @media (max-width: 767px) {
    .subscribe-form__label {
      display: block;
      margin-bottom: 5px;
      float: none !important;
    }
  }
  .subscribe-form__input {
    margin-right: 10px;
  }
  @media (max-width: 767px) {
    .subscribe-form__input {
      margin-right: 0;
      width: 97%;
      padding-right: 50px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .subscribe-form__input {
      width: 160px;
    }
  }
  @media (max-width: 767px) {
    .subscribe-form button {
      position: absolute;
      right: 0;
    }
  }
  .subscribe-form button .icon {
    font-size: 18px;
  }
  input::-webkit-input-placeholder {
    font-size: 1em;
    line-height: 1.214em;
    color: #333;
  }
  input::-webkit-input-placeholder::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  input::-webkit-input-placeholder:-ms-input-placeholder {
    color: #999;
  }
  input::-webkit-input-placeholder::-webkit-input-placeholder {
    color: #999;
  }
  input::-moz-placeholder {
    font-size: 1em;
    line-height: 1.214em;
    color: #333;
  }
  input::-moz-placeholder::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  input::-moz-placeholder:-ms-input-placeholder {
    color: #999;
  }
  input::-moz-placeholder::-webkit-input-placeholder {
    color: #999;
  }
  input:-ms-input-placeholder {
    font-size: 1em;
    line-height: 1.214em;
    color: #333;
  }
  input:-ms-input-placeholder::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  input:-ms-input-placeholder:-ms-input-placeholder {
    color: #999;
  }
  input:-ms-input-placeholder::-webkit-input-placeholder {
    color: #999;
  }
  input:-moz-placeholder {
    font-size: 1em;
    line-height: 1.214em;
    color: #333;
  }
  input:-moz-placeholder::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  input:-moz-placeholder:-ms-input-placeholder {
    color: #999;
  }
  input:-moz-placeholder::-webkit-input-placeholder {
    color: #999;
  }
  /* placeholder */
  .placeholder {
    font-size: 1em;
    line-height: 1.214em;
    color: #333;
  }
  ::-webkit-input-placeholder {
    color: #333;
  }
  ::-moz-placeholder {
    color: #333;
  }
  :-moz-placeholder {
    color: #333;
  }
  :-ms-input-placeholder {
    color: #333;
  }
  input[placeholder] {
    text-overflow: ellipsis;
  }
  input::-moz-placeholder {
    text-overflow: ellipsis;
  }
  input:-moz-placeholder {
    text-overflow: ellipsis;
  }
  input:-ms-input-placeholder {
    text-overflow: ellipsis;
  }
  :focus::-webkit-input-placeholder {
    color: transparent;
  }
  :focus::-moz-placeholder {
    color: transparent;
  }
  :focus:-moz-placeholder {
    color: transparent;
  }
  :focus:-ms-input-placeholder {
    color: transparent;
  }
  /* /placeholder */
  .bootstrap-select .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: #e5e5e5;
  }
  .select--ys {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 7px 12px;
    font-size: 1em;
    line-height: 1.4em;
    height: 40px;
    margin-bottom: 10px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    color: #333333;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .select--ys:hover,
  .select--ys:focus,
  .select--ys.focus {
    box-shadow: none;
    outline: none;
  }
  .select--ys--full {
    width: 100%;
  }
  .select--ys option {
    color: #333333;
  }
  .select--sm {
    padding: 8px 10px;
    height: 34px;
  }
  .select--lg {
    padding: 10px 12px;
    height: 40px;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
    width: 100%;
  }
  .select-wrapper {
    position: relative;
    display: inline-block;
  }
  .select-wrapper .select--ys {
    padding-right: 25px;
  }
  .select-wrapper:after {
    content: " ";
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #777777;
    position: absolute;
    top: 20px;
    right: 12px;
    transition: all 0.3s linear;
    -moz-transform: scale(0.9999);
  }
  .select-wrapper select {
    cursor: pointer;
  }
  /* select-basket
  ==================================== */
  @media (max-width: 767px) {
    .pull-extra-left {
      float: left !important;
    }
  }
  .select-basket {
    padding-right: 0;
    position: relative;
    line-height: 1.67em;
  }
  .select-basket .dropdown-toggle {
    background-color: #1fc0a0;
    padding: 7px 135px 10px 19px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
  }
  .select-basket .dropdown-toggle .icon {
    color: #fff;
    font-size: 25px;
    position: relative;
    top: 6px;
    margin-right: 11px;
  }
  .select-basket .dropdown-toggle .caret {
    position: absolute;
    right: 16px;
    top: 8px;
    color: #fff;
  }
  @media (max-width: 1024px) {
    .select-basket .dropdown-toggle .caret {
      top: 18px;
    }
  }
  .select-basket .dropdown-menu {
    width: 420px;
    margin-top: 11px !important;
    left: auto;
    right: 0;
  }
  .select-basket__inner {
    padding: 24px 30px 0px 30px;
  }
  .select-basket > a:hover .icon {
    color: #fff;
  }
  .select-basket__table {
    width: 100%;
    position: relative;
  }
  .select-basket__table td,
  .select-basket__table th {
    padding: 10px 5px;
  }
  .select-basket__table th {
    color: #333333;
  }
  .select-basket__table thead tr {
    border-bottom: 1px solid #e5e5e5;
  }
  .select-basket__table thead tr th:first-child {
    text-align: left;
  }
  .select-basket__table thead tr th {
    text-align: center;
  }
  .select-basket__table thead tr th:last-child {
    text-align: right;
  }
  .select-basket__table tbody tr {
    border-bottom: 1px solid #e5e5e5;
  }
  .select-basket__table tbody tr td:first-child {
    text-align: left;
  }
  .select-basket__table tbody tr td {
    text-align: center;
  }
  .select-basket__table tbody tr td:last-child {
    text-align: right;
  }
  .select-basket__table tfoot tr:first-child td,
  .select-basket__table tfoot tr:first-child th {
    padding-top: 25px;
  }
  .select-basket__table tfoot th {
    text-transform: uppercase;
    padding: 3px 5px;
  }
  .select-basket__table tfoot td {
    color: #1fc0a0;
    padding: 3px 5px;
    font-weight: bold;
    text-align: right;
  }
  /* /select-basket
  ==================================== */
  .radio {
    display: block;
    cursor: pointer;
    margin: 0 0 8px;
    font-weight: 300;
  }
  .radio:hover .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
  }
  .radio input {
    width: 1px;
    height: 1px;
    opacity: 0;
  }
  .radio input:checked + .outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  .radio input:focus + .outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #1fc0a0;
  }
  .radio .outer {
    width: 14px;
    height: 14px;
    display: block;
    float: left;
    margin: 6px 9px 0 0;
    border-radius: 50%;
    background-color: #e5e5e5;
  }
  .radio .inner {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 14px;
    height: 14px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    border-radius: 50%;
    background-color: #1fc0a0;
    opacity: 0;
  }
  .required {
    color: red;
  }
  .checkbox-group {
    position: relative;
    margin-bottom: 10px;
  }
  .checkbox-group input[type=checkbox] {
    display: none;
  }
  .checkbox-group label {
    padding-left: 34px;
    cursor: pointer;
    font-size: 16px;
    color: #777777;
  }
  .checkbox-group label span {
    display: block;
    position: absolute;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .checkbox-group label .box {
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    background: #fff;
    height: 20px;
    width: 20px;
    z-index: 9;
    margin-top: 2px;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .checkbox-group label .check {
    top: 0px;
    left: 1px;
    opacity: 0;
    z-index: 10;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  .checkbox-group label .check:before {
    content: "\e876";
    color: #1fc0a0;
    font-size: 18px;
    line-height: 1em;
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
  }
  input[type=checkbox]:checked ~ label .box {
    border-color: #1fc0a0;
  }
  input[type=checkbox]:checked ~ label .check {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .divider--xl {
    height: 60px;
  }
  /* form */
  .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    border-color: #e5e5e5;
    height: 40px;
  }
  .form-control:focus {
    border-color: #1fc0a0;
    box-shadow: none;
    outline: 0 none;
  }
  label {
    color: #333333;
  }
  label sup {
    color: #fa6b6b;
    font-weight: lighter;
    font-size: 16px;
    line-height: 1em;
    position: relative;
    top: -1px;
  }
  .note {
    color: #fa6b6b;
    font-size: 14px;
  }
  .form-group {
    margin-bottom: 10px;
  }
  .form-group-top {
    margin-top: 14px;
  }
  .form-inline label {
    margin-right: 13px;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    margin-right: 6px;
  }
  input.form-control::-webkit-input-placeholder {
    color: #777777;
  }
  input.form-control::-moz-placeholder {
    color: #777777;
  }
  input.form-control::-moz-placeholder {
    color: #777777;
  }
  input.form-control::-ms-input-placeholder {
    color: #777777;
  }
  .input-group-btn {
    font-size: inherit !important;
  }
  /* /form */
  /* input-group-addon */
  .input-group-addon {
    background: none;
    border-right: none;
    border-color: #e5e5e5;
    color: #1fc0a0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-left: 23px;
    padding-right: 0px;
  }
  .input-group input {
    padding-left: 7px;
    color: #777777;
  }
  .input-group input:hover,
  .input-group input:focus,
  .input-group input.focus {
    border-color: #e5e5e5 !important;
  }
  .input-group input.form-control::-webkit-input-placeholder {
    color: #777777;
  }
  .input-group input.form-control::-moz-placeholder {
    color: #777777;
  }
  .input-group input.form-control::-moz-placeholder {
    color: #777777;
  }
  .input-group input.form-control::-ms-input-placeholder {
    color: #777777;
  }
  .modal .input-group input {
    border-left: 0;
  }
  /* /input-group-addon */
  /* fill box style */
  .radio-fill-inner-sx {
    padding: 6px 0 0 13px;
  }
  body .fill-bg .radio {
    color: #777777;
    margin-bottom: 5px;
  }
  /* fill box style */
  /* subscribe-full-center */
  .subscribe-full-center {
    display: inline-block;
    width: 500px;
  }
  .subscribe-full-center .form-inline input.form-control {
    height: 60px;
    float: left;
    width: 350px;
  }
  .subscribe-full-center .form-inline button {
    float: left;
  }
  @media (max-width: 570px) {
    .subscribe-full-center {
      width: auto;
    }
    .subscribe-full-center .form-inline input.form-control {
      height: 60px;
      float: inherit;
      width: auto;
      display: inline-block;
      margin-bottom: 19px;
    }
    .subscribe-full-center .form-inline button {
      float: inherit;
    }
  }
  /* /subscribe-full-center */
  /*=== tabs ===*/
  @media (min-width: 768px) {
    .nav-tabs--ys {
      border: 1px solid #e5e5e5;
      background-color: #f5f5f5;
    }
    .nav-tabs--ys > li > a {
      border: 0;
      background-color: #f5f5f5;
      margin-right: 0;
      border-radius: 0;
      padding: 16px 28px 15px;
      border-right: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5;
      color: #333333;
      text-transform: uppercase;
      font-weight: 500;
    }
    .nav-tabs--ys > li > a:hover {
      border-color: #e5e5e5;
    }
    .nav-tabs--ys > li.active > a,
    .nav-tabs--ys > li.active > a:hover,
    .nav-tabs--ys > li.active > a:focus {
      padding-bottom: 14px;
      border: 0;
      border-right: 1px solid #e5e5e5;
      color: #333333;
    }
    .nav-tabs--ys > li.active > a:after {
      background-color: #ffffff;
      height: 2px;
      content: "";
      position: absolute;
      bottom: -2px;
      left: 0;
      right: 0;
    }
    .nav-tabs--ys > li.active > a:before {
      background-color: #1fc0a0;
      height: 3px;
      content: "";
      position: absolute;
      top: -1px;
      left: 0;
      right: 0;
    }
    .nav-tabs--ys-center {
      border: none;
    }
    .nav-tabs--ys-center li {
      display: inline-block;
      float: inherit;
      margin: 0px 20px 20px 0 !important;
    }
    .nav-tabs--ys-center li.active > a {
      border-bottom: 5px solid #1fc0a0 !important;
      color: #333333 !important;
    }
    .nav-tabs--ys-center a {
      border: none !important;
      font-size: 24px;
      padding: 0 0 18px 0 !important;
      border-bottom: 5px solid transparent !important;
      -webkit-transition:  all 0.3s 0s ease;
      -moz-transition:  all 0.3s 0s ease;
      -ms-transition:  all 0.3s 0s ease;
      -o-transition:  all 0.3s 0s ease;
      transition:  all 0.3s 0s ease;
    }
    .nav-tabs--ys-center a:hover {
      color: #333333;
      background: none !important;
    }
    .nav-tabs--ys-center1 {
      border-bottom: 1px solid #e5e5e5;
    }
    .nav-tabs--ys-center1 li {
      display: inline-block;
      float: inherit;
      margin: 0px 20px !important;
    }
    .nav-tabs--ys-center1 li.active > a {
      border-bottom: 3px solid #1fc0a0 !important;
    }
    .nav-tabs--ys-center1 a {
      border: none !important;
      font-size: 16px;
      font-weight: bold;
      color: #333333;
      padding: 0 !important;
      border-bottom: 3px solid transparent !important;
      -webkit-transition:  all 0.3s 0s ease;
      -moz-transition:  all 0.3s 0s ease;
      -ms-transition:  all 0.3s 0s ease;
      -o-transition:  all 0.3s 0s ease;
      transition:  all 0.3s 0s ease;
    }
    .nav-tabs--ys-center1 a:hover {
      color: #333333;
      background: none !important;
    }
  }
  @media (min-width: 768px) and (max-width: 767px) {
    .nav-tabs--ys > li {
      float: none;
      display: block;
    }
  }
  @media (min-width: 768px) and (max-width: 767px) {
    .nav-tabs--ys > li > a {
      border: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 767px) {
    .nav-tabs--ys > li.active > a,
    .nav-tabs--ys > li.active > a:hover,
    .nav-tabs--ys > li.active > a:focus {
      border: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 767px) {
    .nav-tabs--ys > li.active > a:after {
      display: none;
    }
  }
  @media (min-width: 768px) and (max-width: 767px) {
    .nav-tabs--ys-center1 li {
      float: none;
      display: block;
      margin: 10px 20px !important;
    }
  }
  @media (max-width: 767px) {
    .nav-tabs {
      border-color: transparent !important;
    }
    .nav-tabs li {
      float: none !important;
      text-align: center;
      border-bottom: 1px solid #e5e5e5;
    }
    .nav-tabs li a {
      border-color: transparent !important;
      border-radius: 0;
      font-weight: bold;
      color: #333;
      -webkit-transition:  all 300ms linear 0s;
      -moz-transition:  all 300ms linear 0s;
      -ms-transition:  all 300ms linear 0s;
      -o-transition:  all 300ms linear 0s;
      transition:  all 300ms linear 0s;
    }
    .nav-tabs li a:hover {
      background: none;
      color: #1fc0a0;
    }
    .nav-tabs li.active a {
      background: #1fc0a0 !important;
      color: #fff !important;
      border-color: transparent!important;
    }
  }
  .tab-content--ys > .tab-pane {
    display: none;
    background-color: #ffffff;
    padding: 30px 40px;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    border-top: 0;
    font-weight: 300;
  }
  .tab-content--ys > .active {
    display: block;
  }
  .tab-content--ys-center {
    padding: 50px 0 0 0;
    text-align: center;
  }
  .tab-content--ys-fullwidth {
    border: none !important;
    padding: 50px 0 0 0;
  }
  .tab-content--ys-fullwidth > .tab-pane {
    display: none;
    padding: 0px 0px;
    border-width: 1px;
    border-top: 0;
    font-weight: 300;
  }
  .tab-content--ys-fullwidth > .active {
    display: block;
  }
  .tab-content--ys-center {
    padding: 50px 0 0 0;
    text-align: center;
  }
  /* flip tab */
  .tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
  }
  .tabs nav {
    text-align: center;
  }
  .tabs nav ul {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .tabs nav ul li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .tabs nav a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5;
  }
  .tabs nav a span {
    vertical-align: middle;
    font-size: 0.75em;
  }
  .tabs nav li.tab-current a {
    color: #74777b;
  }
  .tabs nav a:focus {
    outline: none;
  }
  .tabs-style-flip {
    max-width: 1200px;
  }
  .tabs-style-flip nav a {
    padding: 0.5em 0;
    color: #2CC185;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .tabs-style-flip nav a:hover,
  .tabs-style-flip nav a:focus,
  .tabs-style-flip nav li.tab-current a {
    color: #74777b;
  }
  .tabs-style-flip nav a span {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 0.625em;
  }
  .tabs-style-flip nav a::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    content: '';
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
    -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-perspective-origin: 50% 100%;
    perspective-origin: 50% 100%;
  }
  .tabs-style-flip nav li.tab-current a::after {
    background-color: #fff;
    -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
  }
  .tabs-style-flip .content-wrap {
    background: #fff;
  }
  /*=== /tabs ===*/
  .open-tab {
    display: block !important;
  }
  /*************************
  * Layout#1 vars
  **************************/
  /* New variable
  ==================================== */