/* Minification failed. Returning unminified contents.
(3,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,21): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(87,21): run-time error CSS1039: Token not allowed after unary operator: '-fw-semi-bold'
(104,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-inverted'
(105,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(129,26): run-time error CSS1039: Token not allowed after unary operator: '-card-bg'
(130,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow-default'
(131,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(140,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(145,21): run-time error CSS1039: Token not allowed after unary operator: '-fw-semi-bold'
(149,21): run-time error CSS1039: Token not allowed after unary operator: '-fw-semi-bold'
(151,15): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(189,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(196,26): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(197,22): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(198,15): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-alt'
(202,26): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(203,22): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(204,15): run-time error CSS1039: Token not allowed after unary operator: '-color-success-alt'
(212,26): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(213,22): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(214,15): run-time error CSS1039: Token not allowed after unary operator: '-color-success-alt'
(221,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(223,21): run-time error CSS1039: Token not allowed after unary operator: '-fw-semi-bold'
(228,15): run-time error CSS1039: Token not allowed after unary operator: '-color-light-inverted'
(229,26): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(230,22): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(234,17): run-time error CSS1039: Token not allowed after unary operator: '-color-light-inverted'
(235,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light-alt-2'
(236,24): run-time error CSS1039: Token not allowed after unary operator: '-color-light-alt-2'
(240,17): run-time error CSS1039: Token not allowed after unary operator: '-color-light-inverted'
(241,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light-alt'
(242,24): run-time error CSS1039: Token not allowed after unary operator: '-color-light-alt'
(246,17): run-time error CSS1039: Token not allowed after unary operator: '-color-light-inverted'
(247,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light-alt'
(249,24): run-time error CSS1039: Token not allowed after unary operator: '-color-light-alt'
(253,19): run-time error CSS1039: Token not allowed after unary operator: '-color-light-inverted'
(254,30): run-time error CSS1039: Token not allowed after unary operator: '-color-light-alt-2'
(255,26): run-time error CSS1039: Token not allowed after unary operator: '-color-light-alt-2'
(259,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light-alt-2'
(260,24): run-time error CSS1039: Token not allowed after unary operator: '-color-light-alt-2'
(265,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-inverted'
(266,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(267,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(271,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-inverted'
(272,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt-2'
(273,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt-2'
(277,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-inverted'
(278,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt'
(279,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt'
(283,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-inverted'
(284,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt'
(286,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt'
(290,19): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-inverted'
(291,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt-2'
(292,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt-2'
(296,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt-2'
(297,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt-2'
(302,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(304,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(308,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-inverted'
(309,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt-2'
(310,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt-2'
(314,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-inverted'
(315,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt'
(316,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt'
(320,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-inverted'
(321,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt'
(323,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt'
(327,19): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-inverted'
(328,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt-2'
(329,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt-2'
(333,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt-2'
(335,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt-2'
(339,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-inverted'
(340,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(341,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(345,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-inverted'
(346,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt-2'
(347,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt-2'
(351,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-inverted'
(352,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt'
(353,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt'
(357,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-inverted'
(358,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt'
(360,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt'
(364,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-inverted'
(365,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt-2'
(366,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt-2'
(370,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt-2'
(371,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt-2'
(376,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(378,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(382,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-inverted'
(383,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt-2'
(384,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt-2'
(388,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-inverted'
(389,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt'
(390,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt'
(394,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-inverted'
(395,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt'
(397,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt'
(401,19): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-inverted'
(402,30): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt-2'
(403,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt-2'
(407,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt-2'
(409,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-alt-2'
(414,21): run-time error CSS1039: Token not allowed after unary operator: '-fw-semi-bold'
(415,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(420,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-alt'
(432,21): run-time error CSS1039: Token not allowed after unary operator: '-fw-semi-bold'
(445,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(465,26): run-time error CSS1039: Token not allowed after unary operator: '-body-bg'
(478,26): run-time error CSS1039: Token not allowed after unary operator: '-footer-bg'
(524,21): run-time error CSS1039: Token not allowed after unary operator: '-fw-semi-bold'
(549,31): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-rgb'
(566,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-rgb'
(570,37): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-rgb'
(623,15): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(628,17): run-time error CSS1039: Token not allowed after unary operator: '-color-link-hover'
(633,21): run-time error CSS1039: Token not allowed after unary operator: '-fw-bold'
(639,15): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(708,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(769,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(773,38): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(778,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(816,21): run-time error CSS1039: Token not allowed after unary operator: '-fw-semi-bold'
(927,26): run-time error CSS1039: Token not allowed after unary operator: '-product-submit-wrapper-bg'
(934,21): run-time error CSS1039: Token not allowed after unary operator: '-fw-semi-bold'
(947,21): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(983,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
 */
:root {
  /* Fonts */
  --fw-regular: 400;
  --fw-semi-bold: 600;
  --fw-bold: 700;
  /* Colors */
  --body-bg: #f5f5f8;
  --footer-bg: #fff;
  --shadow-default: 0px 8px 12px rgba(0,0,0,0.06);
  --color-muted: #6c757d;
  --color-link: #3a50f5;
  --color-link-hover: #6475f5;
  --color-border: #ebebeb;
  --color-white: #fff;
  --color-black: #000;
  --color-warning: #fdbb2f;
  --color-warning-alt: #684c11;
  --color-success: #28a745;
  --color-success-alt: #fff;
  --color-primary: #3a50f5;
  --color-primary-alt: #233ae6;
  --color-primary-alt-2: #5a6cf7;
  --color-primary-inverted: #fff;
  --color-primary-rgb: 58,80,245;
  --color-secondary: #ff6a00;
  --color-secondary-alt: #d75c04;
  --color-secondary-alt-2: #d97d3b;
  --color-secondary-inverted: #fff;
  --color-light: #e9ecef;
  --color-light-alt: #ced4da;
  --color-light-alt-2: #dde4eb;
  --color-light-inverted: #000;
  /* Product page */
  --card-bg: #fff;
  --border-radius: .25rem;
}

/*************************
# Containers 
**************************/
.container {
  max-width: 1100px;
}

.container-sm {
  max-width: 768px !important;
}

.container > .container-sm {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1100px;
  }
}

/*************************
# Breadcrumb 
**************************/
.breadcrumb {
  font-size: .8rem;
}

/*************************
# Misc 
**************************/
.embed-responsive .embed-responsive-item, 
.embed-responsive embed, .embed-responsive iframe, 
.embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

dt {
  font-weight: var(--fw-regular);
}

dd {
  font-weight: var(--fw-semi-bold);
}

/*************************
# Navbar and menus
**************************/
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,1);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0,0,0,1);
}

/* Dropdown */
.dropdown-item.active,
.dropdown-item:active {
  color: var(--color-primary-inverted);
  background-color: var(--color-primary);
}


/*************************
# Panels 
**************************/
/*.panel-default {
  border: 0;
  box-shadow: none;
  background-color: transparent;
}*/

/*.panel-default .panel-heading {
  border: 0;
  background-color: transparent;
  font-weight: var(--fw-bold);
  font-size: 1.2rem;
}*/

/*************************
# Cards 
**************************/
.card {
  background-color: var(--card-bg);
  box-shadow: var(--shadow-default);
  border-radius: var(--border-radius);
  border-color: transparent;
}

.card-click {
  border: 2px solid transparent;
}

.card-click:hover {
  border-color: var(--color-primary);
}

.card-title {
  font-size: 1.15rem;
  font-weight: var(--fw-semi-bold)
}

.card-subtitle {
  font-weight: var(--fw-semi-bold);
  margin-bottom: .5rem !important;
  color: var(--color-muted);
}


/*************************
# List group 
**************************/
/*.list-group .list-group-item {
  border: 1px solid var(--color-border);
}

.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

  .list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0;
  }

.list-group-sm .list-group-item {
  padding: 5px 0;
}*/

.list-group-noborder .list-group-item {
  border: 0;
}

.list-group-no-bg .list-group-item {
  background-color: transparent;
}

/*************************
# Backgrounds
**************************/
.bg-primary {
  background-color: var(--color-primary) !important;
}

/*************************
# Alerts 
**************************/
.alert.alert-warning {
  background-color: var(--color-warning);
  border-color: var(--color-warning);
  color: var(--color-warning-alt);
}

.alert.alert-success {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: var(--color-success-alt);
}

/*************************
# Labels 
**************************/
.label-success,
.label-success.InlineContextualStatus {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: var(--color-success-alt);
}

/*************************
# Buttons 
**************************/
.btn {
  border-radius: var(--border-radius);
  border-width: 1px;
  font-weight: var(--fw-semi-bold)
}

/* Light */
.btn-light {
  color: var(--color-light-inverted);
  background-color: var(--color-light);
  border-color: var(--color-light)
}

  .btn-light:focus, .btn-light.focus {
    color: var(--color-light-inverted);
    background-color: var(--color-light-alt-2);
    border-color: var(--color-light-alt-2)
  }

  .btn-light:hover {
    color: var(--color-light-inverted);
    background-color: var(--color-light-alt);
    border-color: var(--color-light-alt)
  }

  .btn-light:active, .btn-light.active, .open > .dropdown-toggle.btn-light {
    color: var(--color-light-inverted);
    background-color: var(--color-light-alt);
    background-image: none;
    border-color: var(--color-light-alt)
  }

    .btn-light:active:hover, .btn-light.active:hover, .open > .dropdown-toggle.btn-light:hover, .btn-light:active:focus, .btn-light.active:focus, .open > .dropdown-toggle.btn-light:focus, .btn-light:active.focus, .btn-light.active.focus, .open > .dropdown-toggle.btn-light.focus {
      color: var(--color-light-inverted);
      background-color: var(--color-light-alt-2);
      border-color: var(--color-light-alt-2)
    }

  .btn-light.disabled:hover, .btn-light[disabled]:hover, fieldset[disabled] .btn-light:hover, .btn-light.disabled:focus, .btn-light[disabled]:focus, fieldset[disabled] .btn-light:focus, .btn-light.disabled.focus, .btn-light[disabled].focus, fieldset[disabled] .btn-light.focus {
    background-color: var(--color-light-alt-2);
    border-color: var(--color-light-alt-2)
  }

/* Primary */
.btn-primary {
  color: var(--color-primary-inverted);
  background-color: var(--color-primary);
  border-color: var(--color-primary)
}

  .btn-primary:focus, .btn-primary.focus {
    color: var(--color-primary-inverted);
    background-color: var(--color-primary-alt-2);
    border-color: var(--color-primary-alt-2)
  }

  .btn-primary:hover {
    color: var(--color-primary-inverted);
    background-color: var(--color-primary-alt);
    border-color: var(--color-primary-alt)
  }

  .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: var(--color-primary-inverted);
    background-color: var(--color-primary-alt);
    background-image: none;
    border-color: var(--color-primary-alt)
  }

    .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
      color: var(--color-primary-inverted);
      background-color: var(--color-primary-alt-2);
      border-color: var(--color-primary-alt-2)
    }

  .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    background-color: var(--color-primary-alt-2);
    border-color: var(--color-primary-alt-2)
  }

/* Primary outline */
.btn-outline-primary {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary)
}

  .btn-outline-primary:focus, .btn-outline-primary.focus {
    color: var(--color-primary-inverted);
    background-color: var(--color-primary-alt-2);
    border-color: var(--color-primary-alt-2)
  }

  .btn-outline-primary:hover {
    color: var(--color-primary-inverted);
    background-color: var(--color-primary-alt);
    border-color: var(--color-primary-alt)
  }

  .btn-outline-primary:active, .btn-outline-primary.active, .open > .dropdown-toggle.btn-outline-primary {
    color: var(--color-primary-inverted);
    background-color: var(--color-primary-alt);
    background-image: none;
    border-color: var(--color-primary-alt)
  }

    .btn-outline-primary:active:hover, .btn-outline-primary.active:hover, .open > .dropdown-toggle.btn-outline-primary:hover, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .open > .dropdown-toggle.btn-outline-primary:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active.focus, .open > .dropdown-toggle.btn-outline-primary.focus {
      color: var(--color-primary-inverted);
      background-color: var(--color-primary-alt-2);
      border-color: var(--color-primary-alt-2)
    }

  .btn-outline-primary.disabled:hover, .btn-outline-primary[disabled]:hover, fieldset[disabled] .btn-outline-primary:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary[disabled]:focus, fieldset[disabled] .btn-outline-primary:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary[disabled].focus, fieldset[disabled] .btn-outline-primary.focus {
    color: var(--color-primary-alt-2);
    background-color: transparent;
    border-color: var(--color-primary-alt-2)
  }
/* Secondary */
.btn-secondary {
  color: var(--color-secondary-inverted);
  background-color: var(--color-secondary);
  border-color: var(--color-secondary)
}

  .btn-secondary:focus, .btn-secondary.focus {
    color: var(--color-secondary-inverted);
    background-color: var(--color-secondary-alt-2);
    border-color: var(--color-secondary-alt-2)
  }

  .btn-secondary:hover {
    color: var(--color-secondary-inverted);
    background-color: var(--color-secondary-alt);
    border-color: var(--color-secondary-alt)
  }

  .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary {
    color: var(--color-secondary-inverted);
    background-color: var(--color-secondary-alt);
    background-image: none;
    border-color: var(--color-secondary-alt)
  }

    .btn-secondary:active:hover, .btn-secondary.active:hover, .open > .dropdown-toggle.btn-secondary:hover, .btn-secondary:active:focus, .btn-secondary.active:focus, .open > .dropdown-toggle.btn-secondary:focus, .btn-secondary:active.focus, .btn-secondary.active.focus, .open > .dropdown-toggle.btn-secondary.focus {
      color: var(--color-secondary-inverted);
      background-color: var(--color-secondary-alt-2);
      border-color: var(--color-secondary-alt-2)
    }

  .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary.focus {
    background-color: var(--color-secondary-alt-2);
    border-color: var(--color-secondary-alt-2)
  }

/* Secondary outline */
.btn-outline-secondary {
  color: var(--color-secondary);
  background-color: transparent;
  border-color: var(--color-secondary)
}

  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    color: var(--color-secondary-inverted);
    background-color: var(--color-secondary-alt-2);
    border-color: var(--color-secondary-alt-2)
  }

  .btn-outline-secondary:hover {
    color: var(--color-secondary-inverted);
    background-color: var(--color-secondary-alt);
    border-color: var(--color-secondary-alt)
  }

  .btn-outline-secondary:active, .btn-outline-secondary.active, .open > .dropdown-toggle.btn-outline-secondary {
    color: var(--color-secondary-inverted);
    background-color: var(--color-secondary-alt);
    background-image: none;
    border-color: var(--color-secondary-alt)
  }

    .btn-outline-secondary:active:hover, .btn-outline-secondary.active:hover, .open > .dropdown-toggle.btn-outline-secondary:hover, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .open > .dropdown-toggle.btn-outline-secondary:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active.focus, .open > .dropdown-toggle.btn-outline-secondary.focus {
      color: var(--color-secondary-inverted);
      background-color: var(--color-secondary-alt-2);
      border-color: var(--color-secondary-alt-2)
    }

  .btn-outline-secondary.disabled:hover, .btn-outline-secondary[disabled]:hover, fieldset[disabled] .btn-outline-secondary:hover, .btn-outline-secondary.disabled:focus, .btn-outline-secondary[disabled]:focus, fieldset[disabled] .btn-outline-secondary:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary[disabled].focus, fieldset[disabled] .btn-outline-secondary.focus {
    color: var(--color-secondary-alt-2);
    background-color: transparent;
    border-color: var(--color-secondary-alt-2)
  }

/* Btn link */
.btn-link {
  font-weight: var(--fw-semi-bold);
  color: var(--color-primary);
  border-radius: 0;
}

  .btn-link:hover, .btn-link:focus {
    color: var(--color-primary-alt);
  }


/*************************
# Forms 
**************************/
.form-group {
  margin-bottom: 1rem;
}

.form-label {
  font-weight: var(--fw-semi-bold)
}

.help-block {
  margin-top: .25rem;
  font-size: .875em;
  color: #6c757d;
}

/*************************
# Modal 
**************************/
.bootstrap-dialog.type-primary .modal-header {
  background-color: var(--color-primary) !important;
}
/*************************
# Amar : Adding missing font, missing after upgrade of RWX version? 
**************************/
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../../fonts/glyphicons-halflings-regular.eot");
  src: url("../../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

/*************************
# Body 
**************************/
html, body {
  height: 100%;
  font-family: 'Open Sans', sans-serif;
}

body {
  background-color: var(--body-bg);
  display: flex;
  flex-direction: column;
}

main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

footer {
  margin-top: auto;
  background-color: var(--footer-bg);
}

main > .container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.page-title {
  margin-bottom: 2rem;
}

.hidden {
  display: none;
}

/*************************
# HEADER
**************************/
.navbar.navbar-main {
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}

.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}

.navbar-right {
  padding-right: 0;
}

@media (max-width: 767px) {
  .navbar-nav {
    margin: 7.5px 0px;
  }

  .dropdown-menu > li > a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 20px !important;
  }
}

.navbar-nav .nav-link {
  font-weight: var(--fw-semi-bold)
}

/*************************
# Aside menu
**************************/
@media (min-width: 992px) {
  .aside-menu {
    display: block !important;
  }
}

.aside-menu ul ul a {
  width: 100%;
  padding: .4rem 1.75rem;
  margin-top: .125rem;
  color: rgba(0,0,0,0.65);
  text-decoration: none !important;
  border-radius: .25rem !important;
  align-items: center !important;
  display: inline-flex !important;
}

.aside-menu a:hover, .aside-menu a:focus {
  color: rgba(0,0,0,0.85);
  background-color: rgba(var(--color-primary-rgb),0.1)
}

.aside-menu .btn {
  width: 100%;
  padding: .25rem .5rem;
  color: rgba(0,0,0,0.65);
  background-color: transparent;
  border: 0;
  border-radius: .25rem !important;
  align-items: center !important;
  display: inline-flex !important;
  text-align:left;
}

  .aside-menu .btn:hover, .aside-menu .btn:focus {
    color: rgba(0,0,0,0.85);
    background-color: rgba(var(--color-primary-rgb),0.1)
  }

  .aside-menu .btn:focus {
    box-shadow: 0 0 0 1px rgba(var(--color-primary-rgb),0.7)
  }

  .aside-menu .btn-with-children::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform 0.35s ease;
    transform-origin: .5em 50%
  }

@media (prefers-reduced-motion: reduce) {
  .aside-menu .btn::before {
    transition: none
  }
}

.aside-menu .btn[aria-expanded="true"] {
  color: rgba(0,0,0,0.85)
}

  .aside-menu .btn[aria-expanded="true"]::before {
    transform: rotate(90deg)
  }

.aside-menu .active {
  font-weight: 600;
  color: rgba(0,0,0,0.85)
}


/*************************
# Filter bar
**************************/
.filter-section {
  margin-bottom: 1.5rem;
}

.filter-section form {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

  .filter-section .filter-template {
    margin-right: 1rem;
  }

/*************************
# Text and colors
**************************/
a {
  color: var(--color-link);
  text-decoration: none
}

  a:not([class]):hover, a:not([class]):focus {
    color: var(--color-link-hover);
    text-decoration: underline
  }

h1, h2, h3, h4, h5 {
  font-weight: var(--fw-bold);
}


/* Colors */
.color-success {
  color: var(--color-success);
}

/*************************
# Home
**************************/

/* Home search */
.nav-search-bar {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  width: 100%;
}

@media (max-width: 991px) {
  .nav-search-bar {
    flex-direction: column;
  }
  .nav-search-bar {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.nav-search-bar .input-group {
  flex-grow: 1;
}


@media (min-width: 992px) {
  .nav-search-bar .search-advanced {
    margin-left: 1rem;
    flex-shrink: 0;
  }
    .nav-search-bar .search-advanced a {
      color: #fff;
    }
}

@media (max-width: 991px) {
  .nav-search-bar .search-advanced {
    margin-top: 1rem;
    margin-bottom: .5rem;
  }
}
/* Home categories */
.home-categories {
  padding: 2rem 0 2rem 0;
}


  .home-categories .row > div {
    margin-bottom: 1.5rem;
  }

.home-categories .card {
  height: 100%;
  text-align: center;
  justify-content: center;
}

.home-categories .card-body {
  flex: none;
}

.home-categories .card .fa {
  font-size: 1.8rem;
  color: var(--color-primary)
}

.home-categories .card .card-icon {
  margin-bottom: .5rem;
}

/* Home listings */
.home-listings {
  padding: 30px 0 30px 0;
}

/*************************
# Menus
**************************/
/* Category menu */
.categories {
  background-color: #fff;
  padding: 1rem;
}

  .categories .nav-item {
    flex: 1 1 none;
    text-align: left;
    width: 33%;
  }

.navigation-count {
  color: #7b7b7b
}
/*************************
# Listing
**************************/
.galleryUnit > .card {
  height: 100%;
}

/*.galleryUnit .card-body {
  display: flex;
  flex-direction: column;
}*/
.object-item {
  margin-bottom: 1rem;
}

.object-item .card-badges {
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 2;
}

  .object-item .card-badges > .card-badge {
    /*  background: var(--color-primary);*/
    color: #fff;
    font-size: .8rem;
    padding: 2px 5px;
    float: left;
  }

  .object-item .card-badges > .card-badge:first-child {
    border-top-left-radius: var(--border-radius);
  }

  .object-item .card-badges > .card-badge:last-child {
    border-bottom-right-radius: var(--border-radius);
  }

.label-success.gallery-status.InlineContextualStatus,
.label-danger.gallery-status.InlineContextualStatus {
  border-radius: 0 var(--border-radius) 0 0;
  right: -2px;
  top: -2px;
}

.object-item .card-title,
.object-item .card-title a{
  color: inherit;
}

.galleryTime--active, .galleryQTY, .galleryDate--ended,
.galleryData--values,
.galleryPrice .NumberPart {
  font-size: 14px;
}

/*.listing {
  margin: 0 0 10px 0;
  min-height: 155px;
  padding: 0;
  position: relative;
}

  .listing .cta {
    bottom: 15px;
    right: 15px;
    position: absolute;
  }
*/
/*************************
# Product detail page
**************************/
/* Title and context */
.detail__title__wrapper {
  float: none !important;
}

.detail__title {
  font-weight: var(--fw-semi-bold);
  padding-right: 0;
}

.detail__context-wrapper {
  background-color: transparent;
  margin-bottom: 15px;
}

  .detail__context-wrapper > .alert {
    margin: 0;
  }

.detail__submit-wrapper .list-group-item {
  padding-left: 0;
  padding-right: 0;
}
  .detail__submit-wrapper .list-group-item dd {
    margin-bottom: 0;
    white-space: nowrap;
  }

/* Slideshow */
.swiper-container {
  position: relative;
  overflow: hidden;
}
@media(min-width:991px) {
  .swiper-product {
    height: 433px;
  }
}

@media(max-width:767px) {
  .swiper-product {
    height: 200px;
  }
}

@media(min-width:576px) and (max-width:990px) {
  .swiper-product {
    height: 300px;
  }
}

.swiper-product .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background-color: #fff;
}

  .swiper-product .swiper-slide img {
    max-height: 100%;
  }

.swiper-product .swiper-slide #iFrameYouTube {
  height: 100% !important;
  margin: 0 auto;
  width: 100% !important;
}


.swiper-pagination-fraction {
  background: rgba(0,0,0,0.5490196078431373);
  border-radius: .25rem;
  width: auto !important;
  left: 50% !important;
  padding: 5px 10px;
  margin-left: -20px;
  color: #fff;
}

.swiper-general .swiper-pagination{
  position: relative;
}



/* Action box */

.detail__submit-wrapper dl {
  margin-bottom: 0;
}

@media(min-width:992px) {
  .detail__submit-wrapper dd {
    text-align: right;
  }
}


.detail__properties,
.detail__price-date {
  margin-bottom: 1rem;
}

.detail__show-time {
  margin-bottom: .5rem;
}

.reserve-not-met .text-success {
  color: inherit;
}

.detail__disclaimer--auction {
  margin: 0;
}

.awe-rt-BuyItNowContainer .text-or span {
  background-color: var(--product-submit-wrapper-bg);
}

.detail__documents {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
  font-weight: var(--fw-semi-bold);
}

.detail__pdf {
  padding: 0;
  font-size: 14px;
}

.watching__wrapper {
  margin-bottom: 0;
}

.detail__field-name {
  font-weight: var(--fw-regular);
  width: auto;
  padding-right: 0;
}

.addthis_toolbox {
  text-align: center;
  margin-top: 20px;
}



/*************************
# MISC Pages
**************************/
.login-page {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}

  .login-page > .row {
    flex-grow: 1
  }

  .login-page .login-box,
  .login-page .register-box {
    padding: 25px;
  }

  .login-page .login-box {
    background: #fff;
  }

  .login-page .register-box {
    background-color: var(--color-primary);
    color: #fff;
  }

    .login-page .register-box a {
      color: #fff;
    }


/* Font awesome hack for form question-marks */
.fa {
visibility: hidden;
}
.fa:before {
  visibility: visible;
}

/*************************
# MISC forms
**************************/
.form-check-label {
  cursor: pointer;
}
@media print {
    @page {
    size: A3;
    }
    body {
        margin: 0;
        padding: 0 !important;
        width: 1000px;
        font-size:16px;
    }

    .container {
        width: auto;
        min-width: 980px;
    }

    a[href]:after {
        content: none;
    }

    .pages {
        position: relative;
    }
    .page {
        page-break-after: always;
        position: relative;
    }

 }

.no-history {
    color: #777;
    font-style: italic;
    font-weight: bold;
    margin: 10px;
    text-align: center;
}