@charset "UTF-8";
/*------------------------------------*\
    $HELPERS
    -> Extends, Functions, Mixins, Animations
\*------------------------------------*/
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $NORMALIZE
\*------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

* {
  
  }

a {
  background: transparent; }

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

p {
  margin: 0; }
  a {
  color: inherit;
  text-decoration: none; }

a:focus {
  outline: none; }

p a {
  color: #1f8657; }


fieldset {
  border: none;
  margin: 0;
  padding: 0; }





form .subtitle {
  color: #1f8657;
  font-weight: 500;
  display: block;
  padding-top: 10px; }

/* -----------------------------------*\
  $BASIC TEXTAREA
\*------------------------------------*/

/*------------------------------------*\
  $CHECK ITEM
\*------------------------------------*/
.check-item {
  position: relative;
  margin-bottom: 20px; }
  .check-item label {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0; }
  .check-item input[type="checkbox"] {
    visibility: hidden; }
  .check-item .checkbox {
    outline: none;
    border: 1px solid #cccccc;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 25px 0 13px;
    cursor: pointer; }
    .check-item .checkbox:focus {
      outline: 0; }
    .check-item .checkbox:before {
      content: '';
      width: 20px;
      height: 20px;
      background: url(../images/sprite-icons.png);
      background-position: -592px -93px;
      position: absolute;
      left: 7px;
      top: 7px; }
  .check-item .checked_checkbox {
    border: 1px solid #2aad6f; }
    .check-item .checked_checkbox:before {
      background: url(../images/sprite-icons.png);
      background-position: -592px -118px; }
    .check-item .checked_checkbox + label {
      color: #000; }

/*------------------------------------*\
    $SELECT
\*------------------------------------*/
select {
  width: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  min-height: 58px; }

.select_label {
  width: 100%;
  display: inline-block;
  padding: 20px;
  border: 1px solid #cccccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  line-height: 1.5em; }

.responsive_select {
  width: 100%; }

/*------------------------------------*\
  $ICON-INPUT
\*------------------------------------*/
.icon-input {
  position: relative;
  background-color: #fff; }
  .csstransforms .icon-input .icon-wrapper {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px; }
  .icon-input .icon-wrapper {
    position: absolute;
    top: 20px;
    left: 20px;
    border-right: 1px solid #cccccc;
    padding-right: 10px;
    line-height: 0px; }
    .icon-input .icon-wrapper .icon, .icon-input .icon-wrapper .navigation-filters .filter-name:after, .navigation-filters .icon-input .icon-wrapper .filter-name:after {
      opacity: 0.4; }
  .icon-input input {
    padding-left: 70px;
    width: 100%;
    outline: none;
    background: transparent; }
    .icon-input input:focus + .icon-wrapper .icon, .icon-input input:focus + .icon-wrapper .navigation-filters .filter-name:after, .navigation-filters .icon-input input:focus + .icon-wrapper .filter-name:after, .icon-input input:hover + .icon-wrapper .icon, .icon-input input:hover + .icon-wrapper .navigation-filters .filter-name:after, .navigation-filters .icon-input input:hover + .icon-wrapper .filter-name:after {
      opacity: 1; }
  .icon-input .select_label {
    padding-left: 60px; }

/*------------------------------------*\
  $RADIO ITEM
\*------------------------------------*/
.radio-item {
  position: relative;
  /* Radio item single */
  /* Radio item colors */
  /* Radio item dark */
  /* Radio item xl */
  /* Radio-item pay */ }
  .radio-item img {
    pointer-events: none; }
  .radio-item label {
    border: 1px solid #E4E4E4;
    padding-left: 50px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 0px;
    display: block;
    color: #979797;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem; }
    .radio-item label .main {
      padding: 15px 15px 15px 0;
      display: inline-block; }
    .radio-item label .light {
      color: #000;
      font-weight: 500;
      font-size: 13px;
      font-size: 0.8125rem; }
    .radio-item label .aside {
      float: right;
      padding: 0;
      background: #ededed;
      padding: 14px 30px;
      display: inline-block;
      border-radius: 0 10px 10px 0; }
  .radio-item input[type="radio"] {
    visibility: hidden; }
  .radio-item .radio {
    width: 30px;
    height: 30px;
    background: url(../images/sprite-icons.png);
    background-position: -580px -150px;
    position: absolute;
    left: 10px;
    top: 11px;
    cursor: pointer; }
  .radio-item .checked_radio {
    background: url(../images/sprite-icons.png);
    background-position: -580px -198px; }
    .radio-item .checked_radio + label {
      color: #000;
      border: 2px solid #2aad6f;
      background: #fff; }
      .radio-item .checked_radio + label .light {
        color: #393939; }
  .radio-item.single label {
    border: none;
    padding-left: 70px; }
  .radio-item.single .checked_radio + label {
    border: none; }
  .radio-item.radio-color {
    display: inline-block;
    transform: none; }
    .radio-item.radio-color .radio {
      position: relative;
      display: block;
      left: auto;
      top: auto;
      background: url(../images/forms/color-check-mask.png) no-repeat -38px 0px;
      border-radius: 0;
      width: 36px;
      height: 36px;
      border: none;
      background-color: transparent;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
    .radio-item.radio-color label {
      position: absolute;
      top: 7px;
      left: 9px;
      border: none;
      width: 20px;
      height: 20px;
      background: #000;
      margin: 0;
      padding: 0;
      border-radius: 0;
      pointer-events: none; }
      .radio-item.radio-color label .main {
        display: none; }
    .radio-item.radio-color .checked_radio {
      background-position: 1px 0px; }
  .radio-item.white .radio:before, .radio-item.red .radio:before, .radio-item.black .radio:before {
    border: 1px solid #cccccc;
    top: 4px;
    left: 4px;
    background: #fff; }
  .radio-item.black .icon, .radio-item.black .navigation-filters .filter-name:after, .navigation-filters .radio-item.black .filter-name:after {
    display: none; }
  .radio-item.black .checked_radio + .icon, .radio-item.black .navigation-filters .checked_radio + .filter-name:after, .navigation-filters .radio-item.black .checked_radio + .filter-name:after {
    display: block;
    position: absolute;
    top: 20px;
    left: 21px; }
  .radio-item.black .checked_radio:before {
    background: #000;
    border: none;
    top: 5px;
    left: 5px; }
  .radio-item.white .radio:before {
    background: #fff; }
  .radio-item.red .checked_radio {
    border: 1px solid #cccccc; }
    .radio-item.red .checked_radio:before {
      background: #ec7575;
      border: none;
      top: 5px;
      left: 5px; }
  .radio-item.dark label {
    background: #f7f7f7; }
  .radio-item.dark .checked_radio + label {
    background: #fff; }
  .radio-item.xl {
    position: relative; }
    .radio-item.xl label {
      padding-left: 60px;
      -moz-border-radius: 9px;
      -webkit-border-radius: 9px;
      border-radius: 9px; }
    .csstransforms .radio-item.xl .radio {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
    .radio-item.xl .radio {
      display: block;
      top: 25px;
      left: 20px; }
    .radio-item.xl .main {
      padding: 25px 15px 15px 0; }
    .radio-item.xl .title {
      font-weight: 700;
      margin-bottom: 20px; }
    .radio-item.xl .info {
      color: #7b7b7b;
      font-weight: 300; }
      .radio-item.xl .info p {
        padding-bottom: 15px; }
        .radio-item.xl .info p span {
          margin-left: 30px; }
    .radio-item.xl .checked_radio + label {
      background: #fff; }
      .radio-item.xl .checked_radio + label .links {
        display: block; }
    .radio-item.xl .links {
      display: none;
      position: absolute;
      bottom: 8px;
      right: 30px; }
      .radio-item.xl .links a {
        margin: 0 10px;
        color: #2aad6f;
        font-weight: 500; }
  .radio-item.pay label {
    padding: 20px 10px 20px 54px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    min-height: 90px;
    line-height: 90px; }
  .radio-item.pay .radio {
    top: 41px;
    left: 12px; }
  .csstransforms .radio-item.pay .radio {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .radio-item.pay .checked_radio + label {
    background: #fff; }
  @media only screen and (min-width: 46.875em) {
    .radio-item.pay label {
      padding: 20px 30px 20px 80px; }
    .radio-item.pay .radio {
      left: 35px; } }

/*------------------------------------*\
  $INPUT-BTN-ITEM
\*------------------------------------*/
.input-button-item input {
  border: 1px solid #cccccc;
  width: 76%;
  padding-right: 0;
  padding: 16px;
  float: left;
  border-right: none;
  border-radius: 3px 0 0 3px;
  margin: 0;
  height: 52px; }
.input-button-item .button {
  width: 24%;
  border: 1px solid #269d65;
  border-left: none;
  height: 52px;
  position: relative;
  padding-right: 0;
  padding-left: 0; }
  .input-button-item .button span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.input-button-item .message {
  display: none;
  margin-top: 20px;
  font-size: 16px;
  font-size: 1rem; }
  .input-button-item .message .text {
    margin-left: 10px; }
  .input-button-item .message .icon, .input-button-item .message .navigation-filters .filter-name:after, .navigation-filters .input-button-item .message .filter-name:after {
    float: left; }
.input-button-item.success input {
  display: block;
  border: 1px solid #2aad6f; }
.input-button-item.success .message {
  display: block;
  color: #2aad6f; }
.input-button-item.error input {
  border: 1px solid #ec7575; }
.input-button-item.error .message {
  display: block;
  color: #ec7575;
  font-size: 16px;
  font-size: 1rem; }
.input-button-item.search input {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 50%; }
.input-button-item.search .button {
  width: 55px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }
@media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
  .input-button-item.search input {
    width: 30%; } }
@media only screen and (min-width: 61.875em) {
  .input-button-item.search input {
    width: 20%; } }

/*------------------------------------*\
  $INPUT-BIG-RADIO
\*------------------------------------*/
.input-big-radio {
  position: relative;
  clear: both;
  overflow: hidden;
  border: 1px solid #cccccc;
  margin-bottom: 20px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: #f7f7f7; }
  .input-big-radio label {
    display: block;
    text-align: center;
    color: #7b7b7b;
    font-size: 14px;
    font-size: 0.875rem;
    overflow: hidden;
    /* clearfix */
    margin: 0; }
    .input-big-radio label span {
      padding: 29px 6px;
      display: block;
      text-align: center; }
    .input-big-radio label .main {
      float: left;
      width: 60%;
      max-width: 200px; }
    .input-big-radio label .aside {
      float: right;
      width: 39%;
      max-width: 170px;
      padding: 29px;
      border-left: 1px solid #cccccc;
      background: #ededed; }
  .input-big-radio .radio {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    cursor: pointer; }
  .input-big-radio input[type="radio"] {
    visibility: hidden; }
  .input-big-radio .checked_radio {
    border: 2px solid #2aad6f;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; }
    .input-big-radio .checked_radio + label {
      background: #fff;
      color: #000; }
      .input-big-radio .checked_radio + label .aside {
        background: #fdfdfd; }

/*------------------------------------*\
  $ERRORS
\*------------------------------------*/
input[type="text"].error,
textarea .error {
  border-color: #ec7575; }

label.error {
  color: #ec7575;
  padding: 10px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold; }

/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
.wrapper {
  padding: 0 0.75rem;
  max-width: 1200px;
  margin: 0 auto; }
  .wrapper:after {
    clear: both;
    content: '';
    display: table; }

.col-left {
  float: left; }

/*------------------------------------*\
    $GRIDS
\*------------------------------------*/
/* Grid Container */
.g {
  letter-spacing: -0.35em; }
  .g > * {
    letter-spacing: normal; }

/* Grid Item */
.gi {
  letter-spacing: normal; }
  @media only screen and (min-width: 45.875em) {
    .gi {
      display: inline-block;
      vertical-align: top; } }

/* Grid wrapper s */
@media only screen and (max-width: 45.87438em) {
  .g-wrapper-s {
    margin-left: -4px; }
    .g-wrapper-s .gi {
      padding-left: 4px;
      padding-bottom: 4px; } }
@media only screen and (min-width: 45.875em) and (max-width: 61.87438em) {
  .g-wrapper-s {
    margin-left: -8px; }
    .g-wrapper-s .gi {
      padding-left: 8px; } }
@media only screen and (min-width: 61.875em) {
  .g-wrapper-s {
    margin-left: -18px; }
    .g-wrapper-s .gi {
      padding-left: 18px; } }

/* Grid wrapper l */
@media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
  .g-wrapper-l {
    margin-left: -24px; }
    .g-wrapper-l .gi {
      padding-left: 24px; } }
@media only screen and (min-width: 61.875em) {
  .g-wrapper-l {
    margin-left: -60px; }
    .g-wrapper-l .gi {
      padding-left: 60px; } }

/*------------------------------------*\
    $UTILITIES
\*------------------------------------*/
.hidden {
  display: none !important; }

/*
  L-SPACE
*/
.l-space {
  margin-bottom: 10px; }

.l-space-m {
  margin-bottom: 20px; }

@media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
  .l-space {
    margin-bottom: 16px; }

  .l-space-m {
    margin-bottom: 24px; } }
@media only screen and (min-width: 61.875em) {
  .l-space {
    margin-bottom: 40px; }

  .l-space-m {
    margin-bottom: 30px; } }
/*------------------------------------*\
    $GRID
\*------------------------------------*/
.one-whole, .one-half, .two-quarters, .three-sixths, .one-third, .two-sixths, .two-thirds, .four-sixths, .one-quarter, .three-quarters, .one-fifth, .two-fifths, .three-fifths, .four-fifths {
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top; }

.one-whole {
  width: 880px; }

.one-half, .two-quarters, .three-sixths {
  width: 50%; }

.one-third, .two-sixths {
  width: 33.333%; }

.two-thirds, .four-sixths {
  width: 66.666%; }

.one-quarter {
  width: 25%; }

.three-quarters {
  width: 75%; }

.one-fifth {
  width: 20%; }

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

.one-sixth {
  width: 16.666%; }

.five-sixths {
  width: 83.333%; }

@media only screen and (min-width: 46.875em) {
  .lap-one-whole {
    width: 100%; }

  .lap-one-half, .lap-two-quarters, .lap-three-sixths {
    width: 50%; }

  .lap-one-third, .lap-two-sixths {
    width: 33.333%; }

  .lap-two-thirds, .lap-four-sixths {
    width: 66.666%; }

  .lap-one-quarter {
    width: 25%; }

  .lap-three-quarters {
    width: 75%; }

  .lap-one-fifth {
    width: 20%; }

  .lap-two-fifths {
    width: 40%; }

  .lap-three-fifths {
    width: 60%; }

  .lap-four-fifths {
    width: 80%; }

  .lap-one-sixth {
    width: 16.666%; }

  .lap-five-sixths {
    width: 83.333%; } }
@media only screen and (min-width: 61.875em) {
  .desk-one-whole {
    width: 100%; }

  .desk-one-half, .desk-two-quarters, .desk-three-sixths {
    width: 50%; }

  .desk-one-third, .desk-two-sixths {
    width: 33.333%; }

  .desk-two-thirds, .desk-four-sixths {
    width: 66.666%; }

  .desk-one-quarter {
    width: 25%; }

  .desk-three-quarters {
    width: 880px; }

  .desk-one-fifth {
    width: 20%; }

  .desk-two-fifths {
    width: 40%; }

  .desk-three-fifths {
    width: 60%; }

  .desk-four-fifths {
    width: 80%; }

  .desk-one-sixth {
    width: 16.666%; }

  .desk-five-sixths {
    width: 83.333%; } }
/*------------------------------------*\
    $JS COLLAPSE
\*------------------------------------*/
.js-collapse .js-collapse-content {
  display: none; }
.js-collapse.is-active .js-collapse-content {
  display: block; }

/*------------------------------------*\
    $JS TABS
\*------------------------------------*/
.js-tab-content .js-tab {
  display: none; }
  .js-tab-content .js-tab.is-active {
    display: block; }
.js-tab-content .form-actions .button {
  padding: 20px 10px; }
@media only screen and (max-width: 46.87438em) {
  .js-tab-content .form-actions .button-light {
    min-height: 72px;
    line-height: 72px;
    padding: 0px; }
  .js-tab-content .form-actions .button {
    min-height: 76px; } }

/*------------------------------------*\
    $BRICKS
\*------------------------------------*/
.brick:after, .brick-m:after, .brick-s:after {
  clear: both;
  content: '';
  display: table; }
.brick .row:first-child, .brick-m .row:first-child, .brick-s .row:first-child {
  margin-top: 0; }

.brick {
  padding: 50px 0; }
  .brick .row {
    margin-top: 50px; }
  @media only screen and (min-width: 61.875em) {
    .brick {
      padding: 100px 0; }
      .brick .row {
        margin-top: 100px; } }

.brick-m {
  padding: 34px 0; }
  .brick-m .row {
    margin-top: 34px; }
  @media only screen and (min-width: 61.875em) {
    .brick-m {
      padding: 70px 0; }
      .brick-m .row {
        margin-top: 70px; } }

.brick-s {
  padding: 25px 0; }

.brick-shadow {
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, white 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #fafafa 0%, white 100%);
  background: -o-linear-gradient(top, #fafafa 0%, white 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, white 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );
  padding: 10px;
  border-top: 1px solid #E2E2E2; }
  @media only screen and (min-width: 46.875em) {
    .brick-shadow {
      padding: 20px; } }
  @media only screen and (min-width: 61.875em) {
    .brick-shadow {
      padding: 40px 30px; } }

.slab-white-border .brick-shadow:first-child {
  border-top: none; }

.brick-bottom {
  padding-bottom: 20px; }
  .brick-bottom:after {
    clear: both;
    content: '';
    display: table; }
  @media only screen and (min-width: 46.875em) {
    .brick-bottom {
      padding-bottom: 30px; } }
  @media only screen and (min-width: 61.875em) {
    .brick-bottom {
      padding-bottom: 50px; } }

/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
.button, .button-light, .button-transparent {
  display: block;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  padding: 20px 38px;
  margin: 0; }
  .button-s.button, .button-s.button-light, .button-s.button-transparent {
    padding: 10px 20px;
    min-width: 80px; }
  @media only screen and (min-width: 46.875em) {
    .button, .button-light, .button-transparent {
      display: inline-block;
      width: auto; } }

/*
  Button
*/
.button {
  background: #2aad6f;
  border: 2px solid #2aad6f;
  color: #fff; }
  .button:hover {
    background: #47b488;
    border-color: #47b488; }
  .button:active {
    background: #fff;
    color: #2aad6f; }

/*
  Button Light
*/
.button-light {
  background: #d4eee1;
  color: #1f8657;
  border: 2px solid transparent; }
  .button-light:hover {
    background: #47b488;
    color: #fff; }
  .button-light:active {
    background: #2aad6f;
    color: #fff; }

/* 
  Button transparent
*/
.button-transparent {
  color: #fff;
  border: 3px solid #fff;
  padding: 12px; }

/*------------------------------------*\
    $CENTER TEXT
\*------------------------------------*/
.center-text {
  text-align: center; }

@media only screen and (min-width: 61.875em) {
  .desk-right-text {
    text-align: right; } }

/*------------------------------------*\
    $HEADINGS
\*------------------------------------*/
.h-alpha, .h-beta, .h-gamma, .h-delta, .h-epsilon {
  display: block; }
  .h-alpha .highlight, .h-beta .highlight, .h-gamma .highlight, .h-delta .highlight, .h-epsilon .highlight {
    color: #1f8657; }
  .h-alpha .block, .h-beta .block, .h-gamma .block, .h-delta .block, .h-epsilon .block {
    display: block; }

.h-alpha {
  font-size: 32px;
  font-size: 2rem;
  margin-bottom: 12px; }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .h-alpha {
      font-size: 30px;
      font-size: 1.875rem;
      margin-bottom: 16px; } }
  @media only screen and (min-width: 61.875em) {
    .h-alpha {
      font-size: 34px;
      font-size: 2.125rem;
      margin-bottom: 24px; } }

.h-beta {
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: 10px; }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .h-beta {
      font-size: 28px;
      font-size: 1.75rem;
      margin-bottom: 14px; } }
  @media only screen and (min-width: 61.875em) {
    .h-beta {
      font-size: 30px;
      font-size: 1.875rem;
      margin-bottom: 22px; } }

.h-gamma {
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 8px; }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .h-gamma {
      font-size: 24px;
      font-size: 1.5rem;
      margin-bottom: 12px; } }
  @media only screen and (min-width: 61.875em) {
    .h-gamma {
      font-size: 26px;
      font-size: 1.625rem;
      margin-bottom: 18px; } }

.h-delta {
  font-size: 22px;
  font-size: 1.375rem; }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .h-delta {
      font-size: 20px;
      font-size: 1.25rem; } }
  @media only screen and (min-width: 61.875em) {
    .h-delta {
      font-size: 20px;
      font-size: 1.25rem; } }

.h-epsilon {
  font-size: 20px;
  font-size: 1.25rem; }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .h-epsilon {
      font-size: 16px;
      font-size: 1rem; } }
  @media only screen and (min-width: 61.875em) {
    .h-epsilon {
      font-size: 16px;
      font-size: 1rem; } }

/*------------------------------------*\
    $HEIGHT FIXED AREA
\*------------------------------------*/
/*
  HEIGHT FIXED AREA
*/
.height-fixed-area {
  position: relative; }
  .height-fixed-area:after {
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
    content: ""; }
  .height-fixed-area:before {
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0;
    content: "";
    z-index: 2; }
  .height-fixed-area .height-fixed-area-wrapper {
    max-height: 300px;
    overflow: auto; }
  .height-fixed-area .height-fixed-area-content {
    margin: 30px 0; }
  @media only screen and (min-width: 46.875em) {
    .height-fixed-area .height-fixed-area-content {
      margin-right: 10px; } }

/*------------------------------------*\
    $ICONS
\*------------------------------------*/
.icon, .navigation-filters .filter-name:after {
  background-image: url(../images/sprite-icons.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  display: inline-block; }

.no-svg .icon, .no-svg .navigation-filters .filter-name:after, .navigation-filters .no-svg .filter-name:after {
  background-image: url(../images/sprite-icons.png); }

.icon-letter {
  width: 35px;
  height: 25px;
  background-position: -82px 0px; }

.icon-headsets {
  width: 35px;
  height: 35px;
  background-position: -82px -33px; }

.icon-kiosk {
  width: 35px;
  height: 35px;
  background-position: -82px -75px; }

.icon-radio {
  width: 35px;
  height: 30px;
  background-position: -82px -120px; }

.icon-weibo {
  width: 25px;
  height: 25px;
  background-position: -129px -241px; }

.icon-instagram {
  width: 25px;
  height: 25px;
  background-position: -126px -268px; }

.icon-pinterest {
  width: 25px;
  height: 25px;
  background-position: -125px -294px; }

.icon-linkedin {
  width: 25px;
  height: 25px;
  background-position: -127px -323px; }

.icon-wechat {
  width: 25px;
  height: 25px;
  background-position: -128px -350px; }

.icon-search {
  width: 18px;
  height: 16px;
  background-position: -129px -129px; }

.icon-cart {
  width: 29px;
  height: 28px;
  background-position: -130px -152px; }

.icon-cart-green {
  width: 29px;
  height: 28px;
  background-position: -130px -210px; }

.icon-messages {
  width: 16px;
  height: 16px;
  background-position: -130px -185px; }

.icon-menu-green {
  width: 32px;
  height: 24px;
  background-position: -168px 0; }

.icon-menu-white {
  width: 32px;
  height: 24px;
  background-position: -168px -32px; }

.icon-plus {
  width: 17px;
  height: 17px;
  background-position: -189px -76px; }

.icon-minus {
  width: 17px;
  height: 17px;
  background-position: -189px -136px; }

.icon-play {
  width: 55px;
  height: 55px;
  background-position: 0 -236px; }

.icon-next {
  width: 35px;
  height: 67px;
  background-position: 0px -72px; }

.icon-prev {
  width: 35px;
  height: 67px;
  background-position: 0px -150px; }

.icon-next-s {
  width: 5px;
  height: 9px;
  background-position: -8px -390px; }

.icon-prev-s {
  width: 5px;
  height: 9px;
  background-position: 0 -390px; }

.icon-top {
  width: 20px;
  height: 20px;
  background-position: -174px -234px; }

.icon-bottom {
  width: 20px;
  height: 20px;
  background-position: -174px -210px; }

.icon-59inch {
  width: 36px;
  height: 46px;
  background-position: -235px -7px; }

.icon-55inch {
  width: 45px;
  height: 45px;
  background-position: -295px -790px; }

.icon-battery {
  width: 36px;
  height: 46px;
  background-position: -235px -63px; }

.icon-android {
  width: 36px;
  height: 46px;
  background-position: -235px -120px; }

.icon-chip {
  width: 36px;
  height: 36px;
  background-position: -235px -173px; }

.icon-flash {
  width: 36px;
  height: 36px;
  background-position: -234px -222px; }

.icon-flash2 {
  width: 36px;
  height: 46px;
  background-position: -235px -268px; }

.icon-fuji-chips {
  width: 36px;
  height: 36px;
  background-position: -235px -324px; }

.icon-hdr {
  width: 36px;
  height: 36px;
  background-position: -235px -370px; }

.icon-light {
  width: 36px;
  height: 36px;
  background-position: -235px -410px; }

.icon-ppi {
  width: 36px;
  height: 36px;
  background-position: -235px -453px; }

.icon-ram {
  width: 36px;
  height: 36px;
  background-position: -235px -501px; }

.icon-tf {
  width: 36px;
  height: 46px;
  background-position: -235px -700px; }

.icon-video {
  width: 36px;
  height: 36px;
  background-position: -235px -595px; }

.icon-touch {
  width: 36px;
  height: 46px;
  background-position: -235px -638px; }

.icon-capture {
  width: 36px;
  height: 36px;
  background-position: -235px -545px; }

.icon-wifi {
  width: 36px;
  height: 46px;
  background-position: -444px -573px; }

.icon-battery2 {
  width: 36px;
  height: 46px;
  background-position: -300px -231px; }

.icon-ccmos {
  width: 45px;
  height: 45px;
  background-position: -370px -286px; }

.icon-handtouch {
  width: 45px;
  height: 45px;
  background-position: -235px -760px; }

.icon-47inch {
  width: 45px;
  height: 45px;
  background-position: -300px -10px; }

.icon-50inch {
  width: 45px;
  height: 45px;
  background-position: -300px -64px; }

.icon-car {
  width: 45px;
  height: 45px;
  background-position: -300px -121px; }

.icon-barcode {
  width: 45px;
  height: 45px;
  background-position: -300px -174px; }

.icon-game {
  width: 45px;
  height: 45px;
  background-position: -300px -285px; }

.icon-search-poster {
  width: 45px;
  height: 45px;
  background-position: -300px -739px; }

.icon-cam-back {
  width: 45px;
  height: 45px;
  background-position: -370px -11px; }

.icon-cam-front {
  width: 45px;
  height: 45px;
  background-position: -370px -66px; }

.icon-mirror {
  width: 45px;
  height: 45px;
  background-position: -370px -120px; }

.icon-line {
  width: 45px;
  height: 45px;
  background-position: -370px -175px; }

.icon-beauty {
  width: 45px;
  height: 45px;
  background-position: -370px -232px; }

.icon-charge {
  width: 45px;
  height: 45px;
  background-position: -370px -338px; }

.icon-gif {
  width: 45px;
  height: 45px;
  background-position: -370px -458px; }

.icon-hd {
  width: 45px;
  height: 45px;
  background-position: -370px -514px; }

.icon-o-click {
  width: 45px;
  height: 45px;
  background-position: -370px -572px; }

.icon-panoramic {
  width: 45px;
  height: 45px;
  background-position: -370px -630px; }

.icon-otg {
  width: 45px;
  height: 45px;
  background-position: -370px -686px; }

.icon-voice-capture {
  width: 45px;
  height: 45px;
  background-position: -370px -739px; }

.icon-keyboard {
  width: 45px;
  height: 45px;
  background-position: -435px -460px; }

.icon-lens {
  width: 45px;
  height: 45px;
  background-position: -435px -516px; }

.icon-mobile-wallet {
  width: 45px;
  height: 45px;
  background-position: -435px -628px; }

.icon-remoter {
  width: 45px;
  height: 45px;
  background-position: -435px -682px; }

.icon-slow-capture {
  width: 45px;
  height: 45px;
  background-position: -435px -745px; }

.icon-arrow-left {
  width: 36px;
  height: 36px;
  background-position: -300px -356px; }

.icon-tick {
  width: 15px;
  height: 20px;
  background-position: -175px -314px; }

.icon-close {
  width: 15px;
  height: 15px;
  background-position: -175px -332px; }

.icon-star-light {
  width: 15px;
  height: 15px;
  background-position: -180px -355px; }

.icon-star-medium {
  width: 15px;
  height: 15px;
  background-position: -180px -382px; }

.icon-star-dark {
  width: 15px;
  height: 15px;
  background-position: -180px -408px; }

.icon-close-circle {
  width: 41px;
  height: 41px;
  background-position: -173px -433px; }

.icon-grey-arrow-down, .navigation-filters .filter-name:after {
  width: 17px;
  height: 10px;
  background-position: -180px -480px; }

.icon-green-arrow-down {
  width: 17px;
  height: 10px;
  background-position: 0 -520px; }

.icon-green-arrow-up {
  width: 17px;
  height: 10px;
  background-position: 0 -540px; }

.icon-bottom-green {
  width: 17px;
  height: 14px;
  background-position: -178px -264px; }

.icon-top-green {
  width: 17px;
  height: 14px;
  background-position: -178px -287px; }

.icon-tick-rounded {
  width: 66px;
  height: 66px;
  background-position: -2px -428px; }

.icon-tick-green {
  width: 9px;
  height: 9px;
  background-position: -179px -318px; }

.icon-tick-green-big {
  width: 17px;
  height: 17px;
  background-position: -183px -500px; }

.icon-percentage {
  width: 12px;
  height: 13px;
  background-position: -130px -399px; }

.icon-users {
  width: 13px;
  height: 14px;
  background-position: -130px -425px; }

.icon-gift {
  width: 12px;
  height: 12px;
  background-position: -130px -452px; }

.icon-star-circle {
  width: 46px;
  height: 46px;
  background-position: -127px -496px; }

.icon-user-circle {
  width: 46px;
  height: 46px;
  background-position: -127px -552px; }

.icon-dollar-circle {
  width: 46px;
  height: 46px;
  background-position: -126px -616px; }

.icon-shop-circle {
  width: 46px;
  height: 46px;
  background-position: -127px -679px; }

.icon-back-square {
  width: 30px;
  height: 30px;
  background-position: -298px -356px; }

.icon-box {
  width: 35px;
  height: 45px;
  background-position: -297px -356px; }

.icon-box2 {
  width: 35px;
  height: 35px;
  background-position: -300px -455px; }

.icon-crown {
  width: 35px;
  height: 35px;
  background-position: -300px -490px; }

.icon-marker {
  width: 40px;
  height: 40px;
  background-position: -300px -520px; }

.icon-cake {
  width: 26px;
  height: 30px;
  background-position: -300px -560px; }

.icon-box3 {
  width: 34px;
  height: 26px;
  background-position: -299px -600px; }

.icon-creditcard {
  width: 40px;
  height: 40px;
  background-position: -300px -630px; }

.icon-crono {
  width: 36px;
  height: 32px;
  background-position: -300px -679px; }

.icon-phone {
  width: 39px;
  height: 39px;
  background-position: -430px -15px; }

.icon-webchat2 {
  width: 42px;
  height: 42px;
  background-position: -432px -70px; }

.icon-headsets2 {
  width: 44px;
  height: 33px;
  background-position: -430px -128px; }

.icon-back-big {
  width: 74px;
  height: 74px;
  background-position: -435px -178px; }

.icon-document {
  width: 74px;
  height: 74px;
  background-position: -435px -268px; }

.icon-settings {
  width: 74px;
  height: 74px;
  background-position: -435px -344px; }

.icon-battery-charged {
  width: 27px;
  height: 15px;
  background-position: -520px -8px; }

.icon-shopping-bag {
  width: 22px;
  height: 26px;
  background-position: -520px -36px; }

.icon-upload {
  width: 31px;
  height: 21px;
  background-position: -520px -79px; }

.icon-mobile {
  width: 16px;
  height: 30px;
  background-position: -520px -110px; }

.icon-sync {
  width: 23px;
  height: 19px;
  background-position: -520px -153px; }

.icon-academic {
  width: 26px;
  height: 19px;
  background-position: -520px -188px; }

.icon-app {
  width: 28px;
  height: 15px;
  background-position: -520px -219px; }

.icon-wrench {
  width: 10px;
  height: 22px;
  background-position: -520px -241px; }

.icon-box-file {
  width: 22px;
  height: 20px;
  background-position: -520px -276px; }

.icon-user2 {
  width: 24px;
  height: 24px;
  background-position: -520px -306px; }

.icon-card2 {
  width: 26px;
  height: 17px;
  background-position: -520px -345px; }

.icon-grey-circle {
  width: 17px;
  height: 17px;
  background-position: -590px -11px; }

.icon-green-circle {
  width: 17px;
  height: 17px;
  background-position: -590px -45px; }

.icon-grey-circle {
  width: 17px;
  height: 17px;
  background-position: -590px -11px; }

.icon-grey-square {
  width: 16px;
  height: 16px;
  background-position: -590px -80px; }

.icon-green-square {
  width: 16px;
  height: 16px;
  background-position: -590px -116px; }

.icon-grey-radio {
  width: 29px;
  height: 29px;
  background-position: -580px -150px; }

.icon-green-radio {
  width: 29px;
  height: 29px;
  background-position: -580px -198px; }

.icon-grey-check {
  width: 27px;
  height: 27px;
  background-position: -580px -249px; }

.icon-form-home {
  width: 34px;
  height: 27px;
  background-position: -576px -394px; }

.icon-form-id {
  width: 34px;
  height: 28px;
  background-position: -580px -450px; }

.icon-form-location {
  width: 34px;
  height: 27px;
  background-position: -577px -510px; }

.icon-form-select {
  width: 34px;
  height: 30px;
  background-position: -578px -572px; }

.icon-form-user {
  width: 34px;
  height: 21px;
  background-position: -573px -635px; }

.icon-arrow-down {
  width: 8px;
  height: 6px;
  background-position: -190px -538px; }

.icon-arrow-top {
  width: 8px;
  height: 6px;
  background-position: -190px -527px; }

.icon-arrow-down-green {
  width: 8px;
  height: 6px;
  background-position: -190px -564px; }

.icon-arrow-top-green {
  width: 8px;
  height: 6px;
  background-position: -190px -554px; }

.icon-clock {
  width: 17px;
  height: 17px;
  background-position: 0 -584px; }

.icon-join-us {
  width: 27px;
  height: 37px;
  background-position: -378px -794px; }

/*------------------------------------*\
    $LISTS
\*------------------------------------*/
/*
  MAIN LIST
*/
.main-list {
  font-size: 16px;
  font-size: 1rem; }
  .main-list li {
    border-bottom: 1px solid #47b488;
    padding: 8px 0; }
    .main-list li a {
      display: block; }
      .main-list li a:hover {
        color: #2aad6f; }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .main-list {
      font-size: 14px;
      font-size: 0.875rem; } }
  @media only screen and (min-width: 61.875em) {
    .main-list {
      font-size: 18px;
      font-size: 1.125rem; } }

/*------------------------------------*\
    $NUMBER HEADING
\*------------------------------------*/
.number-heading {
  margin-bottom: 30px; }
  .number-heading .number-wrapper {
    background: #2aad6f;
    width: 56px;
    height: 56px;
    padding: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
    text-align: center; }
  .number-heading .number {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    background: #2aad6f;
    color: #fff;
    width: 46px;
    height: 46px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    line-height: 46px;
    text-align: center;
    display: inline-block; }
  .number-heading .heading {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle; }

/*------------------------------------*\
    $PRODUCT ADVICE
\*------------------------------------*/
.product-advice {
  color: #336EA4;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0 0 10px;
  font-size: 20px;
  font-size: 1.25rem; }
  .product-advice .icon, .product-advice .navigation-filters .filter-name:after, .navigation-filters .product-advice .filter-name:after {
    background-color: #336EA4;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-position: -124px -421px;
    margin-right: 8px; }
    @media only screen and (min-width: 46.875em) {
      .product-advice .icon, .product-advice .navigation-filters .filter-name:after, .navigation-filters .product-advice .filter-name:after {
        width: 38px;
        height: 38px;
        background-position: -118px -414px; } }

/*------------------------------------*\
    $SLABS
\*------------------------------------*/
.slab-light {
  background-color: #ededed; }

.slab-extra-light {
  background-color: #f7f7f7; }

.slab-white {
  background-color: #fff; }

.slab-white-border {
  background-color: #fff;
  border: 1px solid #E2E2E2; }

.slab-shadow {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 8px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

/*.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }*/
.slick-loading .slick-list {
  background: #fff center center no-repeat; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }

.slick-track:before, .slick-track:after {
  content: "";
  display: table; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }

[dir="rtl"] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/* Icons */
/*@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }*/
/* Arrows */
/*.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }*/
/* Dots */
/*.slick-slider { margin-bottom: 30px; }*/
/*.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }*/
/*# sourceMappingURL=slick.css.map */
/*------------------------------------*\
    $ACCESORIES
\*------------------------------------*/
.accesories .accesories-title {
  display: inline-block;
  margin-right: 30px; }
.accesories .accesories-list {
  display: inline-block; }
  .accesories .accesories-list li {
    display: inline-block; }
  .accesories .accesories-list a {
    color: #1f8657;
    padding: 0px 15px;
    font-weight: 700; }

/*------------------------------------*\
  $ACCESS ICON
\*------------------------------------*/
.access-icon {
  cursor: pointer;
  position: relative;
  text-align: center;
  color: #fff;
  border-bottom: 5px solid #2aad6f; }
  .access-icon a:hover .badge-icon {
    background: #fff; }
  .access-icon a:hover .icon-letter {
    background-position: -82px -159px; }
  .access-icon a:hover .icon-headsets {
    background-position: -82px -192px; }
  .access-icon a:hover .icon-kiosk {
    background-position: -82px -234px; }
  .access-icon a:hover .icon-radio {
    background-position: -82px -279px; }
  .access-icon img {
    width: 100%; }
  .access-icon .content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 10%; }
  .access-icon .badge-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -42px 0 0 -42px; }
  .access-icon .heading {
    font-size: 24px;
    font-size: 1.5rem; }
  .access-icon p {
    font-size: 16px;
    font-size: 1rem;
    position: absolute;
    left: 0;
    bottom: 10%;
    width: 100%; }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .access-icon .heading {
      font-size: 20px;
      font-size: 1.25rem; }
    .access-icon p {
      font-size: 14px;
      font-size: 0.875rem; } }
  @media only screen and (min-width: 61.875em) {
    .access-icon .badge-icon {
      margin: -61px 0 0 -61px; }
    .access-icon .heading {
      font-size: 22px;
      font-size: 1.375rem; } }

/*------------------------------------*\
  $BADGE
\*------------------------------------*/
.badge {
  display: inline-block;
  padding: 25px 0px;
  text-align: center; }

/* Badge-icon */
.badge-icon {
  height: 72px;
  width: 72px;
  line-height: 72px;
  background: #2aad6f;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  position: relative; }
  .badge-icon .icon, .badge-icon .navigation-filters .filter-name:after, .navigation-filters .badge-icon .filter-name:after {
    vertical-align: middle; }
  .csstransforms .badge-icon .icon, .csstransforms .badge-icon .navigation-filters .filter-name:after, .navigation-filters .csstransforms .badge-icon .filter-name:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .badge-icon.transparent {
    background: inherit;
    border: 2px solid #2aad6f; }
  @media only screen and (min-width: 31.25em) and (max-width: 46.87438em) {
    .badge-icon {
      height: 80px;
      width: 80px;
      line-height: 80px; } }
  @media only screen and (min-width: 46.875em) {
    .badge-icon {
      height: 80px;
      width: 80px;
      line-height: 80px; } }
  .badge-icon.xl {
    width: 84px;
    height: 84px;
    line-height: 84px; }
    @media only screen and (min-width: 61.875em) {
      .badge-icon.xl {
        width: 122px;
        height: 122px;
        line-height: 122px; } }

/* Badge-info */
.badge-info {
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #7b7b7b; }

/*
  BADGE LATERAL
*/
.badge-lateral {
  text-align: left;
  padding: 10px 0; }
  .badge-lateral:after {
    clear: both;
    content: '';
    display: table; }
  .badge-lateral .badge-icon {
    float: left;
    margin: 0; }
  .badge-lateral .badge-info {
    padding: 8px 8px 4px 82px;
    text-align: left; }
    .badge-lateral .badge-info .h-epsilon {
      color: #000;
      margin-bottom: 8px; }
  @media only screen and (min-width: 31.25em) and (max-width: 46.87438em) {
    .badge-lateral .badge-info {
      padding-left: 90px; } }
  @media only screen and (min-width: 46.875em) {
    .badge-lateral .badge-info {
      padding-left: 98px; } }
  @media only screen and (min-width: 46.875em) {
    .badge-lateral {
      padding: 16px 0; } }

/*
  Badge semi transparent
*/
.semi-transparent .badge-info {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 15px; }
.semi-transparent .strong {
  color: #000; }

/* Big badge with outline border */
@media only screen and (min-width: 46.875em) {
  .badge-big-wrapper {
    width: 180px;
    height: 180px;
    border: 1px solid #1f8657;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    line-height: 180px; }
    .csstransforms .badge-big-wrapper .badge-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }

/* BADGE SIMPLE */
.badge-simple .badge-icon {
  width: auto;
  height: auto;
  background: none; }

/*------------------------------------*\
  $BOX
\*------------------------------------*/
.box {
  position: relative;
  border: 1px solid #E0E0E0;
  text-align: center;
  padding: 14px; }
  .box .button {
    min-width: 80px;
    margin-top: 12px; }
  @media only screen and (min-width: 61.875em) {
    .box .box-heading-highlight {
      font-size: 22px;
      font-size: 1.375rem;
      min-height: 52px; }
    .box .box-subheading {
      font-size: 20px;
      font-size: 1.25rem; }
      .box .box-subheading:after {
        width: 84px; } }

/*
	box-photo
*/
.box-photo {
  display: block;
  padding: 30px 0 20px; }

/*
	box-heading
*/
.box-heading {
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  min-height: 38px; }

/*
	box-heading-highlight
*/
.box-heading-highlight {
  font-size: 17px;
  font-size: 1.0625rem;
  min-height: 40px; }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .box-heading-highlight {
      font-size: 16px;
      font-size: 1rem; } }
  @media only screen and (min-width: 61.875em) {
    .box-heading-highlight {
      font-size: 22px;
      font-size: 1.375rem;
      min-height: 52px; } }

/*
	box-subheading
*/
.box-subheading {
  position: relative;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  color: #7b7b7b;
  margin-top: 14px; }
  .box-subheading span {
    display: block; }
  .box-subheading:after {
    content: '';
    display: block;
    margin: 10px auto 0;
    width: 66px;
    height: 1px;
    background: #cccccc; }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .box-subheading {
      font-size: 13px;
      font-size: 0.8125rem; } }
  @media only screen and (min-width: 61.875em) {
    .box-subheading {
      font-size: 20px;
      font-size: 1.25rem; }
      .box-subheading:after {
        width: 84px; } }

/*
	box-price
*/
.box-price {
  margin-top: 10px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold; }

/*
	box-price-offer
*/
.box-price-offer span,
.box-price-offer strong {
  padding: 0 4px; }
.box-price-offer .reduced {
  color: #ff3300; }
.box-price-offer .normal {
  text-decoration: line-through;
  font-weight: normal; }
.box-price-offer .text {
  color: #1f8657; }

/*
	box-link
*/
.box-link {
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #1f8657;
  margin-top: 12px; }

/*
	box-details
*/
.box-details .rating,
.box-details .box-price {
  display: inline-block;
  vertical-align: middle;
  width: 49%; }
.box-details .rating .comments {
  display: block;
  margin: 4px 0 0; }
.box-details .box-price {
  color: #1f8657;
  font-size: 20px;
  font-size: 1.25rem; }
  .box-details .box-price .normal {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #393939; }

/*
  BOX PROGRESS BAR
*/
.box .progress-bar {
  position: absolute;
  top: 15px;
  left: 0px;
  width: 100%; }

/*
  BOX PROMO
*/
.box-promo {
  display: block;
  background: #ff3300;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  line-height: 65px;
  width: 65px;
  height: 65px;
  border-radius: 100px;
  position: absolute;
  top: 10px;
  right: 18%; }

/*
  BOX HIGHLIGHT
*/
.box-highlight {
  background: #dff7ec;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dff7ec), color-stop(1, #FFFFFF));
  background-image: -o-linear-gradient(bottom, #dff7ec 0%, #FFFFFF 100%);
  background-image: -moz-linear-gradient(bottom, #dff7ec 0%, #FFFFFF 100%);
  background-image: -webkit-linear-gradient(bottom, #dff7ec 0%, #FFFFFF 100%);
  background-image: -ms-linear-gradient(bottom, #dff7ec 0%, #FFFFFF 100%);
  background-image: linear-gradient(to bottom, #dff7ec 0%, #ffffff 100%); }

/*
  BOX FEATURES
*/
.box-features {
  position: absolute;
  top: 30px;
  right: 30px; }

.box-feature {
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 100px;
  margin-bottom: 5px;
  color: #fff; }
  .box-feature.red {
    background: #DF5240; }
  .box-feature.blue {
    background: #3E6EA7; }
  .box-feature.green {
    background: #47b488; }

/*
  BOX VIEW MORE
*/
@media only screen and (max-width: 46.87438em) {
  .box-view-more {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse; }
    .box-view-more .main-list {
      display: block; }
      .box-view-more .main-list li {
        border: none; }
    .box-view-more .button {
      background: none;
      border: none;
      color: #1f8657;
      margin-top: 0;
      padding: 10px 0; }
    .box-view-more .content {
      display: table-cell;
      vertical-align: middle;
      padding: 0;
      margin: 0; } }
@media only screen and (min-width: 46.875em) {
  .box-view-more {
    text-align: left; }
    .box-view-more .button {
      display: block; } }
@media only screen and (min-width: 61.875em) {
  .box-view-more .h-gamma {
    margin: 10px 0; }
  .box-view-more .button {
    margin-top: 20px; } }

/*
  GRID BOX
*/
.grid-box {
  letter-spacing: -0.35em; }
  .grid-box .box {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    border-left: none;
    border-top: none; }
    .grid-box .box:last-child {
      border-right-color: transparent; }
  .grid-box .box-big {
    width: 100%; }
  @media only screen and (max-width: 46.87438em) {
    .grid-box .box:nth-child(2n) {
      border-right-color: transparent; } }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .grid-box .box {
      width: 33.333%; }
      .grid-box .box:nth-child(3n) {
        border-right-color: transparent; }
    .grid-box .box-big {
      width: 50%; } }
  @media only screen and (min-width: 61.875em) {
    .grid-box .box {
      width: 25%; }
      .grid-box .box:nth-child(4n) {
        border-right-color: transparent; }
    .grid-box .box-big {
      width: 50%; } }

/*
  GRID BOX SPECIAL
*/
.grid-special {
  letter-spacing: -0.35em; }
  .grid-special .box {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    border-left: none;
    border-top: none; }
    .grid-special .box:last-child {
      border-right-color: transparent; }
  .grid-special .box-big {
    width: 100%; }
  @media only screen and (max-width: 46.87438em) {
    .grid-special .box:nth-child(2), .grid-special .box:nth-child(3), .grid-special .box:nth-child(5) {
      border-right-color: transparent; } }
  @media only screen and (min-width: 46.875em) {
    .grid-special .box {
      width: 25%; }
      .grid-special .box:nth-child(3), .grid-special .box:nth-child(7) {
        border-right-color: transparent; }
    .grid-special .box-big {
      width: 50%; } }

/*
  GRID BOX THIRDS
*/
.grid-box-thirds {
  letter-spacing: -0.35em; }
  .grid-box-thirds .box {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    border-left: none;
    border-top: none; }
    .grid-box-thirds .box:last-child {
      border-right-color: transparent; }
  @media only screen and (max-width: 46.87438em) {
    .grid-box-thirds .box:nth-child(2n) {
      border-right-color: transparent; } }
  @media only screen and (min-width: 46.875em) {
    .grid-box-thirds .box {
      width: 33.333%; }
      .grid-box-thirds .box:nth-child(3n) {
        border-right-color: transparent; } }

/*
  LIST BOX
*/
.list-box .box {
  border: none; }
@media only screen and (min-width: 46.875em) {
  .list-box + .list-box {
    border-left: 1px solid #E0E0E0; } }

/*
  BOX-BANNER
*/
.box-banner {
  border: none;
  position: relative;
  overflow: hidden;
  padding: 0px; }
  .box-banner img {
    min-width: 100%;
    max-width: none;
    max-height: none;
    height: 100%; }
  .csstransforms .box-banner .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .box-banner .content {
    text-align: center;
    color: #fff;
    width: 80%;
    top: 40%;
    position: absolute; }
  .box-banner .h-delta {
    margin-bottom: 20px; }
  .box-banner .banner-subtitle {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 25px; }
  .box-banner.sm img {
    width: 100%; }

/*
  BOX-BIG
*/
.box-big {
  overflow: hidden; }
  .box-big .box-photo {
    display: inline-block;
    vertical-align: middle;
    width: 50%; }
    .box-big .box-photo img {
      max-width: 100%;
      height: auto; }
  .box-big .box-info {
    display: inline-block;
    vertical-align: middle;
    width: 45%; }
    .box-big .box-info.left {
      padding-right: 25px; }
    .box-big .box-info.right {
      padding-left: 25px; }
    .box-big .box-info .box-heading {
      font-size: 24px;
      font-size: 1.5rem;
      margin-bottom: 15px; }
  .box-big .rating {
    width: 100%; }
    .box-big .rating span {
      display: inline-block; }
    .box-big .rating .comments {
      font-size: 13px;
      font-size: 0.8125rem;
      display: inline-block; }
  .box-big .box-price span {
    display: block; }
  .box-big .box-price .normal {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 5px; }
  .box-big .box-price .reduced {
    font-size: 28px;
    font-size: 1.75rem; }

/*
  TOP BAR. Padding top for progress-bar
*/
.top-bar .box {
  padding-top: 50px; }
.top-bar .box-promo {
  top: 30px; }

/*------------------------------------*\
    $BREADCRUMB
\*------------------------------------*/
.breadcrumb {
  display: none; }
  @media only screen and (min-width: 61.875em) {
    .breadcrumb {
      display: block;
      padding: 19px 0 14px;
       }
      .breadcrumb:after {
        clear: both;
        content: '';
        display: table; }
      .breadcrumb li {
        float: left;
        color: #7b7b7b;
        font-size: 14px;
        font-size: 0.875rem; }
      .breadcrumb a {
        display: block; }
        .breadcrumb a span {
          padding: 0 10px; }
      .breadcrumb .current {
        color: #000; } }
  @media only screen and (max-width: 61.87438em) {
    .breadcrumb {
      display: block;
      padding: 19px 0 14px;
      }
      .breadcrumb:after {
        clear: both;
        content: '';
        display: table; }
      .breadcrumb li {
        float: left;
        color: #7b7b7b;
        font-size: 14px;
        font-size: 0.875rem; }
      .breadcrumb a {
        display: block; }
        .breadcrumb a span {
          padding: 0 10px; }
      .breadcrumb .current {
        color: #000; } }

/*------------------------------------*\
    $BUYING ACTIONS
\*------------------------------------*/
.buying-actions {
  padding: 20px;
  margin: 10px 0; }
  @media only screen and (min-width: 46.875em) {
    .buying-actions {
      padding: 20px 12px; } }
  .buying-actions .one-half, .buying-actions .two-quarters, .buying-actions .three-sixths {
    padding: 0 8px; }
    @media only screen and (min-width: 46.875em) {
      .buying-actions .one-half, .buying-actions .two-quarters, .buying-actions .three-sixths {
        padding: 0; } }
  .buying-actions .button-light,
  .buying-actions .button {
    padding: 15px 8px;
    margin-top: 10px; }
    @media only screen and (min-width: 46.875em) {
      .buying-actions .button-light,
      .buying-actions .button {
        width: 100%;
        margin: 0; } }
  @media only screen and (min-width: 46.875em) {
    .buying-actions .gi {
      vertical-align: middle;
      padding: 0 8px; } }

/*------------------------------------*\
    $BUYING PRICE
\*------------------------------------*/
.buying-price {
  border-bottom: 1px solid #cccccc;
  padding: 20px 0; }
  .buying-price .price {
    color: #ff3300;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: normal;
    margin-right: 8px; }
    @media only screen and (min-width: 46.875em) {
      .buying-price .price {
        font-size: 30px;
        font-size: 1.875rem; } }
  .buying-price .old-price {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    text-decoration: line-through; }
    @media only screen and (min-width: 46.875em) {
      .buying-price .old-price {
        font-size: 20px;
        font-size: 1.25rem; } }
  .buying-price .text {
    float: right;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #1f8657;
    line-height: 30px; }
    @media only screen and (min-width: 46.875em) {
      .buying-price .text {
        line-height: 36px; } }

/*------------------------------------*\
    $PURCHASE PRODUCT
\*------------------------------------*/
.cart-product {
  padding: 20px 0px;
  border-bottom: 1px solid #cccccc; }
  .cart-product:after {
    clear: both;
    content: '';
    display: table; }
  @media only screen and (min-width: 46.875em) {
    .cart-product {
      padding: 20px 10px; } }

/*
  PURCHASE PRODUCT IMAGE
*/
.cart-product-image {
  float: left;
  text-align: center;
  width: 78px; }

/*
  PURCHASE PRODUCT INFO
*/
.cart-product-info {
  position: relative;
  padding-left: 88px; }
  .cart-product-info:after {
    clear: both;
    content: '';
    display: table; }

/*
  PURCHASE PRODUCT DESCRIPTION
*/
.cart-product-description {
  font-size: 16px;
  font-size: 1rem; }
  .cart-product-description p {
    margin-top: 8px; }
  .cart-product-description .heading {
    display: block;
    color: #000;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold; }
  @media only screen and (min-width: 46.875em) {
    .cart-product-description {
      font-size: 13px;
      font-size: 0.8125rem; }
      .cart-product-description .heading {
        color: #000;
        font-size: 14px;
        font-size: 0.875rem; } }

.cart-product-price {
  font-size: 24px;
  font-size: 1.5rem; }
  .cart-product-price .reduced {
    display: block;
    text-decoration: line-through;
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem;
    color: #393939; }
  .cart-product-price.offer {
    color: #ff3300;
    font-size: 18px;
    font-size: 1.125rem; }
  .cart-product-price.highlight {
    color: #1f8657;
    font-size: 18px;
    font-size: 1.125rem; }
  @media only screen and (min-width: 46.875em) {
    .cart-product-price {
      font-size: 20px;
      font-size: 1.25rem; }
      .cart-product-price .reduced {
        font-size: 14px;
        font-size: 0.875rem; }
      .cart-product-price .highlight {
        font-size: 16px;
        font-size: 1rem; } }

/*
  PURCHASE PRODUCT L
*/
.cart-product-l .cart-product-image {
  width: 78px; }
.cart-product-l .cart-product-info {
  padding-left: 88px; }
@media only screen and (min-width: 46.875em) {
  .cart-product-l .cart-product-image {
    width: 114px; }
  .cart-product-l .cart-product-info {
    padding-left: 134px; }
  .cart-product-l .cart-product-description {
    font-size: 14px;
    font-size: 0.875rem; }
    .cart-product-l .cart-product-description .heading {
      font-size: 16px;
      font-size: 1rem; } }
.cart-product-l:last-child {
  border-bottom: none; }

/*------------------------------------*\
  $CONFIRMATION MESSAGE
\*------------------------------------*/
.confirmation-message {
  text-align: center;
  overflow: hidden;
  padding: 34px 10px;
  position: relative;
  border-bottom: 1px solid #ededed; }
  .confirmation-message .content-message {
    width: 80%;
    margin: 0 auto; }
  .confirmation-message .icon, .confirmation-message .navigation-filters .filter-name:after, .navigation-filters .confirmation-message .filter-name:after {
    margin-bottom: 20px; }
  @media only screen and (min-width: 46.875em) {
    .confirmation-message {
      padding: 52px 10px; }
      .confirmation-message .content-message {
        width: 60%;
        max-width: 500px; }
      .confirmation-message .icon, .confirmation-message .navigation-filters .filter-name:after, .navigation-filters .confirmation-message .filter-name:after {
        margin: 0 20px 0 0;
        float: left; }
      .confirmation-message .h-delta {
        padding: 10px 0; } }
  @media only screen and (min-width: 46.875em) {
    .confirmation-message {
      padding: 85px 10px; } }

/*------------------------------------*\
    $COUNTER BOX
\*------------------------------------*/
.counter-box {
  position: relative;
  font-size: 14px;
  font-size: 0.875rem; }
  .counter-box .number {
    background: none;
    text-align: center;
    padding: 10px 28px; }
  .counter-box .btn {
    color: #7b7b7b;
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    line-height: 40px;
    text-align: center;
    cursor: pointer; }
  .counter-box .minus {
    left: 0; }
  .counter-box .plus {
    right: 0; }

.counter-box + p {
  margin-top: 6px;
  font-size: 14px;
  font-size: 0.875rem; }

/*------------------------------------*\
    $DELIVERY SPECS
\*------------------------------------*/
.delivery-specs {
  margin: 20px 0 0; }
  .delivery-specs .gi {
    border-right: 1px solid #cccccc;
    text-align: center;
    padding: 0 8px; }
    .delivery-specs .gi:last-child {
      border: none; }

/*------------------------------------*\
    $FEATURE PRODUCT
\*------------------------------------*/
.feature-product {
  position: relative; }
  @media only screen and (max-width: 46.87438em) {
    .feature-product {
      margin: 10px 0; } }

/*
	Feature product image
*/
.feature-product-image {
  width: 100%; }

/*
	Feature product content
*/
.feature-product-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10% 10px 10% 45%;
  color: #fff; }
  .feature-product-content.dark {
    color: #393939; }
  @media only screen and (min-width: 31.25em) and (max-width: 46.87438em) {
    .feature-product-content {
      padding-bottom: 6%; } }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .feature-product-content {
      padding-bottom: 6%; } }
  @media only screen and (min-width: 61.875em) {
    .feature-product-content {
      padding-bottom: 6%; } }

/*
	Feature product heading
*/
.feature-product-heading {
  color: #1f8657;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: normal;
  height: 2.1em;
  line-height: 1.1; }
  @media only screen and (min-width: 31.25em) and (max-width: 46.87438em) {
    .feature-product-heading {
      font-size: 44px;
      font-size: 2.75rem; } }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .feature-product-heading {
      font-size: 38px;
      font-size: 2.375rem; } }
  @media only screen and (min-width: 61.875em) {
    .feature-product-heading {
      font-size: 45px;
      font-size: 2.8125rem; } }
  @media only screen and (min-width: 75em) {
    .feature-product-heading {
      font-size: 60px;
      font-size: 3.75rem; } }

/*
	Feature product description
*/
.feature-product-description {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.2;
  margin-top: 6px; }
  .feature-product-description strong {
    display: block;
    font-size: 22px;
    font-size: 1.375rem; }
  @media only screen and (min-width: 31.25em) and (max-width: 46.87438em) {
    .feature-product-description {
      font-size: 34px;
      font-size: 2.125rem;
      margin-top: 20px; }
      .feature-product-description strong {
        font-size: 26px;
        font-size: 1.625rem; } }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .feature-product-description {
      font-size: 31px;
      font-size: 1.9375rem; }
      .feature-product-description strong {
        font-size: 24px;
        font-size: 1.5rem; } }
  @media only screen and (min-width: 61.875em) {
    .feature-product-description {
      font-size: 38px;
      font-size: 2.375rem; }
      .feature-product-description strong {
        font-size: 35px;
        font-size: 2.1875rem; } }
  @media only screen and (min-width: 75em) {
    .feature-product-description {
      margin-top: 15px; } }

/*------------------------------------*\
    $FILTER CHECK
\*------------------------------------*/
.filter-check {
  text-align: center; }
  .filter-check .filter-check-title {
    display: none; }
  .filter-check .check-item {
    margin-right: 8px;
    display: inline-block; }
  .filter-check .field {
    margin-bottom: 0px; }
  .filter-check .checkbox {
    visibility: hidden;
    z-index: 10;
    position: relative; }
  .filter-check label {
    font-size: 14px;
    font-size: 0.875rem;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 46px;
    line-height: 46px;
    padding: 0px 5px;
    text-align: center;
    z-index: 0;
    width: 100%;
    cursor: pointer; }
  .filter-check .checked_checkbox + label {
    border: 1px solid #1f8657;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #1f8657; }
  @media only screen and (min-width: 61.875em) {
    .filter-check {
      text-align: left;
      padding: 30px; }
      .filter-check .filter-check-title {
        font-weight: bold;
        display: block; }
      .filter-check .check-item {
        margin-bottom: 35px;
        display: block; }
      .filter-check label {
        position: static;
        display: inline;
        text-align: left;
        height: 25px;
        line-height: 25px; }
      .filter-check .checked_checkbox + label {
        border: none;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #393939; }
      .filter-check .checkbox {
        visibility: visible;
        margin: 0px 20px 0px 0px;
        width: 24px;
        height: 24px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px; }
        .filter-check .checkbox:before {
          width: 16px;
          height: 16px;
          top: 3px;
          left: 3px; }
      .csstransforms .filter-check .checkbox:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .filter-check .filter-check {
        font-size: 14px;
        font-size: 0.875rem; }
      .filter-check label {
        font-size: 14px;
        font-size: 0.875rem; }
      .filter-check .filter-check-title {
        font-size: 14px;
        font-size: 0.875rem; } }

/*------------------------------------*\
    $FILTER PRODUCT
\*------------------------------------*/
.filter-product {
  background: #F9F9F9;
  padding: 12px 20px; }
  .filter-product .filter-title, .filter-product .filters {
    display: block;
    width: 100%;
    text-align: left; }
  .filter-product .filter-title {
    width: 34%; }
  .filter-product .filter-title, .filter-product .filters {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-size: 0.875rem; }
  .filter-product .filters {
    width: 65%;
    text-align: right; }
    .filter-product .filters li {
      display: inline-block;
      vertical-align: middle;
      padding-left: 10px; }
      .filter-product .filters li .icons {
        display: inline-block;
        vertical-align: middle;
        line-height: 0.6; }
        .filter-product .filters li .icons .top.active .icon, .filter-product .filters li .icons .top.active .navigation-filters .filter-name:after, .navigation-filters .filter-product .filters li .icons .top.active .filter-name:after {
          background-position: -190px -554px; }
        .filter-product .filters li .icons .bottom.active .icon, .filter-product .filters li .icons .bottom.active .navigation-filters .filter-name:after, .navigation-filters .filter-product .filters li .icons .bottom.active .filter-name:after {
          background-position: -190px -564px; }
      .filter-product .filters li.active .text {
        color: #1f8657; }
  @media only screen and (min-width: 61.875em) {
    .filter-product {
      width: 92%;
      margin: 0 auto; } }

.filter-product + .grid-box-thirds {
  border-top: 1px solid #E0E0E0; }

/*------------------------------------*\
    $HERO
\*------------------------------------*/
.hero {
  position: relative; }

/*
  HERO-IMAGE
*/
.hero-image img {
  display: inline-block;
  width: 100%;
  height: auto; }
@media only screen and (min-width: 46.875em) {
  .hero-image {
    position: relative;
    overflow: hidden;
    max-height: 472px; }
    .hero-image.center {
      height: 364px; }
      .hero-image.center img {
        position: relative;
        top: 50%;
        margin-top: -25%; }
      .csstransforms .hero-image.center img {
        margin: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }
@media only screen and (min-width: 61.875em) {
  .hero-image {
    max-height: 542px; }
    .hero-image.center {
      height: 525px; } }

/*
  HERO-CONTENT
*/
.hero-content {
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  .no-csstransforms .hero-content {
    top: 24%; }
  .hero-content .title {
    color: #1f8657;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: normal;
    line-height: 1; }
    .hero-content .title span {
      line-height: 1; }
  .hero-content .subtitle {
    font-size: 18px;
    font-size: 1.125rem; }
    .hero-content .subtitle strong {
      display: block;
      font-size: 38px;
      font-size: 2.375rem;
      line-height: 1.1; }
  .hero-content .button {
    margin-top: 20px; }
  .hero-content.light .title,
  .hero-content.light .subtitle {
    color: #fff; }
  @media only screen and (min-width: 31.25em) and (max-width: 46.87438em) {
    .hero-content .title span {
      font-size: 60px;
      font-size: 3.75rem; }
    .hero-content .subtitle {
      font-size: 24px;
      font-size: 1.5rem; }
      .hero-content .subtitle strong {
        font-size: 44px;
        font-size: 2.75rem; } }
  @media only screen and (min-width: 46.875em) {
    .hero-content .title {
      font-size: 38px;
      font-size: 2.375rem; }
      .hero-content .title span {
        font-size: 66px;
        font-size: 4.125rem; }
    .hero-content .subtitle {
      font-size: 32px;
      font-size: 2rem; }
      .hero-content .subtitle strong {
        font-size: 50px;
        font-size: 3.125rem; } }
  @media only screen and (min-width: 75em) {
    .hero-content .title {
      font-size: 53px;
      font-size: 3.3125rem; }
      .hero-content .title span {
        font-size: 95px;
        font-size: 5.9375rem; }
    .hero-content .subtitle {
      font-size: 46px;
      font-size: 2.875rem; }
      .hero-content .subtitle strong {
        font-size: 73px;
        font-size: 4.5625rem; } }

/* Hero content right */
@media only screen and (max-width: 46.87438em) {
  .hero-content-right {
    text-align: left;
    top: 8%;
    left: 5%;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none; } }
@media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
  .hero-content-right {
    right: 35px; } }
@media only screen and (min-width: 61.875em) {
  .hero-content-right {
    right: 10%; } }

/* Hero content left */
.hero-content-left {
  width: 50%; }

/* Hero content invisible */
.hero-content-invisible {
  display: none; }

/*
  HERO-TABS
*/
.hero-tabs {
  position: relative; }

/*
  HERO-PANEL
*/
.hero-tabs-panel-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0; }

.hero-tabs-panel {
  width: 100%;
  height: 100%;
  /*
  
  */
  /*max-width: 400px;
  height: 100%;
  @include media-query(lap-and-up) {
    width: 44%;
  }
  @include media-query(desk) {
    max-width: 332px;
  }*/ }
  .hero-tabs-panel .slick-list {
    height: 100%; }
    .hero-tabs-panel .slick-list .slick-track {
      height: 100%; }
      .hero-tabs-panel .slick-list .slick-track .hero-panel {
        padding: 0; }
        .hero-tabs-panel .slick-list .slick-track .hero-panel .hero-panel-custom {
          background: #2b3c36;
          background: rgba(0, 0, 0, 0.7);
          height: 100%;
          width: 50%;
          max-width: 400px;
          padding: 32px 12px 68px; }
          @media only screen and (min-width: 46.875em) {
            .hero-tabs-panel .slick-list .slick-track .hero-panel .hero-panel-custom {
              width: 44%; } }
          @media only screen and (min-width: 61.875em) {
            .hero-tabs-panel .slick-list .slick-track .hero-panel .hero-panel-custom {
              max-width: 332px; } }

.hero-panel {
  color: #fff;
  padding: 32px 12px 68px; }
  .hero-panel .antetitle {
    display: block;
    font-size: 28px;
    font-size: 1.75rem;
    color: #1f8657;
    border-bottom: 1px solid;
    padding-bottom: 10px; }
  .hero-panel .title {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: normal;
    margin-top: 10px; }
  .hero-panel .subtitle {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 4px; }
  @media only screen and (min-width: 31.25em) and (max-width: 46.87438em) {
    .hero-panel .antetitle {
      font-size: 38px;
      font-size: 2.375rem; }
    .hero-panel .title {
      font-size: 44px;
      font-size: 2.75rem;
      margin-top: 10px; }
    .hero-panel .subtitle {
      font-size: 24px;
      font-size: 1.5rem;
      margin-top: 4px; } }
  @media only screen and (min-width: 46.875em) {
    .hero-panel {
      width: 44%; }
      .hero-panel .antetitle {
        font-size: 62px;
        font-size: 3.875rem; }
      .hero-panel .title {
        font-size: 68px;
        font-size: 4.25rem; }
      .hero-panel .subtitle {
        font-size: 32px;
        font-size: 2rem; } }

/*
  HERO-TAB-GROUP
*/
.hero-tab-group {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  letter-spacing: -0.35em; }
  @media only screen and (min-width: 46.875em) {
    .hero-tab-group {
      width: 44%;
      max-width: 400px;
      position: absolute; } }
  @media only screen and (min-width: 61.875em) {
    .hero-tab-group {
      max-width: 332px; } }

.hero-tab {
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
  background: #2aad6f;
  border-right: 1px solid #27a167;
  color: #fff;
  width: 33.3%;
  padding: 16px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: normal; }
  .hero-tab:last-child {
    border-right: none; }
  .hero-tab.active {
    border-top: 4px solid #269d64; }
  @media only screen and (min-width: 46.875em) {
    .hero-tab {
      font-size: 18px;
      font-size: 1.125rem; } }

/*------------------------------------*\
  $ICON LIST
\*------------------------------------*/
.icon-list {
  font-size: 18px;
  font-size: 1.125rem; }
  .icon-list li {
    padding: 10px 0; }
  .icon-list .icon-wrapper {
    display: inline-block;
    vertical-align: middle;
    min-width: 34px;
    text-align: center;
    margin-right: 12px; }
  @media only screen and (min-width: 46.875em) {
    .icon-list {
      font-size: 15px;
      font-size: 0.9375rem; } }

/*------------------------------------*\
  $MENU-TABS
\*------------------------------------*/
.menu-tabs li {
  display: inline-block;
  vertical-align: bottom;
  border: 1px solid #E4E4E4;
  border-left: none;
  text-align: center;
  background: #F7F7F7; }
  .menu-tabs li:first-child {
    border-left: 1px solid #E4E4E4; }
  .menu-tabs li a {
    display: block;
    padding: 20px;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #7b7b7b;
    font-weight: 700; }
    @media only screen and (min-width: 46.875em) {
      .menu-tabs li a {
        font-size: 16px;
        font-size: 1rem; } }
  .menu-tabs li.is-active {
    background: #fff;
    border-top: 4px solid #1f8657;
    border-bottom: none; }
    .menu-tabs li.is-active a {
      color: #000;
      font-weight: 700; }
.menu-tabs .current {
  display: none; }
@media only screen and (max-width: 46.87438em) {
  .menu-tabs.mobile-drop-menu {
    position: relative;
    margin: 10px; }
    .menu-tabs.mobile-drop-menu .mobile-drop-menu-name {
      position: relative;
      font-size: 18px;
      font-size: 1.125rem;
      color: #393939;
      border: 1px solid #cccccc;
      padding: 10px 18px; }
      .menu-tabs.mobile-drop-menu .mobile-drop-menu-name .current {
        display: block;
        color: #7b7b7b; }
      .menu-tabs.mobile-drop-menu .mobile-drop-menu-name:after {
        content: "";
        position: absolute;
        background-image: url(../images/sprite-icons.svg);
        background-repeat: no-repeat;
        background-position: 0 0;
        display: block;
        display: inline-block;
        background-position: -158px -198px;
        background-color: #2aad6f;
        display: block;
        height: 100%;
        width: 50px;
        top: 0px;
        bottom: 0px;
        right: 0px; }
    .menu-tabs.mobile-drop-menu ul {
      display: none;
      background: #f7f7f7;
      border: 1px solid #cccccc;
      border-radius: 2px;
      position: absolute;
      left: 0;
      top: 99%;
      width: 100%;
      z-index: 100; }
    .menu-tabs.mobile-drop-menu li {
      background: #fff;
      width: 100%;
      display: block;
      font-size: 16px;
      font-size: 1rem;
      border: none;
      border-bottom: 1px solid #cccccc;
      margin: 0; }
      .menu-tabs.mobile-drop-menu li a {
        display: block;
        padding: 15px; }
      .menu-tabs.mobile-drop-menu li:last-child {
        border: none; }
      .menu-tabs.mobile-drop-menu li.is-active {
        border-top: none; }
        .menu-tabs.mobile-drop-menu li.is-active a {
          color: #7b7b7b; }
  .menu-tabs.is-open ul {
    display: block; } }
.menu-tabs.lateral {
  display: none; }
  .menu-tabs.lateral li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    border-right: none;
    border-left: none;
    border-top: none;
    background: #f7f7f7;
    text-align: left; }
    .menu-tabs.lateral li:first-child {
      border-top: 1px solid #e2e2e2; }
    .menu-tabs.lateral li.is-active {
      border-left: 4px solid #1f8657;
      background: #fff; }
  @media only screen and (min-width: 46.875em) {
    .menu-tabs.lateral .menu-tabs-plan {
      padding: 0px; } }
  @media only screen and (min-width: 61.875em) {
    .menu-tabs.lateral {
      display: block; } }

/*------------------------------------*\
    $NEWS
\*------------------------------------*/
.news {
  font-size: 14px;
  font-size: 0.875rem;
  padding-bottom: 10px;
  overflow: hidden; }
  @media only screen and (min-width: 61.875em) {
    .news {
      font-size: 16px;
      font-size: 1rem; } }

/*
  news-photo
*/
.news-photo {
  float: left;
  display: block; }
  @media only screen and (max-width: 46.87438em) {
    .news-photo {
      width: 58px; } }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .news-photo {
      width: 40px; } }
  @media only screen and (min-width: 61.875em) {
    .news-photo {
      width: 68px; } }

/*
  news-text
*/
.news-text {
  display: block;
  border-bottom: 1px solid #cccccc;
  line-height: 1.3;
  padding: 12px 0; }
  @media only screen and (max-width: 46.87438em) {
    .news-text {
      margin-left: 70px;
      min-height: 64px; } }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .news-text {
      margin-left: 50px;
      min-height: 48px;
      padding: 2px 0; } }
  @media only screen and (min-width: 61.875em) {
    .news-text {
      margin-left: 80px;
      min-height: 80px; } }

/*------------------------------------*\
    $NAVIGATION
\*------------------------------------*/
.navigation {
  color: #7b7b7b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold; }
  .navigation li {
    display: inline-block;
    margin: 0 14px; }
  .navigation a {
    display: inline-block;
    padding: 4px 2px; }
  .navigation span {
    color: #393939; }
  .navigation a:hover,
  .navigation .is-active a {
    font-weight: bold;
    color: #393939; }
  .navigation .is-active a {
    border-bottom: 2px solid #2aad6f; }
  @media only screen and (min-width: 61.875em) {
    .navigation {
      font-size: 16px;
      font-size: 1rem; } }

/*
  NAVIGATION FILTERS
*/
.navigation-filters {
  position: relative;
  margin: 0 0.75em; }
  .navigation-filters li {
    font-size: 14px;
    font-size: 0.875rem; }
  .navigation-filters .filter-name {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold; }
  @media only screen and (max-width: 46.87438em) {
    .navigation-filters .filter-name {
      position: relative;
      font-size: 18px;
      font-size: 1.125rem;
      color: #393939;
      border: 1px solid #cccccc;
      padding: 10px 18px; }
      .navigation-filters .filter-name .current {
        color: #7b7b7b; }
      .navigation-filters .filter-name:after {
        content: "";
        position: absolute;
        top: 16px;
        right: 10px; }
    .navigation-filters ul {
      display: none;
      background: #f7f7f7;
      border: 1px solid #cccccc;
      border-radius: 2px;
      position: absolute;
      left: 0;
      top: 99%;
      width: 100%;
      z-index: 100; }
    .navigation-filters li {
      display: block;
      font-size: 16px;
      font-size: 1rem;
      border-bottom: 1px solid #cccccc;
      margin: 0;
      padding: 6px 14px; }
      .navigation-filters li a {
        display: block; }
      .navigation-filters li:last-child {
        border: none; }
      .navigation-filters li.is-active a {
        border: none; } }
  .navigation-filters.is-open ul {
    display: block; }
  @media only screen and (min-width: 46.875em) {
    .navigation-filters {
      text-align: right; }
      .navigation-filters .filter-name,
      .navigation-filters ul {
        display: inline-block; }
      .navigation-filters .filter-name .current {
        display: none; } }

/*------------------------------------*\
    $NAVIGATION -- SCROLL
\*------------------------------------*/
.navi-scroll {
  display: none;
  position: fixed;
  right: 32px;
  bottom: 32px;
  width: 42px;
  min-height: 74px;
  z-index: 999; }
  @media only screen and (max-width: 46.87438em) {
    .navi-scroll {
      right: 6px;
      bottom: 30px;
      width: 48px;
      min-height: 92px; } }
  .navi-scroll .navi-scroll-content {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%; }
    .navi-scroll .navi-scroll-content a {
      width: 42px;
      height: 36px;
      display: block;
      overflow: hidden;
      position: relative;
      background-color: #ededed; }
      @media only screen and (max-width: 46.87438em) {
        .navi-scroll .navi-scroll-content a {
          width: 48px;
          height: 43px;
          background-color: rgba(237, 237, 237, 0.6); } }
      .navi-scroll .navi-scroll-content a span {
        width: 78px;
        height: 36px;
        color: #fff;
        line-height: 36px;
        font-size: 14px;
        text-align: center;
        display: none; }
      .navi-scroll .navi-scroll-content a i {
        width: 20px;
        height: 20px;
        position: absolute;
        right: 0;
        top: 50%;
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (max-width: 46.87438em) {
          .navi-scroll .navi-scroll-content a i {
            width: 48px;
            height: 43px; } }
      .navi-scroll .navi-scroll-content a:hover {
        width: 120px;
        margin-left: -78px;
        background-color: #47b488; }
        @media only screen and (max-width: 46.87438em) {
          .navi-scroll .navi-scroll-content a:hover {
            margin-left: 0;
            background-color: #ededed; } }
        .navi-scroll .navi-scroll-content a:hover span {
          display: block; }
          @media only screen and (max-width: 46.87438em) {
            .navi-scroll .navi-scroll-content a:hover span {
              display: none; } }
    .navi-scroll .navi-scroll-content .survey-btn i {
      width: 18px;
      height: 18px;
      margin-top: -9px;
      right: 12px;
      background-image: url("../images/feedback-icon.png"); }
      @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
        .navi-scroll .navi-scroll-content .survey-btn i {
          background-image: url("../images/feedback-icon@2x.png");
          background-size: 18px 18px; } }
      @media only screen and (max-width: 46.87438em) {
        .navi-scroll .navi-scroll-content .survey-btn i {
          right: 15px; } }
    @media only screen and (max-width: 46.87438em) {
      .navi-scroll .navi-scroll-content .survey-btn:hover {
        width: 48px; } }
    .navi-scroll .navi-scroll-content .survey-btn:hover i {
      background-image: url(../images/feedback-icon-active.png); }
      @media only screen and (max-width: 46.87438em) {
        .navi-scroll .navi-scroll-content .survey-btn:hover i {
          background-image: url("../images/feedback-icon.png"); } }
    @media only screen and (max-width: 46.87438em) {
      .navi-scroll .navi-scroll-content .survey-btn-normal {
        display: none; } }
    .navi-scroll .navi-scroll-content .survey-btn-mobile {
      display: none; }
      @media only screen and (max-width: 46.87438em) {
        .navi-scroll .navi-scroll-content .survey-btn-mobile {
          display: block; } }
    .navi-scroll .navi-scroll-content .scroll-top-btn {
      margin-bottom: 2px; }
      @media only screen and (max-width: 46.87438em) {
        .navi-scroll .navi-scroll-content .scroll-top-btn {
          margin-bottom: 6px; } }
      .navi-scroll .navi-scroll-content .scroll-top-btn i {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        right: 11px;
        background-image: url("../images/backtop-icon.png"); }
        @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
          .navi-scroll .navi-scroll-content .scroll-top-btn i {
            background-image: url("../images/backtop-icon@2x.png");
            background-size: 20px 20px; } }
        @media only screen and (max-width: 46.87438em) {
          .navi-scroll .navi-scroll-content .scroll-top-btn i {
            right: 14px; } }
      @media only screen and (max-width: 46.87438em) {
        .navi-scroll .navi-scroll-content .scroll-top-btn:hover {
          width: 48px; } }
      .navi-scroll .navi-scroll-content .scroll-top-btn:hover i {
        background-image: url(../images/backtop-icon-active.png); }
        @media only screen and (max-width: 46.87438em) {
          .navi-scroll .navi-scroll-content .scroll-top-btn:hover i {
            background-image: url("../images/backtop-icon.png"); } }

/*------------------------------------*\
  $ONLINE CHAT
\*------------------------------------*/
.online-chat {
  display: inline-block;
  background: #2aad6f;
  color: #fff;
  padding: 15px; }
  .online-chat .info {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 15px; }
  .online-chat .online-chat-info,
  .online-chat .online-chat-icon {
    display: inline-block;
    vertical-align: middle; }
  .online-chat .online-chat-icon {
    text-align: center;
    padding-left: 15px; }
  .online-chat .online-chat-info {
    border-right: 1px solid #fff; }
    .online-chat .online-chat-info p {
      font-weight: 700;
      font-size: 12px;
      font-size: 0.75rem;
      margin-bottom: 3px; }
      .online-chat .online-chat-info p:last-child {
        margin-bottom: 0px; }
  .online-chat .mobile-info {
    display: none;
    font-weight: 700;
    padding-left: 15px; }
  @media only screen and (max-width: 46.87438em) {
    .online-chat {
      padding: 15px 0px; }
      .online-chat .mobile-info {
        display: inline-block;
        vertical-align: middle;
        border-left: 1px solid #fff; }
      .online-chat .online-chat-info {
        width: 55%;
        border-right: none; }
        .online-chat .online-chat-info .info {
          width: 77%; }
      .online-chat .online-chat-icon {
        padding: 0px 15px 0px 0px; } }

/*------------------------------------*\
    $OPTIONS TITLE
\*------------------------------------*/
.options-title {
  text-align: center; }
  .options-title .h-delta,
  .options-title .h-epsilon {
    display: inline-block;
    border-right: 1px solid #cccccc;
    padding: 10px 20px 10px 0px;
    position: relative; }
    .options-title .h-delta:after,
    .options-title .h-epsilon:after {
      background: url(../../assets/images/arrow.png) no-repeat;
      width: 20px;
      height: 20px;
      content: "";
      position: absolute;
      right: -19px;
      top: 15px; }
  .options-title .options-labels {
    display: inline-block;
    padding: 10px 20px; }
    .options-title .options-labels img {
      margin-right: 15px; }

/*------------------------------------*\
  $PAGINATION
\*------------------------------------*/
.pagination {
  overflow: hidden;
  margin: 0 auto;
  text-align: center; }
  .pagination li {
    display: inline-block;
    background: #fff;
    margin-right: 13px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #1f8657;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
    .pagination li a {
      display: block;
      font-size: 18px;
      font-size: 1.125rem; }
    .pagination li.active {
      background: #2aad6f;
      color: #fff; }
    .pagination li:hover {
      background: #47b488;
      color: #fff; }

/*------------------------------------*\
  $PRODUCT DETAILS
\*------------------------------------*/
/* PRODUCT DETAILS */
.product-detail-top {
  padding: 20px 0 0; }
  .product-detail-top:after {
    clear: both;
    content: '';
    display: table; }
  .product-detail-top .product-detail-content {
    text-align: center; }
    @media only screen and (min-width: 46.875em) {
      .product-detail-top .product-detail-content {
        width: 80%;
        margin: 0 auto 40px; } }

.product-detail-left {
  padding: 20px 0; }
  .product-detail-left:after {
    clear: both;
    content: '';
    display: table; }
  @media only screen and (min-width: 46.875em) {
    .product-detail-left .product-detail-image {
      float: right;
      width: 50%; }
    .product-detail-left .product-detail-content {
      float: left;
      width: 50%;
      margin-top: 40px; }
      .product-detail-left .product-detail-content .heading {
        text-align: left; } }

.product-detail-right {
  padding: 20px 0; }
  .product-detail-right:after {
    clear: both;
    content: '';
    display: table; }
  @media only screen and (min-width: 46.875em) {
    .product-detail-right .product-detail-image {
      float: left;
      width: 50%; }
    .product-detail-right .product-detail-content {
      float: right;
      width: 50%;
      margin-top: 40px; }
      .product-detail-right .product-detail-content .heading {
        text-align: left; } }

.product-detail-bottom {
  padding: 20px 0; }
  .product-detail-bottom:after {
    clear: both;
    content: '';
    display: table; }
  .product-detail-bottom .product-detail-content {
    text-align: center;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px; }
    .product-detail-bottom .product-detail-content > p {
      margin-bottom: 1em; }
    @media only screen and (min-width: 46.875em) {
      .product-detail-bottom .product-detail-content {
        width: 80%;
        margin: 0 auto 0;
        padding-bottom: 20px; } }

.product-detail-image img {
  width: 100%; }

.product-detail-content {
  color: #393939;
  font-size: 14px;
  font-size: 0.875rem; }
  .product-detail-content p {
    color: #666666;
    line-height: 1.5em; }
  .product-detail-content .heading {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 10px;
    text-align: center;
    color: #000; }
    @media only screen and (min-width: 46.875em) {
      .product-detail-content .heading {
        font-size: 30px;
        font-size: 1.875rem;
        margin-bottom: 20px; } }
    @media only screen and (min-width: 61.875em) {
      .product-detail-content .heading {
        font-size: 34px;
        font-size: 2.125rem;
        margin-bottom: 30px; } }
  @media only screen and (min-width: 61.875em) {
    .product-detail-content {
      font-size: 18px;
      font-size: 1.125rem; } }

/*------------------------------------*\
  $PRODUCT-GALLERY
\*------------------------------------*/
/* PRODUCT-GALLERY */
.product-gallery:after {
  clear: both;
  content: '';
  display: table; }

.product-gallery-view {
  float: right;
  width: 62.5%; }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .product-gallery-view {
      float: none;
      width: 100%; } }

.product-gallery-items {
  float: left;
  width: 37.5%; }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .product-gallery-items {
      float: none;
      width: 100%; } }
  .product-gallery-items li {
    text-align: center;
    padding: 6px 0 0; }
    @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
      .product-gallery-items li {
        display: inline-block;
        padding: 20px 8px; } }
    @media only screen and (min-width: 61.875em) {
      .product-gallery-items li {
        padding: 30px 0 0; } }
  .product-gallery-items a {
    border: 1px solid #ededed;
    border-radius: 50%;
    padding: 12px;
    display: block;
    width: auto;
    margin: 0 auto;
    width: 77px;
    height: 77px; }
    @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
      .product-gallery-items a {
        height: 53px;
        width: 53px; } }
    .product-gallery-items a img {
      max-width: 100%;
      max-height: 100%; }
  .product-gallery-items .is-active a {
    border-color: #2aad6f; }

/*------------------------------------*\
  $PRODUCT PURCHASE
\*------------------------------------*/
/*
  PURCHASE INFO
*/
.purchase-info {
  background: #fff;
  padding: 20px; }
  .purchase-info .info,
  .purchase-info .actions {
    display: inline-block;
    vertical-align: middle;
    width: 49%; }
  .purchase-info .info {
    font-size: 14px;
    font-size: 0.875rem;
    color: #7b7b7b; }
    .purchase-info .info .text {
      display: block; }
    .purchase-info .info .price {
      display: block;
      font-size: 30px;
      font-size: 1.875rem;
      font-weight: normal;
      color: #ff3300;
      margin-top: 10px; }
    .purchase-info .info .old-price {
      text-decoration: line-through;
      color: #000; }
  .purchase-info .actions {
    text-align: center; }
    .purchase-info .actions .button {
      margin-bottom: 20px; }
    .purchase-info .actions .button,
    .purchase-info .actions .button-light {
      display: block;
      padding: 20px;
      min-width: 120px; }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .purchase-info .info {
      width: 30%; }
    .purchase-info .actions {
      width: 69%; }
      .purchase-info .actions .button {
        margin-right: 10px; }
      .purchase-info .actions .button,
      .purchase-info .actions .button-light {
        display: inline-block; } }
  @media only screen and (min-width: 46.875em) {
    .purchase-info .info {
      font-size: 18px;
      font-size: 1.125rem; }
      .purchase-info .info:after {
        clear: both;
        content: '';
        display: table; }
      .purchase-info .info .price {
        font-size: 40px;
        font-size: 2.5rem; }
      .purchase-info .info .price,
      .purchase-info .info .old-price {
        display: inline-block;
        vertical-align: middle; }
    .purchase-info .actions .button,
    .purchase-info .actions .button-light {
      min-width: 160px; } }
  @media only screen and (min-width: 61.875em) {
    .purchase-info {
      padding: 50px;
      position: relative; }
      .purchase-info:after {
        width: 300%;
        height: 100%;
        display: block;
        position: absolute;
        left: 100%;
        top: 0;
        content: "";
        background: #fff;
        right: 0px; }
      .purchase-info .price {
        margin: 20px 0px; }
      .purchase-info .info,
      .purchase-info .actions {
        display: block;
        width: auto; }
      .purchase-info .actions {
        width: 30%; } }

/* PURCHASE STORE */
.purchase-store {
  clear: both;
  padding: 20px;
  background: white;
  background: -moz-linear-gradient(left, white 0%, #ebebeb 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(100%, #ebebeb));
  background: -webkit-linear-gradient(left, white 0%, #ebebeb 100%);
  background: -o-linear-gradient(left, white 0%, #ebebeb 100%);
  background: -ms-linear-gradient(left, white 0%, #ebebeb 100%);
  background: linear-gradient(to right, #ffffff 0%, #ebebeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=1 ); }
  .purchase-store p {
    width: 48%;
    color: #7b7b7b;
    display: inline-block;
    vertical-align: top;
    text-align: left; }
  .purchase-store ul {
    width: 50%;
    vertical-align: top;
    display: inline-block;
    text-align: center; }
    .purchase-store ul a {
      color: #1f8657;
      font-weight: bold; }
      .purchase-store ul a:hover {
        color: #000; }
  @media only screen and (min-width: 46.875em) and (max-width: 61.87438em) {
    .purchase-store {
      padding: 30px; } }
  @media only screen and (min-width: 46.875em) {
    .purchase-store p {
      font-size: 18px;
      font-size: 1.125rem;
      width: 35%; }
    .purchase-store ul {
      width: 60%;
      text-align: left; } }
  @media only screen and (min-width: 61.875em) {
    .purchase-store {
      padding: 40px 0 40px 40px;
      background: #fbfbfb;
      background: #fbfbfb;
      background: -moz-linear-gradient(left, #fbfbfb 0%, #f5f5f5 67%, #f5f5f5 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #fbfbfb), color-stop(67%, #f5f5f5), color-stop(100%, #f5f5f5));
      background: -webkit-linear-gradient(left, #fbfbfb 0%, #f5f5f5 67%, #f5f5f5 100%);
      background: -o-linear-gradient(left, #fbfbfb 0%, #f5f5f5 67%, #f5f5f5 100%);
      background: -ms-linear-gradient(left, #fbfbfb 0%, #f5f5f5 67%, #f5f5f5 100%);
      background: linear-gradient(to right, #fbfbfb 0%, #f5f5f5 67%, #f5f5f5 100%); }
      .purchase-store p {
        width: auto;
        margin-bottom: 2em; }
      .purchase-store ul {
        display: block; } }

/*------------------------------------*\
  $PRODUCT THUMBNAIL
\*------------------------------------*/
.product-thumbnail {
  overflow: hidden; }
  .product-thumbnail li {
    float: left;
    background: #fff;
    border: 1px solid #cccccc;
    margin: 2px; }

/*------------------------------------*\
    $PRODUCTS NAV
\*------------------------------------*/
.products-nav {
  font-size: 18px;
  font-size: 1.125rem;
  border-bottom: 1px solid #ededed; }
  .products-nav:after {
    clear: both;
    content: '';
    display: table; }
  .products-nav a {
    color: #1f8657;
    float: right;
    padding: 6px;
    margin-left: 20px; }
    .products-nav a span {
      display: inline-block;
      vertical-align: middle; }
    .products-nav a .icon, .products-nav a .navigation-filters .filter-name:after, .navigation-filters .products-nav a .filter-name:after {
      margin: 2px 2px 4px; }
  .products-nav .back {
    color: #7b7b7b;
    float: left;
    margin: 0; }
  @media only screen and (max-width: 46.87438em) {
    .products-nav {
      padding: 20px 0px 15px 0px; } }

/*------------------------------------*\
    $PROGRESS BAR
\*------------------------------------*/



 



.badge-icon-tip-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border: solid 1px #ccc;
  border-radius: 15px;
  box-shadow: 0 0 4px #ccc;
  background-color: #fff;
  color: #ccc;
  font-size: 20px;
  z-index: 1; }

.badge-icon-tip-triangle {
  position: absolute;
  top: -3px;
  left: 50%;
  width: 10px;
  height: 10px;
  border: 1px solid #ccc;
  border-right: 0;
  border-bottom: 0;
  box-shadow: -2px -2px 4px #cccccc;
  background-color: #fff;
  z-index: 1;
  transform: rotate(45deg) translate(-50%, 0);
  -ms-transform: rotate(45deg) translate(-50%, 0);
  -moz-transform: rotate(45deg) translate(-50%, 0);
  -webkit-transform: rotate(45deg) translate(-50%, 0);
  -o-transform: rotate(45deg) translate(-50%, 0); }

.about-map .map {
  height: 300px; }

.about-address {
  font-size: 20px;
  line-height: 36px;
  font-weight: bold; }

@media only screen and (max-width: 61.875em) {
  .about {
    padding-top: 20px; }

  .about-bottom {
    display: none; }

  .about-form {
    padding-right: 0; }

  .about-submit .button {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }

  .about-point {
    margin-bottom: 8px;
    padding: 20px 10px;
    background-color: #ededed;
    border-radius: 4px; } }
@media only screen and (max-width: 46.875em) {
  .about-content {
    padding: 0.75rem; }

  .about-icons {
    display: none; } }
.about-contact div {
  float: left; }
.about-contact .about-contact-icon {
  width: 67px;
  height: 67px;
  line-height: 67px;
  background: #2aad6f;
  border-radius: 50%;
  text-align: center; }
.about-contact .icon, .about-contact .navigation-filters .filter-name:after, .navigation-filters .about-contact .filter-name:after {
  background: url(../images/sprite-icons.png);
  width: 100%;
  height: 100%;
  display: inline-block; }
.about-contact .icon-tel {
  background-position: -417px -1px; }
.about-contact .icon-chat {
  height: 50px;
  margin-top: 10px;
  background-position: -420px -791px; }
.about-contact .icon-arrow {
  background-position: -194px -695px; }
.about-contact .icon-weibo {
  height: 50px;
  margin-top: 10px;
  background-position: -420px -898px; }
.about-contact .icon-weixin {
  height: 50px;
  margin-top: 10px;
  background-position: -420px -845px; }
.about-contact .about-contact-info {
  margin-left: 15px; }
  .about-contact .about-contact-info .h-delta {
    margin-top: 10px; }
    .about-contact .about-contact-info .h-deltap {
      margin-top: 10px; }
    .about-contact .about-contact-info .h-deltaspan {
      display: inline-block;
      float: left; }
    .about-contact .about-contact-info .h-delta .icon-arrow {
      width: 10px;
      height: 20px;
      margin-left: 5px; }

.compare-entrance {
  background-color: #fff;
  height: 300px;
  margin-bottom: 20px; }
  .compare-entrance .wrapper {
    position: relative; }
    .compare-entrance .wrapper .g .gi {
      padding-top: 35px;
      padding-bottom: 35px; }
    .compare-entrance .wrapper .compare-entrance-image img {
      height: 230px; }
    .compare-entrance .wrapper .compare-entrance-slogan {
      width: 420px;
      padding-top: 45px; }
      .compare-entrance .wrapper .compare-entrance-slogan p {
        text-align: center; }
        .compare-entrance .wrapper .compare-entrance-slogan p:first-child {
          color: #000;
          font-size: 32px;
          line-height: 48px;
          margin-bottom: 10px; }
        .compare-entrance .wrapper .compare-entrance-slogan p a.button {
          font-weight: normal; }
  @media only screen and (max-width: 61.87438em) {
    .compare-entrance {
      margin-bottom: 15px;
      height: 200px;
      background-color: #e5e5e5; } }
  @media only screen and (max-width: 61.87438em) and (max-width: 46.87438em) {
    .compare-entrance {
      height: auto; } }
  @media only screen and (max-width: 61.87438em) {
      .compare-entrance .wrapper {
        background-color: #fff;
        padding: 0;
        margin: 0 0.75rem; }
        .compare-entrance .wrapper .g .gi {
          padding-top: 15px;
          padding-bottom: 15px; }
        .compare-entrance .wrapper .compare-entrance-image img {
          height: 167px;
          padding-right: 5%; } }
      @media only screen and (max-width: 61.87438em) and (max-width: 46.87438em) {
        .compare-entrance .wrapper .compare-entrance-image img {
          height: auto;
          width: 95%;
          padding-right: 0%; } }
  @media only screen and (max-width: 61.87438em) {
        .compare-entrance .wrapper .compare-entrance-slogan {
          width: 90%;
          padding-top: 30px; } }
      @media only screen and (max-width: 61.87438em) and (max-width: 46.87438em) {
        .compare-entrance .wrapper .compare-entrance-slogan {
          width: 95%;
          padding-top: 0; } }
      @media only screen and (max-width: 61.87438em) and (min-width: 31.25em) and (max-width: 46.87438em) {
        .compare-entrance .wrapper .compare-entrance-slogan {
          padding-top: 30px; } }
  @media only screen and (max-width: 61.87438em) {
          .compare-entrance .wrapper .compare-entrance-slogan p {
            text-align: center; }
            .compare-entrance .wrapper .compare-entrance-slogan p:first-child {
              color: #000;
              font-size: 26px;
              line-height: 40px;
              margin-bottom: 15px; } }
          @media only screen and (max-width: 61.87438em) and (max-width: 46.87438em) {
            .compare-entrance .wrapper .compare-entrance-slogan p:first-child {
              font-size: 14px;
              line-height: 20px;
              margin-bottom: 5px; } }
          @media only screen and (max-width: 61.87438em) and (min-width: 31.25em) and (max-width: 46.87438em) {
            .compare-entrance .wrapper .compare-entrance-slogan p:first-child {
              font-size: 18px;
              line-height: 24px; } }
        @media only screen and (max-width: 61.87438em) and (max-width: 46.87438em) {
          .compare-entrance .wrapper .compare-entrance-slogan p a.button {
            font-size: 14px;
            padding-left: 10px;
            padding-right: 10px;
            width: 80%;
            display: inline-block; } }
        @media only screen and (max-width: 61.87438em) and (min-width: 31.25em) and (max-width: 46.87438em) {
          .compare-entrance .wrapper .compare-entrance-slogan p a.button {
            width: 60%;
            padding: 10px;
            display: inline-block; } }

.user .input-suffix {
  display: inline-block;
  min-width: 5%;
  height: 61px;
  line-height: 61px; }
.user .address-form {
  display: none; }
  .user .address-form.show {
    display: block; }
.user .address-detail {
  resize: none;
  margin-top: 10px;
  width: 0;
  min-width: 85%; }

.blog .mobile-plan-title {
  margin: 0;
  padding: 20px 0; }

.blog-wrapper {
  padding: 0.75rem; }

.blog-content {
  background-color: #ffffff;
  line-height: 1.6rem;
  padding-bottom: 100px; }

.blog-content p a:hover {
  text-decoration: underline; }

.blog-unit {
  padding: 0 50px; }

.blog-title {
  padding-top: 20px;
  padding-bottom: 16px;
  line-height: 30px; }

.blog-subtitle {
  margin-bottom: 40px; }

.desk-hide {
  display: none; }

.blog-quote {
  margin: 20px 0 0;
  padding: 20px 0; }

.blog-quote p {
  padding: 10px 0; }

.blog-quote strong {
  width: 120px;
  display: inline-block;
  padding-left: 10px;
  border-left: solid 4px #009b72; }

.blog-left {
  border-top: solid 1px #e2e2e2;
  border-right: solid 1px #e2e2e2; }

.blog-left .brick-shadow {
  padding-left: 50px;
  padding-right: 30px; }

.blog-right {
  border-top: solid 1px #e2e2e2;
  width: 99%;
  float: right; }

.blog-news .blog-texts {
  margin-left: 100px; }
  .blog-news .blog-texts div {
    font-size: 14px;
    color: #878787; }

.blog-video .video-title a {
  color: #000; }
.blog-video .video-detail {
  font-size: 14px;
  font-size: 0.875rem;
  color: #878787; }

.word-break {
  word-wrap: break-word;
  word-break: break-all; }

.align-right {
  text-align: right; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.blog-bottom-tags {
  display: none;
  padding: 50px 0 0; }

.blog-bottom-tags .g {
  margin-bottom: 18px; }

.blog-bottom-tags .button {
  padding-left: 0;
  padding-right: 0;
  width: 100%; }

.button-viewmore {
  margin-top: 35px;
  padding: 35px 0px;
  border-top: 1px solid #e2e2e2;
  text-align: center;
  display: none; }

.blog-pagebtn {
  padding-top: 100px; }