/*! core.scss | Nephos | CSS Ninja */
/* ==========================================================================
Nephos core 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. CSS Imports
1. Resets and base setup
=============================================================================
***/
/* ==========================================================================
0. CSS Imports
========================================================================== */
/*! _theme-default.scss | Nephos | CSS Ninja */
/* ==========================================================================
Default theme variables 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Variables
1. Shadow variables
=============================================================================
***/
/* ==========================================================================
0. Color Variables
========================================================================== */
/* ==========================================================================
1. Shadow variables
========================================================================== */
/*! _colors.scss | Nephos | CSS Ninja */
/* ==========================================================================
Nephos global colors 
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Variables
=============================================================================
***/
/* ==========================================================================
0. Variables
========================================================================== */
/*! _sidebar.scss | Nephos | CSS Ninja */
/* ==========================================================================
Main left sidebar
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Main Shop Sidebar
=============================================================================
***/
/* ==========================================================================
0. Main Shop Sidebar
========================================================================== */
.main-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 80px;
  background-color: #fff;
  box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.02);
  border-right: 1px solid #ededed;
  z-index: 10;
  transition: all .3s; }
  .main-sidebar.is-pushed-mobile {
    transform: translateX(-61px) !important; }
  .main-sidebar .sidebar-brand {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fcfcfc;
    border-right: 1px solid #ededed; }
    .main-sidebar .sidebar-brand img {
      width: 32px;
      height: 32px; }
  .main-sidebar .sidebar-inner {
    height: 100%;
    width: 100%;
    position: relative; }
    .main-sidebar .sidebar-inner .icon-menu li, .main-sidebar .sidebar-inner .bottom-menu li {
      width: 80px;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .main-sidebar .sidebar-inner .icon-menu li a, .main-sidebar .sidebar-inner .bottom-menu li a {
        display: block;
        position: relative;
        max-height: 20px;
        transform: rotate(0);
        opacity: 1;
        transition: all .3s; }
        .main-sidebar .sidebar-inner .icon-menu li a svg, .main-sidebar .sidebar-inner .bottom-menu li a svg {
          stroke: #0e569f;
          width: 20px;
          height: 20px; }
        .main-sidebar .sidebar-inner .icon-menu li a:hover svg, .main-sidebar .sidebar-inner .icon-menu li a.is-active svg, .main-sidebar .sidebar-inner .bottom-menu li a:hover svg, .main-sidebar .sidebar-inner .bottom-menu li a.is-active svg {
          stroke: #64ab4c; }
        .main-sidebar .sidebar-inner .icon-menu li a .cart-items, .main-sidebar .sidebar-inner .bottom-menu li a .cart-items {
          position: absolute;
          top: -6px;
          right: -9px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 9px;
          background: #64ab4c;
          font-weight: 700; }
        .main-sidebar .sidebar-inner .icon-menu li a.is-opened, .main-sidebar .sidebar-inner .bottom-menu li a.is-opened {
          transform: rotate(360deg);
          opacity: 0; }
        .main-sidebar .sidebar-inner .icon-menu li a.is-inactive, .main-sidebar .sidebar-inner .bottom-menu li a.is-inactive {
          transform: rotate(-360deg);
          opacity: 0; }
      .main-sidebar .sidebar-inner .icon-menu li #open-filters svg, .main-sidebar .sidebar-inner .bottom-menu li #open-filters svg {
        transform: rotate(0);
        transition: all .3s; }
      .main-sidebar .sidebar-inner .icon-menu li #open-filters:hover svg, .main-sidebar .sidebar-inner .bottom-menu li #open-filters:hover svg {
        transform: rotate(145deg); }
    .main-sidebar .sidebar-inner .bottom-menu {
      position: absolute;
      bottom: 80px;
      padding: 0; }

/*! _quickview.scss | Nephos | CSS Ninja */
/* ==========================================================================
Quickview styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Flying Action Button
1. Categories right Sidebar
2. Shop Dark Sidebar
3. Filters Sidebar
4. Cart Sidebar
5. Sidebar Header
=============================================================================
***/
/* ==========================================================================
0. Flying Action Button
========================================================================== */
.menu-fab {
  position: fixed;
  right: 30px;
  top: 12px;
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
  transition: all .4s;
  transform: translateX(0) rotate(0);
  opacity: 1; }
  .menu-fab.dismissed {
    transform: translateX(300px) rotate(360deg);
    opacity: 0; }
  .menu-fab a {
    padding: 10px 0; }
  .menu-fab .menu-toggle {
    font-size: 20px;
    color: #666;
    line-height: 48px;
    text-align: center;
    background: transparent;
    display: block;
    width: 24px;
    height: 26px;
    cursor: pointer;
    padding: 0;
    margin: 0 14px;
    transition: opacity 0.4s;
    opacity: 1;
    position: relative;
    transform: scale(0.7); }
    .menu-fab .menu-toggle .icon-box-toggle {
      height: 100%;
      width: 100%;
      background: tranparent;
      position: relative;
      display: block; }
      .menu-fab .menu-toggle .icon-box-toggle.active > span.rotate {
        -webkit-transform: rotate(90deg);
        -moz-transform: translate(0px, 0px) rotate(90deg);
        -ms-transform: translate(0px, 0px) rotate(90deg);
        -o-transform: translate(0px, 0px) rotate(90deg);
        transform: translate(0px, 0px) rotate(90deg); }
      .menu-fab .menu-toggle .icon-box-toggle.active > span > i.icon-line-center {
        visibility: hidden;
        width: 1px;
        height: 3px;
        left: 70%; }
      .menu-fab .menu-toggle .icon-box-toggle.active > span > i.icon-line-bottom {
        margin: -1.5px 0 0 -10px;
        left: 50%;
        top: 50%;
        -webkit-transform: rotate(135deg);
        -moz-transform: translate(0px, 0px) rotate(135deg);
        -ms-transform: translate(0px, 0px) rotate(135deg);
        -o-transform: translate(0px, 0px) rotate(135deg);
        transform: translate(0px, 0px) rotate(135deg); }
      .menu-fab .menu-toggle .icon-box-toggle.active > span > i.icon-line-top {
        margin: -1.5px 0 0 -10px;
        left: 50%;
        top: 50%;
        -webkit-transform: rotate(45deg);
        -moz-transform: translate(0px, 0px) rotate(45deg);
        -ms-transform: translate(0px, 0px) rotate(45deg);
        -o-transform: translate(0px, 0px) rotate(45deg);
        transform: translate(0px, 0px) rotate(45deg); }
    .menu-fab .menu-toggle .icon-line-center {
      position: absolute;
      width: 20px;
      height: 2px;
      background: #64ab4c;
      margin: -1.5px 0 0 -10px;
      left: 50%;
      top: 50%;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .menu-fab .menu-toggle .icon-line-top {
      position: absolute;
      width: 20px;
      height: 2px;
      background: #64ab4c;
      margin: -2px 0 0 -10px;
      left: 50%;
      top: 30%;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .menu-fab .menu-toggle .icon-line-bottom {
      position: absolute;
      width: 20px;
      height: 2px;
      background: #64ab4c;
      margin: 1.5px 0 0 -10px;
      left: 50%;
      top: 60%;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }

/* ==========================================================================
1. Categories right Sidebar
========================================================================== */
.category-quickview {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 260px;
  background-color: #fff;
  box-shadow: -2px 0px -2px 0px rgba(0, 0, 0, 0.06);
  border-left: 1px solid #ededed;
  z-index: 9;
  transform: translateX(261px);
  transition: all .3s; }
  .category-quickview.is-active {
    transform: translateX(0); }
  .category-quickview.is-pushed-mobile {
    transform: translateX(-500px) !important; }
  .category-quickview .inner {
    position: relative;
    height: 100%; }
    .category-quickview .inner .category-menu {
      padding: 80px 0; }
      .category-quickview .inner .category-menu li {
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 34px; }
        .category-quickview .inner .category-menu li a {
          font-family: 'Raleway', sans-serif;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          color: #818181; }
          .category-quickview .inner .category-menu li a span {
            min-width: 150px;
            text-align: right;
            padding: 0 10px;
            text-transform: uppercase;
            font-weight: 600;
            font-size: 76%;
            transition: color .4s; }
          .category-quickview .inner .category-menu li a img, .category-quickview .inner .category-menu li a svg {
            max-height: 40px; }
          .category-quickview .inner .category-menu li a svg {
            height: 40px;
            width: 40px;
            fill: #ccc;
            transition: all .3s; }
          .category-quickview .inner .category-menu li a:hover span {
            color: #64ab4c; }
          .category-quickview .inner .category-menu li a:hover svg {
            fill: #64ab4c; }
    .category-quickview .inner .all-categories {
      position: absolute;
      bottom: 52px;
      width: 100%;
      text-align: center; }
      .category-quickview .inner .all-categories a {
        text-transform: uppercase;
        font-size: 75%;
        font-weight: 500; }
      .category-quickview .inner .all-categories .centered-divider {
        width: 100px;
        height: 1px;
        border-bottom: 2px solid #64ab4c;
        margin: 0 auto;
        padding-top: 8px; }

/* ==========================================================================
2. Shop Dark Sidebar
========================================================================== */
.shop-quickview {
  position: fixed;
  top: 0;
  left: 84px;
  height: 100%;
  width: 280px;
  background-color: #344258;
  background-size: cover;
  background-position: bottom;
  box-shadow: -2px 0px -2px 0px rgba(0, 0, 0, 0.06);
  z-index: 3;
  transform: translateX(-285px);
  transition: all .3s;
  overflow: hidden; }
  .shop-quickview.is-pushed-mobile {
    transform: translateX(-500px) !important;
    left: 0 !important; }
  .shop-quickview.is-active {
    transform: translateX(-5px); }
  .shop-quickview .inner {
    position: relative;
    height: 100%;
    background-color: rgba(43, 56, 76, 0.95); }
    .shop-quickview .inner .quickview-header {
      height: 84px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #3d4e68; }
      .shop-quickview .inner .quickview-header span {
        cursor: pointer; }
      .shop-quickview .inner .quickview-header h2 {
        position: relative;
        top: -4px;
        font-family: 'Raleway', sans-serif;
        font-size: 1.15rem;
        font-weight: 500;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 6px;
        padding-left: 20px; }
      .shop-quickview .inner .quickview-header svg {
        margin-right: 20px;
        width: 20px;
        height: 20px;
        stroke: #fff; }
    .shop-quickview .inner .shop-menu li, .shop-quickview .inner .user-profile li {
      width: 100%;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      border-bottom: 1px solid #3d4e68; }
    .shop-quickview .inner .shop-menu li {
      cursor: pointer; }
      .shop-quickview .inner .shop-menu li:hover a {
        opacity: 0.8; }
        .shop-quickview .inner .shop-menu li:hover a svg {
          transform: translate3d(0, 0, 0) rotate(0);
          opacity: 1; }
    .shop-quickview .inner .shop-menu a {
      width: 100%;
      padding: 0 20px;
      font-family: 'Raleway', sans-serif;
      font-weight: 500 !important;
      text-transform: uppercase;
      letter-spacing: 3px;
      font-size: 0.75rem;
      color: #fff;
      display: flex;
      justify-content: space-between !important;
      align-items: center; }
      .shop-quickview .inner .shop-menu a svg {
        width: 18px;
        height: 18px;
        margin: 0;
        opacity: 0;
        transition: all .3s;
        transform: translate3d(100px, 0, 0) rotate(360deg); }
    .shop-quickview .inner .user-profile {
      position: absolute;
      bottom: 0;
      padding: 0; }
      .shop-quickview .inner .user-profile li {
        border-bottom: none !important; }
        .shop-quickview .inner .user-profile li img {
          max-height: 40px;
          max-width: 40px;
          border-radius: 50%;
          margin-left: 20px; }
        .shop-quickview .inner .user-profile li a {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .shop-quickview .inner .user-profile li a .user {
            padding-left: 10px;
            color: #fff; }
            .shop-quickview .inner .user-profile li a .user span {
              display: block;
              font-family: 'Raleway', sans-serif; }
              .shop-quickview .inner .user-profile li a .user span:first-child {
                text-transform: uppercase;
                font-weight: 600;
                font-size: 0.7rem;
                letter-spacing: 3px; }
              .shop-quickview .inner .user-profile li a .user span:nth-child(2) {
                font-size: 0.8rem; }
                .shop-quickview .inner .user-profile li a .user span:nth-child(2) small {
                  font-size: 0.6rem;
                  font-weight: 500;
                  text-transform: uppercase;
                  letter-spacing: 1px; }
          .shop-quickview .inner .user-profile li a:hover span {
            opacity: 0.8; }

/* ==========================================================================
3. Filters Sidebar
========================================================================== */
.filters-quickview {
  position: fixed;
  top: 0;
  left: 84px;
  height: 100%;
  width: 320px;
  background-color: #fff;
  background-size: cover;
  background-position: bottom;
  box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.02);
  z-index: 3;
  transform: translateX(-325px);
  transition: all .3s; }
  .filters-quickview.is-pushed-mobile {
    transform: translateX(-500px) !important; }
  .filters-quickview.is-active {
    transform: translateX(-5px); }
  .filters-quickview .inner {
    position: relative;
    height: 100%; }
    .filters-quickview .inner .quickview-header {
      height: 80px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .filters-quickview .inner .quickview-header span {
        cursor: pointer; }
      .filters-quickview .inner .quickview-header h2 {
        position: relative;
        top: -4px;
        font-size: 1.15rem;
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        color: #818181;
        text-transform: uppercase;
        letter-spacing: 6px;
        padding-left: 20px; }
      .filters-quickview .inner .quickview-header svg {
        margin: 0 20px;
        width: 20px;
        height: 20px;
        stroke: #818181; }
        .filters-quickview .inner .quickview-header svg:hover {
          stroke: #64ab4c; }
    .filters-quickview .inner .filters-body {
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
      max-height: 100vh;
      padding: 30px 20px; }
      .filters-quickview .inner .filters-body::-webkit-scrollbar {
        width: 10px; }
      .filters-quickview .inner .filters-body::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.2); }
    .filters-quickview .inner .filter-block {
      width: 100%;
      margin-bottom: 30px; }
      .filters-quickview .inner .filter-block .filter-title {
        position: relative;
        font-size: 0.8rem;
        font-weight: 500;
        color: #818181;
        text-transform: uppercase;
        letter-spacing: 1px; }
        .filters-quickview .inner .filter-block .filter-title.has-padding {
          padding: 2px 0; }
    .filters-quickview .inner .checkbox-wrap {
      padding: 0;
      color: #818181 !important;
      font-family: 'Raleway', sans-serif;
      font-size: .9rem; }
      .filters-quickview .inner .checkbox-wrap span {
        position: relative;
        top: -2px; }

/* ==========================================================================
4. Cart Sidebar
========================================================================== */
.cart-quickview {
  position: fixed;
  top: 0;
  left: 84px;
  height: 100%;
  width: 340px;
  background-color: #fff;
  background-size: cover;
  background-position: bottom;
  box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.02);
  z-index: 3;
  transform: translateX(-345px);
  transition: all .3s; }
  .cart-quickview.is-pushed-mobile {
    transform: translateX(-500px) !important; }
  .cart-quickview.is-active {
    transform: translateX(-5px); }
  .cart-quickview .inner {
    position: relative;
    height: 100%; }
    .cart-quickview .inner .quickview-header {
      height: 84px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .cart-quickview .inner .quickview-header span {
        cursor: pointer; }
      .cart-quickview .inner .quickview-header h2 {
        position: relative;
        top: -4px;
        font-family: 'Raleway', sans-serif;
        font-size: 1rem;
        font-weight: 500;
        color: #818181;
        text-transform: uppercase;
        letter-spacing: 6px;
        padding: 0 20px; }
      .cart-quickview .inner .quickview-header svg {
        margin: 0 20px;
        width: 20px;
        height: 20px;
        stroke: #818181; }
        .cart-quickview .inner .quickview-header svg:hover {
          stroke: #64ab4c; }
    .cart-quickview .inner .cart-action {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;
      height: 80px;
      background: #fcfcfc;
      border-bottom: 1px solid #ededed; }
      .cart-quickview .inner .cart-action .cart-total {
        display: block;
        font-size: 1.7rem;
        color: #64ab4c;
        font-weight: 600; }
        .cart-quickview .inner .cart-action .cart-total small {
          font-size: 70%;
          font-weight: 600;
          padding-right: 5px; }
        .cart-quickview .inner .cart-action .cart-total .abstract {
          display: block;
          font-size: 0.8rem;
          color: #999; }
          .cart-quickview .inner .cart-action .cart-total .abstract span {
            font-size: 1rem;
            font-weight: 600; }
      .cart-quickview .inner .cart-action a {
        min-width: 130px;
        font-weight: 200;
        font-size: 80%;
        height: 40px; }
        .cart-quickview .inner .cart-action a svg {
          position: relative;
          top: 1px;
          width: 17px;
          height: 17px;
          margin-right: 8px; }
    .cart-quickview .inner .cart-body .empty-cart h3, .cart-quickview .inner .cart-body .empty-cart img {
      display: block; }
    .cart-quickview .inner .cart-body .empty-cart h3 {
      font-family: 'Raleway', sans-serif;
      font-size: 1.2rem;
      font-weight: 500;
      padding: 20px 0;
      color: #999; }
    .cart-quickview .inner .cart-body .empty-cart img {
      max-height: 90px;
      max-width: 90px;
      margin: 0 auto; }
    .cart-quickview .inner .cart-body .empty-cart a {
      margin-top: 20px;
      color: #64ab4c;
      border: 1.4px solid #64ab4c;
      transition: all .4s; }
      .cart-quickview .inner .cart-body .empty-cart a:hover {
        color: rgba(0, 35, 255, 0.4);
        border-color: rgba(0, 35, 255, 0.4); }
    .cart-quickview .inner .cart-body .empty-cart small {
      display: block;
      color: #999;
      font-size: 80%;
      margin-top: 10px; }
    .cart-quickview .inner .cart-body .shopping-cart-items {
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
      max-height: 80vh;
      min-height: 60vh; }
      .cart-quickview .inner .cart-body .shopping-cart-items::-webkit-scrollbar {
        width: 10px; }
      .cart-quickview .inner .cart-body .shopping-cart-items::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.2); }
      .cart-quickview .inner .cart-body .shopping-cart-items li {
        height: 80px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0 20px;
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        .cart-quickview .inner .cart-body .shopping-cart-items li:hover .remove-item {
          opacity: 1;
          transform: translateX(0); }
      .cart-quickview .inner .cart-body .shopping-cart-items img {
        float: left;
        max-height: 50px; }
      .cart-quickview .inner .cart-body .shopping-cart-items .item-meta {
        display: block;
        width: 40%;
        padding: 0 10px; }
      .cart-quickview .inner .cart-body .shopping-cart-items .item-name {
        display: block;
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase; }
      .cart-quickview .inner .cart-body .shopping-cart-items .item-price {
        color: #64ab4c;
        margin-right: 8px; }
      .cart-quickview .inner .cart-body .shopping-cart-items .quantity {
        display: block;
        margin: 0 10px; }
        .cart-quickview .inner .cart-body .shopping-cart-items .quantity .input {
          max-width: 70px;
          margin: 0 10px;
          text-align: center;
          height: 32px; }
      .cart-quickview .inner .cart-body .shopping-cart-items .item-quantity {
        color: #999; }
        .cart-quickview .inner .cart-body .shopping-cart-items .item-quantity small {
          font-size: 80%; }
      .cart-quickview .inner .cart-body .shopping-cart-items .remove-item {
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 78px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .45s;
        opacity: 0;
        transform: translateX(200px);
        background: #f9f9f9; }
        .cart-quickview .inner .cart-body .shopping-cart-items .remove-item svg {
          width: 18px;
          height: 18px;
          stroke: #999; }
        .cart-quickview .inner .cart-body .shopping-cart-items .remove-item:hover {
          background: #fcfcfc; }
          .cart-quickview .inner .cart-body .shopping-cart-items .remove-item:hover svg {
            stroke: #64ab4c; }

/* ==========================================================================
5. Sidebar Header
========================================================================== */
.quickview-header span:hover svg {
  transform: rotate(180deg); }
.quickview-header svg {
  transform: rotate(0);
  transition: all .3s; }

/*! _cards.scss | Nephos | CSS Ninja */
/* ==========================================================================
Shop cards
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Basic Flat Card
1. List Flat cards
=============================================================================
***/
/* ==========================================================================
0. Basic Flat Card
========================================================================== */
.color-link-dsh {
  color: #4a4a4a; }

.order-card.flat-card-bn {
  position: relative;
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 0.1875rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
  transition: all 0.5s;
  padding: 0;
  padding-bottom: 100%; }
  .order-card.flat-card-bn.padd-bott70 {
    padding-bottom: 70%; }
  .order-card.flat-card-bn.padd-bott50 {
    padding-bottom: 50%; }

.flat-card {
  position: relative;
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 0.1875rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
  transition: all 0.5s;
  height: 100%; }
  .flat-card.profile-card .card-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    height: 260px; }
  .flat-card.bgr-none {
    background-color: inherit; }
  .flat-card .image {
    text-align: center;
    margin: 40px 0; }
    .flat-card .image img {
      max-width: 100px;
      margin: 10px auto; }
  .flat-card .product-info {
    padding: 0 20px; }
    .flat-card .product-info a {
      color: #818181; }
      .flat-card .product-info a:hover {
        opacity: 0.8;
        color: #64ab4c; }
    .flat-card .product-info .product-name {
      font-family: 'Raleway', sans-serif;
      text-transform: uppercase;
      font-size: .8rem;
      font-weight: 500; }
    .flat-card .product-info .product-description {
      font-size: 80%;
      color: #999; }
    .flat-card .product-info .product-price {
      font-size: 90%;
      font-weight: 500;
      color: #64ab4c; }
      .flat-card .product-info .product-price:before {
        content: '$';
        font-size: 70%;
        position: relative; }
      .flat-card .product-info .product-price .sale-price {
        color: #999;
        text-decoration: line-through;
        padding: 0 10px;
        font-size: 85%; }
        .flat-card .product-info .product-price .sale-price:before {
          content: '$';
          font-size: 70%;
          position: relative; }
  .flat-card.is-auto {
    height: auto !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important; }
    .flat-card.is-auto .card-pic {
      height: 225px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    .flat-card.is-auto .paypal-padd {
      padding: 30px 0; }
      .flat-card.is-auto .paypal-padd .cart-icon {
        display: flex;
        align-items: center;
        text-align: right;
        justify-content: flex-end;
        position: relative; }
        .flat-card.is-auto .paypal-padd .cart-icon svg {
          position: absolute;
          right: 75px;
          top: 15px; }
    .flat-card.is-auto.register-name {
      background-color: inherit;
      border-radius: inherit; }
      .flat-card.is-auto.register-name .card-title {
        background-color: #aed0a3;
        border: 1px solid #64ab4c; }
        .flat-card.is-auto.register-name .card-title h3 {
          color: #1b6b00; }
      .flat-card.is-auto.register-name .card-body {
        border: 1px solid #64ab4c;
        border-top: none; }
        .flat-card.is-auto.register-name .card-body.card-red .grey {
          color: #818181;
          margin-top: 20px; }
        .flat-card.is-auto.register-name .card-body.card-red .checkbox-red label {
          display: flex;
          align-items: center;
          margin-top: 30px; }
          .flat-card.is-auto.register-name .card-body.card-red .checkbox-red label span {
            display: inline-block; }
          .flat-card.is-auto.register-name .card-body.card-red .checkbox-red label small {
            font-size: 1rem;
            color: #818181; }
      .flat-card.is-auto.register-name .info-block {
        position: relative;
        color: #1b6b00; }
        .flat-card.is-auto.register-name .info-block .label-value {
          display: inline;
          margin-left: 30px;
          color: #1b6b00; }
        .flat-card.is-auto.register-name .info-block .feather-check,
        .flat-card.is-auto.register-name .info-block .feather-x {
          position: absolute; }
      .flat-card.is-auto.register-name.register-name-error .card-title {
        background-color: #f2dedf;
        border: 1px solid #a44544; }
        .flat-card.is-auto.register-name.register-name-error .card-title.orange-brend {
          background-color: #ff66003c;
          border: 1px solid #ff6600; }
          .flat-card.is-auto.register-name.register-name-error .card-title.orange-brend h3 {
            color: #ff6600; }
        .flat-card.is-auto.register-name.register-name-error .card-title h3 {
          color: #a44544; }
      .flat-card.is-auto.register-name.register-name-error .card-body {
        border: 1px solid #a44544;
        border-top: none; }
        .flat-card.is-auto.register-name.register-name-error .card-body.card-orange {
          border: 1px solid #ff6600;
          border-top: none; }
          .flat-card.is-auto.register-name.register-name-error .card-body.card-orange .label-value {
            color: #ff6600; }
            .flat-card.is-auto.register-name.register-name-error .card-body.card-orange .label-value.ic-or {
              margin-left: 5px; }
          .flat-card.is-auto.register-name.register-name-error .card-body.card-orange i {
            color: #ff6600;
            font-size: 25px; }
        .flat-card.is-auto.register-name.register-name-error .card-body .columns.is-account-grid {
          margin-top: 30px; }
        .flat-card.is-auto.register-name.register-name-error .card-body .color-orange span {
          display: inline-block;
          color: #4a4a4a; }
      .flat-card.is-auto.register-name.register-name-error .info-block {
        position: relative; }
        .flat-card.is-auto.register-name.register-name-error .info-block .label-value {
          display: inline;
          margin-left: 30px;
          color: #a44544; }
          .flat-card.is-auto.register-name.register-name-error .info-block .label-value-not {
            display: block;
            margin-left: 0;
            margin-top: 14px; }
        .flat-card.is-auto.register-name.register-name-error .info-block .feather-check,
        .flat-card.is-auto.register-name.register-name-error .info-block .feather-x {
          position: absolute;
          color: #a44544; }
  .flat-card.is-long {
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .flat-card.is-long .left-image img {
      max-width: 260px; }
    .flat-card.is-long .left-image.is-md img {
      max-width: 220px; }
    .flat-card.is-long .product-info .product-name.featured {
      font-size: 1.2rem; }
    .flat-card.is-long .product-info .product-name.featured-md {
      font-size: 1rem; }
  .flat-card .actions {
    position: absolute;
    top: 15px;
    right: 15px; }
    .flat-card .actions div, .flat-card .actions span {
      display: inline-block;
      transition: all .3s; }
      .flat-card .actions div svg, .flat-card .actions span svg {
        height: 18px;
        width: 18px;
        margin-left: 10px;
        stroke: #999;
        transition: all .3s; }
      .flat-card .actions div:hover, .flat-card .actions span:hover {
        cursor: pointer; }
      .flat-card .actions div.add, .flat-card .actions span.add {
        transition-delay: .1s;
        transform: translateX(250px); }
        .flat-card .actions div.add svg.is-active, .flat-card .actions span.add svg.is-active {
          stroke: #64ab4c; }
        .flat-card .actions div.add:hover svg, .flat-card .actions span.add:hover svg {
          stroke: #64ab4c; }
      .flat-card .actions div.like, .flat-card .actions span.like {
        transition-delay: .2s;
        transform: translateX(200px); }
        .flat-card .actions div.like svg.is-active, .flat-card .actions span.like svg.is-active {
          stroke: #64ab4c;
          fill: #64ab4c; }
        .flat-card .actions div.like:hover svg, .flat-card .actions span.like:hover svg {
          stroke: #64ab4c;
          fill: #64ab4c; }
  .flat-card .on-sale {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 90px;
    padding: 9px;
    background: #64ab4c;
    display: flex;
    justify-content: center;
    align-items: baseline;
    transform: translate(-50%, -50%) rotate(135deg); }
    .flat-card .on-sale svg {
      height: 18px;
      width: 18px;
      stroke: #fff;
      transform: rotate(-135deg); }
  .flat-card:hover .add, .flat-card:hover .like {
    transform: translateX(0) !important; }

/* ==========================================================================
1. List Flat Card
========================================================================== */
.flat-card.is-list-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: auto !important;
  padding: 20px 40px;
  margin-top: 20px; }
  .flat-card.is-list-item:first-child {
    margin-top: 0 !important; }
  .flat-card.is-list-item span {
    display: block; }
    .flat-card.is-list-item span.image {
      margin: 0 !important;
      width: 80px;
      height: 80px; }
      .flat-card.is-list-item span.image img {
        margin: 0 !important; }
  .flat-card.is-list-item .rating i {
    color: #FFD700; }
    .flat-card.is-list-item .rating i.is-empty {
      color: #cecece; }
  .flat-card.is-list-item .rating small {
    padding: 0 5px;
    font-size: .65rem;
    color: #999; }
  .flat-card.is-list-item .product-info {
    padding: 20px 40px !important; }
    .flat-card.is-list-item .product-info .product-price span {
      display: inline-block !important; }
  .flat-card.is-list-item .product-abstract {
    margin-left: auto;
    padding: 15px 0;
    width: 40%;
    color: #999;
    font-size: .8rem; }
    .flat-card.is-list-item .product-abstract .view-more {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 5px 0; }
      .flat-card.is-list-item .product-abstract .view-more a {
        font-size: .75rem;
        font-weight: 500;
        text-transform: uppercase;
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        .flat-card.is-list-item .product-abstract .view-more a svg {
          position: relative;
          height: 16px;
          width: 16px;
          opacity: 0;
          transform: translate(0);
          transition: all .3s; }
        .flat-card.is-list-item .product-abstract .view-more a:hover svg {
          opacity: 1;
          transform: translate(3px); }
  .flat-card.is-list-item .actions {
    right: 40px !important; }
    .flat-card.is-list-item .actions span {
      display: inline-block !important; }

/*! _layout.scss | Nephos | CSS Ninja */
/* ==========================================================================
Basic layout settings
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Body
1. Shop Wrapper
=============================================================================
***/
/* ==========================================================================
0. Body
========================================================================== */
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #fff;
  position: relative; }

/* ==========================================================================
1. Shop Wrapper
========================================================================== */
.shop-wrapper {
  height: 100%;
  min-height: 100vh;
  width: 100%;
  position: relative;
  background: #f0f0f0;
  transition: all .3s; }
  .shop-wrapper.has-background-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .shop-wrapper.is-mobile-mode {
    width: 100% !important;
    margin-left: 0 !important; }
  .shop-wrapper .slider-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    max-height: 100vh; }
    .shop-wrapper .slider-wrapper .fullscreen-slick {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      min-height: 100vh;
      width: 100%;
      outline: none !important; }
      .shop-wrapper .slider-wrapper .fullscreen-slick:focus, .shop-wrapper .slider-wrapper .fullscreen-slick:active {
        outline: none !important; }
      .shop-wrapper .slider-wrapper .fullscreen-slick img {
        min-height: 100vh; }
    .shop-wrapper .slider-wrapper .full-slide {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      min-height: 100vh;
      outline: none !important; }
      .shop-wrapper .slider-wrapper .full-slide:focus, .shop-wrapper .slider-wrapper .full-slide:active {
        outline: none !important; }
    .shop-wrapper .slider-wrapper .slick-dots {
      bottom: 20px;
      max-width: 200px;
      right: 0; }
      .shop-wrapper .slider-wrapper .slick-dots li {
        width: 30px;
        height: 30px; }
        .shop-wrapper .slider-wrapper .slick-dots li button::before {
          font-size: 12px; }
        .shop-wrapper .slider-wrapper .slick-dots li.slick-active button::before {
          color: #64ab4c; }
  .shop-wrapper .hero-caption {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 120px 0;
    text-align: center;
    z-index: 1; }
    .shop-wrapper .hero-caption h1 {
      font-size: 8rem;
      font-weight: 300 !important;
      font-family: 'Alegreya Sans SC', sans-serif; }
    .shop-wrapper .hero-caption h2 {
      font-size: 1.6rem;
      margin-top: -44px;
      font-family: 'Alegreya Sans SC', sans-serif;
      font-weight: 300 !important; }
    .shop-wrapper .hero-caption .button {
      margin-top: 20px;
      font-size: 0.8rem !important; }
  .shop-wrapper .background-caption {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    z-index: 1; }
    .shop-wrapper .background-caption h1 {
      font-size: 14rem;
      font-weight: 900 !important;
      font-family: 'Alegreya Sans SC', sans-serif;
      opacity: 0.04; }

/*! _categories.scss | Nephos | CSS Ninja */
/* ==========================================================================
Main products display Layout
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Shop Tiles
1. Category Header
2. Sorting Options
=============================================================================
***/
/* ==========================================================================
0. Shop Tiles
========================================================================== */
.is-categories-grid {
  margin-top: 20px; }

.tile.has-background-image {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  transition: all .3s;
  padding: 1.25rem 2rem; }
  .tile.has-background-image:hover .tile-overlay {
    background: rgba(52, 66, 88, 0.95); }
  .tile.has-background-image:hover .tile-content .divider {
    width: 100% !important; }
  .tile.has-background-image:hover .tile-content p, .tile.has-background-image:hover .tile-content .products, .tile.has-background-image:hover .tile-content .action {
    opacity: 1;
    transform: translateY(0); }
  .tile.has-background-image .tile-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(52, 66, 88, 0.5);
    transition: all .3s;
    z-index: 0; }
  .tile.has-background-image .tile-content {
    position: relative;
    height: 100%;
    z-index: 2; }
    .tile.has-background-image .tile-content.is-small .divider, .tile.has-background-image .tile-content.is-small p {
      display: none; }
    .tile.has-background-image .tile-content .shop-category {
      font-family: 'Raleway', sans-serif;
      font-weight: 400;
      font-size: 1.2rem;
      color: #fff;
      letter-spacing: 3px; }
      .tile.has-background-image .tile-content .shop-category.is-small {
        font-size: .9rem; }
    .tile.has-background-image .tile-content .divider {
      height: 1.4px;
      background: #fff;
      width: 0%;
      min-width: 0px;
      margin: 10px 0;
      transition: width .3s ease; }
    .tile.has-background-image .tile-content p {
      color: #fff;
      font-family: 'Raleway', sans-serif;
      font-size: 1rem;
      font-weight: 400;
      opacity: 0;
      transform: translateY(20px);
      transition: all .4s;
      font-size: .9rem; }
      .tile.has-background-image .tile-content p.is-italic {
        font-weight: 300;
        font-size: .7rem;
        font-family: 'Raleway', sans-serif; }
    .tile.has-background-image .tile-content .products {
      color: #fff;
      position: absolute;
      bottom: 0;
      padding: 0;
      left: 0;
      opacity: 0;
      transform: translateY(20px);
      transition: all .4s;
      transition-delay: .1s; }
      .tile.has-background-image .tile-content .products span {
        text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
        font-size: 50%;
        font-weight: 300; }
    .tile.has-background-image .tile-content .action {
      position: absolute;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      opacity: 0;
      transform: translateY(50px);
      transition: all .3s;
      transition-delay: .15s; }
      .tile.has-background-image .tile-content .action span {
        font-family: 'Raleway', sans-serif;
        font-size: .75rem;
        font-weight: 400;
        text-transform: uppercase; }
      .tile.has-background-image .tile-content .action svg {
        width: 16px;
        height: 16px;
        stroke: #fff;
        opacity: 0;
        transform: translateX(0);
        transition: all .3s; }
      .tile.has-background-image .tile-content .action:hover {
        opacity: 0.7; }
        .tile.has-background-image .tile-content .action:hover svg {
          opacity: 1;
          transform: translateX(5px); }
.tile.is-relative {
  position: relative; }
.tile.has-min-height {
  min-height: 280px; }

/* ==========================================================================
1. Category Header
========================================================================== */
.category-header.low-padding {
  padding-top: 20px; }
.category-header.no-padding {
  padding-top: 0 !important; }
  .category-header.no-padding h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 1.2; }
.category-header h2 {
  font-size: 1.8rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 400 !important;
  line-height: 1.2;
  text-transform: uppercase; }
  .category-header h2.is-small {
    font-size: 1.4rem; }
.category-header .category-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
  position: relative; }
  .category-header .category-title.no-border {
    border-bottom: none !important; }
  .category-header .category-title.is-product-category {
    margin: 10px 0 !important; }
  .category-header .category-title h2 {
    width: 100%;
    color: #818181; }
  .category-header .category-title .shadow-title {
    position: absolute;
    opacity: 0.1;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    font-size: 2.8rem;
    top: -11px; }
  .category-header .category-title .category-icon {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .category-header .category-title .category-icon img, .category-header .category-title .category-icon svg {
      max-height: 40px;
      height: 40px;
      width: 40px;
      display: block; }
    .category-header .category-title .category-icon svg {
      fill: #999; }
    .category-header .category-title .category-icon span {
      text-transform: uppercase;
      font-size: 80%;
      color: #ccc;
      display: block; }
  .category-header .category-title .brand-filigrane {
    position: absolute;
    top: -18px;
    left: -25px;
    height: 68px;
    opacity: 0.4; }

.no-controls {
  margin-top: 20px; }

.show-more {
  text-align: center;
  padding: 10px 0; }
  .show-more a {
    text-transform: uppercase;
    font-size: 85%;
    font-weight: 600;
    color: #64ab4c; }
    .show-more a:hover {
      opacity: 0.8;
      text-decoration: underline; }

/* ==========================================================================
2. Sorting options
========================================================================== */
.listing-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0 20px 0;
  line-height: 16px;
  font-size: 18px; }
  .listing-controls .layout-controls {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .listing-controls .layout-controls span {
      margin-right: 5px;
      cursor: pointer;
      display: block; }
      .listing-controls .layout-controls span svg {
        stroke: #999; }
      .listing-controls .layout-controls span.is-active svg {
        stroke: #64ab4c; }

.sort-box {
  position: relative;
  max-width: 200px; }
  .sort-box label, .sort-box .sort-box-select {
    display: block; }
  .sort-box label {
    line-height: 40px;
    margin-top: 1px;
    padding: 0; }
  .sort-box .chosen-container-single .chosen-single {
    height: 27px;
    line-height: 25px;
    width: 100%;
    display: inline-block;
    padding: 0 14px 0 16px;
    box-shadow: none;
    color: #666;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s; }
  .sort-box .chosen-container .chosen-results li.highlighted {
    color: #ff6600 !important; }
  .sort-box .chosen-container-active .chosen-choices, .sort-box .chosen-container-active.chosen-with-drop .chosen-single, .sort-box .chosen-single:hover {
    background: #f3f3f3; }
  .sort-box .chosen-container .chosen-drop {
    padding-top: 10px;
    border: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-radius: 3px;
    width: 200px;
    margin-left: 10px;
    background: #fff;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
    z-index: 999; }
  .sort-box .chosen-container.chosen-with-drop .chosen-drop, .sort-box .chosen-container .chosen-drop {
    left: auto;
    right: -1px; }
  .sort-box .chosen-container-single .chosen-single div:after {
    color: #66676b;
    right: 0;
    top: 1px; }
  .sort-box .chosen-container-single .chosen-default {
    color: #66676b; }
  .sort-box .chosen-container-single .chosen-single span {
    margin-right: 0px;
    color: #666;
    font-weight: 600;
    transition: all 0.2s; }
  .sort-box .chosen-container-single .chosen-single div {
    position: relative;
    top: 0;
    margin-left: 0;
    display: inline-block; }
  .sort-box .chosen-container-single .chosen-single span {
    display: inline-block;
    margin-right: 0;
    vertical-align: top; }

.sort-box.avatar-menu .chosen-container-single .chosen-single {
  border: none;
  padding-left: 3px;
  padding-right: 0; }
  .sort-box.avatar-menu .chosen-container-single .chosen-single span {
    display: none; }

.sort-box.avatar-menu .chosen-container-active .chosen-choices,
.sort-box .chosen-container-active.chosen-with-drop .chosen-single,
.sort-box .chosen-single:hover {
  background-color: #fff; }

.sort-box.avatar-menu .chosen-container-single .chosen-single div:after {
  font-weight: 900;
  top: 2px;
  color: #000; }

.sort-box.avatar-menu .chosen-container .chosen-drop {
  width: 120px; }

.sort-box.avatar-menu .chosen-container.chosen-with-drop .chosen-drop,
.sort-box.avatar-menu .chosen-container .chosen-drop {
  top: 35px; }

/*! _account.scss | Nephos | CSS Ninja */
/* ==========================================================================
Account pages styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Account Header
1. Wishlist styles
2. Profile Card
3. Details Card
4. Wishlists
5. Avatar Upload
=============================================================================
***/
/* ==========================================================================
0. Account Header
========================================================================== */
.account-header h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  font-weight: 400 !important;
  text-transform: uppercase; }
.account-header .account-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px; }
  .account-header .account-title h2 {
    width: 100%; }
  .account-header .account-title .account-icon {
    width: 100%;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .account-header .account-title .account-icon img {
      height: 40px;
      width: 40px;
      border-radius: 50%;
      display: block; }
    .account-header .account-title .account-icon span {
      text-transform: uppercase;
      font-size: 80%;
      color: #ccc;
      display: block; }
  .account-header .account-title .brand-filigrane {
    position: absolute;
    top: -20px;
    left: -40px;
    height: 80px;
    opacity: 0.4; }

/* ==========================================================================
1. Tabs
========================================================================== */
.account-tabs li a {
  color: #999;
  border-width: 1px;
  padding-bottom: 15px; }
  .account-tabs li a:hover {
    color: #999;
    border-color: #999; }
  .account-tabs li a.registration-form {
    padding-left: 0; }
.account-tabs li.is-active a {
  color: #ff6600;
  border-color: #ff6600; }

/* ==========================================================================
2. Profile Card
========================================================================== */
.profile-card {
  border: none;
  margin-bottom: 20px;
  border: 1px solid #ededed; }
  .profile-card .card-body {
    padding: 20px 40px; }
  .profile-card .profile-image img {
    display: block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: 0 auto; }
  .profile-card .username {
    padding-top: 30px; }
    .profile-card .username span, .profile-card .username small {
      display: block; }
    .profile-card .username span {
      color: #424242;
      font-weight: 500;
      font-size: 1.42rem; }
    .profile-card .username small {
      font-size: 1rem;
      color: #999; }
  .profile-card .profile-footer {
    padding: 20px 40px;
    background: #fcfcfc; }
    .profile-card .profile-footer .achievement-title {
      font-family: 'Raleway', sans-serif;
      text-transform: uppercase;
      font-weight: 500;
      font-size: .75rem;
      color: #999; }
    .profile-card .profile-footer .count {
      font-size: 1.5rem;
      font-weight: 700;
      color: #818181; }

/* ==========================================================================
3. Details Card
========================================================================== */
.profile-info-card, .menu-card {
  margin-bottom: 20px;
  position: relative; }
  .profile-info-card.card-mt, .menu-card.card-mt {
    margin-bottom: 0;
    border: none; }
  .profile-info-card .card-title, .menu-card .card-title {
    position: relative;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #f5f4f4;
    z-index: 2; }
    .profile-info-card .card-title.logo-name-wbs, .menu-card .card-title.logo-name-wbs {
      justify-content: flex-start; }
      .profile-info-card .card-title.logo-name-wbs .logo-wbs, .menu-card .card-title.logo-name-wbs .logo-wbs {
        width: 30px; }
      .profile-info-card .card-title.logo-name-wbs h3, .menu-card .card-title.logo-name-wbs h3 {
        margin-left: 10px; }
    .profile-info-card .card-title h3, .menu-card .card-title h3 {
      font-weight: 500;
      color: #828282; }
    .profile-info-card .card-title .edit-account, .menu-card .card-title .edit-account {
      position: relative;
      height: 40px;
      width: 40px;
      max-height: 40px; }
      .profile-info-card .card-title .edit-account svg, .menu-card .card-title .edit-account svg {
        transition: all .3s;
        transform: rotate(0);
        stroke-width: 1.2px; }
      .profile-info-card .card-title .edit-account a, .menu-card .card-title .edit-account a {
        color: grey;
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1.8px dashed #999;
        border-radius: 50%;
        max-height: 40px;
        transition: all .3s; }
        .profile-info-card .card-title .edit-account a span, .menu-card .card-title .edit-account a span {
          font-size: 90% !important;
          padding-left: 5px; }
        .profile-info-card .card-title .edit-account a:hover, .menu-card .card-title .edit-account a:hover {
          border: 1.8px solid #ff6600; }
          .profile-info-card .card-title .edit-account a:hover svg, .menu-card .card-title .edit-account a:hover svg {
            stroke: #ff6600;
            transform: rotate(90deg); }
    .profile-info-card .card-title .confirm-button, .menu-card .card-title .confirm-button {
      position: relative;
      height: 40px;
      width: 40px;
      max-height: 40px; }
      .profile-info-card .card-title .confirm-button svg, .menu-card .card-title .confirm-button svg {
        transition: all .3s;
        transform: rotate(0);
        stroke-width: 1.2px; }
      .profile-info-card .card-title .confirm-button a, .menu-card .card-title .confirm-button a {
        color: grey;
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1.8px dashed #999;
        border-radius: 50%;
        max-height: 40px;
        transition: all .5s; }
        .profile-info-card .card-title .confirm-button a span, .menu-card .card-title .confirm-button a span {
          font-size: 90% !important;
          padding-left: 5px; }
        .profile-info-card .card-title .confirm-button a:hover, .menu-card .card-title .confirm-button a:hover {
          border: 1.8px solid #ff6600; }
          .profile-info-card .card-title .confirm-button a:hover svg, .menu-card .card-title .confirm-button a:hover svg {
            stroke: #ff6600;
            transform: rotate(360deg); }
  .profile-info-card .card-body, .menu-card .card-body {
    padding: 35px;
    padding-top: 20px; }
    .profile-info-card .card-body .register-profile, .menu-card .card-body .register-profile {
      align-items: center; }
      .profile-info-card .card-body .register-profile img, .menu-card .card-body .register-profile img {
        width: 20px; }
      .profile-info-card .card-body .register-profile p, .menu-card .card-body .register-profile p {
        color: #999;
        font-size: 15px; }
    .profile-info-card .card-body .credit-card-num, .menu-card .card-body .credit-card-num {
      position: relative; }
      .profile-info-card .card-body .credit-card-num i, .menu-card .card-body .credit-card-num i {
        position: absolute;
        top: 15px;
        left: 0;
        font-size: 3em;
        color: #999; }
      .profile-info-card .card-body .credit-card-num div, .menu-card .card-body .credit-card-num div {
        margin-left: 40px; }
    .profile-info-card .card-body.h-body, .menu-card .card-body.h-body {
      height: 250px; }
    .profile-info-card .card-body .info-block, .menu-card .card-body .info-block {
      margin-bottom: 20px; }
      .profile-info-card .card-body .info-block .chosen-container .chosen-results li.highlighted, .menu-card .card-body .info-block .chosen-container .chosen-results li.highlighted {
        color: #ff6600; }
      .profile-info-card .card-body .info-block span, .menu-card .card-body .info-block span {
        display: block; }
        .profile-info-card .card-body .info-block span.label-text, .menu-card .card-body .info-block span.label-text {
          color: #818181;
          font-weight: 500;
          font-size: 0.85rem; }
        .profile-info-card .card-body .info-block span.label-value, .menu-card .card-body .info-block span.label-value {
          color: #828282; }
      .profile-info-card .card-body .info-block .control, .menu-card .card-body .info-block .control {
        margin-top: 10px; }
    .profile-info-card .card-body .main-address, .menu-card .card-body .main-address {
      position: relative;
      top: 1px;
      font-size: 0.8rem;
      color: #828282; }
  .profile-info-card.is-dark, .menu-card.is-dark {
    background: #344258;
    color: #fff; }
    .profile-info-card.is-dark.bg-bsp, .menu-card.is-dark.bg-bsp {
      background-color: #fff; }
    .profile-info-card.is-dark.is-achievement .name-logo-website, .menu-card.is-dark.is-achievement .name-logo-website {
      padding: 25px 25px 10px 25px;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .profile-info-card.is-dark.is-achievement .name-logo-website .name-website, .menu-card.is-dark.is-achievement .name-logo-website .name-website {
        text-transform: uppercase;
        font-size: 0.8rem;
        font-family: 'Raleway', sans-serif;
        color: #000;
        font-size: 1rem;
        margin-left: 10px;
        font-weight: 600; }
      .profile-info-card.is-dark.is-achievement .name-logo-website .logo-mp, .menu-card.is-dark.is-achievement .name-logo-website .logo-mp {
        width: 45px; }
    .profile-info-card.is-dark.is-achievement .name-register, .menu-card.is-dark.is-achievement .name-register {
      padding-bottom: 25px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .profile-info-card.is-dark.is-achievement .name-register img, .menu-card.is-dark.is-achievement .name-register img {
        height: 100%;
        width: 30px; }
      .profile-info-card.is-dark.is-achievement .name-register span, .menu-card.is-dark.is-achievement .name-register span {
        color: #000;
        margin-left: 10px; }
    .profile-info-card.is-dark.is-achievement .card-body, .menu-card.is-dark.is-achievement .card-body {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 25px; }
      .profile-info-card.is-dark.is-achievement .card-body img, .menu-card.is-dark.is-achievement .card-body img {
        height: 100%;
        width: 65px; }
      .profile-info-card.is-dark.is-achievement .card-body .achievement-name, .menu-card.is-dark.is-achievement .card-body .achievement-name {
        padding: 0 10px; }
        .profile-info-card.is-dark.is-achievement .card-body .achievement-name span, .menu-card.is-dark.is-achievement .card-body .achievement-name span {
          display: block;
          font-family: 'Raleway', sans-serif;
          font-weight: 500; }
          .profile-info-card.is-dark.is-achievement .card-body .achievement-name span.is-gold, .menu-card.is-dark.is-achievement .card-body .achievement-name span.is-gold {
            color: #818181;
            font-size: .9rem; }
          .profile-info-card.is-dark.is-achievement .card-body .achievement-name span.is-green, .menu-card.is-dark.is-achievement .card-body .achievement-name span.is-green {
            color: #fff;
            font-size: 1rem; }
  .profile-info-card.has-overflow, .menu-card.has-overflow {
    overflow: visible !important; }
    .profile-info-card.has-overflow .chosen-single, .menu-card.has-overflow .chosen-single {
      max-height: 36px; }
      .profile-info-card.has-overflow .chosen-single span, .menu-card.has-overflow .chosen-single span {
        max-height: 36px;
        display: block;
        position: relative;
        top: -42.5px;
        left: -8px; }
    .profile-info-card.has-overflow .switch-wrapper, .menu-card.has-overflow .switch-wrapper {
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center; }
  .profile-info-card .card-bg, .menu-card .card-bg {
    position: absolute;
    right: -32px;
    bottom: 6px;
    height: 160px;
    opacity: 0.3; }

/* ==========================================================================
4. Wishlists
========================================================================== */
.menu-card .wishlists li {
  padding: 5px 20px;
  border-top: 1px solid #ededed; }
  .menu-card .wishlists li a {
    padding: 10px 0;
    display: block;
    color: #999; }
  .menu-card .wishlists li.is-active a {
    color: #64ab4c !important; }
  .menu-card .wishlists li:first-child {
    border-top: none !important; }
  .menu-card .wishlists li:hover {
    background: #f5f4f4; }
    .menu-card .wishlists li:hover a {
      color: #828282; }

.wishlist-card {
  overflow: visible; }
  .wishlist-card .wishlist .wishlist-item {
    border-top: 1px solid #ededed; }
    .wishlist-card .wishlist .wishlist-item:first-child {
      border-top: none !important; }
    .wishlist-card .wishlist .wishlist-item span {
      display: block; }
    .wishlist-card .wishlist .wishlist-item .item-wrapper {
      position: relative;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 10px 40px; }
      .wishlist-card .wishlist .wishlist-item .item-wrapper:hover .on-sale {
        display: flex;
        justify-content: center;
        align-items: center; }
      .wishlist-card .wishlist .wishlist-item .item-wrapper img {
        height: 80px; }
      .wishlist-card .wishlist .wishlist-item .item-wrapper .product-info span:first-child {
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        font-size: .9rem; }
      .wishlist-card .wishlist .wishlist-item .item-wrapper .product-info span:last-child {
        font-size: 70%;
        font-weight: 500;
        text-transform: uppercase;
        color: #828282; }
      .wishlist-card .wishlist .wishlist-item .item-wrapper .action {
        margin-left: auto; }
        .wishlist-card .wishlist .wishlist-item .item-wrapper .action .dropdown-button {
          position: relative;
          height: 40px;
          width: 40px;
          max-height: 40px; }
          .wishlist-card .wishlist .wishlist-item .item-wrapper .action .dropdown-button svg {
            width: 20px;
            height: 20px;
            transition: all .3s;
            transform: rotate(0);
            stroke-width: 1.2px; }
          .wishlist-card .wishlist .wishlist-item .item-wrapper .action .dropdown-button a {
            color: grey;
            height: 40px;
            width: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1.8px dashed #999;
            border-radius: 50%;
            max-height: 40px;
            transition: all .3s; }
            .wishlist-card .wishlist .wishlist-item .item-wrapper .action .dropdown-button a span {
              font-size: 90% !important;
              padding-left: 5px; }
            .wishlist-card .wishlist .wishlist-item .item-wrapper .action .dropdown-button a:hover {
              border: 1.8px solid #64ab4c; }
              .wishlist-card .wishlist .wishlist-item .item-wrapper .action .dropdown-button a:hover svg {
                stroke: #64ab4c; }
        .wishlist-card .wishlist .wishlist-item .item-wrapper .action .dropdown-item {
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .wishlist-card .wishlist .wishlist-item .item-wrapper .action .dropdown-item span {
            display: block;
            margin-left: 15px;
            color: #818181; }
          .wishlist-card .wishlist .wishlist-item .item-wrapper .action .dropdown-item svg {
            height: 18px;
            width: 18px;
            stroke-width: 1.2px;
            stroke: #cecece; }
          .wishlist-card .wishlist .wishlist-item .item-wrapper .action .dropdown-item:hover svg {
            stroke: #64ab4c; }
      .wishlist-card .wishlist .wishlist-item .item-wrapper .on-sale {
        position: absolute;
        top: -15px;
        left: -15px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #64ab4c;
        display: none;
        transform: rotate(0);
        transition: opacity .3s; }
        .wishlist-card .wishlist .wishlist-item .item-wrapper .on-sale svg {
          height: 12px;
          width: 12px;
          stroke: #fff;
          stroke-width: 3px !important;
          transform: rotate(0) translate(5px, 5px); }

.wishlist-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0; }
  .wishlist-pagination ul li {
    display: inline-block;
    margin: 0 5px;
    transition: all .3s;
    cursor: pointer; }
    .wishlist-pagination ul li span {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 45px;
      height: 45px;
      border-radius: 50%;
      background: #999;
      font-size: .9rem;
      color: #fff;
      transition: inherit; }
    .wishlist-pagination ul li.is-active span {
      background: #64ab4c;
      font-weight: 500;
      box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; }
    .wishlist-pagination ul li:hover {
      opacity: 0.7; }
      .wishlist-pagination ul li:hover span {
        box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; }

.avatar-wrapper {
  position: relative;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 1px 1px 15px -5px black;
  transition: all .3s ease; }
  .avatar-wrapper:hover {
    cursor: pointer; }
  .avatar-wrapper:hover .profile-pic {
    opacity: .5; }
  .avatar-wrapper .profile-pic {
    height: 100%;
    width: 100%;
    transition: all .3s ease; }
    .avatar-wrapper .profile-pic:after {
      font-family: FontAwesome;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      font-size: 60px;
      color: #34495e;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
  .avatar-wrapper .upload-button {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
    .avatar-wrapper .upload-button .upload-icon {
      position: absolute;
      width: 30px;
      height: 30px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      opacity: 0;
      transition: all .3s ease;
      stroke: #64ab4c; }
    .avatar-wrapper .upload-button:hover .upload-icon {
      opacity: .9; }

/* ==========================================================================
5. Avatar Upload
========================================================================== */
.upload-card {
  padding: 40px 20px;
  border: 1px solid #ededed; }
  .upload-card .username {
    padding: 10px 0;
    font-weight: 500; }
    .upload-card .username span {
      display: block; }
      .upload-card .username span:nth-child(2) {
        font-size: 90%;
        font-weight: 400;
        color: #828282; }
  .upload-card .button {
    font-weight: 500 !important;
    text-transform: uppercase;
    margin: 0 auto !important; }

.update-card {
  line-height: 1.42857;
  font-size: 24px;
  margin-bottom: 20px; }

/*! _cart.scss | Nephos | CSS Ninja */
/* ==========================================================================
Cart page styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Cart Summary
1. Cart Card
2. Empty Cart Card
=============================================================================
***/
/* ==========================================================================
0. Cart Summary
========================================================================== */
.cart-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }
  .cart-summary .cart-total {
    font-size: 1.6rem;
    font-weight: 500; }
    .cart-summary .cart-total:before {
      content: '$';
      font-size: 60%;
      position: relative;
      left: 8px; }
    .cart-summary .cart-total small {
      display: block;
      font-size: .8rem;
      color: #64ab4c;
      text-align: right; }
      .cart-summary .cart-total small span {
        text-transform: uppercase;
        font-weight: 600;
        font-family: 'Raleway', sans-serif;
        font-size: .7rem; }

/* ==========================================================================
1. Cart Card
========================================================================== */
.cart-card {
  padding: 40px; }
  .cart-card .cart-content li {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .cart-card .cart-content li img {
      display: block;
      height: 80px; }
    .cart-card .cart-content li span {
      display: block; }
    .cart-card .cart-content li .product-info {
      padding: 0 30px;
      width: 220px; }
      .cart-card .cart-content li .product-info span:first-child {
        color: #818181;
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        font-size: .9rem; }
      .cart-card .cart-content li .product-info span:nth-child(2) {
        font-size: 80%;
        text-transform: uppercase;
        color: #828282;
        font-weight: 500; }
    .cart-card .cart-content li .product-price span {
      margin-left: 30px; }
      .cart-card .cart-content li .product-price span:first-child {
        font-weight: 600;
        font-size: .75rem;
        text-transform: uppercase;
        color: #818181; }
      .cart-card .cart-content li .product-price span:nth-child(2) {
        font-size: 1.2rem;
        font-weight: 500;
        color: #64ab4c;
        width: 100px; }
        .cart-card .cart-content li .product-price span:nth-child(2):before {
          content: '$';
          font-size: 70%; }
    .cart-card .cart-content li .product-quantity {
      margin: 0 30px; }
      .cart-card .cart-content li .product-quantity span {
        font-weight: 600;
        font-size: .75rem;
        text-transform: uppercase;
        color: #818181; }
      .cart-card .cart-content li .product-quantity .control {
        max-width: 70px; }
        .cart-card .cart-content li .product-quantity .control input {
          max-height: 28px; }
    .cart-card .cart-content li .action {
      margin-left: auto; }
      .cart-card .cart-content li .action .action-link {
        position: relative;
        height: 36px;
        width: 36px;
        max-height: 36px;
        margin: 0 2px;
        display: inline-block; }
        .cart-card .cart-content li .action .action-link svg {
          transition: all .3s;
          transform: rotate(0);
          stroke-width: 1.2px; }
        .cart-card .cart-content li .action .action-link a {
          color: grey;
          height: 36px;
          width: 36px;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1.6px dashed #999;
          border-radius: 50%;
          max-height: 36px;
          transition: all .3s; }
          .cart-card .cart-content li .action .action-link a span {
            font-size: 90% !important;
            padding-left: 5px; }
          .cart-card .cart-content li .action .action-link a svg {
            height: 18px;
            width: 18px;
            transition: all .3s; }
          .cart-card .cart-content li .action .action-link a:hover {
            border: 1.8px solid #64ab4c; }
            .cart-card .cart-content li .action .action-link a:hover svg {
              stroke: #64ab4c; }
        .cart-card .cart-content li .action .action-link.is-like:hover a, .cart-card .cart-content li .action .action-link.is-like.is-active a {
          border: 1.8px solid #64ab4c; }
        .cart-card .cart-content li .action .action-link.is-like:hover svg, .cart-card .cart-content li .action .action-link.is-like.is-active svg {
          stroke: #64ab4c;
          fill: #64ab4c; }
        .cart-card .cart-content li .action .action-link.is-remove:hover a {
          border: 1.8px solid #ea1515; }
        .cart-card .cart-content li .action .action-link.is-remove:hover svg {
          stroke: #ea1515; }

/* ==========================================================================
2. Empty Cart Card
========================================================================== */
.empty-cart-card {
  padding: 40px;
  border-radius: 6px; }
  .empty-cart-card .empty-cart h3, .empty-cart-card .empty-cart img {
    display: block; }
  .empty-cart-card .empty-cart h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    padding-bottom: 40px;
    color: #999; }
  .empty-cart-card .empty-cart img {
    max-height: 90px;
    max-width: 90px;
    margin: 0 auto; }
  .empty-cart-card .empty-cart a {
    margin-top: 20px;
    color: #64ab4c;
    border: 1.4px solid #64ab4c;
    transition: all .4s; }
    .empty-cart-card .empty-cart a:hover {
      color: rgba(0, 35, 255, 0.4);
      border-color: rgba(0, 35, 255, 0.4); }
  .empty-cart-card .empty-cart small {
    display: block;
    color: #999;
    font-size: 80%;
    margin-top: 10px; }

/*! _orders.scss | Nephos | CSS Ninja */
/* ==========================================================================
Orders pages styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Order Cards
1. Order List Cards
=============================================================================
***/
/* ==========================================================================
0. Order Cards
========================================================================== */
.sp-menu {
  margin-top: 40px; }

.invoicing-mh .section {
  min-height: 703px; }

.order-card {
  position: relative;
  padding: 20px;
  overflow: visible; }
  .order-card:hover {
    box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; }
  .order-card .order-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    text-transform: uppercase; }
    .order-card .order-info.ring-title {
      padding-bottom: 0;
      padding-top: 20px; }
    .order-card .order-info span {
      display: block; }
      .order-card .order-info span a {
        color: #818181;
        font-size: 13px; }
        .order-card .order-info span a:hover {
          color: #64ab4c;
          text-decoration: underline; }
  .order-card .circle-chart-wrapper {
    text-align: center;
    position: relative; }
  .order-card .bn-center {
    text-align: center; }
  .order-card .circle-chart-circle {
    animation: circle-chart-fill 2s reverse;
    transform: rotate(-90deg);
    transform-origin: center; }
  .order-card .chart-icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50px;
    margin-top: -20px; }
    .order-card .chart-icon img {
      position: relative;
      width: 30px;
      height: 30px; }
      .order-card .chart-icon img.p-icon {
        width: 15px;
        height: 40px; }
      .order-card .chart-icon img.c-icon {
        height: 35px; }
    .order-card .chart-icon.bn-company {
      top: 40%; }
      .order-card .chart-icon.bn-company img {
        height: 50px;
        width: auto; }
  .order-card .ring-title span {
    font-size: 13px;
    color: #0e569f;
    float: left;
    font-weight: 600; }
  .order-card .ring-title img {
    float: right;
    height: 30px;
    width: 30px; }
  .order-card .tag {
    position: relative;
    display: flex !important;
    border-radius: inherit; }
    .order-card .tag.is-primary {
      background: #64ab4c !important;
      color: #fff !important; }
    .order-card .tag.is-success {
      background: #f5dd13 !important;
      color: #fff !important; }
    .order-card .tag.is-warning {
      background: #ea1515 !important;
      color: #fff !important; }
    .order-card .tag.is-danger {
      background: #64ab4c !important;
      color: #fff !important; }
@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100; } }
/* ==========================================================================
1. Order List Cards
========================================================================== */
.list-card .list-card-header {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  padding: 15px 20px;
  background: #f5f4f4;
  border-bottom: 1px solid #ededed;
  color: #828282; }
.list-card ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  cursor: pointer;
  color: #999;
  font-size: 0.75rem;
  font-weight: 500;
  border-top: 1px solid #ededed; }
  .list-card ul li:first-child {
    border-top: none; }
  .list-card ul li:hover {
    background: #f9f9f9;
    color: #818181; }
    .list-card ul li:hover .order-indicator {
      opacity: 0.8; }
  .list-card ul li.is-active {
    color: #64ab4c; }
    .list-card ul li.is-active .order-indicator {
      opacity: 1; }
  .list-card ul li .order-indicator {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    opacity: 0; }
    .list-card ul li .order-indicator.is-progress {
      background: #64ab4c; }
    .list-card ul li .order-indicator.is-preparing {
      background: #f5dd13; }
    .list-card ul li .order-indicator.is-warning {
      background: #ea1515; }
    .list-card ul li .order-indicator.is-issue {
      background: #64ab4c; }

.dom-pad {
  padding: .75rem; }

.information-padtop {
  padding-top: 35px; }
  .information-padtop.comp-non {
    padding-top: 0; }
    .information-padtop.comp-non .inner.company-register-select {
      display: flex;
      justify-content: center;
      align-items: center; }
      .information-padtop.comp-non .inner.company-register-select .select:not(.is-multiple) {
        height: 3.85em !important;
        width: 400px; }
    .information-padtop.comp-non.back-continue {
      justify-content: space-between; }
    .information-padtop.comp-non.continue-btn {
      justify-content: flex-end; }
  .information-padtop .inp-sc {
    padding-right: 0; }
    .information-padtop .inp-sc .btn-forms button {
      display: inline-block !important;
      width: 150px;
      border: 1px solid #64ab4c;
      background-color: transparent;
      color: grey; }
      .information-padtop .inp-sc .btn-forms button:focus {
        background-color: #ff6600;
        color: #fff; }
    .information-padtop .inp-sc ul {
      margin: 20px 0; }
      .information-padtop .inp-sc ul li:first-child {
        font-weight: 600;
        margin-bottom: 10px; }
  .information-padtop .chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #b5b5b5;
    border-radius: 0; }
  .information-padtop .chosen-container .chosen-results li.highlighted {
    color: #ff6600; }
  .information-padtop .chosen-container-single .chosen-single div:after {
    color: #4a4a4a; }
  .information-padtop .select-domen {
    padding-left: 0; }
    .information-padtop .select-domen .select {
      height: 43px !important;
      border: 1px solid #b5b5b5;
      border-radius: 0; }
      .information-padtop .select-domen .select .styledSelect {
        background-color: inherit; }
      .information-padtop .select-domen .select ul li:hover {
        color: #ff6600;
        background-color: inherit; }
      .information-padtop .select-domen .select span {
        color: #4a4a4a; }
  .information-padtop .an-ABN {
    background-color: #d9edf6;
    padding: 20px;
    border: 1px solid #cee8ee; }
    .information-padtop .an-ABN div {
      margin-bottom: 20px;
      color: #357098;
      font-weight: 700; }
    .information-padtop .an-ABN p {
      color: #357098;
      font-weight: 400; }
    .information-padtop .an-ABN button {
      margin-top: 10px; }
  .information-padtop .color-ddd {
    color: #aaa; }
  .information-padtop.associate .b-mw {
    min-width: 150px; }
  .information-padtop.associate .b-bottL {
    padding-right: 20px; }
    .information-padtop.associate .b-bottL-R {
      padding-left: 20px;
      padding-right: 12px; }
    .information-padtop.associate .b-bottL .details {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border: 1px solid #dbdbdb;
      padding: 20px; }
      .information-padtop.associate .b-bottL .details i {
        margin-bottom: 10px;
        font-size: 80px;
        color: #59686f; }
  .information-padtop .b-b {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px;
    color: #ff6600;
    font-size: 23px;
    line-height: 1.2;
    padding-bottom: 15px; }
    .information-padtop .b-b span {
      font-size: 15px;
      font-weight: 600;
      color: #777; }
    .information-padtop .b-b i:before {
      color: #ff6600; }
  .information-padtop .button-one {
    padding-right: 5px; }
    .information-padtop .button-one-two {
      padding-left: 0; }
  .information-padtop .is-flex {
    justify-content: flex-end;
    align-items: center; }
    .information-padtop .is-flex.icon-com {
      position: relative; }
      .information-padtop .is-flex.icon-com em {
        color: #98a6ad; }
      .information-padtop .is-flex.icon-com i {
        position: absolute;
        right: 0;
        top: 15px; }
      .information-padtop .is-flex.icon-com p {
        margin-right: 10px; }

.fz-h {
  font-size: 20px; }
  .fz-h.pay-business {
    font-size: 25px; }

.order-list-card {
  padding: 40px; }
  .order-list-card.invoicing {
    padding: 0;
    margin-top: 35px; }
    .order-list-card.invoicing .total {
      padding: 0 28px;
      background-color: #f5f4f4;
      font-size: 18px;
      color: #ff6600;
      border-bottom: 1px solid #dbdbdb; }
      .order-list-card.invoicing .total-user {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .order-list-card.invoicing .total-user .subscriptions {
          padding: 20px 0; }
      .order-list-card.invoicing .total > div {
        padding: 20px 0; }
    .order-list-card.invoicing .table-block {
      margin-top: 0; }
    .order-list-card.invoicing .btn-pop {
      margin: 15px;
      position: relative; }
      .order-list-card.invoicing .btn-pop i {
        position: absolute;
        z-index: 10;
        top: 15px;
        left: 12px;
        color: #828282;
        font-size: 14px; }
      .order-list-card.invoicing .btn-pop a {
        min-width: 130px !important;
        background: #fff;
        color: #828282;
        border: 1px solid #ededed;
        height: 40px;
        padding-left: 30px; }
  .order-list-card .progress-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px; }
    .order-list-card .progress-block h3 {
      font-size: .85rem;
      font-weight: 500; }
    .order-list-card .progress-block progress {
      max-width: 120px; }
      .order-list-card .progress-block progress.primary-progress::-webkit-progress-value {
        background-color: #64ab4c; }
      .order-list-card .progress-block progress.primary-progress::-moz-progress-bar {
        background-color: #64ab4c; }
      .order-list-card .progress-block progress.primary-progress::-ms-fill {
        background-color: #64ab4c; }
      .order-list-card .progress-block progress.success-progress::-webkit-progress-value {
        background-color: #f5dd13; }
      .order-list-card .progress-block progress.success-progress::-moz-progress-bar {
        background-color: #f5dd13; }
      .order-list-card .progress-block progress.success-progress::-ms-fill {
        background-color: #f5dd13; }
      .order-list-card .progress-block progress.warning-progress::-webkit-progress-value {
        background-color: #ea1515; }
      .order-list-card .progress-block progress.warning-progress::-moz-progress-bar {
        background-color: #ea1515; }
      .order-list-card .progress-block progress.warning-progress::-ms-fill {
        background-color: #ea1515; }
      .order-list-card .progress-block progress.danger-progress::-webkit-progress-value {
        background-color: #64ab4c; }
      .order-list-card .progress-block progress.danger-progress::-moz-progress-bar {
        background-color: #64ab4c; }
      .order-list-card .progress-block progress.danger-progress::-ms-fill {
        background-color: #64ab4c; }
  .order-list-card .order-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0; }
    .order-list-card .order-block img {
      height: 40px;
      width: 40px;
      border-radius: 50%; }
    .order-list-card .order-block .handled-by, .order-list-card .order-block .status, .order-list-card .order-block .date, .order-list-card .order-block .total {
      margin: 0 10px; }
      .order-list-card .order-block .handled-by div:first-child, .order-list-card .order-block .status div:first-child, .order-list-card .order-block .date div:first-child, .order-list-card .order-block .total div:first-child {
        font-size: .65rem;
        text-transform: uppercase;
        font-weight: 600; }
      .order-list-card .order-block .handled-by div:nth-child(2), .order-list-card .order-block .status div:nth-child(2), .order-list-card .order-block .date div:nth-child(2), .order-list-card .order-block .total div:nth-child(2) {
        color: #828282; }
        .order-list-card .order-block .handled-by div:nth-child(2).is-date, .order-list-card .order-block .status div:nth-child(2).is-date, .order-list-card .order-block .date div:nth-child(2).is-date, .order-list-card .order-block .total div:nth-child(2).is-date {
          font-size: .85rem;
          font-weight: 500; }
        .order-list-card .order-block .handled-by div:nth-child(2).is-price, .order-list-card .order-block .status div:nth-child(2).is-price, .order-list-card .order-block .date div:nth-child(2).is-price, .order-list-card .order-block .total div:nth-child(2).is-price {
          font-size: 1rem;
          font-weight: 500;
          color: #64ab4c; }
          .order-list-card .order-block .handled-by div:nth-child(2).is-price:before, .order-list-card .order-block .status div:nth-child(2).is-price:before, .order-list-card .order-block .date div:nth-child(2).is-price:before, .order-list-card .order-block .total div:nth-child(2).is-price:before {
            content: '$';
            font-size: 80%;
            position: relative;
            top: -3px; }
    .order-list-card .order-block .total .tag {
      margin: 0 5px;
      font-weight: 400; }
    .order-list-card .order-block .order-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 40px;
      width: 40px; }
      .order-list-card .order-block .order-icon svg {
        stroke: #999;
        stroke-width: 1.4px;
        height: 20px;
        width: 20px; }
    .order-list-card .order-block .tag.primary-tag {
      background: #64ab4c;
      color: #fff; }
    .order-list-card .order-block .tag.success-tag {
      background: #f5dd13;
      color: #fff; }
    .order-list-card .order-block .tag.warning-tag {
      background: #ea1515;
      color: #fff; }
    .order-list-card .order-block .tag.danger-tag {
      background: #64ab4c;
      color: #fff; }
  .order-list-card .table-block {
    margin-top: 20px; }
    .order-list-card .table-block table {
      border-collapse: collapse;
      margin: 0;
      padding: 0;
      width: 100%;
      table-layout: fixed; }
      .order-list-card .table-block table th {
        font-size: .9rem !important;
        font-weight: 700;
        color: #565656; }
      .order-list-card .table-block table td {
        font-size: .85rem;
        font-weight: 600;
        color: #828282;
        padding: .9rem 2em !important; }
    .order-list-card .table-block table tr {
      border-bottom: 1px solid #ededed;
      padding: .35em; }
    .order-list-card .table-block table th,
    .order-list-card .table-block table td {
      padding: .9em 2em;
      letter-spacing: 0.7px;
      position: relative;
      vertical-align: middle; }
      .order-list-card .table-block table th .user-span,
      .order-list-card .table-block table td .user-span {
        background-color: #5cb85c;
        color: #fff;
        padding: .2em .6em .3em; }
      .order-list-card .table-block table th.download i,
      .order-list-card .table-block table td.download i {
        cursor: pointer; }
        .order-list-card .table-block table th.download i:hover,
        .order-list-card .table-block table td.download i:hover {
          color: #ff6600;
          font-size: 22px; }
      .order-list-card .table-block table th .bg-status.bg-r,
      .order-list-card .table-block table td .bg-status.bg-r {
        background-color: #f2dedf; }
      .order-list-card .table-block table th .bg-status.bg-g,
      .order-list-card .table-block table td .bg-status.bg-g {
        background-color: #def0d8; }
      .order-list-card .table-block table th .bg-status svg,
      .order-list-card .table-block table td .bg-status svg {
        position: absolute;
        color: #a44544;
        font-weight: 600; }
        .order-list-card .table-block table th .bg-status svg.available,
        .order-list-card .table-block table td .bg-status svg.available {
          color: #3b7642; }
      .order-list-card .table-block table th .bg-status span,
      .order-list-card .table-block table td .bg-status span {
        margin-left: 25px;
        color: #a44544; }
        .order-list-card .table-block table th .bg-status span.available-s,
        .order-list-card .table-block table td .bg-status span.available-s {
          color: #3b7642; }
      .order-list-card .table-block table th .button-block,
      .order-list-card .table-block table td .button-block {
        margin-top: 0; }
    .order-list-card .table-block table th {
      font-size: .85em;
      letter-spacing: .1em;
      text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      .order-list-card .table-block table td .inner {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .order-list-card .table-block table {
        border: 0; }
      .order-list-card .table-block table caption {
        font-size: 1.3em; }
      .order-list-card .table-block table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px; }
      .order-list-card .table-block table tr {
        border-bottom: 3px solid #ddd;
        display: block; }
      .order-list-card .table-block table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right; }
        .order-list-card .table-block table td .inner {
          width: 50%; }
      .order-list-card .table-block table td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase; }
      .order-list-card .table-block table td:last-child {
        border-bottom: 0; } }
  .order-list-card .button-block {
    margin-top: 20px; }

.footer-grey {
  background-color: #363636;
  color: #fff;
  padding: 30px 50px; }
  .footer-grey ul li {
    padding: 3px 0; }
  .footer-grey.columns {
    margin-bottom: 0;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto; }
  .footer-grey .title-bott {
    margin-bottom: 20px;
    font-weight: 600; }
    .footer-grey .title-bott.font-xs {
      font-size: 10px; }
  .footer-grey a {
    color: #fff; }
    .footer-grey a.link-email {
      color: #ff6600; }
      .footer-grey a.link-email:hover {
        color: #fff; }

.icon-abn {
  position: relative; }
  .icon-abn i {
    font-size: 28px;
    color: #59686f;
    position: absolute;
    left: 15px;
    top: 23px; }
    .icon-abn i.icon-p {
      top: 12px; }
  .icon-abn p {
    margin-left: 50px; }
    .icon-abn p.p-sm {
      color: #777;
      font-size: 12px; }

.account-mt {
  margin-top: 25px; }

.c-entities-director .information-padtop .inp-sc.button-center,
.company-location .information-padtop .inp-sc.button-center {
  margin: 0 auto;
  padding-left: 0; }
.c-entities-director .information-padtop .is-flex,
.company-location .information-padtop .is-flex {
  align-items: center; }
  .c-entities-director .information-padtop .is-flex .input-check,
  .company-location .information-padtop .is-flex .input-check {
    margin-top: 20px; }
.c-entities-director .select:not(.is-multiple),
.company-location .select:not(.is-multiple) {
  height: 43px !important;
  border-radius: 10px; }
  .c-entities-director .select:not(.is-multiple) .styledSelect,
  .company-location .select:not(.is-multiple) .styledSelect {
    background-color: transparent;
    font-size: 15px; }
  .c-entities-director .select:not(.is-multiple) .options,
  .company-location .select:not(.is-multiple) .options {
    background-color: #ededed;
    margin-top: 0; }
    .c-entities-director .select:not(.is-multiple) .options li,
    .company-location .select:not(.is-multiple) .options li {
      font-size: 15px; }
      .c-entities-director .select:not(.is-multiple) .options li:first-child,
      .company-location .select:not(.is-multiple) .options li:first-child {
        margin-bottom: 0; }
.c-entities-director .checkbox-red label,
.company-location .checkbox-red label {
  display: flex;
  align-items: end;
  margin-top: 0; }
.c-entities-director .checkbox-wrap.is-small input + span,
.company-location .checkbox-wrap.is-small input + span {
  margin-top: 5px; }
.c-entities-director .information-padtop .is-flex.icon-com div,
.company-location .information-padtop .is-flex.icon-com div {
  padding-right: 10px; }

.company-entities .icon-question-m, .what-is-done .icon-question-m {
  margin: 5px; }
.company-entities .information-padtop i.fa.fa-question-circle:before, .what-is-done .information-padtop i.fa.fa-question-circle:before {
  font-size: 23px;
  color: #ff6600; }
.company-entities .explanation, .what-is-done .explanation {
  padding: 15px;
  background-color: #d9edf6;
  border: 1px solid #cee8ee;
  color: #357098; }

.company-entities-left .information-padtop .is-flex {
  align-items: inherit;
  padding-right: 18px; }
.company-entities-left .information-padtop .is-flex.icon-com i {
  right: 5px; }
.company-entities-left .control.has-addon.has-block .input-block {
  right: inherit;
  width: 43px;
  height: 43px;
  top: 12px;
  border: 1px solid #b5b5b5; }
.company-entities-left .green-letters {
  color: #1b6b00; }
  .company-entities-left .green-letters div {
    padding-bottom: 4px; }
.company-entities-left .what-is-done .table {
  line-height: 1.6; }
.company-entities-left .what-is-done .table-block {
  margin-top: 0; }
  .company-entities-left .what-is-done .table-block table tr {
    border: none; }
  .company-entities-left .what-is-done .table-block td div:first-child {
    margin-top: 20px; }
  .company-entities-left .what-is-done .table-block h3 {
    font-size: 20px;
    margin: 15px 0; }
.company-entities-left .what-is-done .flat-card {
  margin-top: 40px; }
.company-entities-left .what-is-done .info-block.info-b-green {
  color: #1b6b00; }
.company-entities-left .what-is-done .info-block.info-b-red {
  color: #a44544; }
.company-entities-left .what-is-done .info-block svg {
  position: absolute; }
.company-entities-left .what-is-done .info-block span {
  margin-left: 30px; }
.company-entities-left .what-is-done .checkbox-red label {
  display: flex;
  align-items: end;
  margin-top: 0; }
.company-entities-left .what-is-done .add-cart {
  padding-left: 0; }
.company-entities-left .what-is-done .table-position {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid #565656;
  border-radius: 5px;
  background-color: #565656;
  color: #fff; }
  .company-entities-left .what-is-done .table-position i {
    margin-right: 10px; }

/*! _product.scss | Nephos | CSS Ninja */
/* ==========================================================================
Product page styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Product left panel
1. Product Right Panel
2. Review Modal
3. Carousel Modifier
=============================================================================
***/
/* ==========================================================================
0. Product left panel
========================================================================== */
.product-panel {
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  min-height: 100vh;
  width: 40%;
  background: #fff;
  box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.06);
  z-index: 1; }
  .product-panel .panel-header {
    line-height: 48px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 40px 0;
    position: relative;
    z-index: 15; }
    .product-panel .panel-header .likes {
      margin: 0 30px; }
      .product-panel .panel-header .likes span {
        font-size: 1.1rem;
        font-weight: 500;
        color: #999; }
      .product-panel .panel-header .likes svg {
        width: 18px;
        height: 18px;
        stroke: #0e569f;
        position: relative;
        top: 2px; }
        .product-panel .panel-header .likes svg.is-liked {
          stroke: #64ab4c !important;
          fill: #64ab4c !important; }
  .product-panel .product-image {
    padding: 25% 0;
    text-align: center;
    position: relative; }
    .product-panel .product-image img {
      max-width: 250px; }
  .product-panel .product-actions {
    position: absolute;
    bottom: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .product-panel .product-actions svg {
      width: 20px;
      height: 20px;
      cursor: pointer; }
    .product-panel .product-actions .zoom-buttons {
      margin: 0 30px;
      max-height: 20px; }
      .product-panel .product-actions .zoom-buttons svg {
        stroke: #999; }
        .product-panel .product-actions .zoom-buttons svg:hover {
          stroke: #64ab4c; }
    .product-panel .product-actions .right-actions {
      margin: 0 30px;
      max-height: 20px; }
      .product-panel .product-actions .right-actions svg {
        stroke: #999; }
        .product-panel .product-actions .right-actions svg:hover {
          stroke: #64ab4c; }
      .product-panel .product-actions .right-actions span {
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px; }
        .product-panel .product-actions .right-actions span.is-active svg {
          stroke: #64ab4c; }
  .product-panel .detailed-description {
    padding: 10px 40px 20px 40px;
    max-height: 65vh;
    overflow-y: auto;
    margin-top: 20px; }
    .product-panel .detailed-description::-webkit-scrollbar {
      width: 10px; }
    .product-panel .detailed-description::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: rgba(0, 0, 0, 0.2); }
    .product-panel .detailed-description .meta-block {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 10px 0; }
      .product-panel .detailed-description .meta-block h3 {
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        color: #818181;
        font-size: 0.8rem;
        text-transform: uppercase; }
        .product-panel .detailed-description .meta-block h3.spaced {
          padding-top: 10px; }
      .product-panel .detailed-description .meta-block p {
        color: #999;
        padding-top: 5px;
        font-size: 0.9rem; }
        .product-panel .detailed-description .meta-block p.spaced {
          padding-top: 10px; }
      .product-panel .detailed-description .meta-block .colored-dots {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-top: 10px; }
        .product-panel .detailed-description .meta-block .colored-dots .dot-wrapper {
          text-align: center;
          margin: 0 5px; }
          .product-panel .detailed-description .meta-block .colored-dots .dot-wrapper .dot {
            width: 24px;
            height: 24px;
            border-radius: 50%; }
            .product-panel .detailed-description .meta-block .colored-dots .dot-wrapper .dot.is-blue {
              background: #64ab4c; }
            .product-panel .detailed-description .meta-block .colored-dots .dot-wrapper .dot.is-white {
              background: #fff;
              border: 1px solid #ccc; }
            .product-panel .detailed-description .meta-block .colored-dots .dot-wrapper .dot.is-dark {
              background: #393447; }
            .product-panel .detailed-description .meta-block .colored-dots .dot-wrapper .dot.is-cream {
              background: #d6d3c0; }
            .product-panel .detailed-description .meta-block .colored-dots .dot-wrapper .dot.is-red {
              background: #64ab4c; }
  .product-panel .product-ratings {
    padding: 10px 40px 20px 40px;
    max-height: 65vh;
    overflow-y: auto;
    margin-top: 20px; }
    .product-panel .product-ratings::-webkit-scrollbar {
      width: 10px; }
    .product-panel .product-ratings::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: rgba(0, 0, 0, 0.2); }
    .product-panel .product-ratings .main-rating {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding-bottom: 20px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .product-panel .product-ratings h3 {
      text-transform: uppercase;
      font-family: 'Raleway', sans-serif;
      font-weight: 400;
      font-size: 1.2rem;
      margin-bottom: 15px; }
    .product-panel .product-ratings span {
      font-weight: 400;
      color: #999;
      font-size: 0.9rem;
      padding-top: 15px; }
      .product-panel .product-ratings span small {
        font-size: 0.9rem;
        font-weight: 500;
        color: #64ab4c; }
    .product-panel .product-ratings .stars {
      padding: 10px 20px;
      border-radius: 6px;
      border: 1px solid rgba(0, 0, 0, 0.1); }
      .product-panel .product-ratings .stars i {
        font-size: 1.2rem;
        color: #FFD700; }
    .product-panel .product-ratings .add-review {
      cursor: pointer; }
      .product-panel .product-ratings .add-review svg {
        height: 16px;
        width: 16px;
        position: relative;
        top: 4px; }
      .product-panel .product-ratings .add-review:hover {
        color: #64ab4c; }
        .product-panel .product-ratings .add-review:hover svg {
          stroke: #64ab4c; }
    .product-panel .product-ratings .customer-ratings .media {
      margin-top: 30px; }
      .product-panel .product-ratings .customer-ratings .media img {
        border-radius: 50%; }
    .product-panel .product-ratings .customer-ratings .media-content p {
      font-size: 0.9rem;
      color: #999; }
      .product-panel .product-ratings .customer-ratings .media-content p span {
        color: #818181;
        font-size: 0.9rem;
        font-weight: 500; }
      .product-panel .product-ratings .customer-ratings .media-content p .rating-content {
        font-size: 0.85rem;
        color: #999;
        font-weight: 400; }
      .product-panel .product-ratings .customer-ratings .media-content p small {
        padding-left: 10px; }
        .product-panel .product-ratings .customer-ratings .media-content p small i {
          color: #FFD700; }

/* ==========================================================================
1. Product Right panel
========================================================================== */
.product-info-panel {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  min-height: 100vh;
  width: 60%;
  background: #f0f0f0; }
  .product-info-panel .inner-panel {
    height: 100%; }
    .product-info-panel .inner-panel .panel-header {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 40px 0; }
      .product-info-panel .inner-panel .panel-header .category-title {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        padding: 0 80px; }
        .product-info-panel .inner-panel .panel-header .category-title h2 {
          font-family: 'Raleway', sans-serif;
          font-size: 1.3rem;
          text-transform: uppercase;
          font-weight: 500;
          padding: 0 20px;
          color: #818181; }
        .product-info-panel .inner-panel .panel-header .category-title img {
          height: 48px; }
        .product-info-panel .inner-panel .panel-header .category-title svg {
          height: 40px;
          width: 40px;
          fill: #999; }
    .product-info-panel .inner-panel .panel-body {
      padding: 60px 80px; }
      .product-info-panel .inner-panel .panel-body .product-name {
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
        font-size: 2.2rem;
        font-weight: 500;
        color: #64ab4c; }
        .product-info-panel .inner-panel .panel-body .product-name span {
          font-family: 'Raleway', sans-serif;
          color: #999;
          font-size: 50%; }
      .product-info-panel .inner-panel .panel-body .product-description {
        padding-top: 20px;
        color: #999; }
      .product-info-panel .inner-panel .panel-body .product-controls {
        padding-top: 20px;
        display: flex;
        align-items: baseline;
        justify-content: flex-start; }
        .product-info-panel .inner-panel .panel-body .product-controls .product-price {
          position: relative; }
          .product-info-panel .inner-panel .panel-body .product-controls .product-price .heading {
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            margin: 5px 0; }
          .product-info-panel .inner-panel .panel-body .product-controls .product-price .value {
            font-size: 1.6rem;
            font-weight: 700;
            color: #64ab4c; }
            .product-info-panel .inner-panel .panel-body .product-controls .product-price .value:after {
              content: '$90,00';
              font-size: 1.2rem;
              font-weight: 500;
              padding: 0 20px;
              color: #999;
              text-decoration: line-through; }
        .product-info-panel .inner-panel .panel-body .product-controls .product-quantity {
          margin-left: auto; }
          .product-info-panel .inner-panel .panel-body .product-controls .product-quantity .heading {
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            margin: 5px 0;
            text-align: center; }
          .product-info-panel .inner-panel .panel-body .product-controls .product-quantity .control {
            height: 48px;
            max-width: 80px; }
            .product-info-panel .inner-panel .panel-body .product-controls .product-quantity .control .input {
              text-align: center; }
        .product-info-panel .inner-panel .panel-body .product-controls .add-to-cart .heading {
          font-family: 'Raleway', sans-serif;
          font-weight: 600;
          margin: 0; }
        .product-info-panel .inner-panel .panel-body .product-controls .add-to-cart button {
          line-height: 0;
          font-size: 0.6rem;
          font-weight: 600;
          margin-left: 20px; }
    .product-info-panel .inner-panel .panel-footer {
      padding: 35px 0;
      position: absolute;
      bottom: 0;
      width: 100%;
      background: #fff;
      min-height: 250px;
      z-index: 0; }
      .product-info-panel .inner-panel .panel-footer .footer-inner {
        padding: 20px 0; }
        .product-info-panel .inner-panel .panel-footer .footer-inner .recommended {
          text-transform: uppercase;
          font-family: 'Raleway', sans-serif;
          font-size: 1.1rem;
          font-weight: 500;
          color: #999;
          position: absolute;
          top: 106px;
          left: -20px;
          transform: rotate(-90deg); }
        .product-info-panel .inner-panel .panel-footer .footer-inner .featured-product .image img {
          max-width: 80px;
          margin: 5px  auto; }
        .product-info-panel .inner-panel .panel-footer .footer-inner .featured-product a {
          color: #818181; }
        .product-info-panel .inner-panel .panel-footer .footer-inner .featured-product .product-name {
          font-family: 'Raleway', sans-serif;
          font-weight: 500;
          text-transform: uppercase;
          font-size: 0.9rem; }
        .product-info-panel .inner-panel .panel-footer .footer-inner .featured-product .product-description {
          font-size: 70%;
          color: #999; }

/* ==========================================================================
2. Review Modal
========================================================================== */
.review-modal .modal-content {
  max-width: 700px; }
  .review-modal .modal-content .information-padtop {
    margin: auto;
    padding-top: 10px; }
    .review-modal .modal-content .information-padtop p {
      color: #565656 !important;
      font-weight: 600; }
    .review-modal .modal-content .information-padtop .is-mobile.card-body {
      margin: auto; }
    .review-modal .modal-content .information-padtop input {
      height: 43px; }
    .review-modal .modal-content .information-padtop .add-user {
      display: flex;
      justify-content: flex-end; }
  .review-modal .modal-content .modal-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto; }
    .review-modal .modal-content .modal-delete svg {
      width: 20px;
      height: 20px;
      stroke: #999;
      cursor: pointer; }
      .review-modal .modal-content .modal-delete svg:hover {
        stroke: #ff6600; }
  .review-modal .modal-content .box {
    padding: 0;
    overflow: hidden;
    transition: all .4s;
    transform: scale(0); }
    .review-modal .modal-content .box .box-header {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 15px 20px;
      font-size: 20px;
      border-bottom: 1px solid  #dbdbdb;
      background-color: #f5f4f4; }
      .review-modal .modal-content .box .box-header img {
        width: 40px;
        height: 40px;
        border-radius: 50%; }
      .review-modal .modal-content .box .box-header span {
        display: block;
        padding-left: 10px;
        color: #818181; }
      .review-modal .modal-content .box .box-header .delete {
        margin-left: auto; }
    .review-modal .modal-content .box .box-body {
      padding: 20px; }
    .review-modal .modal-content .box p {
      font-size: 85%;
      color: #999; }
  .review-modal .modal-content fieldset, .review-modal .modal-content label {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 99; }
  .review-modal .modal-content .rating {
    border: none;
    float: left; }
  .review-modal .modal-content .rating > input {
    display: none; }
  .review-modal .modal-content .rating > label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005"; }
  .review-modal .modal-content .rating > .half:before {
    content: "\f089";
    position: absolute; }
  .review-modal .modal-content .rating > label {
    color: #ddd;
    float: right; }
  .review-modal .modal-content .rating > input:checked ~ label,
  .review-modal .modal-content .rating:not(:checked) > label:hover,
  .review-modal .modal-content .rating:not(:checked) > label:hover ~ label {
    color: #FFD700 !important; }
  .review-modal .modal-content .rating > input:checked + label:hover,
  .review-modal .modal-content .rating > input:checked ~ label:hover,
  .review-modal .modal-content .rating > label:hover ~ input:checked ~ label,
  .review-modal .modal-content .rating > input:checked ~ label:hover ~ label {
    color: #FFED85 !important; }
.review-modal.is-active .box {
  transform: scale(1); }

/* ==========================================================================
3. Carousel Modifier
========================================================================== */
.is-carousel img {
  max-height: 350px !important; }
.is-carousel .slider {
  margin: 0 auto; }
.is-carousel .slick-slide img {
  margin: 0 auto !important; }
.is-carousel .slider:focus, .is-carousel .slick-slide:focus {
  outline: none !important; }

/*! _checkout.scss | Nephos | CSS Ninja */
/* ==========================================================================
Checkout pages styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Steps indicator
1. Checkout Header
2. Checkout Cards
3. Spacing
=============================================================================
***/
/* ==========================================================================
0. Steps indicator
========================================================================== */
.steps-wrapper {
  width: 600px; }
  .steps-wrapper .step-list {
    position: relative;
    overflow: hidden;
    counter-reset: wizard;
    list-style-type: none; }
    .steps-wrapper .step-list li {
      position: relative;
      float: left;
      width: 14.2857142857%;
      text-align: center; }
      .steps-wrapper .step-list li.steps-name {
        width: 20%; }
      .steps-wrapper .step-list li.steps-domain {
        width: 25%; }
    .steps-wrapper .step-list .active {
      color: #fff; }
      .steps-wrapper .step-list .active:before {
        background: #ff6600;
        color: #fff;
        border-color: #fff;
        font-weight: 500; }
    .steps-wrapper .step-list li:before {
      counter-increment: wizard;
      content: counter(wizard);
      display: block;
      color: #999;
      background-color: #cecece;
      border: 2px solid #fff;
      text-align: center;
      width: 3em;
      height: 3em;
      line-height: 2.8em;
      border-radius: 3em;
      position: relative;
      left: 50%;
      margin-left: -1.5em;
      z-index: 1;
      font-size: .8rem;
      font-weight: 500; }
    .steps-wrapper .step-list li + li:after {
      content: "";
      display: block;
      width: 100%;
      background-color: #cecece;
      height: 5px;
      position: absolute;
      left: -50%;
      top: 1.1em;
      z-index: 0; }
    .steps-wrapper .step-list .active:after {
      background-color: #ff6600; }

/* ==========================================================================
1. Checkout Header
========================================================================== */
.checkout-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 30px 0;
  color: #ff6600;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px; }
  .checkout-title h2 {
    font-size: 1.6rem;
    font-weight: 400 !important;
    text-transform: none; }
  .checkout-title h3 {
    font-weight: 500;
    color: #64ab4c; }
  .checkout-title.is-centered {
    justify-content: center; }
  .checkout-title .brand-filigrane {
    position: absolute;
    top: -5px;
    left: -27px;
    height: 48px;
    opacity: 0.4; }
    .checkout-title .brand-filigrane.is-centered {
      left: 0;
      right: 0;
      top: -10px;
      margin: 0 auto;
      height: 60px; }

.checkout-wrapper {
  padding: 20px 0; }

/* ==========================================================================
2. Checkout Cards
========================================================================== */
.flat-card.is-checkout-form .padd-box {
  padding: 40px; }
.flat-card.is-checkout-form.has-overflow {
  overflow: visible !important; }
.flat-card.is-checkout-form .form-title h3 {
  font-size: 1.2rem;
  font-weight: 300 !important;
  text-transform: uppercase;
  padding-bottom: 20px; }
.flat-card.is-checkout-form .column.is-light-padded {
  padding: 15px 40px !important; }
.flat-card.is-checkout-form .column.grey-column {
  background: #f9f9f9;
  padding: 40px; }
.flat-card.is-checkout-form .customer-wrapper {
  padding: 80px 0; }
  .flat-card.is-checkout-form .customer-wrapper .logged-as {
    font-size: 90%;
    color: #828282;
    padding-top: 10px; }
  .flat-card.is-checkout-form .customer-wrapper .username {
    font-weight: 500; }
  .flat-card.is-checkout-form .customer-wrapper .switch {
    padding-top: 10px;
    font-size: 90%;
    font-weight: 500; }
    .flat-card.is-checkout-form .customer-wrapper .switch a {
      color: #828282; }
      .flat-card.is-checkout-form .customer-wrapper .switch a:hover {
        color: #64ab4c; }
  .flat-card.is-checkout-form .customer-wrapper img {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0px 5px 43px rgba(0, 0, 0, 0.18) !important; }
    .flat-card.is-checkout-form .customer-wrapper img.logo {
      border-radius: 0;
      height: 75px;
      width: auto; }
.flat-card.is-checkout-form .shipping-wrapper {
  padding: 80px 10px; }
  .flat-card.is-checkout-form .shipping-wrapper .mini-card {
    position: relative;
    background: #fff;
    border-radius: 6px;
    border: 2px solid #cecece;
    padding: 20px;
    margin: 10px;
    overflow: visible;
    cursor: pointer;
    transition: all .3s; }
    .flat-card.is-checkout-form .shipping-wrapper .mini-card svg {
      height: 48px;
      fill: #cecece; }
    .flat-card.is-checkout-form .shipping-wrapper .mini-card .shipping-method {
      text-transform: uppercase;
      font-size: 70%;
      color: #cecece;
      display: block; }
    .flat-card.is-checkout-form .shipping-wrapper .mini-card .shipping-price {
      text-transform: uppercase;
      font-size: 70%;
      font-weight: 500;
      color: #64ab4c;
      display: none; }
    .flat-card.is-checkout-form .shipping-wrapper .mini-card:hover {
      border-color: #999; }
      .flat-card.is-checkout-form .shipping-wrapper .mini-card:hover svg {
        fill: #999; }
      .flat-card.is-checkout-form .shipping-wrapper .mini-card:hover .shipping-method {
        color: #999; }
    .flat-card.is-checkout-form .shipping-wrapper .mini-card .active-indicator {
      visibility: hidden;
      position: absolute;
      top: -16px;
      right: -16px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 32px;
      height: 32px;
      border: 2px solid #beddb3;
      border-radius: 50%;
      background: #64ab4c; }
      .flat-card.is-checkout-form .shipping-wrapper .mini-card .active-indicator svg {
        width: 14px;
        height: 14px;
        stroke: #fff;
        stroke-width: 3px; }
    .flat-card.is-checkout-form .shipping-wrapper .mini-card.is-active {
      border-color: #64ab4c; }
      .flat-card.is-checkout-form .shipping-wrapper .mini-card.is-active svg {
        fill: #64ab4c; }
      .flat-card.is-checkout-form .shipping-wrapper .mini-card.is-active .shipping-method {
        color: #64ab4c;
        display: none; }
      .flat-card.is-checkout-form .shipping-wrapper .mini-card.is-active .shipping-price {
        display: block; }
      .flat-card.is-checkout-form .shipping-wrapper .mini-card.is-active .active-indicator {
        visibility: visible; }
.flat-card.is-checkout-form .shipping-address-form .column {
  padding: 0 .75rem !important; }
.flat-card.is-checkout-form .shipping-address-form .chosen-single {
  max-height: 36px; }
  .flat-card.is-checkout-form .shipping-address-form .chosen-single span {
    max-height: 36px;
    display: block;
    position: relative;
    top: -2.5px;
    left: -8px; }
.flat-card.is-checkout-form .verification-wrapper {
  padding: 80px 0; }
  .flat-card.is-checkout-form .verification-wrapper .total-price svg {
    width: 26px;
    height: 26px;
    stroke: #999; }
  .flat-card.is-checkout-form .verification-wrapper .total-price span {
    display: block; }
    .flat-card.is-checkout-form .verification-wrapper .total-price span:nth-child(2) {
      font-family: 'Raleway', sans-serif;
      font-size: .85rem;
      font-weight: 600;
      text-transform: uppercase; }
    .flat-card.is-checkout-form .verification-wrapper .total-price span:nth-child(3) {
      font-size: 2rem;
      font-weight: 600; }
      .flat-card.is-checkout-form .verification-wrapper .total-price span:nth-child(3):before {
        content: '$';
        position: relative;
        top: -10px;
        font-size: 50%; }
    .flat-card.is-checkout-form .verification-wrapper .total-price span:nth-child(4) {
      font-family: 'Raleway', sans-serif;
      font-weight: 600;
      color: #64ab4c;
      margin: 5px 0;
      font-size: .85rem; }
.flat-card.is-checkout-form .items-column {
  max-height: 350px;
  overflow-y: auto;
  padding: 40px; }
  .flat-card.is-checkout-form .items-column::-webkit-scrollbar {
    width: 10px; }
  .flat-card.is-checkout-form .items-column::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.2); }
  .flat-card.is-checkout-form .items-column .order-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid #ededed; }
    .flat-card.is-checkout-form .items-column .order-item .item-description span, .flat-card.is-checkout-form .items-column .order-item .item-quantity span {
      display: block; }
      .flat-card.is-checkout-form .items-column .order-item .item-description span:first-child, .flat-card.is-checkout-form .items-column .order-item .item-quantity span:first-child {
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 80%; }
      .flat-card.is-checkout-form .items-column .order-item .item-description span:nth-child(2), .flat-card.is-checkout-form .items-column .order-item .item-quantity span:nth-child(2) {
        font-size: 80%;
        color: #828282; }
    .flat-card.is-checkout-form .items-column .order-item .item-description {
      width: 50%; }
    .flat-card.is-checkout-form .items-column .order-item .item-quantity {
      width: 15%; }
    .flat-card.is-checkout-form .items-column .order-item .item-price {
      width: 25%;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 90%;
      color: #64ab4c; }
.flat-card.is-checkout-form .payment-wrapper {
  padding: 100px 0; }
  .flat-card.is-checkout-form .payment-wrapper .subtotal {
    padding: 5px 0; }
    .flat-card.is-checkout-form .payment-wrapper .subtotal .partial-value:before, .flat-card.is-checkout-form .payment-wrapper .subtotal .vat-value:before {
      content: '$';
      font-size: 60%;
      position: relative;
      top: -6px; }
    .flat-card.is-checkout-form .payment-wrapper .subtotal .partial-value {
      font-weight: 500;
      color: #828282; }
    .flat-card.is-checkout-form .payment-wrapper .subtotal .vat-value {
      font-weight: 500;
      color: #64ab4c; }
    .flat-card.is-checkout-form .payment-wrapper .subtotal .plus-operator, .flat-card.is-checkout-form .payment-wrapper .subtotal .equal-operator {
      font-weight: 600; }
  .flat-card.is-checkout-form .payment-wrapper .total span {
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    color: #818181; }
    .flat-card.is-checkout-form .payment-wrapper .total span:before {
      content: '$';
      font-size: 60%;
      position: relative;
      top: -10px; }
.flat-card.is-checkout-form .logo {
  height: 35px;
  width: auto;
  border: none;
  box-shadow: none;
  display: block; }
  .flat-card.is-checkout-form .logo.is-centered {
    margin: 0 auto; }
.flat-card.is-checkout-form .bank-account {
  padding: 10px 0;
  display: block;
  font-size: 90%;
  color: #828282; }
.flat-card.is-checkout-form .control {
  margin: 10px 0; }
  .flat-card.is-checkout-form .control.has-margin {
    margin-left: 5px;
    margin-right: 5px; }
  .flat-card.is-checkout-form .control .input {
    box-shadow: none !important;
    color: #828282;
    border-radius: inherit;
    background-color: inherit;
    border-color: #b5b5b5; }
.flat-card.is-checkout-form .checkout-label {
  font-weight: 500;
  color: #818181;
  font-size: 90%;
  margin: 5px 0;
  display: block; }
.flat-card.payment-method {
  text-align: center;
  padding: 40px;
  border: 2px solid transparent;
  cursor: pointer; }
  .flat-card.payment-method .payment-icon svg {
    height: 60px;
    width: 60px;
    fill: #cecece;
    transition: all .3s; }
  .flat-card.payment-method .payment-text {
    text-transform: uppercase;
    padding: 10px 0;
    font-size: 80%;
    color: #cecece; }
  .flat-card.payment-method:hover.is-paypal {
    border-color: #039BE5; }
    .flat-card.payment-method:hover.is-paypal svg {
      fill: #039BE5; }
    .flat-card.payment-method:hover.is-paypal .payment-text {
      color: #039BE5; }
  .flat-card.payment-method:hover.is-bank {
    border-color: #ea1515; }
    .flat-card.payment-method:hover.is-bank svg {
      fill: #ea1515; }
    .flat-card.payment-method:hover.is-bank .payment-text {
      color: #ea1515; }
  .flat-card.payment-method:hover.is-credit-card {
    border-color: #64ab4c; }
    .flat-card.payment-method:hover.is-credit-card svg {
      fill: #64ab4c; }
    .flat-card.payment-method:hover.is-credit-card .payment-text {
      color: #64ab4c; }
  .flat-card.payment-method:hover.is-cash {
    border-color: #f5dd13; }
    .flat-card.payment-method:hover.is-cash svg {
      fill: #f5dd13; }
    .flat-card.payment-method:hover.is-cash .payment-text {
      color: #f5dd13; }
.flat-card.thanks-card {
  padding: 40px;
  margin: 10px 0; }
  .flat-card.thanks-card img {
    display: block;
    height: 75px;
    margin: 0 auto 10px auto; }
  .flat-card.thanks-card .card-heading {
    font-size: 1rem;
    font-weight: 500; }
  .flat-card.thanks-card p {
    padding: 10px 40px;
    font-size: .9rem;
    color: #828282; }
  .flat-card.thanks-card .big-button {
    border: 2px solid #64ab4c;
    color: #64ab4c;
    font-weight: 500; }
    .flat-card.thanks-card .big-button:hover {
      border-color: #9fcd90;
      color: #9fcd90; }

.paypal-pass {
  font-size: 13px;
  padding-top: 7px; }
  .paypal-pass a {
    color: #179bd7; }
  .paypal-pass.paypal-or {
    font-size: 13px;
    padding-bottom: 7px;
    padding-top: 5px; }

/* ==========================================================================
3. Spacing
========================================================================== */
#payment-methods {
  padding: 10px 0; }

.button-wrapper {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.btn-checkout {
  display: flex;
  justify-content: space-between; }
  .btn-checkout.btn-back-continue {
    padding: 0; }
  .btn-checkout .button-block.btn-pop.modal-trigger {
    padding-top: 20px; }

.checkout-complete {
  height: 939px; }

/*! _auth.scss | Nephos | CSS Ninja */
/* ==========================================================================
Login / Register page styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Authentication header
1. Authentication card
=============================================================================
***/
/* ==========================================================================
0. Authentication header
========================================================================== */
.auth-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0; }
  .auth-title h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 1.6rem;
    font-weight: 400 !important;
    text-transform: uppercase; }
  .auth-title h3 {
    font-weight: 500;
    color: #64ab4c; }
  .auth-title.is-centered {
    justify-content: center; }
  .auth-title .brand-filigrane {
    position: absolute;
    top: -15px;
    left: -25px;
    height: 68px;
    opacity: 0.4; }

/* ==========================================================================
1. Authentication card
========================================================================== */
.flat-card.is-auth-form {
  min-height: 445px !important; }
  .flat-card.is-auth-form .form-title h3 {
    font-size: 1.2rem;
    font-weight: 300 !important;
    text-transform: uppercase;
    padding-bottom: 20px; }
  .flat-card.is-auth-form .column.is-padded {
    padding: 40px !important; }
  .flat-card.is-auth-form .column.is-mobile-padded {
    padding: 40px; }
  .flat-card.is-auth-form .column.is-light-padded {
    padding: 15px 40px !important; }
  .flat-card.is-auth-form .column.image-column {
    position: relative;
    background-image: url("http://via.placeholder.com/1600x1200");
    background-size: cover;
    background-repeat: no-repeat; }
    .flat-card.is-auth-form .column.image-column .nephos-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: rgba(43, 56, 76, 0.95);
      z-index: 0; }
  .flat-card.is-auth-form .store-wrapper {
    padding: 120px 0;
    position: relative;
    z-index: 2; }
    .flat-card.is-auth-form .store-wrapper .title {
      font-size: 1.6rem;
      letter-spacing: 3px;
      color: #fff;
      padding-top: 10px;
      text-transform: uppercase;
      font-weight: 300; }
    .flat-card.is-auth-form .store-wrapper .subtitle {
      font-size: .75rem;
      color: #fff;
      padding: 10px 0;
      text-transform: uppercase;
      letter-spacing: 2px; }
    .flat-card.is-auth-form .store-wrapper img {
      height: 75px;
      width: 75px; }
      .flat-card.is-auth-form .store-wrapper img.logo {
        border-radius: 0;
        height: 75px;
        width: auto; }
  .flat-card.is-auth-form .is-form-tabs {
    margin-bottom: 20px; }
    .flat-card.is-auth-form .is-form-tabs li a {
      color: #cecece;
      font-family: 'Raleway', sans-serif;
      text-transform: uppercase;
      font-size: 85%; }
    .flat-card.is-auth-form .is-form-tabs li.is-active a {
      color: #64ab4c; }
  .flat-card.is-auth-form .auth-label {
    font-weight: 500;
    color: #818181;
    font-size: 90%;
    margin: 5px 0;
    display: block; }
  .flat-card.is-auth-form .input {
    box-shadow: none !important; }
  .flat-card.is-auth-form .control {
    margin-bottom: 10px; }
  .flat-card.is-auth-form .checkbox-wrap {
    padding: 0 !important;
    display: flex;
    align-items: center; }
    .flat-card.is-auth-form .checkbox-wrap small {
      font-size: .8rem !important; }
  .flat-card.is-auth-form .forgotten {
    font-size: .85rem; }

/*! _buttons.scss | Nephos | CSS Ninja */
/* ==========================================================================
Button styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Basic buttons
1. Colored buttons
=============================================================================
***/
/* ==========================================================================
0. Basic buttons
========================================================================== */
.add-cart {
  padding-top: 0; }

.button.big-button {
  padding: 22px 40px !important; }
  .button.big-button.btn-outlined.is-bold {
    border-width: 2px;
    font-weight: 600; }
  .button.big-button.is-bold {
    font-weight: 600; }
.button.raised:hover {
  box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
  opacity: 0.8; }
.button.upper-button {
  text-transform: uppercase; }
  .button.upper-button.is-bold {
    font-weight: 600 !important; }
.button.rounded {
  border-radius: 500px; }
.button.feather-button {
  min-width: 130px;
  font-weight: 200;
  font-size: 80%;
  height: 35px; }
  .button.feather-button.is-pushed {
    margin-left: auto; }
  .button.feather-button svg {
    position: relative;
    top: 1px;
    width: 17px;
    height: 17px;
    margin-right: 8px; }
  .button.feather-button.is-small {
    width: 100%;
    height: 43px;
    font-size: 15px;
    background-color: #64ab4c;
    color: #fff;
    text-transform: none;
    border: 1px solid #64ab4c; }
    .button.feather-button.is-small.btn-edit {
      min-width: 60px;
      width: auto;
      background: #fff;
      color: #828282;
      border: 1px solid #ededed;
      height: 30px;
      text-decoration: none; }
    .button.feather-button.is-small.color-continue {
      background-color: #59686f;
      border-color: #59686f; }
    .button.feather-button.is-small.btn-add-b {
      width: auto;
      min-width: 150px;
      font-size: 15px;
      font-weight: inherit !important; }
    .button.feather-button.is-small.abn-check {
      min-width: 150px;
      width: auto; }
  .button.feather-button.is-bold {
    font-weight: 500 !important;
    font-size: .75rem;
    border-width: 2px; }
  .button.feather-button.paypal-b {
    background-color: #179bd7;
    border: 1px solid #179bd7; }
  .button.feather-button.remove {
    background-color: #ef4f4f;
    border: 1px solid #ef4f4f;
    height: 35px; }
  .button.feather-button.add-to-cart {
    height: 35px; }
  .button.feather-button.abn {
    background-color: inherit;
    border: 1px solid #64ab4c;
    color: grey; }
    .button.feather-button.abn:focus {
      background-color: #ff6600;
      color: #fff;
      border-color: #ff6600; }

button[type=submit], .will-upload {
  display: block !important;
  text-align: center !important; }

/* ==========================================================================
1. Colored Buttons
========================================================================== */
.button.primary-button {
  outline: none;
  transition: all 0.5s;
  border-radius: inherit; }
  .button.primary-button.raised:hover {
    opacity: 0.9 0.5; }
  .button.primary-button.btn-outlined {
    border-color: #64ab4c;
    color: #64ab4c !important;
    background-color: transparent; }
    .button.primary-button.btn-outlined:hover {
      color: #fff !important;
      background-color: #64ab4c; }
  .button.primary-button:focus {
    border-color: #64ab4c; }

.button.secondary-button {
  outline: none;
  border-color: #64ab4c;
  background-color: #64ab4c;
  color: #fff;
  transition: all 0.5s;
  border-radius: 0; }
  .button.secondary-button:hover {
    color: #fff; }
  .button.secondary-button.raised:hover {
    box-shadow: 0 14px 26px -12px rgba(0, 209, 178, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 209, 178, 0.2) !important;
    opacity: 0.95; }
  .button.secondary-button.btn-outlined {
    border-color: #00D1B2;
    color: #00D1B2;
    background-color: transparent; }
    .button.secondary-button.btn-outlined:hover {
      color: #fff;
      background-color: #00D1B2; }
  .button.secondary-button:focus {
    border-color: #00D1B2; }

.button.accent-button {
  outline: none;
  border-color: #7F00FF;
  background-color: #7F00FF;
  color: #fff;
  transition: all 0.5s; }
  .button.accent-button:hover {
    color: #fff; }
  .button.accent-button.raised:hover {
    box-shadow: 0 14px 26px -12px rgba(127, 0, 255, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(127, 0, 255, 0.2) !important;
    opacity: 0.8; }
  .button.accent-button.btn-outlined {
    border-color: #7F00FF;
    color: #7F00FF;
    background-color: transparent; }
    .button.accent-button.btn-outlined:hover {
      color: #fff;
      background-color: #7F00FF; }
  .button.accent-button:focus {
    border-color: #7F00FF; }

.button.grey-button {
  outline: none;
  border-color: #ccc;
  background-color: #ccc;
  color: #fff;
  transition: all 0.5s; }
  .button.grey-button:hover {
    color: #fff; }
  .button.grey-button.raised:hover {
    opacity: 0.8; }
  .button.grey-button.btn-outlined {
    border-color: #ccc;
    color: #ccc;
    background-color: transparent; }
    .button.grey-button.btn-outlined:hover {
      color: #fff;
      background-color: #ccc; }
  .button.grey-button:focus {
    border-color: #ccc; }

/*! _search.scss | Nephos | CSS Ninja */
/* ==========================================================================
Global Search Styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Search Overlay
1. Search Input
=============================================================================
***/
/* ==========================================================================
0. Search Overlay
========================================================================== */
.search-overlay {
  position: fixed;
  top: -100px;
  left: -100px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  transition: all .4s;
  transform: scale(1);
  z-index: 3; }
  .search-overlay.is-active {
    transform: scale(50); }

/* ==========================================================================
1. Search Input
========================================================================== */
.search-input-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4; }
  .search-input-wrapper.is-desktop {
    left: 80px;
    width: calc(100% - 80px); }
  .search-input-wrapper .field {
    position: relative;
    top: 25%;
    width: 100%;
    padding: 0 18%; }
  .search-input-wrapper .control {
    position: relative;
    width: 100%;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(100%);
    transition: all .3s; }
    .search-input-wrapper .control input {
      width: 100%;
      height: 155px;
      padding-right: 75px;
      border-left: none;
      border-right: none;
      border-top: none;
      border-radius: 0;
      border-bottom: 3px solid #64ab4c;
      background: transparent;
      font-size: 5rem;
      font-weight: 200;
      font-family: 'Alegreya Sans SC', sans-serif;
      text-transform: uppercase;
      padding-bottom: 10px; }
      .search-input-wrapper .control input:focus {
        outline: none !important; }
    .search-input-wrapper .control .search-help {
      display: block;
      color: #64ab4c;
      font-size: 1.3rem;
      padding-top: 20px; }
    .search-input-wrapper .control #clear-search {
      display: block;
      position: absolute;
      top: 64px;
      right: 16px;
      cursor: pointer; }
      .search-input-wrapper .control #clear-search svg {
        width: 42px;
        height: 42px;
        stroke: #64ab4c;
        stroke-width: 1px; }
    .search-input-wrapper .control.is-active {
      opacity: 1;
      transform: translateY(0); }
  .search-input-wrapper .control input:not(:valid) ~ #clear-search {
    display: none; }

/*! _filters.scss | Nephos | CSS Ninja */
/* ==========================================================================
Filters
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Price range filter
1. Range input
2. Checkboxes
=============================================================================
***/
/* ==========================================================================
0. Price range filter
========================================================================== */
.price-range-wrapper .price-limit {
  position: relative;
  top: 3px;
  float: left;
  color: #999;
  font-size: 16px;
  font-weight: 500;
  margin-right: 5px; }
  .price-range-wrapper .price-limit small {
    font-size: 70%; }

/* ==========================================================================
1. Range Input
========================================================================== */
.range-slider {
  position: relative;
  width: 220px;
  float: left;
  margin: 0 4px; }
  .range-slider .slider-output {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .range-slider .slider-output small {
      font-size: .8rem;
      color: #999; }
  .range-slider .input-range {
    -webkit-appearance: none;
    width: 220px;
    height: 5px;
    border-radius: 5px;
    background: #ccc;
    outline: none; }
  .range-slider .input-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #64ab4c;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
    -webkit-transition: transform .3s;
    transition: transform .3s;
    transform: scale(1); }
  .range-slider .input-range::-webkit-slider-thumb:hover {
    background: #64ab4c; }
  .range-slider .input-range:active::-moz-range-thumb {
    background: #64ab4c; }
  .range-slider .input-range::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border: 0;
    border-radius: 50%;
    background: #64ab4c;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out; }
  .range-slider .range-value {
    display: block !important;
    position: relative;
    color: #64ab4c;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px; }
  .range-slider ::-moz-range-track {
    background: #ccc;
    border: 0; }
  .range-slider input::-moz-focus-inner {
    border: 0; }

/* ==========================================================================
2. Checkboxes
========================================================================== */
.columns.is-checkboxes .column .field {
  margin: 5px 0; }

/*! _checkboxes.scss | Nephos | CSS Ninja */
/* ==========================================================================
Checkboxes
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Checkbox setup
=============================================================================
***/
/* ==========================================================================
0. Checkbox setup
========================================================================== */
.checkbox-wrap {
  position: relative;
  cursor: pointer; }
  .checkbox-wrap::selection {
    background: transparent; }
  .checkbox-wrap input.d-checkbox + span, .checkbox-wrap input.b-radio + span {
    background: #fff;
    content: "";
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: 0;
    border: 1px solid #999;
    vertical-align: middle;
    width: 2em;
    height: 2em; }
    .checkbox-wrap input.d-checkbox + span::after, .checkbox-wrap input.b-radio + span::after {
      content: "";
      display: block;
      transform: scale(0);
      transition: transform .2s; }
  .checkbox-wrap input.d-checkbox:checked + span::after, .checkbox-wrap input.b-radio:checked + span::after {
    transform: scale(1); }
  .checkbox-wrap input.d-checkbox, .checkbox-wrap input.b-radio {
    position: absolute;
    cursor: pointer;
    opacity: 0; }

.checkbox-wrap input + span {
  border-radius: 2px; }
  .checkbox-wrap input + span::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center;
    background-size: contain;
    width: 1.9em;
    height: 1.9em;
    position: relative;
    top: -1px; }
.checkbox-wrap.is-medium input + span {
  width: 1.4em;
  height: 1.4em; }
  .checkbox-wrap.is-medium input + span::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center;
    background-size: contain;
    width: 1.3em;
    height: 1.3em;
    position: relative;
    top: -1px; }
.checkbox-wrap.is-small input + span {
  width: 1em;
  height: 1em; }
  .checkbox-wrap.is-small input + span::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center;
    background-size: contain;
    width: 0.9em;
    height: 0.9em;
    position: relative;
    top: -1px; }
.checkbox-wrap label {
  color: #999; }

/*! _forms.scss | Nephos | CSS Ninja */
/* ==========================================================================
Form controls styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Textareas
1. Form Controls
2. Inputs
=============================================================================
***/
/* ==========================================================================
0. Textareas
========================================================================== */
textarea.textarea {
  color: #999;
  box-shadow: none;
  overflow: hidden;
  transition: all 0.8s; }
  textarea.textarea:focus {
    border: 1px solid #ededed;
    box-shadow: none !important; }
  textarea.textarea.is-primary-focus:focus {
    border-color: #64ab4c; }
    textarea.textarea.is-primary-focus:focus ~ span.icon i {
      color: #64ab4c; }
  textarea.textarea.is-secondary-focus:focus {
    border-color: #00D1B2; }
    textarea.textarea.is-secondary-focus:focus ~ span.icon i {
      color: #00D1B2; }
  textarea.textarea.is-accent-focus:focus {
    border-color: #7F00FF; }
    textarea.textarea.is-accent-focus:focus ~ span.icon i {
      color: #7F00FF; }
  textarea.textarea.is-grey-focus:focus {
    border-color: #0e569f; }
    textarea.textarea.is-grey-focus:focus ~ span.icon i {
      color: #0e569f; }
  textarea.textarea.is-default-focus:focus {
    border-color: #999; }
    textarea.textarea.is-default-focus:focus ~ span.icon i {
      color: #999; }
  textarea.textarea.is-grow {
    min-height: 40px !important;
    height: 40px;
    resize: none;
    transition: all 0.5s; }
    textarea.textarea.is-grow:focus {
      height: 130px !important;
      border-color: #ededed; }
  textarea.textarea.is-button {
    min-height: 60px !important;
    height: 60px !important;
    resize: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none !important;
    transition: all 0.6s; }
    textarea.textarea.is-button:hover {
      border-color: #ededed; }
    textarea.textarea.is-button:focus {
      height: 130px !important;
      padding-bottom: 40px !important;
      border-color: #ededed; }
    textarea.textarea.is-button + .textarea-button {
      display: flex;
      justify-content: flex-end;
      position: relative;
      border: 1px solid #ededed;
      border-top: none !important;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      background: #f9f9f9; }
      textarea.textarea.is-button + .textarea-button button {
        margin: 10px 7px 7px 7px;
        font-size: 0.85rem;
        padding: 4px 10px 8px 10px;
        width: 92px; }

/* ==========================================================================
1. Form Controls
========================================================================== */
.control.control-medium {
  padding: 20px; }
.control.is-input-wrapper {
  margin: 10px 0;
  background: #f7f7f7; }

/* ==========================================================================
2. Inputs
========================================================================== */
.input {
  transition: all .3s; }
  .input.is-minimal {
    box-shadow: none !important; }
    .input.is-minimal:focus {
      box-shadow: none !important;
      border: 1px solid #ededed; }
  .input.is-default {
    box-shadow: none;
    color: #828282;
    background: none;
    border-radius: 0;
    border-color: #b5b5b5;
    height: 43px;
    border-radius: 10px; }
    .input.is-default:focus {
      border: 1px solid #ff6600; }

.inner p {
  font-size: 13px;
  padding-top: 5px;
  color: #818181; }

/*! _invoice.scss | Nephos | CSS Ninja */
/* ==========================================================================
Invoice styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Layout
1. Invoice
2. Responsive Table
=============================================================================
***/
/* ==========================================================================
0. Layout
========================================================================== */
.invoice-wrap {
  padding: 20px 0; }

.invoice-controls {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* ==========================================================================
1. Invoice
========================================================================== */
.invoice {
  background: #fff;
  width: 100%;
  padding: 50px; }
  .invoice .logo {
    width: 60px; }
  .invoice .document-type {
    text-align: right;
    color: #444; }
  .invoice .conditions {
    font-size: 0.7em;
    color: #666; }
  .invoice .bottom-page {
    font-size: 0.85em; }
    .invoice .bottom-page .company, .invoice .bottom-page .url {
      font-weight: 500;
      font-family: 'Raleway', sans-serif; }
    .invoice .bottom-page .url {
      color: #64ab4c; }
    .invoice .bottom-page .code, .invoice .bottom-page .id {
      color: #818181;
      font-family: 'Raleway', sans-serif;
      font-weight: 500;
      font-size: 90%; }
  .invoice .seller, .invoice .buyer {
    font-size: .85rem;
    color: #828282;
    font-weight: 400; }
    .invoice .seller span, .invoice .buyer span {
      font-family: 'Raleway', sans-serif;
      font-size: 1.1rem;
      font-weight: 500;
      color: #818181; }
  .invoice .invoice-meta span {
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 70%;
    font-weight: 600; }
    .invoice .invoice-meta span small {
      font-weight: 500;
      color: #828282;
      text-transform: none;
      font-size: 1rem; }
      .invoice .invoice-meta span small.date {
        font-size: .85rem;
        padding: 0 5px; }

/* ==========================================================================
2. Responsive Table
========================================================================== */
.responsive-table {
  width: 100%; }
  .responsive-table td {
    vertical-align: middle !important; }
    .responsive-table td .product {
      font-family: 'Raleway', sans-serif;
      font-weight: 600;
      font-size: 90%; }
    .responsive-table td .sku {
      font-size: 80%;
      color: #828282;
      font-weight: 500; }
    .responsive-table td .quantity {
      color: #828282; }
    .responsive-table td .unit-price, .responsive-table td .total-price {
      font-weight: 500;
      color: #818181;
      font-size: 85%; }
      .responsive-table td .unit-price:before, .responsive-table td .total-price:before {
        content: '$';
        font-size: 80%; }
  .responsive-table th {
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: .75rem;
    color: #828282 !important; }
  @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .responsive-table table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr {
      display: block; }
    .responsive-table thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .responsive-table tr {
      border: 1px solid #ccc; }
    .responsive-table td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%; }
      .responsive-table td.has-text-centered {
        text-align: left !important; }
    .responsive-table td:before {
      position: absolute;
      top: 12px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      text-transform: uppercase;
      font-weight: 500 !important;
      font-size: .75rem;
      color: #828282 !important; }
    .responsive-table td:nth-of-type(1):before {
      content: "Product"; }
    .responsive-table td:nth-of-type(2):before {
      content: "Quantity"; }
    .responsive-table td:nth-of-type(3):before {
      content: "Price"; }
    .responsive-table td:nth-of-type(4):before {
      content: "Total"; } }

.sub-table {
  width: 100% !important; }
  .sub-table .subtotal, .sub-table .vat {
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: .75rem;
    color: #828282; }
  .sub-table .total {
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 95%;
    color: #818181; }
  .sub-table .subtotal-value, .sub-table .vat-value {
    font-weight: 500;
    font-size: 80%;
    color: #818181; }
    .sub-table .subtotal-value:before, .sub-table .vat-value:before {
      content: '$';
      font-size: 80%; }
  .sub-table .total-value {
    font-weight: 600;
    color: #64ab4c; }
    .sub-table .total-value:before {
      content: '$';
      font-size: 80%; }

/*! _pageloader.scss | Nephos | CSS Ninja */
/* ==========================================================================
Pageloader styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Pageloader
1. Keyframes
2. Infraloader
=============================================================================
***/
/* ==========================================================================
0. Pageloader
========================================================================== */
.pageloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 80px;
  width: calc(100% - 80px);
  background-color: #ededed;
  z-index: 999998;
  transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  will-change: transform; }
  .pageloader.is-active {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .pageloader.is-full {
    width: 100% !important;
    left: 0 !important; }
  .pageloader.is-demo {
    background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%) !important; }
  .pageloader::after, .pageloader::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    border-radius: 100%;
    content: "";
    z-index: 999999; }
  .pageloader::after {
    margin-top: -100px;
    margin-left: -100px;
    width: 200px;
    height: 200px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 3px solid rgba(255, 255, 255, 0.75);
    -webkit-animation: page-loader-inner 1.5s infinite ease-out;
    animation: page-loader-inner 1.5s infinite ease-out; }
  .pageloader::before {
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    -webkit-animation: page-loader-outer 1.5s infinite ease-in;
    animation: page-loader-outer 1.5s infinite ease-in; }

/* ==========================================================================
1. Keyframes
========================================================================== */
@-webkit-keyframes page-loader-inner {
  0%,40% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
@keyframes page-loader-inner {
  0%,40% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }
@-webkit-keyframes page-loader-outer {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100%,40% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; } }
@keyframes page-loader-outer {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100%,40% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; } }
/* ==========================================================================
2. Infraloader
========================================================================== */
.infraloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 80px;
  width: calc(100% - 80px);
  background-color: #fff;
  z-index: -1;
  opacity: 0;
  transition: opacity .35s; }
  .infraloader.is-active {
    opacity: 1;
    z-index: 999997; }
  .infraloader.is-full {
    width: 100% !important;
    left: 0 !important; }

/*! _elements.scss | Nephos | CSS Ninja */
/* ==========================================================================
Nephos elements styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Layout
1. Inputs
2. Native Selects
3. Chosen Selects
4. Autocomplete
5. Spinner
6. Tabs
=============================================================================
***/
/* ==========================================================================
0. Layout
========================================================================== */
.is-element-card {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 40px; }
  .is-element-card .element-card-title {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 500; }
  .is-element-card img {
    max-width: 120px;
    width: 120px;
    margin: 5px 0; }
  .is-element-card .view-element {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase; }
    .is-element-card .view-element a {
      font-weight: 600; }

.is-element-details {
  border: none !important;
  margin-bottom: 20px; }
  .is-element-details.has-overflow {
    overflow: visible !important; }
  .is-element-details .columns.is-gapless {
    background: #344258; }
  .is-element-details .is-component .inner, .is-element-details .is-description .inner {
    padding: 40px; }
  .is-element-details .is-component {
    background: #f9f9f9; }
    .is-element-details .is-component.is-grey {
      background: #f5f4f4; }
  .is-element-details .is-description {
    color: #f5f4f4 !important; }
    .is-element-details .is-description .divider {
      height: 1.6px;
      background: #f5f4f4;
      border-radius: 50px;
      width: 60px;
      margin: 10px 0; }
    .is-element-details .is-description h2 {
      color: #f5f4f4 !important; }
    .is-element-details .is-description p {
      font-family: 'Raleway', sans-serif;
      font-size: .85rem;
      margin-bottom: 10px; }
    .is-element-details .is-description code {
      color: #ffcc00;
      background: transparent !important; }

.spacer {
  padding: 20px 0; }

/* ==========================================================================
1. Inputs
========================================================================== */
.control.required {
  position: relative; }
  .control.required .input {
    padding-right: 36px; }
  .control.required svg {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
    display: none;
    stroke-width: 2.4px; }
    .control.required svg.success-icon {
      stroke: #f5dd13; }
    .control.required svg.error-icon {
      stroke: #64ab4c; }
    .control.required svg.warning-icon {
      stroke: #ea1515; }
  .control.required .status-text span {
    font-size: 60%;
    font-family: 'Raleway', sans-serif;
    display: none; }
    .control.required .status-text span.success-text {
      color: #f5dd13; }
    .control.required .status-text span.warning-text {
      color: #ea1515; }
    .control.required .status-text span.error-text {
      color: #64ab4c; }
  .control.required.has-success .input {
    border-color: #f5dd13 !important; }
  .control.required.has-success .success-icon, .control.required.has-success .success-text {
    display: block; }
  .control.required.has-warning .input {
    border-color: #ea1515 !important; }
  .control.required.has-warning .warning-icon, .control.required.has-warning .warning-text {
    display: block; }
  .control.required.has-error .input {
    border-color: #64ab4c !important; }
  .control.required.has-error .error-icon, .control.required.has-error .error-text {
    display: block; }
.control.has-addon {
  position: relative; }
  .control.has-addon.has-block .input {
    padding-right: 40px; }
  .control.has-addon.has-block .input-block {
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    width: 36px;
    background: #ededed;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500; }
  .control.has-addon.has-button .input {
    padding-right: 70px; }
  .control.has-addon.has-button .input-button {
    max-height: 30px;
    background: #00D1B2;
    color: #fff;
    padding: 8px 14px;
    font-size: .7rem;
    line-height: 1.2;
    border-radius: 3px;
    position: absolute;
    top: 3px;
    right: 3px;
    transition: opacity .3s;
    cursor: pointer; }
    .control.has-addon.has-button .input-button:hover {
      opacity: 0.7; }
  .control.has-addon.has-icon .input {
    padding-left: 40px; }
    .control.has-addon.has-icon .input:focus {
      border-color: #64ab4c; }
      .control.has-addon.has-icon .input:focus + svg {
        stroke: #64ab4c; }
  .control.has-addon.has-icon svg {
    height: 22px;
    width: 22px;
    position: absolute;
    top: 7px;
    left: 10px;
    stroke: #cecece;
    transition: all .3s; }

/* ==========================================================================
2. Selects
========================================================================== */
.control.has-select-icon {
  position: relative; }
  .control.has-select-icon svg {
    position: absolute;
    top: 7px;
    left: 10px;
    width: 18px;
    height: 18px;
    color: #ccc; }
  .control.has-select-icon .styledSelect {
    left: 36px !important; }
  .control.has-select-icon.is-loading::after {
    left: .625em !important;
    top: .49em !important; }

.s-hidden {
  visibility: hidden;
  padding-right: 10px; }

.select:not(.is-multiple) {
  height: 2.85em !important; }

.select {
  cursor: pointer;
  display: block;
  position: relative;
  font: normal 11px/22px Arial, Sans-Serif;
  color: black;
  border: 1px solid #ccc; }

.styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  color: #999;
  padding: 0 10px;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  display: flex;
  align-items: center; }

.styledSelect:active, .styledSelect.active {
  background-color: #f5f4f4; }

.options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #ccc;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

.options li {
  padding: 5px 6px;
  margin: 0 0;
  padding: 5px 10px; }

.options li:hover {
  background-color: #ff6600;
  color: #fff; }

/* ==========================================================================
3. Chosen Selects
========================================================================== */
.control.is-loading.is-preloading:after {
  left: .625em !important;
  top: 0.8em !important; }
.control.is-loading.is-preloading.native:after {
  top: 0.5em !important; }
.control.is-loading.is-preloading .chosen-single {
  padding-left: 36px !important; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  height: 40px !important; }

.chosen-container-multi .chosen-choices li.search-choice {
  background-color: #64ab4c !important;
  margin: 10px 12px 10px -8px !important; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  top: 0px !important; }

/* ==========================================================================
4. Autocomplete
========================================================================== */
.easy-autocomplete {
  width: 100% !important; }

.autocpl {
  box-shadow: none !important; }
  .autocpl .easy-autocomplete-container ul {
    padding: 10px !important; }
    .autocpl .easy-autocomplete-container ul li {
      margin: 0 10px; }

.template-wrapper {
  display: flex !important;
  justify-content: flex-start;
  align-items: center; }
  .template-wrapper .autocpl-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 100px !important; }
  .template-wrapper .autocpl-product {
    width: 36px !important;
    height: 36px !important;
    border-radius: 2px !important; }
  .template-wrapper .entry-text {
    margin-left: 15px; }
    .template-wrapper .entry-text span {
      font-size: 0.8rem;
      color: #0e569f; }

/* ==========================================================================
5. Spinner
========================================================================== */
.spinner-control {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .spinner-control input {
    height: 36px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    border-left: none !important;
    border-right: none !important; }
    .spinner-control input:focus, .spinner-control input:active {
      border-top: 1px solid #f5f4f4 !important;
      border-bottom: 1px solid #f5f4f4 !important;
      outline: non !important; }
  .spinner-control .spinner-button {
    width: 36px;
    height: 36px;
    background: #ededed;
    border: 1px solid #cecece;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s; }
    .spinner-control .spinner-button svg {
      width: 16px;
      height: 16px;
      stroke-width: 1.6px;
      stroke: #999;
      transition: all .3s; }
    .spinner-control .spinner-button:hover {
      opacity: 0.7; }
      .spinner-control .spinner-button:hover svg {
        stroke: #64ab4c; }
  .spinner-control .input-group-prepend .spinner-button {
    border-radius: 4px 0 0 4px; }
  .spinner-control .input-group-append .spinner-button {
    border-radius: 0 4px 4px 0; }

/* ==========================================================================
6. Tabs
========================================================================== */
.tabs-wrapper.underline-tabs .tabs {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-bottom: 0; }
  .tabs-wrapper.underline-tabs .tabs ul li a {
    color: #cecece; }
  .tabs-wrapper.underline-tabs .tabs ul li.is-active a {
    color: #64ab4c;
    border-bottom-color: #64ab4c; }
.tabs-wrapper .navtab-content {
  font-family: 'Raleway', sans-serif;
  font-size: .9rem; }

.select:not(.is-multiple):not(.is-loading)::after {
  border-color: #ff6600; }

/*! _utils.scss | Nephos | CSS Ninja */
/* ==========================================================================
Utils and Miscellaneous styles
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. Action Bar
1. Mobile Navbar
2. Tabs
3. Switch
4. Popovers
5. Helpers
6. Fade in Up animation
7. Translate Left animation
8. Fade In Left animation
9. Gelatine animation
10. Scale in animation
11. Scale out animation
12. Levitate animation
=============================================================================
***/
/* ==========================================================================
0. Action Bar
========================================================================== */
.action-bar {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 15px 20px;
  width: 100%;
  z-index: 2;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  transition: all .3s; }
  .action-bar.is-centered {
    justify-content: center !important;
    margin: 70px 0 50px 0; }

/* ==========================================================================
1. Mobile Navbar
========================================================================== */
.mobile-navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  transform: translateY(-100%);
  transition: all .3s; }
  .mobile-navbar.is-active {
    transform: translateY(0); }
  .mobile-navbar .navbar-item.is-icon svg {
    stroke-width: 1.6px;
    stroke: #64ab4c; }
  .mobile-navbar .navbar-item.is-sidebar-toggler svg {
    stroke: #999 !important; }
  .mobile-navbar .navbar-item.is-flex {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .mobile-navbar .navbar-item.is-flex span {
      display: block; }
      .mobile-navbar .navbar-item.is-flex span.menu-badge {
        color: #00D1B2;
        width: 20px;
        height: 20px;
        border: 1px solid #00D1B2;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 90%;
        font-weight: 500; }
  .mobile-navbar .navbar-burger:hover {
    background-color: rgba(0, 0, 0, 0.02); }
  .mobile-navbar .navbar-burger span {
    background-color: #64ab4c; }
  .mobile-navbar .navbar-menu {
    background: #344258; }
    .mobile-navbar .navbar-menu .navbar-item, .mobile-navbar .navbar-menu .navbar-link {
      color: #fff; }
    .mobile-navbar .navbar-menu .navbar-link {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      border-bottom: 1px solid #475a78; }
      .mobile-navbar .navbar-menu .navbar-link img {
        height: 32px;
        width: 32px;
        max-height: 32px !important;
        border-radius: 50%; }
      .mobile-navbar .navbar-menu .navbar-link svg {
        height: 20px;
        width: 20px;
        stroke-width: 1.2px;
        stroke: #fff; }
      .mobile-navbar .navbar-menu .navbar-link span {
        margin: 0 10px; }
        .mobile-navbar .navbar-menu .navbar-link span.is-heading {
          font-size: 11px;
          letter-spacing: 1px;
          text-transform: uppercase; }
    .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item {
      font-size: 90%;
      padding: .75rem 1.5rem !important; }
      .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item.is-atcive, .mobile-navbar .navbar-menu .navbar-dropdown .navbar-item:hover {
        background: #475a78; }

/* ==========================================================================
2. Tabs
========================================================================== */
.tabs-wrapper .tabs {
  overflow: hidden; }
.tabs-wrapper.animated-tabs .navtab-content {
  animation-name: fadeInLeft;
  animation-duration: 0.5s; }
.tabs-wrapper.translated-tabs .navtab-content {
  animation-name: translateLeft;
  animation-duration: 0.5s; }
.tabs-wrapper .navtab-content {
  display: none;
  padding: 15px;
  min-height: 190px; }
.tabs-wrapper .navtab-content.is-active {
  display: block; }

/* ==========================================================================
3. Switch
========================================================================== */
.form-switch {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }
  .form-switch i {
    position: relative;
    display: inline-block;
    margin-right: .5rem;
    width: 46px;
    height: 26px;
    background-color: #e6e6e6;
    border-radius: 23px;
    vertical-align: text-bottom;
    transition: all 0.3s linear; }
    .form-switch i::before {
      content: "";
      position: absolute;
      left: 0;
      width: 42px;
      height: 22px;
      background-color: #fff;
      border-radius: 11px;
      transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
      transition: all 0.25s linear; }
    .form-switch i::after {
      content: "";
      position: absolute;
      left: 0;
      width: 22px;
      height: 22px;
      background-color: #fff;
      border-radius: 11px;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
      transform: translate3d(2px, 2px, 0);
      transition: all 0.2s ease-in-out; }
  .form-switch:active i::after {
    width: 28px;
    transform: translate3d(2px, 2px, 0); }
  .form-switch:active input:checked + i::after {
    transform: translate3d(16px, 2px, 0); }
  .form-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none; }
    .form-switch input:checked + i {
      background-color: #ff6600; }
      .form-switch input:checked + i::before {
        transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }
      .form-switch input:checked + i::after {
        transform: translate3d(22px, 2px, 0); }

/* ==========================================================================
4. Popovers
========================================================================== */
.webui-popover {
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 10px 4px !important;
  background: #344258 !important;
  color: #fff !important;
  border: none !important;
  margin-top: -20px !important; }
  .webui-popover.top > .webui-arrow {
    border-top-color: transparent !important; }
  .webui-popover .webui-arrow {
    border-top-color: transparent !important; }
    .webui-popover .webui-arrow:after {
      border-top-color: #344258 !important; }
  .webui-popover .webui-popover-title {
    background-color: #344258 !important;
    border-bottom: none !important;
    font-weight: 500; }
  .webui-popover .webui-popover-content {
    font-size: .75rem !important; }
    .webui-popover .webui-popover-content .popover-flex-block {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 5px 0; }
      .webui-popover .webui-popover-content .popover-flex-block .staff-avatar {
        height: 38px;
        width: 38px;
        border-radius: 50%; }
      .webui-popover .webui-popover-content .popover-flex-block .content-block {
        margin-left: 10px;
        cursor: pointer; }
        .webui-popover .webui-popover-content .popover-flex-block .content-block:hover {
          color: #fff; }
        .webui-popover .webui-popover-content .popover-flex-block .content-block label, .webui-popover .webui-popover-content .popover-flex-block .content-block span {
          display: block; }
        .webui-popover .webui-popover-content .popover-flex-block .content-block label {
          color: #818181;
          text-transform: uppercase;
          font-size: 12px; }
      .webui-popover .webui-popover-content .popover-flex-block .fa.fa-star, .webui-popover .webui-popover-content .popover-flex-block .fa.fa-star-half {
        color: #FFD700; }
      .webui-popover .webui-popover-content .popover-flex-block .icon-block {
        height: 38px;
        width: 38px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .webui-popover .webui-popover-content .popover-flex-block .icon-block svg {
          height: 18px;
          width: 18px;
          stroke: #fff;
          stroke-width: 1.3px; }
          .webui-popover .webui-popover-content .popover-flex-block .icon-block svg.is-medium {
            height: 26px;
            width: 26px; }

/* ==========================================================================
5. Helpers
========================================================================== */
.is-vhidden {
  visibility: hidden !important; }

.is-hidden {
  display: none !important; }

.is-disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: default !important; }

.mt-80 {
  margin-top: 80px !important; }

.is-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.text-bold-1 {
  font-weight: 400 !important; }

.ml-5 {
  margin-left: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.light-text {
  color: #fff !important; }

/* ==========================================================================
6. Fade in Up animation
========================================================================== */
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: both; }

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.preFadeInUp {
  opacity: 0; }

.fadeInUp {
  opacity: 0;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

/* ==========================================================================
7. Translate Left animation
========================================================================== */
@-webkit-keyframes translateLeft {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes translateLeft {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.translateLeft {
  -webkit-animation-name: translateLeft;
  animation-name: translateLeft;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06); }

/* ==========================================================================
8. Fade In Left animation
========================================================================== */
@-webkit-keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.preFadeInLeft {
  opacity: 0; }

.fadeInLeft {
  opacity: 0;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

/* ==========================================================================
9. Gelatine animation
========================================================================== */
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1); }
  25% {
    -webkit-transform: scale(0.9, 1.1); }
  50% {
    -webkit-transform: scale(1.1, 0.9); }
  75% {
    -webkit-transform: scale(0.95, 1.05); } }
@keyframes gelatine {
  from, to {
    transform: scale(1, 1); }
  25% {
    transform: scale(0.9, 1.1); }
  50% {
    transform: scale(1.1, 0.9); }
  75% {
    transform: scale(0.95, 1.05); } }
.gelatine {
  -webkit-animation: gelatine 0.6s;
  animation: gelatine 0.6s;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/* ==========================================================================
10. Scale in animation
========================================================================== */
@-webkit-keyframes scaleIn {
  from {
    -webkit-transform: scale(0); }
  to {
    -webkit-transform: scale(1); } }
@keyframes scaleIn {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }
.scaleIn {
  /* ... */
  -webkit-animation: scaleIn 0.5s;
  animation: scaleIn 0.5s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

/* ==========================================================================
11. Scale out animation
========================================================================== */
@-webkit-keyframes scaleOut {
  from {
    -webkit-transform: scale(1); }
  to {
    -webkit-transform: scale(0); } }
@keyframes scaleOut {
  from {
    transform: scale(1); }
  to {
    transform: scale(0); } }
.scaleOut {
  -webkit-animation: scaleOut 0.6s;
  animation: scaleOut 0.6s; }

/* ==========================================================================
12. Levitate animation
========================================================================== */
@-webkit-keyframes levitate {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes levitate {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
.levitate {
  -webkit-animation-name: levitate;
  animation-name: levitate;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

.section {
  padding: 6rem 1.5rem 3rem 1.5rem; }

.navbar {
  position: fixed;
  width: 100%;
  border-bottom: 1px solid #ff6600;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff !important; }
  .navbar > .div-container {
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.25rem;
    width: 100%;
    padding: 0 20px; }
    .navbar > .div-container .navbar-brand {
      background-color: #fff; }
      .navbar > .div-container .navbar-brand img {
        height: 18px;
        width: auto; }
  .navbar .navbar-menu, .navbar .navbar-start {
    display: block;
    padding: 0;
    box-shadow: none;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff; }
    .navbar .navbar-menu .navbar-end, .navbar .navbar-start .navbar-end {
      -ms-flex-pack: end;
      justify-content: flex-end;
      margin-left: auto;
      -ms-flex-align: stretch;
      align-items: stretch;
      display: -ms-flexbox;
      display: flex; }
      .navbar .navbar-menu .navbar-end .navbar-item, .navbar .navbar-start .navbar-end .navbar-item {
        display: inline-flex;
        align-items: center; }
        .navbar .navbar-menu .navbar-end .navbar-item a.icon-bell, .navbar .navbar-start .navbar-end .navbar-item a.icon-bell {
          font-size: 17px;
          line-height: 27px;
          text-align: center;
          color: #999;
          display: inline-block;
          border: 1px solid #999;
          border-radius: 50%;
          padding: 0;
          width: 30px;
          height: 30px;
          transition: all 0.2s;
          position: relative; }
          .navbar .navbar-menu .navbar-end .navbar-item a.icon-bell:hover, .navbar .navbar-start .navbar-end .navbar-item a.icon-bell:hover {
            color: #ff6600;
            border-color: #ff6600; }
        .navbar .navbar-menu .navbar-end .navbar-item a .notification-no, .navbar .navbar-start .navbar-end .navbar-item a .notification-no {
          position: absolute;
          top: -4px;
          right: -8px;
          border-radius: 50%;
          background-color: #ff6600;
          padding: 0 5px;
          color: #fff;
          font-weight: 700;
          font-size: 12px;
          line-height: 16px;
          transition: all 0.2s; }
        .navbar .navbar-menu .navbar-end .navbar-item .button, .navbar .navbar-start .navbar-end .navbar-item .button {
          border: none;
          padding: 0; }
          .navbar .navbar-menu .navbar-end .navbar-item .button .fa, .navbar .navbar-start .navbar-end .navbar-item .button .fa {
            transition: all 0.2s; }
        .navbar .navbar-menu .navbar-end .navbar-item .is-active .button .fa, .navbar .navbar-start .navbar-end .navbar-item .is-active .button .fa {
          transform: rotate(180deg); }
        .navbar .navbar-menu .navbar-end .navbar-item .dropdown-menu, .navbar .navbar-start .navbar-end .navbar-item .dropdown-menu {
          min-width: 8rem; }
          .navbar .navbar-menu .navbar-end .navbar-item .dropdown-menu .dropdown-content, .navbar .navbar-start .navbar-end .navbar-item .dropdown-menu .dropdown-content {
            cursor: pointer; }
          .navbar .navbar-menu .navbar-end .navbar-item .dropdown-menu .dropdown-item:hover p a, .navbar .navbar-start .navbar-end .navbar-item .dropdown-menu .dropdown-item:hover p a {
            color: #ff6600; }
          .navbar .navbar-menu .navbar-end .navbar-item .dropdown-menu .dropdown-item p a, .navbar .navbar-start .navbar-end .navbar-item .dropdown-menu .dropdown-item p a {
            color: #4a4a4a; }
        .navbar .navbar-menu .navbar-end .navbar-item img, .navbar .navbar-start .navbar-end .navbar-item img {
          max-height: 100%;
          height: 28px;
          vertical-align: middle; }

.pricing .hidden-div {
  padding: 0;
  overflow: hidden;
  position: relative; }
.pricing ul li {
  font-size: 16px; }
  .pricing ul li div:first-child {
    font-size: 30px; }
    .pricing ul li div:first-child.silver {
      color: #cccccc; }
    .pricing ul li div:first-child.gold {
      color: #F9A602; }
    .pricing ul li div:first-child.bronze {
      color: #f4b183; }
  .pricing ul li div:nth-child(2) {
    color: #fff;
    font-size: 25px; }
  .pricing ul li div:nth-child(3) {
    position: absolute;
    top: 84px;
    right: -186px;
    background-color: #00aeef;
    padding: 8px 38px;
    font-size: 11px;
    -webkit-transform: rotate(45deg) translateX(-100%);
    -moz-transform: rotate(45deg) translateX(-100%);
    transform: rotate(45deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    color: #fff;
    font-weight: 400; }
    .pricing ul li div:nth-child(3) span {
      color: #fff; }
    .pricing ul li div:nth-child(3).most-popular {
      background-color: #ffc618; }
  .pricing ul li.grey-before::before {
    content: '\2713\0020';
    padding-right: 5px;
    padding-left: 5px;
    position: absolute;
    color: #767171; }
  .pricing ul li.color-before::before {
    content: '\2713\0020';
    padding-right: 5px;
    padding-left: 5px;
    position: absolute;
    color: #00aeef; }
  .pricing ul li:first-child {
    padding: 10px 20px;
    background-color: #404040;
    color: #fff; }
  .pricing ul li:nth-child(3).bni-second {
    font-weight: 400;
    padding-left: 15px;
    color: #ffc618;
    font-size: 18px; }
  .pricing ul li:nth-child(n+4) {
    font-weight: 400; }
  .pricing ul li:nth-child(n+2) {
    padding: 10px 0 0 0px; }
  .pricing ul li.content-grey {
    display: block;
    padding: 10px 0 0 30px;
    font-weight: 300;
    position: relative; }
    .pricing ul li.content-grey::before {
      content: '\2713\0020';
      padding-right: 5px;
      padding-left: 5px;
      position: absolute;
      left: 10px; }
    .pricing ul li.content-grey span {
      margin-left: 10px; }
  .pricing ul li:nth-child(2) {
    margin-top: 20px; }
    .pricing ul li:nth-child(2).bni-first {
      font-size: 20px;
      font-weight: 600;
      color: #000;
      padding: 25px 10px 10px 15px; }
  .pricing ul li span {
    color: #404040; }
    .pricing ul li span.line-left {
      display: block;
      padding: 0 0 0 30px;
      font-weight: 300; }
    .pricing ul li span.color-span {
      color: #00aeef; }
.pricing ul a p {
  text-align: center;
  border: 1px solid #00aeef;
  margin-top: 20px;
  color: #00aeef;
  padding: 10px 0;
  transition: all .2s linear; }
  .pricing ul a p.bni-btn {
    color: #ffc618;
    border: 1px solid #ffc618; }
    .pricing ul a p.bni-btn:hover {
      background-color: #ffc618;
      color: #fff; }
  .pricing ul a p:hover {
    background-color: #00aeef;
    color: #fff; }
  .pricing ul a p.colorA {
    color: #6e359a;
    border: 1px solid #6e359a; }
    .pricing ul a p.colorA:hover {
      background-color: #6e359a;
      color: #fff; }
  .pricing ul a p.colorC {
    color: #2e3192;
    border: 1px solid #2e3192; }
    .pricing ul a p.colorC:hover {
      background-color: #2e3192;
      color: #fff; }

.domain-details .information-padtop {
  padding: 20px 0 30px 0; }
  .domain-details .information-padtop .icon-com span {
    color: #aaa; }

.svg-x .button.feather-button svg {
  top: 3px;
  margin-right: 0px; }

.associate-details .icon-com span {
  color: #aaa; }
.associate-details .trustee {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .associate-details .trustee .button.feather-button.is-small {
    background-color: #ef4f4f;
    border-color: #ef4f4f; }
  .associate-details .trustee > div {
    font-weight: 600; }

.customise-your-order .inner {
  padding: 0 !important; }
.customise-your-order .tab1 .regisration {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 23px;
  line-height: 1.2;
  color: #ff6600;
  padding-bottom: 15px; }
.customise-your-order .tab1 .icon-registration {
  justify-content: flex-start;
  align-items: center; }
  .customise-your-order .tab1 .icon-registration i, .customise-your-order .tab1 .icon-registration svg {
    color: #585b5e;
    font-size: 32px;
    margin-right: .5em; }
  .customise-your-order .tab1 .icon-registration.text-red {
    color: #a44544; }
    .customise-your-order .tab1 .icon-registration.text-red svg {
      color: #a44544; }
    .customise-your-order .tab1 .icon-registration.text-red-green {
      color: #3b7642; }
      .customise-your-order .tab1 .icon-registration.text-red-green svg {
        color: #3b7642; }
      .customise-your-order .tab1 .icon-registration.text-red-green .p-mleft {
        margin-left: 40px; }

.register-abn .abn-ul ul {
  list-style-type: disc;
  margin: 0 0 0 50px; }
  .register-abn .abn-ul ul li:first-child {
    font-weight: normal;
    margin-bottom: 0; }
.register-abn .abn-ul p {
  font-weight: 600;
  margin: 10px 0; }
  .register-abn .abn-ul p.mb-n {
    margin: 30px 0 0 0; }
.register-abn .abn-ul div {
  font-size: 14px;
  color: #98a6ad;
  margin-bottom: 30px; }
.register-abn .bg-blue {
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  color: #31708f;
  padding: 20px;
  margin-top: 20px; }
  .register-abn .bg-blue div {
    font-weight: 700; }
  .register-abn .bg-blue p {
    font-size: 14px; }
.register-abn .mt-select {
  margin-top: 20px; }
  .register-abn .mt-select i {
    margin-right: 5px; }
.register-abn.abn-details textarea {
  min-height: 70px;
  border-radius: 10px; }
.register-abn.abn-details .scroll-x {
  max-height: 150px;
  overflow-x: scroll; }
  .register-abn.abn-details .scroll-x label {
    display: flex; }
    .register-abn.abn-details .scroll-x label input {
      margin: 7px 5px 0 0; }
.register-abn.abn-details .bni-registrations > div {
  margin: 10px 0; }
  .register-abn.abn-details .bni-registrations > div:first-child {
    font-weight: 600;
    font-size: 16px; }
  .register-abn.abn-details .bni-registrations > div.color-r {
    color: #a44544;
    position: relative; }
    .register-abn.abn-details .bni-registrations > div.color-r span {
      margin-left: 35px; }
    .register-abn.abn-details .bni-registrations > div.color-r svg {
      color: #a44544;
      position: absolute;
      top: 0;
      left: 0; }
    .register-abn.abn-details .bni-registrations > div.color-r-g {
      color: #3b7642;
      position: relative; }
      .register-abn.abn-details .bni-registrations > div.color-r-g span {
        margin-left: 35px; }
      .register-abn.abn-details .bni-registrations > div.color-r-g svg {
        color: #3b7642;
        position: absolute;
        top: 0;
        left: 0; }

.datepicker-panel > ul > li.highlighted {
  color: #ff6600 !important; }

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  color: #fff !important;
  background-color: #ff6600; }

.accordion-sp .accordions .accordion {
  border: none;
  border-radius: 0;
  margin-bottom: 15px !important; }
  .accordion-sp .accordions .accordion.is-active .accordion-body {
    max-height: 100% !important; }
  .accordion-sp .accordions .accordion .accordion-header.toggle {
    background-color: #f7f7f7;
    padding: 0;
    height: 50px;
    border-bottom: none; }
    .accordion-sp .accordions .accordion .accordion-header.toggle span:first-child {
      height: 50px;
      width: 50px;
      background-color: #ff6600;
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      font-weight: 700; }
      .accordion-sp .accordions .accordion .accordion-header.toggle span:first-child.completed-bg {
        background-color: #97c322; }
    .accordion-sp .accordions .accordion .accordion-header.toggle span:nth-child(2) {
      margin-left: 30px;
      color: #000;
      display: flex;
      justify-content: center;
      font-size: 22px;
      font-weight: 700; }
    .accordion-sp .accordions .accordion .accordion-header.toggle span:nth-child(3) {
      height: 50px;
      width: 50px;
      border: 5px solid #bfbfbf;
      background-color: #fff;
      margin-left: auto;
      position: relative; }
      .accordion-sp .accordions .accordion .accordion-header.toggle span:nth-child(3).completed {
        border-color: #97c322; }
        .accordion-sp .accordions .accordion .accordion-header.toggle span:nth-child(3).completed::before {
          content: "\f00c";
          position: absolute;
          font-family: FontAwesome;
          color: #97c322;
          font-size: 30px;
          position: absolute;
          left: 5px;
          top: 2px; }
  .accordion-sp .accordions .accordion .accordion-body {
    border: none !important;
    background-color: #fbfbfb; }
    .accordion-sp .accordions .accordion .accordion-body .accordion-content {
      padding: 15px 50px 15px 80px !important; }
  .accordion-sp .accordions .accordion a {
    text-decoration: none !important; }
.accordion-sp .checkradio-flex {
  justify-content: center; }
  .accordion-sp .checkradio-flex .is-checkradio[type=radio] + label::before {
    border-radius: 20%; }
  .accordion-sp .checkradio-flex .is-checkradio[type=radio] + label::after {
    border-radius: 20%;
    background-color: #ff6600;
    width: 2em;
    height: 2em;
    top: -4px;
    left: -4px; }
  .accordion-sp .checkradio-flex .is-checkradio[type=radio]:hover:not([disabled]) + label::before {
    border-color: #ff6600 !important; }
  .accordion-sp .checkradio-flex .is-checkradio[type=checkbox] + label::after {
    border-color: #ff6600 !important; }
  .accordion-sp .checkradio-flex .is-checkradio[type=checkbox]:hover:not([disabled]) + label::before {
    border-color: #ff6600 !important; }

.dashboard-backoffice .bsp-color {
  color: #ff6600;
  font-size: 30px; }
.dashboard-backoffice .color-link-dsh {
  display: block; }
  .dashboard-backoffice .color-link-dsh .bsp-price {
    display: flex;
    justify-content: space-between;
    padding: 15px 0; }
    .dashboard-backoffice .color-link-dsh .bsp-price span {
      font-size: 15px; }
      .dashboard-backoffice .color-link-dsh .bsp-price span:first-child {
        font-weight: 600;
        font-size: 17px;
        color: #000; }
  .dashboard-backoffice .color-link-dsh .bsp-text {
    font-size: 14px;
    color: #000; }
    .dashboard-backoffice .color-link-dsh .bsp-text span {
      color: #ff6600; }
.dashboard-backoffice .boss {
  display: flex;
  flex-flow: row wrap; }
  .dashboard-backoffice .boss .choose-box {
    flex: 1 1 33.3333%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    text-align: center; }
    .dashboard-backoffice .boss .choose-box label {
      display: flex;
      flex-direction: column;
      width: 100%;
      flex: 1 1 auto;
      cursor: pointer; }
      .dashboard-backoffice .boss .choose-box label .box-border {
        border: 1px solid #dbdbdb;
        padding: 20px;
        cursor: pointer;
        display: block;
        flex: 1 1 auto; }
        .dashboard-backoffice .boss .choose-box label .box-border > div {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .dashboard-backoffice .boss .choose-box label .box-border > div span {
            font-size: 22px;
            font-weight: 700;
            color: #000;
            padding-bottom: 20px;
            line-height: normal; }
            .dashboard-backoffice .boss .choose-box label .box-border > div span:nth-child(2) {
              color: #97c322;
              font-weight: 600; }
        .dashboard-backoffice .boss .choose-box label .box-border p {
          line-height: normal;
          font-size: 15px; }
  .dashboard-backoffice .boss input {
    display: none; }
    .dashboard-backoffice .boss input:checked + .box-border {
      border-color: #ff6600; }

/*! _responsive.scss | Nephos | CSS Ninja */
/* ==========================================================================
Nephos Global Media Queries
========================================================================== */
/***
TABLE OF CONTENTS
=============================================================================
0. HD Tablet portrait only
1. Tablet Landscape
2. Tablet Portrait
3. Mobile Only
=============================================================================
***/
/* ==========================================================================
0. HD Tablet portrait only
========================================================================== */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  .fullscreen-slick .full-slide {
    background-position: bottom; }
  .fullscreen-slick .slick-dots {
    left: 50%;
    transform: translateX(-50%); }

  .shop-wrapper .is-tablet-landscape-padded {
    margin-left: 5.33333% !important; } }
/* ==========================================================================
1. Tablet Landscape
========================================================================== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .shop-wrapper .is-tablet-landscape-padded {
    width: 100% !important;
    margin: 0 !important; }
  .shop-wrapper .is-invoice-landscape-padded {
    width: 100% !important;
    margin: 0 !important; }

  .product-panel {
    width: 35%; }
    .product-panel .likes {
      margin: 0 30px !important; }
    .product-panel .detailed-description, .product-panel .product-ratings {
      padding: 10px 20px !important;
      margin-top: 10px !important; }
    .product-panel .product-image {
      padding: 40% 0 !important; }
      .product-panel .product-image img {
        max-width: 220px; }

  .product-info-panel {
    width: 65%; }
    .product-info-panel .category-title {
      padding: 0 40px !important; }
    .product-info-panel .panel-body {
      padding: 60px 40px !important; } }
/* ==========================================================================
2. Tablet Portrait
========================================================================== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .fullscreen-slick .full-slide {
    background-position: bottom; }
  .fullscreen-slick .slick-dots {
    left: 50%;
    transform: translateX(-50%); }

  .hero-caption {
    padding: 160px 0 !important; }

  .background-caption {
    padding: 90px 0 !important; }

  .main-sidebar.is-pushed-mobile {
    transform: translateX(-81px) !important; }

  .shop-wrapper {
    margin-top: 20px !important; }

  .menu-fab {
    top: 80px !important; }

  .category-title .brand-filigrane {
    left: -26px !important; }

  .tile.has-background-image {
    min-height: 300px !important;
    padding: 1.25rem 1.5rem !important; }
    .tile.has-background-image .tile-content {
      height: 260px !important; }
      .tile.has-background-image .tile-content.is-small .divider, .tile.has-background-image .tile-content.is-small p {
        display: block !important; }
      .tile.has-background-image .tile-content .products {
        position: absolute;
        bottom: 0;
        padding: 0;
        left: 0; }

  .flat-card.is-long {
    display: block; }
    .flat-card.is-long .left-image, .flat-card.is-long .left-image.is-md {
      text-align: center !important;
      margin: 40px 0 !important;
      width: 100% !important; }
      .flat-card.is-long .left-image img, .flat-card.is-long .left-image.is-md img {
        max-width: 100px;
        margin: 10px auto !important;
        display: block !important; }
    .flat-card.is-long .product-info {
      text-align: center !important; }
      .flat-card.is-long .product-info h3 {
        font-family: 'Raleway', sans-serif !important;
        text-transform: uppercase !important;
        font-size: .8rem !important;
        font-weight: 500 !important; }

  .product-panel {
    display: block;
    position: relative;
    width: 100%; }
    .product-panel .panel-header {
      justify-content: flex-start; }
      .product-panel .panel-header .likes {
        margin: 0 40px !important; }
    .product-panel img {
      max-width: 360px !important; }
    .product-panel .detailed-description, .product-panel .product-ratings {
      max-height: 75vh !important;
      padding: 20px 40px !important; }
    .product-panel .product-actions {
      padding: 0 10px !important;
      bottom: 40px !important; }

  .product-info-panel {
    display: block;
    position: relative;
    width: 100%; }
    .product-info-panel .inner-panel {
      padding-right: 0; }
      .product-info-panel .inner-panel .panel-header {
        padding-top: 40px !important; }
        .product-info-panel .inner-panel .panel-header .category-title {
          padding: 0 40px !important; }
          .product-info-panel .inner-panel .panel-header .category-title h2 {
            padding-left: 20px !important; }
        .product-info-panel .inner-panel .panel-header .category-icon {
          display: none !important; }
      .product-info-panel .inner-panel .panel-body {
        padding: 0 40px 40px 40px !important; }
        .product-info-panel .inner-panel .panel-body .product-name {
          padding-top: 20px !important;
          font-size: 1.8rem !important; }
        .product-info-panel .inner-panel .panel-body .product-controls {
          justify-content: space-between; }
          .product-info-panel .inner-panel .panel-body .product-controls .product-price {
            margin-bottom: 10px; }
          .product-info-panel .inner-panel .panel-body .product-controls .product-quantity {
            margin-left: 0 !important; }
          .product-info-panel .inner-panel .panel-body .product-controls .add-to-cart button {
            margin-left: 0 !important; }
      .product-info-panel .inner-panel .panel-footer {
        display: block;
        position: relative; }
        .product-info-panel .inner-panel .panel-footer .footer-inner {
          margin-top: 0;
          padding-bottom: 45px; }
          .product-info-panel .inner-panel .panel-footer .footer-inner .recommended {
            display: block;
            position: relative;
            transform: rotate(0);
            top: 12px;
            left: 40px; }
          .product-info-panel .inner-panel .panel-footer .footer-inner .product-info {
            padding: 0 40px;
            text-align: center !important; }

  .cart-card .action {
    display: flex !important; }

  .action-bar {
    width: 100% !important;
    margin-left: 0 !important; }

  .is-auth {
    padding: 100px 0 !important; } }
@media (max-width: 1088px) {
  .accordion-sp .accordions .accordion .accordion-body .accordion-content {
    padding: 15px 20px !important; }

  .order-card.flat-card-bn.padd-bott50 {
    padding-bottom: 70%; }

  .information-padtop.jf-co .is-flex {
    justify-content: flex-start; }

  .column.is-4-desktop.is-12-tablet.is-12-mobile.is-flex.icon-com {
    justify-content: flex-start; }

  .information-padtop .is-flex.icon-com i {
    position: relative;
    top: 0; }

  .footer-padd-xs {
    margin-top: 30px; } }
/* ==========================================================================
3. Mobile Only
========================================================================== */
@media (max-width: 767px) {
  .order-card.flat-card-bn.padd-bott70 {
    padding-bottom: 50%; }
  .order-card.flat-card-bn.padd-bott50 {
    padding-bottom: 50%; }

  .title-bott-padd {
    margin-top: 30px; }

  .order-list-card .table-block table th .bg-status.bg-g, .order-list-card .table-block table td .bg-status {
    display: inline-block; }

  .order-list-card .table-block table td:last-child {
    justify-content: space-between;
    align-items: center; }

  body .navbar > .div-container {
    padding: 0; }

  .fullscreen-slick .full-slide {
    background-position: bottom; }
  .fullscreen-slick .slick-dots {
    left: 50%;
    transform: translateX(-50%);
    bottom: 24px !important; }

  .main-sidebar {
    width: 60px; }
    .main-sidebar .sidebar-brand {
      width: 60px; }
    .main-sidebar .icon-menu li, .main-sidebar .bottom-menu li {
      width: 60px !important; }

  .navbar-link {
    padding: 0.5rem 1.5rem !important; }

  .menu-fab {
    top: 72px !important; }

  .shop-wrapper.is-mobile-mode {
    margin-top: 10px; }

  .pageloader, .infraloader {
    left: 60px;
    width: calc(100% - 60px); }
    .pageloader.is-full, .infraloader.is-full {
      left: 0 !important;
      width: 100% !important; }

  .hero-caption {
    padding-top: 100px !important; }
    .hero-caption h1 {
      font-size: 4rem !important; }
    .hero-caption h2 {
      font-size: 1.3rem !important;
      margin-top: -20px !important; }

  .background-caption {
    top: 0 !important;
    padding-top: 76px !important; }
    .background-caption h1 {
      font-size: 6rem !important; }

  .search-input-wrapper.is-desktop {
    position: fixed;
    top: 0;
    left: 60px;
    height: 100%;
    width: calc(100% - 60px); }
    .search-input-wrapper.is-desktop .field {
      padding: 0 5%;
      top: 22%; }
    .search-input-wrapper.is-desktop .search-help {
      font-size: 1rem !important; }
    .search-input-wrapper.is-desktop input {
      height: 60px !important;
      padding-right: 34px !important;
      font-size: 1.6rem !important; }
    .search-input-wrapper.is-desktop #clear-search {
      top: 10px !important;
      right: 1px !important; }
      .search-input-wrapper.is-desktop #clear-search svg {
        width: 32px !important;
        height: 32px !important; }

  .is-product-grid {
    padding-top: 20px; }
    .is-product-grid .column {
      padding: .15rem !important; }

  .category-title {
    border-bottom: none !important; }
    .category-title .category-icon {
      justify-content: flex-start !important; }
      .category-title .category-icon img {
        max-height: 30px !important;
        padding: 0 !important; }
    .category-title h2 {
      font-size: 1.4rem !important; }
    .category-title .brand-filigrane {
      top: -16px !important;
      left: -25px !important;
      height: 58px !important; }

  .flat-card.is-long {
    display: block; }
    .flat-card.is-long .left-image, .flat-card.is-long .left-image.is-md {
      text-align: center !important;
      margin: 40px 0 !important;
      width: 100% !important; }
      .flat-card.is-long .left-image img, .flat-card.is-long .left-image.is-md img {
        max-width: 100px;
        margin: 10px auto !important;
        display: block !important; }
    .flat-card.is-long .product-info h3 {
      font-family: 'Raleway', sans-serif !important;
      text-transform: uppercase !important;
      font-size: .8rem !important;
      font-weight: 500 !important; }

  .shop-quickview {
    left: 60px !important;
    width: 260px !important;
    transform: translateX(-261px); }

  .cart-quickview {
    left: 60px !important;
    width: calc(100% - 60px);
    transform: translateX(calc(-100% - 60px)); }

  .filters-quickview {
    left: 60px !important;
    width: calc(100% - 60px);
    transform: translateX(calc(-100% - 60px)); }

  .range-slider {
    width: 200px !important; }
    .range-slider .input-range {
      width: 200px !important; }

  .product-panel {
    display: block;
    position: relative;
    width: 100%; }
    .product-panel .panel-header {
      justify-content: flex-start; }
      .product-panel .panel-header .likes {
        margin: 0 30px; }
    .product-panel .detailed-description, .product-panel .product-ratings {
      margin-top: 0 !important;
      max-height: 70vh !important;
      padding: 10px 20px !important; }
    .product-panel .product-actions {
      bottom: 30px !important; }

  .product-info-panel {
    display: block;
    position: relative;
    width: 100%; }
    .product-info-panel .inner-panel {
      padding-right: 0; }
      .product-info-panel .inner-panel .panel-header {
        padding: 20px 0; }
        .product-info-panel .inner-panel .panel-header .category-title {
          padding: 0 20px !important;
          justify-content: center; }
          .product-info-panel .inner-panel .panel-header .category-title h2 {
            font-size: 1.1rem !important;
            padding: 0 10px !important; }
          .product-info-panel .inner-panel .panel-header .category-title svg {
            display: none !important; }
      .product-info-panel .inner-panel .panel-body {
        padding: 20px !important; }
        .product-info-panel .inner-panel .panel-body .product-name {
          text-align: center !important;
          font-size: 1.8rem !important; }
          .product-info-panel .inner-panel .panel-body .product-name span {
            display: block; }
        .product-info-panel .inner-panel .panel-body .product-description {
          text-align: center; }
        .product-info-panel .inner-panel .panel-body .product-controls {
          display: block; }
          .product-info-panel .inner-panel .panel-body .product-controls .product-price {
            margin-bottom: 10px;
            width: 100%;
            text-align: center; }
            .product-info-panel .inner-panel .panel-body .product-controls .product-price .value::after {
              display: none; }
          .product-info-panel .inner-panel .panel-body .product-controls .product-quantity {
            margin-left: 0 !important;
            width: 100%;
            text-align: center !important; }
            .product-info-panel .inner-panel .panel-body .product-controls .product-quantity .heading {
              margin-left: 0 !important;
              text-align: center; }
            .product-info-panel .inner-panel .panel-body .product-controls .product-quantity .control {
              height: auto;
              width: 100%;
              max-width: 100%; }
          .product-info-panel .inner-panel .panel-body .product-controls .add-to-cart {
            width: 100%;
            text-align: center;
            margin-top: 10px; }
            .product-info-panel .inner-panel .panel-body .product-controls .add-to-cart .heading {
              display: none; }
            .product-info-panel .inner-panel .panel-body .product-controls .add-to-cart button {
              margin-left: 0 !important;
              width: 100%; }
      .product-info-panel .inner-panel .panel-footer {
        display: block;
        position: relative; }
        .product-info-panel .inner-panel .panel-footer .footer-inner {
          margin-top: 20px;
          padding-bottom: 45px; }
          .product-info-panel .inner-panel .panel-footer .footer-inner .recommended {
            display: block;
            transform: rotate(0);
            top: 25px;
            right: 0;
            left: 0;
            max-width: 300px;
            margin: 0 auto;
            text-align: center; }
          .product-info-panel .inner-panel .panel-footer .footer-inner .product-info {
            text-align: center !important; }

  .is-account-grid .column {
    padding: .75rem .25rem !important; }

  .account-title .brand-filigrane {
    top: -8px !important;
    left: -25px !important;
    height: 60px !important; }

  .profile-info-card .card-title {
    padding: 15px 12px; }

  .wishlist-card .item-wrapper {
    flex-direction: column;
    padding: 40px !important; }
    .wishlist-card .item-wrapper img {
      margin-right: 0 !important; }
    .wishlist-card .item-wrapper .product-info {
      text-align: center; }
    .wishlist-card .item-wrapper .action {
      margin: 0 !important; }
      .wishlist-card .item-wrapper .action .dropdown-menu {
        left: 0 !important;
        transform: translateX(-40%) !important; }

  .wishlist-item .action {
    padding: 10px 0; }

  .action-bar {
    width: calc(100% - 60px) !important;
    margin-left: 60px !important; }

  .invoice-wrapper {
    padding: .75rem 0 !important; }

  .invoice {
    padding: 20px !important; }

  .flat-card.is-auth-form .columns {
    flex-direction: column-reverse; }

  .tile.has-background-image {
    min-height: 300px !important;
    padding: 1.25rem 1.5rem !important; }
    .tile.has-background-image .tile-content {
      height: 260px !important; }
      .tile.has-background-image .tile-content.is-small .divider, .tile.has-background-image .tile-content.is-small p {
        display: block !important; }
      .tile.has-background-image .tile-content .products {
        position: absolute;
        bottom: 0;
        padding: 0;
        left: 0; }

  .flat-card.is-list-item {
    padding: 20px !important; }
    .flat-card.is-list-item .product-info {
      padding: 20px !important; }

  .is-product-grid .product-info {
    text-align: center; }

  .cart-card li {
    justify-content: center;
    flex-direction: column; }
    .cart-card li .product-info, .cart-card li .product-price, .cart-card li .product-quantity, .cart-card li .action {
      text-align: center !important;
      padding: 5px !important; }
    .cart-card li .product-price span {
      margin-left: 0 !important; }
    .cart-card li .action {
      margin: 10px auto; }
      .cart-card li .action .action-link {
        margin: 0 2px !important; }

  .order-list-card {
    padding: 20px !important; }
    .order-list-card.invoicing {
      padding: 0 !important; }

  .checkout-title .brand-filigrane {
    left: -15px !important; }

  .action-bar.is-mobile {
    width: 100% !important;
    margin-left: 0 !important; }

  .customer-wrapper, .verification-wrapper {
    padding: 0 !important; }

  .shipping-wrapper {
    padding: 20px 10px !important; }

  .payment-wrapper {
    padding: 20px 0 !important; }

  #payment-methods {
    padding: 20px 0 !important; }

  .jp-card {
    left: -18px !important; }

  .thanks-card p {
    padding: 10px 0 !important; }

  .auth-title .brand-filigrane {
    top: -10px !important;
    left: -16px !important;
    height: 58px !important; }

  .is-auth-form .column.is-mobile-padded {
    padding: 40px 20px !important; } }
@media (min-width: 767px) and (max-width: 1088px) {
  .order-list-card .table-block table .email-user {
    padding: 0.9em 0 !important; } }
/* ==========================================================================
1. Resets and base setup
========================================================================== */
a {
  color: #64ab4c; }

/*# sourceMappingURL=coe.css.map */