#shippingPossibilities .checkbox label, .radio label {
  padding-left: 0px; }

/* SHIPPING MATRIX */
.header-shipping-step {
  margin: 10px 0px;
  text-decoration: underline !important;
  font-size: 15px; }

.header-shipping-step label {
  text-decoration: underline !important;
  font-size: 15px; }

.shipping-table {
  width: 98%;
  position: relative; }

.matrix-container {
  /*display: -webkit-box;*/
  height: 100%;
  margin-bottom: 20px;
  padding-left: 20px; }

.shipping-table img {
  width: 70% !important; }

.pay-form-image-box, .shipping-agent-image-box {
  padding: 7px 1px 1px 1px; }

.shipping-table td {
  width: 125px;
  /*padding: 1px 1px;*/ }

.shipping-table {
  width: 100%;
  margin: 0px auto;
  border-spacing: revert;
  border-collapse: separate; }

.shipping-table tbody {
  height: 100%; }

.shipping-table td {
  box-sizing: border-box;
  padding: 0px;
  overflow: hidden;
  list-style: none;
  text-align: center;
  height: 60px;
  vertical-align: middle;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 1px rgba(0, 0, 0, 0.03), 0 2px 2px rgba(0, 0, 0, 0.03), 0 2px 2px rgba(0, 0, 0, 0.03); }

.shipping-table td:hover {
  background-color: #e4ffe4;
  cursor: pointer; }

.pay-form-header, .shipping-agent-header {
  color: #434d57;
  vertical-align: middle; }

td.pay-form-header:hover {
  background-color: white !important; }

td.shipping-agent-header:hover {
  background-color: white !important; }

td.pay-form-header {
  width: 24%; }

.shipping-table .empty-cell {
  background-color: white !important;
  box-shadow: none !important;
  border: none !important; }

.pay-form-header img {
  width: 100%; }

.shipping-agent-header img {
  width: 89%; }

.radio-tile-group .input-container {
  position: relative;
  height: 100%; }

.radio-tile-group .input-container .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer; }

.radio-tile-group .input-container .radio-tile {
  display: -webkit-box;
  display: flex;
  font-size: 12px;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  transition: 0.3s linear; }

.radio-tile-group .input-container .radio-button:checked + .radio-tile {
  background-color: #424242;
  color: white; }

.pay-form-image-box {
  min-height: 60px;
  min-width: 100px;
  vertical-align: middle;
  font-weight: bold;
  text-transform: capitalize; }

.shipping-agent-image-box {
  min-height: 60px;
  min-width: 80px;
  font-weight: bold;
  text-transform: capitalize; }

.disabled-tile {
  background-color: rgba(204, 204, 204, 0.1) !important; }

.disabled-tile:hover {
  background-color: rgba(204, 204, 204, 0.1) !important;
  cursor: default !important; }

.mode-inline {
  display: inline !important;
  font-size: 12px;
  /*margin: 0px 8px;*/ }

h3.popover-title {
  font-size: 13px !important; }

.popover-content {
  font-size: 12px !important; }

.options-table {
  width: 100%;
  /*margin:0px auto;*/ }

.sc-options-header {
  margin-top: 20px; }

.options-table label {
  font-size: 12px;
  font-weight: normal; }

.options-table td {
  padding: 5px 0px 6px 10px !important; }

.options-table td div[class*="icheckbox"], .options-table td div[class*="iradio"] {
  /*scale: 0.7;
    zoom: 0.7;*/ }

.options-table label {
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  /*color: #337ab7;*/
  color: #5e5e5e;
  margin-bottom: 2px !important;
  padding-right: 5px; }

#optionsContainer {
  display: none; }

.option-label-cell {
  cursor: pointer; }

.options-table {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03), 0 2px 2px rgba(0, 0, 0, 0.03), 0 3px 3px rgba(0, 0, 0, 0.03), 0 3px 3px rgba(0, 0, 0, 0.03);
  border-radius: 8px 8px 8px 8px;
  margin-top: 10px;
  margin-bottom: 10px; }

.options-table tr {
  border-top: outset 2px rgba(213, 213, 213, 0.23); }

.options-table tr.first-item {
  border-top: none; }

.options-table tr.first-item td {
  padding: 10px !important;
  background-color: rgba(167, 167, 167, 0.1) !important;
  text-align: center;
  border-radius: 8px 8px 0px 0px;
  font-size: 14px;
  font-weight: bold;
  color: #3f3f3f; }

.option-control-cell {
  width: 20px;
  padding: 0px 0px 0px 0px; }

.addressSummaryLink {
  font-size: 13px;
  font-weight: bold; }

.navi-up {
  color: black;
  float: right;
  cursor: pointer;
  font-size: 21px; }

.header-shipping-step {
  display: none; }

label.total-cost {
  text-align: left;
  padding-left: 15px; }

#summaryCostContainer .options-table tr.first-item td {
  background-color: rgba(167, 167, 167, 0.1) !important; }

#firstStep {
  display: block; }

#selfCollName {
  width: 272px; }

#ReceiverName {
  width: 272px; }

#secureInfo {
  padding-left: 20px;
  padding-bottom: 20px; }

#matrixContainer #deliveryPaymentArea2 {
  margin-bottom: 20px; }

#matrixContainer #deliveryPaymentArea2, #matrixContainer #deliveryPaymentArea3 {
  padding-left: 25px;
  padding-right: 25px; }

#deliveryPaymentArea2 .accordion > li > a:first-child, #deliveryPaymentArea2 .accordion > li > span:first-child > a:first-child {
  font-size: 13px; }

#matrixContainer #deliveryPaymentArea2 .font-14 {
  font-size: 13px !important; }

#data-title-cell {
  border-radius: 8px 0px 0px 0px; }

#summary-title-cell {
  border-radius: 0px 8px 0px 0px;
  border-left: outset 2px rgba(213, 213, 213, 0.23);
  border-bottom: outset 2px rgba(213, 213, 213, 0.23);
  width: 120px; }

.shipping-table {
  margin: 0 0 !important; }

.summaryCostCell {
  width: 158px; }

#data-first-row {
  border-top: 0px !important; }

#data-first-row + tr {
  border-top: 0px; }

#summaryCostContainer tr {
  border-top: 0px !important; }

#data-first-row > td {
  padding: 0px !important;
  margin: 0px !important;
  border-bottom: 0px !important;
  border-left: outset 2px rgba(213, 213, 213, 0.23);
  border-top: outset 2px rgba(213, 213, 213, 0.23); }

.no-shipping-options {
  padding-left: 38px; }

#matrixContainer #deliveryPaymentArea2 {
  width: 100%; }

#totalCostSummary {
  width: 100%;
  position: absolute;
  bottom: 8px; }

.options-table label.item-cost {
  font-size: 12px;
  display: inline;
  margin-left: 5px; }

#summaryCostContainer {
  text-align: left;
  padding: 0px; }

.plus-icon {
  color: #5e5e5e;
  font-size: 10px; }

.bar {
  margin-bottom: 8px;
  width: 100%; }

#summary-title-cell {
  width: 50%; }

.cost-value {
  color: #f20000; }

ul.shipping-cost-list {
  list-style-position: outside;
  list-style: none;
  text-indent: -7px;
  margin-left: -13px;
  margin-top: 1px; }

ul.shipping-cost-list li {
  margin-bottom: 10px; }

.total-cost-list {
  overflow: auto;
  min-height: 95px;
  margin-top: 5px; }

#totalCostSummary label {
  width: 100%;
  height: 100%;
  display: inline;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  color: #5e5e5e;
  margin-bottom: 2px !important;
  padding-right: 5px; }

#summaryCostCell {
  vertical-align: top;
  position: relative; }

.total-cost {
  margin-left: -1px;
  text-indent: -1px;
  display: block !important; }

.popover-content {
  display: flex;
  flex-direction: row; }

.shipping-table .popover {
  max-width: 200px !important; }

.shipping-table .popover-content img {
  width: 100% !important; }

#deliveryPaymentAreaLoader, #deliveryPaymentAreaOptionsLoader {
  position: relative;
  height: 100px; }
  #deliveryPaymentAreaLoader img, #deliveryPaymentAreaOptionsLoader img {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #deliveryPaymentAreaLoader .preloader-spinner, #deliveryPaymentAreaOptionsLoader .preloader-spinner {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-40px, -40px); }
  #deliveryPaymentAreaLoader .preloader-spinner-svg, #deliveryPaymentAreaOptionsLoader .preloader-spinner-svg {
    width: 80px;
    height: 80px;
    color: #F3F4F6;
    animation: preloader-spin 1s linear infinite;
    fill: red; }

#postNLReceptionPoints {
  height: 300px;
  overflow: auto; }

@media only screen and (max-width: 766px) {
  #deliveryPaymentArea2 {
    width: 75%; } }

@media only screen and (max-width: 550px) {
  #deliveryPaymentArea2 {
    width: 100%; } }

@media only screen and (max-width: 530px) {
  .options-table {
    width: 100%; } }

@media only screen and (max-width: 530px) {
  .mode-inline {
    font-size: 2.2vw; } }

@media only screen and (max-width: 380px) {
  .mode-inline {
    font-size: 2.2vw; } }

@media only screen and (max-width: 380px) {
  .radio-tile-group .input-container .radio-tile {
    font-size: 3.0vw; } }

@media only screen and (max-width: 286px) {
  .radio-tile-group .input-container .radio-tile {
    font-size: 2.5vw; } }

@media only screen and (max-width: 344px) {
  #selfCollName {
    width: 97%; }
  #ReceiverName {
    width: 97%; } }

@media only screen and (max-width: 530px) {
  #summary-title-cell {
    border-radius: 0px 8px 0px 0px;
    border-left: outset 2px rgba(213, 213, 213, 0.23);
    border-bottom: outset 2px rgba(213, 213, 213, 0.23);
    width: 120px; } }

@media screen and (max-width: 760px) {
  #matrixContainer #deliveryPaymentArea2 {
    width: 100%; } }

@media screen and (max-width: 450px) {
  .shipping-table {
    width: 100% !important; }
  .matrix-container {
    padding-left: 0px;
    /*transform: scale(70%);
            -webkit-transform: scale(0.70, 0.70);*/ } }

#checkoutAddress #addressesContainer {
  width: 100%; }
  #checkoutAddress #addressesContainer .address-tile {
    margin-right: 0.16%;
    margin-left: 0.16%;
    width: 33%;
    box-sizing: border-box;
    cursor: pointer; }
    #checkoutAddress #addressesContainer .address-tile .address-body .address .form-group {
      margin-bottom: 0px; }
    #checkoutAddress #addressesContainer .address-tile .address-body .postcode-city-block-read-only > div {
      display: inline-block; }
    #checkoutAddress #addressesContainer .address-tile .address-body label {
      padding-left: 5px;
      margin-bottom: 15px; }
    #checkoutAddress #addressesContainer .address-tile .address-body input[type=radio] {
      margin-left: 0px; }
  #checkoutAddress #addressesContainer .read-only {
    text-align: center;
    margin-bottom: 5px; }
    #checkoutAddress #addressesContainer .read-only:hover {
      background-color: #f7f7f7; }
  #checkoutAddress #addressesContainer #otherAddressContainer #otherAddress {
    text-align: center; }
  #checkoutAddress #addressesContainer #otherAddressContainer #otherAddress .field-validation-error span {
    font-size: 12px;
    top: -10px !important;
    position: relative;
    color: red; }
  #checkoutAddress #addressesContainer #otherAddressContainer #otherAddressCover {
    width: 100%;
    height: 155px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f7f7f7;
    z-index: 10;
    text-align: center;
    display: table;
    cursor: pointer;
    padding: -2px;
    line-height: 0px; }
    #checkoutAddress #addressesContainer #otherAddressContainer #otherAddressCover:hover {
      background-color: #eaeaea; }
      #checkoutAddress #addressesContainer #otherAddressContainer #otherAddressCover:hover i {
        color: #4f4f4f; }
    #checkoutAddress #addressesContainer #otherAddressContainer #otherAddressCover div {
      vertical-align: middle;
      display: table-cell;
      text-align: center; }
      #checkoutAddress #addressesContainer #otherAddressContainer #otherAddressCover div i {
        font-size: 20px;
        margin-bottom: 2px;
        vertical-align: middle;
        display: inline-block;
        color: #696969; }
        #checkoutAddress #addressesContainer #otherAddressContainer #otherAddressCover div i p {
          display: inline-block; }
  #checkoutAddress #addressesContainer .address-border-dashed {
    border: 1px dashed #cccccc; }
  #checkoutAddress #addressesContainer .address-selected {
    background-color: #f5fff5; }
  #checkoutAddress #addressesContainer .anonymous-address-container {
    display: inline-block;
    width: 33%; }
    #checkoutAddress #addressesContainer .anonymous-address-container .address-label {
      padding-right: 15px;
      padding-left: 15px; }
      #checkoutAddress #addressesContainer .anonymous-address-container .address-label label {
        margin-left: 5px; }
    #checkoutAddress #addressesContainer .anonymous-address-container .address-tile {
      width: 100% !important; }

#checkoutAddress #basicDataContainer {
  width: 100%; }
  #checkoutAddress #basicDataContainer #basicData {
    margin-right: 0.16%;
    margin-left: 0.16%;
    width: 33%;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center; }
  #checkoutAddress #basicDataContainer #validationErrors {
    margin-top: 20px; }

#checkoutAddress #createClientAccount {
  padding: 0 15px 0 15px; }

@media (max-width: 767px) {
  #checkoutAddress #addressesContainer .address-tile {
    width: 100%; }
  #checkoutAddress #addressesContainer .anonymous-address-container {
    width: 100%; }
  #checkoutAddress #basicDataContainer #basicData {
    width: 100%; } }

@media (min-width: 768px) and (max-width: 991px) {
  #checkoutAddress #addressesContainer .address-tile {
    margin-right: 0.25%;
    margin-left: 0.25%;
    width: 49.5%; }
  #checkoutAddress #addressesContainer .anonymous-address-container {
    margin-right: 0.25%;
    margin-left: 0.25%;
    width: 49.5%; }
  #checkoutAddress #basicDataContainer #basicData {
    margin-right: 0.25%;
    margin-left: 0.25%;
    width: 49.5%; } }

#summaryAddress {
  text-align: left; }
  #summaryAddress .address .form-group {
    margin-bottom: 0px; }
  #summaryAddress .postcode-city-block-read-only > div {
    display: inline-block; }
  #summaryAddress label {
    padding-left: 5px;
    margin-bottom: 15px; }
  #summaryAddress input[type=radio] {
    margin-left: 0px; }

.accordion {
  margin: 0 auto;
  padding: 0;
  font-size: 13px;
  font-weight: 600; }
  .accordion > li {
    border-bottom: 1px solid #d9e5e8;
    list-style: outside none none;
    position: relative; }
    .accordion > li > span:first-child > a:first-child {
      width: 100%;
      display: block;
      cursor: pointer;
      font-weight: 600;
      line-height: 3;
      font-size: 14px;
      text-indent: 15px;
      user-select: none; }
    .accordion > li > span:first-child > a:after {
      width: 10px;
      height: 10px;
      border-right: 3px solid white;
      border-bottom: 3px solid white;
      position: absolute;
      right: 10px;
      content: " ";
      top: 15px;
      transform: rotate(-45deg);
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .accordion > li > span > a.active:after {
      transform: rotate(45deg);
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .accordion > li > a.active {
      background-color: #eeeeee; }
    .accordion > li > a:first-child {
      width: 100%;
      display: block;
      cursor: pointer;
      font-weight: 600;
      line-height: 3;
      font-size: 14px;
      text-indent: 15px;
      user-select: none; }
    .accordion > li > a:after {
      width: 10px;
      height: 10px;
      border-right: 3px solid white;
      border-bottom: 3px solid white;
      position: absolute;
      right: 10px;
      content: " ";
      top: 15px;
      transform: rotate(-45deg);
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .accordion > li div.accordionText {
      display: none;
      font-size: 13px;
      line-height: 2;
      padding: 0 10px 10px;
      width: 100%; }

.animateIn {
  animation: accordionIn 0.45s normal ease-in-out both 1; }

.animateOut {
  animation: accordionOut 0.45s alternate ease-in-out both 1; }

@keyframes accordionIn {
  0% {
    opacity: 0;
    transform: scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0; }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes accordionOut {
  0% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(0.9) rotateX(-60deg); } }

#OrderSummary ul.accordion div.accordionText {
  background-color: white; }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
    transform: scale(1); }
  50% {
    -moz-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -moz-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes pulse2 {
  0% {
    -moz-transform: scale(1);
    transform: scale(1); }
  50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -moz-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse2 {
  0% {
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -ms-transform: scale(1);
    transform: scale(1); } }

#authList .onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box; }

#authList .switchbox {
  width: 10px; }

#authList .onoffswitch {
  position: relative;
  width: 72px;
  margin: 0 auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

#authList .onoffswitch-checkbox {
  display: none; }
  #authList .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0; }
  #authList .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0; }

#authList .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 3px; }

#authList .onoffswitch-inner {
  display: block;
  width: 198px;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }
  #authList .onoffswitch-inner:before {
    content: attr(data-yes);
    padding-left: 10px;
    margin-left: -29px;
    background-color: #666666;
    color: white; }
  #authList .onoffswitch-inner:after {
    content: attr(data-no);
    padding-right: 10px;
    background-color: white;
    color: #999999; }

#authList .onoffswitch-switch {
  display: block;
  width: 16px;
  margin: 7px;
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 38px;
  border: 1px solid #999999;
  border-radius: 3px;
  transition: all 0.3s ease-in 0s; }

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40; }

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }

.btn-blog-show-all {
  text-transform: uppercase; }

@media only screen and (min-width: 1200px) {
  .btn-blog-show-all {
    position: absolute;
    right: 10px;
    top: -5px; } }

.posts {
  position: relative;
  display: flex;
  flex-wrap: wrap; }

.post-home {
  margin-bottom: 3rem;
  position: relative;
  padding: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem; }

.post-home:hover .post-cover img {
  opacity: .75; }

.post-home:hover .post-body {
  color: #111; }

.post-home .post-title {
  margin-bottom: 1rem;
  font-weight: 700; }

.post-home .post-category {
  margin-top: 1rem;
  font-weight: 500;
  text-transform: uppercase; }

.post-home .post-body {
  margin-bottom: 0;
  color: #636d79;
  text-align: justify; }

.post-home .post-body p {
  margin-bottom: 0; }

.post-home .post-cover {
  height: 28rem;
  border-radius: 20px;
  display: block;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.075);
  position: relative;
  margin-bottom: 1rem; }

.post-home .post-cover img {
  min-height: 100%;
  min-width: 100%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
  transition: all ease .25s;
  object-fit: cover;
  border-radius: 20px; }

.post-home-recent {
  margin-bottom: 3rem;
  position: relative;
  padding: 0;
  padding-right: 1.5rem;
  padding-left: 1.5rem; }

.post-home-recent:hover .post-cover img {
  opacity: .75; }

.post-home-recent:hover .post-body {
  color: #111; }

.post-home-recent .post-title {
  margin-top: 0rem;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 18px; }

.post-home-recent .post-category {
  margin-top: 1rem;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase; }

.post-home-recent .post-body {
  margin-bottom: 0;
  color: #636d79;
  text-align: justify; }

.post-home-recent .post-body p {
  margin-bottom: 0; }

.post-home-recent .post-cover {
  height: 15rem;
  border-radius: 20px;
  display: block;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.075);
  position: relative;
  margin-bottom: 1rem; }

.post-home-recent .post-cover img {
  min-height: 100%;
  min-width: 100%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
  transition: all ease .25s;
  object-fit: cover;
  border-radius: 20px; }

.post-single .post-header {
  margin-bottom: 4rem; }

.post-single .post-title {
  font-size: 24px;
  margin: 0;
  font-weight: 700; }

.post-single .post-link {
  font-weight: 700;
  text-decoration: none; }

.post-single .post-link:hover {
  color: #000; }

.post-single .post-meta {
  margin: 1rem 0;
  color: #aaa;
  font-size: 1.25rem; }

.post-single .post-meta > span {
  margin-right: .5rem; }

.post-single .post-meta > span a {
  color: #aaa; }

@media screen and (max-width: 63.9375rem) {
  .post-single .post-title {
    font-size: 32px; } }

@media screen and (max-width: 39.9375rem) {
  .post-single .post-header {
    margin-bottom: 1rem; }
  .post-single .post-title {
    font-size: 28px; } }

.posts-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.posts-gallery > .post-gallery-single {
  position: relative;
  aspect-ratio: 1/1;
  width: 25%;
  max-width: 540px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: .15s; }

.posts-gallery > .post-gallery-single .post-gallery-image {
  object-fit: cover;
  aspect-ratio: 1/1;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  height: auto;
  vertical-align: middle; }

.posts-gallery > .post-gallery-single:hover {
  opacity: .8;
  cursor: pointer; }

.posts-gallery > .post-gallery-single .post-gallery-headline {
  position: absolute;
  width: 75%;
  left: 0;
  right: 0;
  bottom: 2rem;
  margin: auto; }

.posts-gallery > .post-gallery-single .post-gallery-headline .post-gallery-tag {
  display: inline-block;
  text-transform: uppercase;
  padding: 0.375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  color: black;
  background-color: white;
  border-radius: 0.25rem; }

.posts-gallery > .post-gallery-single .post-gallery-headline .post-gallery-title {
  color: white;
  font-size: 14px; }

@media only screen and (max-width: 992px) {
  .posts-gallery > .post-gallery-single {
    width: 50%; }
  .posts-gallery > .post-gallery-single .post-gallery-headline {
    bottom: 1rem; } }

@media only screen and (max-width: 768px) {
  .posts-gallery > .post-gallery-single {
    width: 100%; } }

.posts-categories-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 20px;
  justify-content: center; }

.posts-categories-list > li {
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.posts-categories-list > li a {
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
  padding: 0.25rem;
  color: black; }

.posts-categories-list > li a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px; }

.posts-categories-list > li a.active {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px; }

.blog-breadcrumb {
  padding: 10px 0;
  background-color: white; }

.blog-breadcrumb span {
  font-size: 14px;
  padding-bottom: 10px; }

.blog-breadcrumb span + span:before {
  color: black;
  content: "/\00a0"; }

.blog-breadcrumb span a {
  color: black;
  text-decoration: none;
  text-transform: uppercase; }

.blog-breadcrumb span a:hover {
  color: black;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px; }

.content-style {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.618; }

.content-style a {
  display: inline-block;
  font-weight: 700;
  border-bottom: 1px solid #222;
  color: black; }

.content-style a:hover {
  text-decoration: none; }

.content-style iframe {
  width: 100%; }

.content-style h1, .content-style h2, .content-style h3, .content-style h4, .content-style h5 {
  font-weight: 700;
  margin-bottom: 25px;
  margin-top: 25px; }

.content-style h1, .content-style h2 {
  font-size: 22px; }

.content-style h3, .content-style h4 {
  font-size: 20px; }

.content-style ol {
  padding-inline-start: 15px; }

.content-style p, .content-style figure, .content-style ul, .content-style ol, .content-style table, .content-style blockquote {
  margin-bottom: 2rem; }

.content-style img {
  width: 100%;
  height: auto; }

.content-style blockquote {
  background-color: #fafafa;
  padding: 2rem; }

.content-style blockquote p:last-child {
  margin: 0; }

.content-style table {
  font-size: 15px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #ccc; }

.content-style table td, .content-style table th {
  padding: 12px;
  vertical-align: top;
  border: 1px solid #ccc; }

.content-style table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #ccc; }

.content-style p, .content-style li {
  font-weight: 400; }

.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 480px) and (max-width: 767px) {
  .col-ms-1,
  .col-ms-2,
  .col-ms-3,
  .col-ms-4,
  .col-ms-5,
  .col-ms-6,
  .col-ms-7,
  .col-ms-8,
  .col-ms-9,
  .col-ms-10,
  .col-ms-11 {
    float: left; }
  .col-ms-1 {
    width: 8.33333%; }
  .col-ms-2 {
    width: 16.66667%; }
  .col-ms-3 {
    width: 25%; }
  .col-ms-4 {
    width: 33.33333%; }
  .col-ms-5 {
    width: 41.66667%; }
  .col-ms-6 {
    width: 50%; }
  .col-ms-7 {
    width: 58.33333%; }
  .col-ms-8 {
    width: 66.66667%; }
  .col-ms-9 {
    width: 75%; }
  .col-ms-10 {
    width: 83.33333%; }
  .col-ms-11 {
    width: 91.66667%; }
  .col-ms-12 {
    width: 100%; }
  .col-ms-push-1 {
    left: 8.33333%; }
  .col-ms-push-2 {
    left: 16.66667%; }
  .col-ms-push-3 {
    left: 25%; }
  .col-ms-push-4 {
    left: 33.33333%; }
  .col-ms-push-5 {
    left: 41.66667%; }
  .col-ms-push-6 {
    left: 50%; }
  .col-ms-push-7 {
    left: 58.33333%; }
  .col-ms-push-8 {
    left: 66.66667%; }
  .col-ms-push-9 {
    left: 75%; }
  .col-ms-push-10 {
    left: 83.33333%; }
  .col-ms-push-11 {
    left: 91.66667%; }
  .col-ms-pull-1 {
    right: 8.33333%; }
  .col-ms-pull-2 {
    right: 16.66667%; }
  .col-ms-pull-3 {
    right: 25%; }
  .col-ms-pull-4 {
    right: 33.33333%; }
  .col-ms-pull-5 {
    right: 41.66667%; }
  .col-ms-pull-6 {
    right: 50%; }
  .col-ms-pull-7 {
    right: 58.33333%; }
  .col-ms-pull-8 {
    right: 66.66667%; }
  .col-ms-pull-9 {
    right: 75%; }
  .col-ms-pull-10 {
    right: 83.33333%; }
  .col-ms-pull-11 {
    right: 91.66667%; }
  .col-ms-offset-1 {
    margin-left: 8.33333%; }
  .col-ms-offset-2 {
    margin-left: 16.66667%; }
  .col-ms-offset-3 {
    margin-left: 25%; }
  .col-ms-offset-4 {
    margin-left: 33.33333%; }
  .col-ms-offset-5 {
    margin-left: 41.66667%; }
  .col-ms-offset-6 {
    margin-left: 50%; }
  .col-ms-offset-7 {
    margin-left: 58.33333%; }
  .col-ms-offset-8 {
    margin-left: 66.66667%; }
  .col-ms-offset-9 {
    margin-left: 75%; }
  .col-ms-offset-10 {
    margin-left: 83.33333%; }
  .col-ms-offset-11 {
    margin-left: 91.66667%; } }

.btn.btn-default.bootstrap-touchspin-down:active, .btn.btn-default.bootstrap-touchspin-up:active {
  background-color: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn.btn-default.bootstrap-touchspin-down, .btn.btn-default.bootstrap-touchspin-up {
  background-color: transparent;
  border-radius: 0;
  border: none; }

.bootstrap-touchspin input {
  text-align: center;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid black;
  border-radius: 0; }

.input-group.bootstrap-touchspin .input-group-btn {
  border-bottom: 1px solid black; }

#burgerArea {
  float: right;
  position: relative;
  width: 43px;
  height: 52px; }
  #burgerArea div.cart {
    top: 55px;
    z-index: 9999; }

.burger_menu .cart {
  width: auto;
  min-width: 180px; }
  .burger_menu .cart a {
    color: #666666; }
    .burger_menu .cart a:link {
      color: #666666; }
    .burger_menu .cart a:hover {
      color: black; }

.burger_menu .burger_menu_btn {
  position: relative;
  display: block;
  margin: 0;
  font-weight: 600;
  line-height: 20px;
  font-size: 13px;
  color: #efefef;
  transition: none;
  -webkit-transition: none; }

@media (min-width: 768px) {
  .burger_menu_btn > .navbar-toggle {
    display: block; } }

@media (max-width: 479px) {
  #burgerArea {
    position: static; } }

a.burger_menu_btn {
  text-decoration: none; }
  a.burger_menu_btn:hover {
    text-decoration: none; }

.cart {
  z-index: 9998;
  overflow: visible;
  position: absolute;
  width: 250px;
  background-color: #f9f9f9;
  color: black;
  left: auto;
  right: 0;
  font-size: 12px;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .cart p {
    font-size: 11px;
    color: #666666; }
  .cart li {
    padding: 10px 5px;
    border-bottom: 1px solid #e9e9e9;
    list-style: outside none none;
    margin-left: -25px; }
  .cart .cart_item_product {
    float: left;
    margin-right: 20px;
    width: 60px; }

.cartBuyer {
  font-weight: bold; }

.cartBuyerInfo {
  font-size: 1em;
  color: black; }

.invoiceList {
  border-bottom: 4px solid #000; }
  .invoiceList .owl-item {
    padding-left: 2px;
    padding-right: 2px; }
  .invoiceList .invoiceTab {
    border-radius: 8px 8px 0 0;
    box-shadow: rgba(0, 0, 0, 0.1) 3px 2px 5px, inset rgba(255, 255, 255, 0.09) -1px 0, rgba(0, 0, 0, 0.1) -3px 2px 5px, inset rgba(255, 255, 255, 0.09) 1px 0; }
    .invoiceList .invoiceTab:hover {
      background-color: #F4F7F9;
      color: #444; }
  .invoiceList .activeTab {
    background: black !important; }
    .invoiceList .activeTab #cancel-invoice {
      color: white; }
    .invoiceList .activeTab span {
      color: white; }
    .invoiceList .activeTab p {
      color: white; }

.shopping_lists {
  float: right;
  position: relative;
  padding: 18px 3px 0;
  display: inline-block; }

.shopping_lists_btn_size {
  font-size: 1.4em !important; }

.shopping_bag {
  float: right;
  position: relative;
  padding-right: 0; }
  .shopping_bag .shopping_bag_btn {
    position: relative;
    display: block;
    margin: 0;
    padding: 17px 15px 38px 13px;
    font-weight: 600;
    line-height: 20px;
    font-size: 13px;
    transition: none;
    -webkit-transition: none; }
    .shopping_bag .shopping_bag_btn p {
      display: inline-block;
      margin: 0; }
    .shopping_bag .shopping_bag_btn i {
      padding-right: 4px;
      padding-left: 4px; }
    .shopping_bag .shopping_bag_btn span {
      display: inline-block;
      margin-left: 4px;
      padding: 0 6px;
      font-weight: 600;
      font-size: 12px;
      color: black; }

.login-info {
  float: left;
  position: relative;
  padding-right: 0;
  padding-top: 15px;
  font-size: 1.3em; }

.login-info-share {
  font-size: 20px;
  width: 25px;
  text-align: center;
  color: black;
  cursor: pointer; }

.login-info-share:hover {
  opacity: 0.8;
  text-align: center;
  color: #7b7b7b;
  cursor: pointer; }

.cart-inv {
  left: 0;
  right: auto; }

.cart_total {
  padding: 10px 15px; }
  .cart_total .clearfix {
    padding-bottom: 10px; }
  .cart_total .cart_subtotal {
    line-height: 20px;
    font-size: 11px;
    color: #666666; }
    .cart_total .cart_subtotal b, .cart_total .cart_subtotal i {
      float: right;
      display: inline-block;
      line-height: 20px;
      font-size: 15px;
      color: #333333;
      text-align: right; }

.modal-dialog.modal-logging {
  width: 390px;
  margin: 30px auto; }

@media (min-width: 768px) and (max-width: 991px) {
  .cart {
    left: auto;
    right: 0; }
  .shopping_bag .shopping_bag_btn {
    padding: 17px 10px 38px 8px; } }

@media (max-width: 768px) {
  .cart {
    left: auto;
    right: 0; }
  .shopping_bag .shopping_bag_btn {
    padding: 17px 20px 38px 0px; }
    .shopping_bag .shopping_bag_btn p {
      display: none; } }

@media (max-width: 481px) {
  #authList .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 23px; }
  #authList .onoffswitch-inner:after {
    margin-left: 29px; }
  .shopping_bag {
    position: static; }
  .cart {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important; } }

#CartCount {
  float: right; }

#CartAmount {
  float: right; }

.shipCart {
  float: left;
  text-align: center;
  padding: 0 4px; }
  .shipCart img {
    height: 25px; }

.cart_block .cart {
  background-color: #f5f5ff; }

a.shopping_bag_btn {
  text-decoration: none; }
  a.shopping_bag_btn:hover {
    text-decoration: none; }

@media (max-width: 767px) {
  #summaryBtnAdd {
    padding-left: 0px;
    padding-right: 0px; }
  #summaryBtnRemove {
    padding-left: 0px;
    padding-right: 0px; } }

@media (min-width: 768px) {
  #summaryBtnAdd {
    padding-left: 0px; }
  #summaryBtnRemove {
    padding-right: 0px; } }

.spinner-cart-element {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1100;
  transform: translate(-50%, -50%); }
  .spinner-cart-element img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: initial !important; }
  .spinner-cart-element .preloader-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-35px, -35px); }
  .spinner-cart-element .preloader-spinner-svg {
    width: 70px;
    height: 70px;
    color: #F3F4F6;
    animation: preloader-spin 1s linear infinite;
    fill: red; }

.spinner-cart-parent-element:after {
  position: absolute;
  height: 100%;
  width: 100%;
  content: '';
  z-index: 1000;
  top: 0;
  left: 0; }

.promotional-product-thumbnail {
  width: 75px;
  height: 75px; }

.promotional-table {
  width: 100%; }
  .promotional-table td.numeric {
    padding-right: 5px !important; }
  .promotional-table a {
    color: #000;
    cursor: pointer; }
  .promotional-table th {
    text-align: left;
    font-size: 12px; }

.promotional-table-anonymous {
  width: 100%; }
  .promotional-table-anonymous td.numeric {
    padding-right: 5px !important; }
  .promotional-table-anonymous a {
    color: #000;
    cursor: pointer; }
  .promotional-table-anonymous th {
    text-align: left;
    font-size: 12px; }

.pagination > li > a:hover {
  color: #000;
  cursor: pointer; }

.bootstrap-touchspin input[type="number"]::-webkit-outer-spin-button,
.bootstrap-touchspin input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.bootstrap-touchspin input[type=number] {
  -moz-appearance: textfield; }

#order-details .bootstrap-touchspin input[type='number'] {
  background-color: transparent; }

.promotional-table.table-light-theme thead {
  display: none !important; }

.item-name {
  font-size: 12px; }

.item-name p {
  font-size: 14px; }

.fa-stack[data-count]:after {
  position: absolute;
  top: -7pt;
  content: attr(data-count);
  font-size: 65%;
  padding: .6em;
  border-radius: 50%;
  line-height: .75em;
  color: black;
  text-align: center;
  min-width: 2em;
  font-weight: bold;
  background: white;
  border: 2pt solid black;
  margin-left: 10pt; }

/* Promotional subset with accordion */
.touchspin-promo-item {
  transform: scale(0.7);
  bottom: 12px;
  position: relative;
  margin: 0px auto; }

#promotionalItemButtonsContainer {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px; }
  #promotionalItemButtonsContainer a.promotional-item-button {
    text-decoration: none !important; }
    #promotionalItemButtonsContainer a.promotional-item-button:hover {
      text-decoration: none !important; }
  #promotionalItemButtonsContainer .promotional-item-button {
    display: block;
    width: 40px;
    height: 40px;
    color: #000 !important;
    border-radius: 4px;
    border: 1px solid #000;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    background: white;
    text-decoration: none;
    gap: 3px;
    -webkit-transition: background 0.3s;
    align-items: center;
    border-style: dotted !important;
    font-weight: bold; }
    #promotionalItemButtonsContainer .promotional-item-button.onhover:hover {
      background: #000 !important;
      text-decoration: none !important;
      color: #fff !important;
      -webkit-transition: background 0.3s; }
  #promotionalItemButtonsContainer .item-button-selected {
    background: black;
    color: #fff !important;
    -webkit-transition: background 0.3s; }
  #promotionalItemButtonsContainer .icona-plus {
    font-size: 10px; }

a.client-login-link {
  color: #a94442 !important;
  font-weight: bold;
  text-decoration: underline; }
  a.client-login-link i {
    color: #a94442 !important; }

#accordion.promotional-item-accordion-container {
  position: relative; }
  #accordion.promotional-item-accordion-container .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    height: 0px !important;
    padding: 0px !important; }
  #accordion.promotional-item-accordion-container a.accordion-bar {
    display: block;
    height: 1px;
    text-decoration: none; }
  #accordion.promotional-item-accordion-container .panel {
    border: 0px !important; }
  #accordion.promotional-item-accordion-container.panel-group .panel + .panel {
    margin: 0px !important; }
  #accordion.promotional-item-accordion-container td.drop-down-data {
    border-top: 0px !important; }

#accordion.promotional-item-accordion-container.panel-group {
  margin: 0px !important; }

#accordion.promotional-item-accordion-container.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
  border: 0px !important; }

#accordion.promotional-item-accordion-container #productsView .prod_img img, .prod_img img {
  margin: 0px auto !important; }

.promotional-item-error-container {
  float: right; }

td.drop-down-data {
  border-top: 0px !important; }

#accordion.promotional-item-accordion-container .prod_item {
  position: relative; }

#accordion.promotional-item-accordion-container .prod_item::after {
  position: absolute;
  top: 1px;
  display: block;
  content: "\f217";
  font-size: 23px;
  font-family: 'FontAwesome';
  right: 11px; }

/* END Promotional subset with accordion */
.prod_img img {
  margin: 0px auto !important; }

.promotional-item-error-container {
  float: right; }

@media (max-width: 768px) {
  .responsive-tables td.xs-bottom-border-0 {
    border-bottom: none !important; } }

@media (min-width: 768px) {
  .promotional-table td.drop-down-data {
    width: 70%; }
  .promotional-table .item-thumbnail {
    width: 8%; }
  .promotional-table .item-name {
    width: 30%; }
  .promotional-table td.item-quantity {
    width: 16%; }
  .promotional-table .item-total {
    width: 16%; }
  .promotional-table .item-points {
    width: 16%; }
  .promotional-table .item-action {
    width: 11%; } }

@media (min-width: 768px) {
  .invoice-table .invoice-item-thumbnail {
    width: 8%; }
  .invoice-table .invoice-item-name {
    width: 30%; }
  .invoice-table .invoice-item-quantity {
    width: 16%; }
  .invoice-table .invoice-item-total {
    width: 16%; }
  .invoice-table .invoice-item-points {
    width: 16%; }
  .invoice-table .invoice-item-action {
    width: 11%; } }

@media (min-width: 768px) {
  .invoice-table-anonymous .invoice-item-thumbnail {
    width: 8%; }
  .invoice-table-anonymous .invoice-item-name {
    width: 38%; }
  .invoice-table-anonymous .invoice-item-quantity {
    width: 15%; }
  .invoice-table-anonymous .invoice-item-total {
    width: 25%; }
  .invoice-table-anonymous invoice-item-action {
    width: 13%; } }

@media (min-width: 768px) {
  .promotional-table-anonymous td.drop-down-data {
    width: 70%; }
  .promotional-table-anonymous .item-thumbnail {
    width: 2%; }
  .promotional-table-anonymous .item-name {
    width: 24%; }
  .promotional-table-anonymous td.item-quantity {
    width: 10%; }
  .promotional-table-anonymous .item-total {
    width: 16%; }
  .promotional-table-anonymous .item-action {
    width: 9%; } }

@media screen and (max-width: 800px) {
  div#submitOrder {
    display: flex;
    flex-direction: column;
    row-gap: 10px; }
  button#registerBtn.btn {
    white-space: unset; } }

@media screen and (max-width: 415px) {
  div#submitOrder button#registerBtn.btn {
    font-size: 12px; } }

.custom-combobox {
  position: relative;
  display: inline-block; }

.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0; }

.custom-combobox-input {
  margin: 0;
  padding: 5px 10px; }

.ui-autocomplete {
  z-index: 5000;
  max-height: 225px;
  overflow-y: auto;
  overflow-x: hidden; }

.ui-state-default {
  width: 100% !important;
  background: none !important;
  background-color: #fff !important; }

.ui-combobox-span {
  height: 34px;
  width: inherit;
  padding: unset; }

.ui-combobox-input {
  height: inherit;
  width: inherit;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.42857143;
  display: block;
  color: #555; }

.ui-combobox-button {
  height: inherit;
  width: 100%; }

.ui-combobox-icon-arrow {
  width: 16px;
  height: 16px;
  background-image: url(css/jquery/images/ui-icons_222222_256x240.png);
  position: absolute;
  top: 50%;
  margin-top: -8px;
  display: block;
  left: 95% !important; }

.ui-state-focus {
  background-color: #0078d7 !important;
  background-image: none !important;
  border: none !important;
  font-weight: 100 !important;
  color: white !important;
  cursor: pointer !important;
  padding-left: 10px !important; }

li.ui-menu-item {
  padding-left: 10px !important;
  font-size: 14px !important;
  line-height: 24px !important; }

.datepicker {
  cursor: pointer;
  color: transparent !important;
  text-shadow: 0 0 0 black !important; }

.no-wrap {
  white-space: nowrap; }

.bg-light {
  background-color: #f8f9fa !important; }

.border {
  border: 1px solid #dee2e6 !important; }

.border-0 {
  border: 0 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.font-italic {
  font-style: italic !important; }

.bg-white {
  background-color: #fff !important; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.rounded {
  border-radius: 0.25rem !important; }

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important; }

.text-muted {
  color: #6c757d !important; }

.vertical-align-middle {
  vertical-align: middle !important; }

.text-align-center {
  text-align: center !important; }

.text-align-left {
  text-align: left !important; }

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

div.instruction {
  width: 30%;
  float: left;
  display: inline-block;
  margin-top: 15px; }

ol.instruction {
  margin-top: 10px;
  font-style: italic; }

.center {
  margin: auto;
  width: 80%;
  padding: 10px; }

.complaintForm {
  margin-left: 30%; }

.textArea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin-top: 30px;
  min-height: 70px;
  max-height: 150px; }

#complaintReasonDropDown {
  margin-top: 30px; }

#invoicesNumbersDropDown {
  margin-bottom: 30px;
  margin-top: 30px; }

.complaintForm .product-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2px; }

.complaintForm .product-amount {
  margin-left: 25px;
  margin-right: 66px; }

.complaintForm .amount-first {
  margin-right: 121px; }

.complaintForm .amount-next {
  margin-right: 70px; }

.complaintForm .products-container {
  margin-top: 30px; }

.complaintForm .add-form-field {
  float: right;
  margin-top: -1px;
  align-self: flex-start;
  margin-top: 13px; }

.complaintForm .delete {
  margin-top: 13px; }

@media (max-width: 767px) {
  div.instruction {
    width: 100%;
    float: none;
    display: inline-block;
    margin-top: 15px; }
  .complaintForm {
    margin-left: unset; } }

.termsfeed-com---nb-standalone {
  height: unset !important;
  top: unset !important;
  bottom: 0px; }

.update-link {
  padding-bottom: 10px;
  font-size: 12px;
  font-size: 11px; }

.termsfeed-com---palette-light .cc-pc-container .cc-cp-foot-save,
.termsfeed-com---palette-light .cc-nb-buttons-container .cc-nb-reject,
.termsfeed-com---palette-light .cc-nb-buttons-container .cc-nb-okagree {
  background-color: black; }

.custom-menu-carousel-gallery {
  margin: auto;
  max-width: 200px; }

.custom-menu-carousel-thumbnail {
  width: 125px;
  height: 125px;
  margin-top: 10px; }

.custom-menu-carousel-name {
  font-size: 8pt !important;
  font-weight: bold;
  max-height: 20px; }

.custom-menu-carousel-price {
  font-size: 8pt; }

.custom-menu-carousel-gallery-cell {
  width: 200px;
  margin: auto;
  text-overflow: ellipsis;
  overflow: hidden; }

.custom-menu-carousel-tile {
  padding: 5px;
  text-align: center;
  background: white; }

.custom-menu-carousel-tile div {
  margin-bottom: 5px; }

.main-div-carousel .owl-item {
  text-align: center; }

.main-div-carousel {
  margin: 0px auto; }

hr.custom-menu-carousel-after-thumbnail-rule {
  width: 90%; }

.main-div-carousel .owl-prev {
  left: 5px !important;
  top: 35%; }

.main-div-carousel .owl-next {
  right: 5px !important;
  top: 35%; }

.dropdown-carousal li .carousel-display-title {
  padding: 3px 15px;
  white-space: normal; }

.dropdown-carousal li .carousel-display-title:hover {
  background-color: #fff;
  color: #000;
  text-decoration: none; }

.mega-menu-masonry-item .owl-carousel .owl-item {
  width: 200px;
  height: 250px; }

#stockDistributionProductsFilter {
  border: 1px solid #efefef;
  height: 40px;
  width: 50%;
  margin-bottom: 10px;
  font-size: 20px;
  padding: 5px;
  text-align: center; }

#dedicatedWarehouseMessage {
  top: 80%;
  left: 35%;
  width: 30%;
  text-align: center;
  margin: 0 auto;
  position: fixed;
  padding: 10px;
  background-color: lightcoral;
  z-index: 100;
  border-radius: 3px;
  opacity: 0.95;
  display: none; }
  @media screen and (max-width: 500px) {
    #dedicatedWarehouseMessage {
      left: 25%;
      width: 50%; } }

#stockDistributionContainer {
  overflow-x: auto;
  white-space: nowrap;
  width: 100%; }
  #stockDistributionContainer #stockDistributionTable {
    margin: 0 auto; }
    #stockDistributionContainer #stockDistributionTable th.horizontal {
      height: 120px;
      padding: 0 10px;
      text-align: center; }
    #stockDistributionContainer #stockDistributionTable th input {
      max-width: 120px;
      text-align: center;
      border-style: none;
      border-radius: 5px 0 0 5px;
      height: 50px;
      background-color: #e3e3e3; }
    #stockDistributionContainer #stockDistributionTable th.vertical {
      height: 120px;
      width: 50px;
      text-align: center;
      max-width: 50px;
      background-color: #fff; }
      #stockDistributionContainer #stockDistributionTable th.vertical div {
        transform: rotate(-90deg) translate3d(0, 0, 0) scale(1); }
        #stockDistributionContainer #stockDistributionTable th.vertical div input {
          transform: translate(-35px, 0); }
    #stockDistributionContainer #stockDistributionTable td.vertical {
      height: 150px;
      width: 50px;
      text-align: center;
      max-width: 50px;
      background-color: #fff; }
      #stockDistributionContainer #stockDistributionTable td.vertical div {
        transform: rotate(-90deg) translate3d(0, 0, 0) scale(1); }
        #stockDistributionContainer #stockDistributionTable td.vertical div p.total-input {
          transform: translate(-35px, 0); }
    #stockDistributionContainer #stockDistributionTable td input {
      width: 50px;
      height: 30px;
      border-radius: 5px;
      border-style: none;
      text-align: center;
      background-color: #e3e3e3; }
      #stockDistributionContainer #stockDistributionTable td input:disabled {
        background-color: #e3e3e3;
        opacity: 0.3; }
      #stockDistributionContainer #stockDistributionTable td input.populated {
        background-color: #90ee90 !important; }
    #stockDistributionContainer #stockDistributionTable td div {
      margin: 0 5px;
      text-align: center; }
    #stockDistributionContainer #stockDistributionTable td p.total-input {
      max-width: 150px;
      width: 150px;
      line-height: 20px;
      padding: 4px 8px;
      text-align: left;
      border-style: none;
      border-radius: 0 5px 5px 0;
      margin-left: -25px;
      height: 50px;
      font-weight: normal;
      background-color: #d3d3d3; }
      #stockDistributionContainer #stockDistributionTable td p.total-input .price {
        font-size: larger; }
      #stockDistributionContainer #stockDistributionTable td p.total-input .points {
        font-size: inherit; }
    #stockDistributionContainer #stockDistributionTable td.static-cell {
      background-color: #d3d3d3;
      border: 1px solid #fff;
      max-width: 200px; }
      #stockDistributionContainer #stockDistributionTable td.static-cell.available {
        background-color: #90ee90; }
        #stockDistributionContainer #stockDistributionTable td.static-cell.available.emptied {
          background-color: #e3e3e3; }
        #stockDistributionContainer #stockDistributionTable td.static-cell.available.insufficent {
          background-color: #f08080; }
    #stockDistributionContainer #stockDistributionTable .verified {
      background-color: #90ee90 !important; }
    #stockDistributionContainer #stockDistributionTable .unverified {
      background-color: #f08080 !important; }
    #stockDistributionContainer #stockDistributionTable .collapsed {
      visibility: collapse; }
    #stockDistributionContainer #stockDistributionTable .total-input {
      height: 100px; }
    #stockDistributionContainer #stockDistributionTable .dim {
      opacity: 0.3; }
    #stockDistributionContainer #stockDistributionTable .overflow-ellipsis {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

footer a {
  color: #333333; }
  footer a:link {
    color: #333333; }
  footer a:hover {
    color: black; }

footer span {
  font-size: 11px; }

footer ul {
  list-style-type: none; }
  footer ul li {
    margin-left: -40px;
    font-size: 11px;
    padding-bottom: 5px; }

footer i.fa {
  margin-right: 10px; }

#footer-scroll-up {
  padding-bottom: 20px; }
  #footer-scroll-up p {
    padding: 0;
    display: inline-block;
    font-size: 0.9em;
    cursor: pointer; }

.fragrance-card {
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: #fff;
  margin: 0 5px; }
  .fragrance-card.product-tile-grid {
    padding: 0;
    min-width: 150px; }
  .fragrance-card .prod_img img {
    max-height: 252px !important;
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 15px;
    mix-blend-mode: multiply; }
  .fragrance-card .prod_img.gray-bg {
    background-color: #f8f8f8;
    min-height: 200px;
    display: table;
    width: 100%; }
    .fragrance-card .prod_img.gray-bg .prod_img_wrapper {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
  .fragrance-card .fragrance-card-body {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem !important; }
    .fragrance-card .fragrance-card-body .fragrance-card-name {
      font-size: 15px;
      font-weight: 600;
      line-height: 1.2;
      margin: 1rem 0 0.5rem;
      text-align: center; }
    .fragrance-card .fragrance-card-body .fragrance-card-inspired {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.5;
      margin: 0 0 1rem;
      text-align: center;
      color: #6c757d; }
    .fragrance-card .fragrance-card-body .btn-more {
      margin-top: 1rem;
      display: inline-block;
      padding-left: 2rem;
      padding-right: 2rem;
      align-self: center; }

.fragrance-details .panel {
  border: none; }
  .fragrance-details .panel-group .panel {
    margin-bottom: 20px; }
  .fragrance-details .panel-default > .panel-heading {
    background-color: #f7f7f7;
    border: none;
    border-radius: 10px 10px 0 0;
    cursor: pointer; }
  .fragrance-details .panel .panel-title {
    padding: 5px 0;
    font-weight: 600; }
  .fragrance-details .panel .panel-body {
    background-color: #f7f7f7; }

.fragrance-details .note-section {
  margin-bottom: 14px; }
  .fragrance-details .note-section .note-title {
    font-weight: bold;
    font-size: 16px; }
    .fragrance-details .note-section .note-title .note-icon {
      margin-right: 8px;
      font-size: 20px; }
  .fragrance-details .note-section .note-content {
    background-color: #ffffff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 5px;
    font-size: 16px; }

.fragrance-details .note-desc {
  font-size: 16px;
  color: #6c757d; }

#productDetails .note-section {
  margin-bottom: 14px; }
  #productDetails .note-section .note-title {
    font-weight: bold;
    font-size: 14px; }
    #productDetails .note-section .note-title .note-icon {
      margin-right: 8px;
      font-size: 18px; }
  #productDetails .note-section .note-content {
    background-color: #f7f7f7;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 5px;
    font-size: 14px; }

#productDetails .note-desc {
  font-size: 14px;
  color: #6c757d; }

@media (min-width: 480px) {
  .fragrance-card.product-tile-grid {
    padding: 1rem; } }

#gMapContainer, #gMapBackground {
  position: fixed;
  left: 0;
  top: 0;
  margin: 0;
  width: 100vw;
  height: 100vh; }

#gMapCanvas {
  width: 620px;
  height: 420px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 5px solid white;
  border-radius: 3px; }

#gMapContainer {
  z-index: 100;
  display: none; }

#gMapBackground {
  background-color: black;
  opacity: 0.8; }

.sprite {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAAqCAYAAAA6Yey5AAAB60lEQVRoQ+3auVLEMAwG4H8bno2j4Kio4NXYjoprhuPZaGA0OIPDOkGyZDsz0ta25XzW2honO8RviMBuSNQIioAflAQBH/CDBAaF3XLGfyUTizmeA7gFcA3gs5P1EYB7AHcAXv7GtHioVs9hCf8I4ALAK4CrDviE/gDgDMBzij1z8gJPEIR/2gE/R39P6Af/Mi/wlG098FnoNBlP8K3x2ege4Vvhi9C9wlvji9HX4KeKorZi4W5hveKUnsNiz8/R3wBcciumJaBeIL3iLCWQBr8a3fNWky9EDb4KPeB/+SX4avSAn29AOf7Sfm2CHvCHO/8avhl6wJeP3BI+tZzuXkTVy9Kpzi37astKTT/LSzLpPHL8DwA0lxMAJuiR8evLQfh0s3icmtEC0PWyybXyljNemqXW7Qn+KWU6jR3w1sKF8fKD1N1W08G3GKJUvbg6XEfAr5WMbsrJ3vAcWE4b1rzjcP1hkoBK2i4uQsDL0CdINb53eA2gpu+m37my9kpFIxVcils9hteMrwb7p+ZnXyl4hLdEr97zvcG3QK/C9wTfEl2M7wU+R2/9/SRrgb3A00sM+vSiNXop8+mGk2LPfl7g6Uvhm0Gfae/Tvb5LeEW536arl4xvo6cYNeAVeJquAa/RU/QNeAWepus3wePCK5YxXTgAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  display: block; }

.icon-up {
  content: "";
  position: relative;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUIAAAAiCAYAAAAqLtByAAANkElEQVR4Xu2dCYxlRRWG/yNo7Ii7UREjuCAioIzzVERxwyURBRVcCaBIJCqiCIgLIIoLuCERUYzGRKPggqJxw10SweWOgyLirhj3xC2oYxQ85murxtuXu1Td9/p1T3ed5KVn+tWtOnXuqb/OVtWmQkUCRQJFAutcArbO51+mXyRQJFAkoAKERQmKBIoE1r0EChCuexUoAigSKBIoQFh0oEigSGDdS2AMEN5J0lMkPVzSPSXdJkjxj5K+L+mLkj4s6RfTSreqKp+mj8lkkjS/eY3TM5eTJD1J0sZGm5dIOjNDBreU9CFJj8h4pqvpnyUdHd7lqO6qqnqUpEdL2lfS7qGTqyRdKuniyWTyuVEdNx6a1ziS7ivpKEmPlHTHwMavJH1e0rskfWsW80nog/eMzsT3zLtizb0zPMv3d5G0KaGvehOeeXbtF/RT/39Kd019haefpTyY0sbdd5P0dEkPk7SnJHiE/lLDn/PNDD1LpiSgCL3tLOkMSU+W9BNJn5K0WdJvJQFYd5B0b0kHSIJZFiQLeTQgAlCpYNaccc6zOW2nGafjrSAnQLCNcoGwr69kpWg0nOQuqM2bN+9y3XXXHSNpLwDPzC5190XFNLPd3R1gBCCv2G677c7ZsGHDKB2Z1ziSbirpbZIOC7L5kaS40AD4u4ffv0/S8yRdM0LY5wUgGwIvFj7A29w0GRIwhPiO9wZAphI6iP4sB4EZkbdR/bv7XSW9SdJBki4P+IOsfhfw5/aS9pb02DD/T0o60cx+kDJgKhCCwCD7FZJeJunLA52D1qdL2iDpOZLem8LMLEEmB9xy2s6Sx7Crs7l0US4Q/qm2Q+aIHIVi4UTC0mCxQVk8AE7XXnvt6WZ2+cLCwnl77LHH39oYufLKK3fYsmXL0e6+9/bbb39KLhjOa5wAgl+QdD9J/DwxLMT6tFiAbwgW2jfDz1ww5N1BgAbjdNHQZgf4Rassx5v4abAic/QmtS0WIUA2itz9mZLOlfQN9NHMvt7XkbuzEbCu9pN0rJlFS7nzsRQgxAR/TVgQIHKqu0rfL5L0ekkvD4xlCWJeADWvcVomP6R8OSCEpRAXU5acw27NAoxU7yuHB1VV9Ua8hMlkgq4MUlVVx0vacTKZnDDYuNZgXuOETRxL8Oygz/8JbGAlQhHwbiDpzZJeIAnL8PCM+TTfXZfMU98xYIj7PmRdRhbrG18X24Az/WE54kLnEvz0AXxrf+6OLMAf9ORsM0vFH7k7Rhjv7QwzO7WP4SEgRAHeI+lQSR/MnXlo/wRJHwmxFfpKpnkBVMY495f00eAifYmJZDzbnHebUuM+1AEpWVbBElxRIAyxuuMXFhYO7rIEmxMKluGFuD2pMcOOce4m6XXBGkOvWXR4L7ixGjNOiAli4dEXrnwEQbrEPYOwBiMBhhcHHrAgc2KGVcPdxYrCkqlbdSnuK8+hQ6kgCO/EAXHN+6gOzlhbGEg5RLx50DKrd+jubCZgxiFm9rGcwWJbdz8w4M8xfZZhHxDeWdL3JL1CErv8NPTCoKQEN7GCkmgKkMkCqMRxcPO/Iulmkn4jaScmkfhs23wx31H+Oo3aNUMHqdZCGy9NAB5lEVZVhRX468lkgmWUTFVV4TnsNJlM2PUHqWUcLBRkGQPnsQ8C6MQjF+N5ueMEcAAkePcR+GLfrwr/aFoaACOxcxY9iz+VusAI6w5Q48O/+0IpjNUMc6SMD6gN9du0UpE54JmamMvyLNx9F/YvSaeaWZJ30TVRdyduSx97mdmP29r1ASGLY8fgZ/eZo0dKunWIkXTxwjjEFVHMx6e8mSlBJgugWsCMID/x0Ej8HwuQDPmWEJCd1iJsA8LsxESNx2mAcCYxwqqqLjOz4zZu3Ngbw2m+/02bNu3j7mdNJpMHpOhGyzh4K12W9MejzuWOE7Kd/w7JvxTWYpsfSrphpgsZs8CpwNLFzxggTLHwuoAMvvk0N6Emf1i29JFE7n5ByMzvl+MO94Ah1SzXmFkr/nQBIYFNkJNg49d6OMcHJ4gJEQd8bU/bfSRdJukeklCUQZrC2poGCE8LVvBzJb09ZD5bQXBKsF4JIGwqI1YI7lbf4kveyauqYqPbeTKZ/HXw5dYaVFV1c0lXTyaTW6Q81zIOllLXs3+XtEN4V1njSPqXpE93bN4xVEQpWZMukvQYSTdKmU9oMxQvTu1qTHhlGiCEL0AQ67Cr+oE2yUAYrEFc/P3NrDMxG2KAB5gZmeJecveIP7uZ2WK4pE5dQHiypKeGOp2uAQDBt4YYzIIk6guHkiK4DJ8IQDPEexaYNTvLAdFG2+8G8KPLU0I5BKl5LAOUe0nAN2ecBo/zBMKh4DkZ4i4wLEDY7sW0xQjjKx4DhClgNLhmcrP8ocOUsVP0oE+PcoCQzPyRlFp1TbiWRDnMzD6QIhh3B38uMrNXpgIhFhBB4i5TNoLgESGgzG6MECiT6QPDV0t6cPgM8j4FyGSBaGMcCmWJBdbT/YDgIQHEl/CdyeNQ6UNTJjmucltcL1oZQ/GqetYwZhtj4iVlASzyvYKuMcm4gzsUinqyx/HdjF3jPiAc4xr31QcOrpVagxydiY/NAgjxLuiny0XOAcLPkp8ws9ZKghoIHm5m708VjruTfd7XzCjvS7IIKVI8tqPAkgAwxaWAIEy8JbglzwjZZcCQYlrcyiaRQX63pFulMJ8JMqMBqmWcOhh2gmBY/DlF37lAiJxSi2LbgDDWFQ6BWfNZgHMMEK5UsmTXsHE33WNcdJIlnHiadbKkCwjHJktgMZ4YGVuigrfCRpZL0wBhatIkBwh/iUFlZpQhLSF3pxKAGuUsEKQTd2ezPNfMbpcKhCRHHiLpkhaJwtxnJEVztA6ENKf4mk+b304wnONVQ2U7i8OuIBAyfARDwgQEblspk8ccIAQAkzaMwFgfEA4pIcocs/mA5lgg5EjdSpXPcJqJee4f9IvY0otjxngbKJ/hNabU8/WB3Niqg7FAmJJtjvwO6eDWebk7cd0DzYwER/33uMzUJXMS6asDaP8P6j7N7J+xnbuT87jEzK6HP12A1AeEzfGbQNjHXwxYbgtAmLSrLiMQ5mb/+lzjocr+ukKPdo3D5lUKqvMLquu6RtIh93wvzw+FP/r0OQXQ6l4F8W34bDvm1zXOkFfSBMKDzGxJPN7dqVDBo6QcauicOp7cKdMC4e9DkoDYyxDlACGpawokh1Ltq8EiHJr3tDwuZ7IkKl19p+/akes1eNEKHVVHiEDmdfRtXuPM8YhdXd8AJsAw9QRH7qbZ1O2UguoItDleTX2c5IJqd79a0skdrvHW/EROfBBG3J04/zlmRvJzCXVZZrgVuLAkPoYoBwgpTcHieOBQp8G6yIm/Lekyx1LLadvke4pn5wGEABoub9x4KK0AJONtIM0asAiWo4EwgmG5dCFFw3vbpMbeAEHWVGosuW3QaV3ylMkmu+3uTujtKjOj0P56FMpmqFg5IgcM3Z3yvn3MjJuzkoCQankCi9wmM0Q5QEj1P3VZvef+4oDzuh5rXuM0BDkPIGTIlN2ednWrYiogrL2/cg3X0Or5//dxswKU+JAwGfKc2NiwtKYBwcjB2As7UmaYFe92d2KBR5kZcd9WqoEhSZPU8pnvSLrQzOKpoK19d1mEXCtECQDJjaFTAqlAGBc+dxhm3RWWIultsM28gBDRDMWAiMVwMiMuqJkA4Tb4TlaKZUCPDSv1VAkWPdZ71tndgckN6cg0skmODzKIu1OT/HPkMVBQzSbwIDOL16N18ujuMVG7q5lxjWCSRUgjikKpxMeM7Dtix/VDN5HESYw+os6QDM5iTVehxUBz86zxmBqwKMoh8MLVirGn+AwAyKd5XdNQX+X1LY8EojXIT95X3SKM5415X1Pd7dfDeoxLopupoNzVXbytBr6z+XX38yVx3pi6v+QbZ9qYcfetR3xzj9jRH7d5cN6WEgT88S66cfhia5q6pSEBzrPCTR1JFyUuj56tql7nDYQ5ky9AmCOt5WtbB8JZuL/Lx+mMe3Z3LoLm0oXTzGyqS1/c/fmh7GZPM2u99GWojOVZIU3+xLZTFYlz33oNzoxN+cThV22zWQMhE41xnuSarQ7p1HnLcmtWrbQLY9ucBNydemQOaBxqZqOuAQzXcHF13tFmRulNKw0BIQ9RUEy29zhSzxkXs/Is199gCVLGkZQg2ebe1niGlwMIx5Y29M1iGnd9vHTKk0UC/4sXLrkYOtVNDu4wJ9zAH6xKjvd2UgoQ8jCWISDIVdkvDbfI9PVL4TTn+iiT4ajeLIO6a0VBlgMIcaVWzR9vWisvqsxjZSXg7iRD3hHueTzJzPpuxAI8wR8u6eUnF7J2WoJxZqlASPv6H0/hhhb+eNO3JVF8Dd1W0n3CDS2ct+QeONLgrRchrqxoV8XoywGEq2JihYkigVlLwN25KJqQD0XRnB3nMg3wh3sRIv5wgS5He+8V8OeEtgxxG285QBifJ4mC7/7Q8Oc84wHmPwQGubmFjM/17vyatXBKf0UCRQLrSwLhr9k9rfbnhJv4w2GQC9ruHOyT1BggXF+SL7MtEigSWPMSKEC45l9xmWCRQJHAkAQKEA5JqHxfJFAksOYlUIBwzb/iMsEigSKBIQkUIBySUPm+SKBIYM1L4L/fhapuax6XjgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  top: 8px;
  left: 10px;
  background-position: -5px -5px;
  transform-style: preserve-3d;
  transition: all 600ms ease 0s; }

.websites {
  float: left;
  margin-top: 4px; }
  .websites i.fa {
    margin-right: 10px;
    font-size: 24px; }

.invoice_bag {
  position: relative;
  float: left; }
  .invoice_bag .cart {
    width: auto;
    min-width: 300px; }
    .invoice_bag .cart a {
      color: #666666; }
      .invoice_bag .cart a:link {
        color: #666666; }
      .invoice_bag .cart a:hover {
        color: black; }
  .invoice_bag .invoice_bag_btn {
    position: relative;
    display: block;
    margin: 0;
    padding: 17px 5px 38px;
    font-weight: 600;
    line-height: 20px;
    font-size: 13px;
    color: #efefef;
    transition: none;
    -webkit-transition: none; }
    .invoice_bag .invoice_bag_btn p {
      display: inline-block;
      margin: 0; }
    .invoice_bag .invoice_bag_btn i {
      padding-right: 2px;
      padding-left: 4px; }
    .invoice_bag .invoice_bag_btn #InvoiceName span {
      display: inline-block;
      margin-left: 4px;
      padding: 0;
      font-weight: normal;
      font-size: 12px;
      color: black; }

#InvoiceName {
  float: right; }
  #InvoiceName :not(span) > span {
    background-color: black; }

.noSideBorders {
  border-left: 0;
  border-right: 0; }

.valign-bottom {
  vertical-align: bottom !important; }

.tr-summary {
  height: 3.7em; }

@media (min-width: 768px) and (max-width: 991px) {
  #invoiceArea .invoice_bag_btn {
    padding: 17px 5px 38px; }
  .invoice_bag .cart {
    left: 0;
    right: auto; } }

@media (max-width: 767px) {
  .invoice_bag {
    position: static; }
    .invoice_bag .cart {
      left: 0;
      right: auto; }
  #invoiceArea .invoice_bag_btn {
    padding: 17px 3px 38px; }
  .burgerMenu .btn-sm {
    padding: 5px; } }

@media (max-width: 479px) {
  .invoice_bag {
    position: static; }
  #invoiceArea .invoice_bag_btn span {
    padding: 15px 10px 38px; } }

a.invoice_bag_btn {
  text-decoration: none; }
  a.invoice_bag_btn:hover {
    text-decoration: none; }

.shopList_btn, .back_office_btn {
  position: relative;
  width: 39px;
  height: 39px;
  margin-right: 30px; }
  .shopList_btn:focus, .back_office_btn:focus {
    outline: 0; }

.shop_bag, .back_office_bag {
  position: relative;
  float: left; }
  .shop_bag .cart, .back_office_bag .cart {
    width: auto;
    min-width: 300px; }
  .shop_bag .shopList_btn, .shop_bag .back_office_btn, .back_office_bag .shopList_btn, .back_office_bag .back_office_btn {
    position: relative;
    display: block;
    margin: 0;
    padding: 14px 0 38px;
    font-weight: 600;
    line-height: 20px;
    font-size: 13px;
    color: #efefef;
    transition: none; }

.logShopList_btn {
  position: relative;
  width: 26px;
  height: 26px;
  display: block;
  padding: 14px 0 0 0; }

.shopFlag {
  width: 20px;
  height: 13px; }

#Earth {
  float: left;
  width: 25px;
  height: 25px; }

#logEarth {
  width: 25px;
  height: 25px; }

.shopList_Globe, .back_office_icon {
  width: 25px;
  height: 25px; }

@media (min-width: 768px) and (max-width: 991px) {
  #shopsArea .shopList_btn, #shopsArea .back_office_btn {
    padding: 14px 5px 38px; }
  .shop_bag .cart {
    left: 0;
    right: auto; } }

@media (max-width: 767px) {
  .shop_bag, .back_office_bag {
    position: relative; }
    .shop_bag .cart, .back_office_bag .cart {
      left: 0;
      right: auto; }
  #shopsArea .shopList_btn, #shopsArea .back_office_btn {
    padding: 14px 3px 38px; } }

@media (max-width: 479px) {
  .shop_bag, .back_office_bag {
    position: static; }
  #shopsArea .shopList_btn span {
    padding: 14px 3px 38px; } }

#select2-departments-results .select2-results__options > li.select2-results__option[role=treeitem] {
  display: block; }

#select2-logDepartments-results .select2-results__options > li.select2-results__option[role=treeitem] {
  display: block; }

#serch-countries-tb {
  background-image: url("/Content/pics/search-icon.png");
  background-position: 10px 12px;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  width: 100%;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd; }

#select-country-div {
  max-height: 165px;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#select-country-div ul li {
  cursor: pointer; }

#select-country-div ul li:hover {
  background-color: #d3e3fb;
  color: black; }

#select-country-div ul li.selected {
  background-color: #5897fb;
  color: white; }

.flag-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  row-gap: 8px; }

.flag-box-desc {
  font-size: 18px; }

.flag-box-img {
  width: 70px; }

@media (min-width: 480px) and (max-width: 768px) {
  .container {
    max-width: 748px; }
  #customAddrArea .tt-dropdown-menu {
    position: relative;
    top: 80px !important;
    left: 0 !important;
    z-index: 100;
    display: block;
    cursor: pointer;
    right: auto; } }

@media only screen and (min-width: 320px) and (max-width: 504px) {
  #customAddrArea .tt-dropdown-menu {
    position: relative;
    top: 80px !important;
    left: 0px !important;
    z-index: 100;
    display: block;
    cursor: pointer;
    right: auto; }
  .prod-desc-title {
    font-size: 1.3em; } }

@media (max-width: 600px) {
  .modal-renewOrderError {
    width: 100%; } }

@media (min-width: 601px) {
  .modal-renewOrderError {
    width: 550px; } }

@media only screen and (min-width: 200px) and (max-width: 400px) {
  #customAddrArea .tt-dropdown-menu {
    position: relative;
    top: 72px !important;
    left: 0px !important;
    z-index: 100;
    display: block;
    cursor: pointer;
    right: auto; }
  .prod-desc-title {
    font-size: 0.85em;
    font-weight: 500; } }

@media only screen and (min-width: 140px) and (max-width: 200px) {
  #customAddrArea .tt-dropdown-menu {
    position: relative;
    top: 80px !important;
    left: 0px !important;
    z-index: 100;
    display: block;
    cursor: pointer;
    right: auto; } }

@media only screen and (max-width: 767px) {
  .top-sm-10 {
    margin-top: 10px; }
  #newsletterArea .newsletterArea1, #newsletterArea .newsletterArea2 {
    text-align: center; }
  #newsletterArea .newsletter-overlay {
    width: 100% !important; }
  .resPadLeft20 {
    padding-left: 0px !important; }
  .modal-header.prod-desc .bookmark {
    right: 0 !important;
    width: 48px !important;
    height: 48px !important; }
  .modal-header.prod-desc .closebookmark {
    left: 8px !important;
    top: 8px !important; } }

@media only screen and (max-width: 991px) {
  .prod-desc-button {
    text-align: center; }
  h3 {
    font-size: 20px; }
  .prod-desc-button {
    text-align: center;
    padding-top: 30px; }
  .prod-desc-left-box {
    text-align: center; } }

@media only screen and (max-width: 767px) {
  .ao_plugin {
    display: none; } }

@media (max-width: 990px) {
  #retLink .shopping_lists {
    display: none; }
  #retLink .back_office_bag {
    display: none; }
  #backOfficeLink {
    display: block !important; } }

@media (min-width: 768px) {
  #mega-menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    #mega-menu > .dropdown-mega {
      position: static !important; }
    #mega-menu .mega-menu-masonry-item {
      break-inside: avoid-column;
      margin-bottom: 0.5rem;
      display: table; }
      #mega-menu .mega-menu-masonry-item > ul > li > a {
        font-weight: 400 !important; }
    #mega-menu .dropdown-mega-menu {
      margin-left: auto !important;
      margin-right: auto !important;
      right: 0 !important;
      width: auto !important;
      max-width: 1170px !important; }
    #mega-menu .dropdown-category-header {
      font-size: 14px;
      color: #000;
      font-weight: 600;
      white-space: normal; }
    #mega-menu > li a:hover {
      background-color: transparent;
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-underline-offset: 5px; }
    #mega-menu > li a .caret {
      display: none; }
  #mega-menu .open .dropdown-mega-menu {
    display: flex !important;
    flex-wrap: nowrap;
    column-count: 4;
    column-gap: 1rem;
    width: 100% !important;
    border: none;
    padding: 10px; }
    #mega-menu .open .dropdown-mega-menu .dropdown-mega-column {
      flex: 25%; }
  #mega-menu .open .dropdown-mega-overflow {
    overflow-x: auto;
    overflow-y: hidden; }
  #mega-menu .highlighted {
    background-color: transparent;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px; }
  #mega-menu .dropdown-mega-menu ul {
    position: static;
    display: flex !important;
    flex-direction: column;
    height: 100%;
    margin: 0.5em 0;
    border: 0;
    padding: 0 0 0 0;
    width: auto;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  #mega-menu .scroll-down, #mega-menu .scroll-up {
    display: none !important; }
  .dropdown-mega-nopopup > li > a:hover {
    background: none;
    color: black !important; }
  .mega-menu-tile-hover:hover {
    opacity: .75; } }

@media (max-width: 767px) {
  #mega-menu > .open > .dropdown-mega-menu {
    display: block !important; }
    #mega-menu > .open > .dropdown-mega-menu li > ul {
      list-style: none;
      padding: 0 0; }
      #mega-menu > .open > .dropdown-mega-menu li > ul li > a {
        display: block;
        clear: both;
        font-weight: 400;
        color: black;
        line-height: 1.42857143;
        padding: 5px 15px 5px 25px; }
      #mega-menu > .open > .dropdown-mega-menu li > ul li > a:focus, #mega-menu > .open > .dropdown-mega-menu li > ul li > a:hover {
        color: black !important;
        background-color: transparent !important;
        text-decoration: none; }
      #mega-menu > .open > .dropdown-mega-menu li > ul li > ul > li > a {
        display: block;
        clear: both;
        font-weight: 400;
        color: black !important;
        line-height: 1.42857143;
        padding: 5px 15px 5px 25px !important; }
      #mega-menu > .open > .dropdown-mega-menu li > ul li > ul > li > a:focus, #mega-menu > .open > .dropdown-mega-menu li > ul li > ul > li > a:hover {
        color: #333 !important; } }

.dropdown-mega-image-container {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  margin: 0;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }

.dropdown-mega-pinned-text-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 10px;
  font-size: 14px;
  color: #000;
  font-weight: 600;
  white-space: normal; }

.dropdown-mega-pinned-text-bottom-gray {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  font-size: 1em;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 10px;
  font-size: 14px;
  color: #000;
  font-weight: 600;
  white-space: normal; }

@media (min-width: 1200px) {
  #mega-menu li.dropdown > a {
    font-size: 18px; }
  #mainMenu .navbar-nav > li > a {
    font-size: 18px; } }

.msg {
  background: #fefefe;
  font-weight: bold;
  font-size: small;
  padding: 12px;
  padding-left: 16px;
  border: 0px solid transparent;
  border-top: solid 3px #CCCCCC;
  border-radius: 5px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.08); }
  .msg:first-of-type {
    margin-top: 15px; }
  .msg .fa-angle-down:before {
    background-color: white; }
  .msg .fa-angle-up:before {
    background-color: white; }

.msg-info {
  border-color: #b8dbf2;
  color: #31708f; }

.msg-success {
  border-color: #cef2b8;
  color: #3c763d; }

.msg-warning {
  border-color: rgba(255, 165, 0, 0.5);
  color: #8a6d3b; }

.msg-danger {
  border-color: #ec8282;
  color: #a94442; }

.msg-primary {
  border-color: #9ca6f1;
  color: rgba(47, 106, 215, 0.9); }

.msg-default {
  color: #666666; }

a:hover > #ref, a:hover > #bnew {
  -webkit-animation: pulse2 1s infinite linear;
  -moz-animation: pulse2 1s infinite linear;
  -o-animation: pulse2 1s infinite linear;
  animation: pulse2 1s infinite linear;
  cursor: pointer; }

.new-list-button {
  border: 0;
  font-weight: normal; }
  .new-list-button:hover {
    text-decoration: underline;
    background: none;
    color: black; }

.orders-display-name {
  background: black;
  min-height: 3em; }
  .orders-display-name a {
    color: white; }
    .orders-display-name a:hover {
      color: white; }

.orders-display-name-nested {
  min-height: 3em;
  padding: 10px 0 0 10px;
  cursor: pointer; }
  .orders-display-name-nested span {
    font-weight: bold; }

.highlight {
  background-color: #555555; }

.invoice-icon {
  margin-left: 14px;
  font-size: 18px;
  vertical-align: sub; }

.dummy-block {
  display: inline-block;
  margin: 0;
  padding: 6px 15px;
  border: none;
  font-weight: 600;
  line-height: 20px;
  font-size: 12px;
  color: black;
  text-align: center; }

.action-box {
  width: 80px; }

.orders-table {
  table-layout: fixed; }
  .orders-table td {
    vertical-align: middle !important;
    padding-left: 5px !important; }

.colWidth10 {
  width: 10%; }

.orders-title-row {
  color: white;
  cursor: pointer; }
  .orders-title-row td {
    padding-left: 10px !important; }

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

#orderHistoryTable .tab-shadowed {
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.75);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.75);
  border-top: 1px solid white;
  position: relative;
  border-top: none !important; }

.btn-rounded {
  border-radius: 0 0 13px 13px;
  border-color: black !important;
  position: relative;
  z-index: 1;
  top: -2px;
  outline: none; }

.tt-dropdown-menu {
  cursor: pointer; }

.form-rounded {
  padding: 0 15px;
  border-radius: 0 0 20px 20px;
  position: relative;
  z-index: 1; }

#orders a {
  color: white; }
  #orders a.black {
    color: black; }
  #orders a.btn-g {
    color: black; }
    #orders a.btn-g:hover {
      background-color: black;
      color: white;
      text-decoration: none; }

#orders a::after hover {
  text-decoration: none; }

a.orders-display-name {
  color: white; }

.black {
  color: black !important; }

.link_button {
  background: #eeeeee;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  line-height: 22px !important;
  text-align: center;
  width: 24px;
  height: 24px;
  border: 1px solid black;
  color: white;
  text-decoration: none; }

.action-button {
  position: absolute;
  top: 2px;
  padding: 8px 0;
  right: 3.5vw;
  font-size: 1.2em; }

#actionsButtonsSmallScreen {
  padding: 10px 0; }
  #actionsButtonsSmallScreen a {
    color: black;
    margin: 0 10vw; }

.space-between-action-buttons {
  margin-right: 1vw; }

.color-white {
  color: white; }

.table-without-border {
  border: none;
  width: 100%; }

.color-red {
  color: red; }

.orders-spinner {
  background-color: #f9f9f9 !important; }

.orders-action-btn {
  text-align: center !important; }

.not-available {
  color: #cccccc; }

.orders-reorder {
  margin-top: -1px; }

.reorder {
  cursor: pointer; }

.center-label-text {
  text-align: center;
  display: block; }

.item-cart-added {
  opacity: 0.5; }

input.typeahead.type-rounded.tt-input {
  box-shadow: none; }

.bttn.btn-rounded:hover {
  background-color: black; }

.accordion > li > a {
  background-color: black; }
  .accordion > li > a.active {
    background-color: black; }

.input-group.bootstrap-touchspin {
  margin: 0 auto; }

.col-sm-3.btn-item-renew {
  padding-right: 0;
  padding-left: 0; }

.col-sm-9.spin-item-renew {
  padding-right: 0;
  padding-left: 15px; }

.dropdown {
  position: relative;
  display: inline-block; }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1; }

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block; }

.dropdown a:hover, .dropdown p:hover {
  background-color: #ddd;
  color: black;
  text-decoration: none; }

.dropdown button:focus {
  outline: none; }

.dropdown .tooltip {
  width: 150px; }

.show {
  display: block; }

/* SUBMENU ON ACCORDION */
.accordion table {
  position: relative; }

.accordion .submenu {
  display: none;
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  color: #000000;
  width: auto;
  max-width: 230px;
  padding: 5px 0px 0px 0px;
  text-align: left;
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.accordion .submenu-trigger {
  width: 40px;
  padding: 6px 0px 12px 0px;
  margin: 0px auto;
  border-radius: 1px;
  text-align: center;
  position: relative; }

.accordion .submenu-trigger:hover {
  background-color: #ddd;
  color: black; }

.accordion ul.menu-list {
  list-style: none;
  padding: 5px 0px 0px 0px;
  font-weight: 500; }

.accordion ul.menu-list a {
  color: #000 !important;
  display: block;
  padding: 3px 15px 3px 15px;
  text-decoration: none !important;
  min-width: 110px; }

.accordion ul.menu-list a:hover {
  background-color: #ddd; }

.accordion .hovered {
  background-color: #ddd;
  color: black; }

.menu-list-nested {
  position: relative; }

.menu-list-nested > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  min-width: 100%;
  border: none !important;
  font-size: 13px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px; }

.menu-list-nested:hover > .dropdown-menu {
  display: block; }

.menu-list-nested > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px; }

.menu-list-nested:hover > a:after {
  border-left-color: #fff; }

.menu-list-nested.pull-left {
  float: none; }

.menu-list-nested.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

.order-history-list-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0.5rem 0;
  margin: 0 -5%;
  overflow: hidden; }

.grid-parent {
  display: grid;
  grid-template-columns: 1fr 1fr; }

.grid-parent > * {
  margin: 5px !important; }

.dot-pulse {
  position: relative;
  left: -9999px;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: black;
  color: black;
  box-shadow: 9999px 0 0 -5px #9880ff;
  animation: dotPulse 1.5s infinite linear;
  animation-delay: .25s; }

.dot-pulse::before, .dot-pulse::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: black;
  color: black; }

.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px black;
  animation: dotPulseBefore 1.5s infinite linear;
  animation-delay: 0s; }

.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px black;
  animation: dotPulseAfter 1.5s infinite linear;
  animation-delay: .5s; }

@keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px black; }
  30% {
    box-shadow: 9984px 0 0 2px black; }
  60%,
  100% {
    box-shadow: 9984px 0 0 -5px black; } }

@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px black; }
  30% {
    box-shadow: 9999px 0 0 2px black; }
  60%,
  100% {
    box-shadow: 9999px 0 0 -5px black; } }

@keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px black; }
  30% {
    box-shadow: 10014px 0 0 2px black; }
  60%,
  100% {
    box-shadow: 10014px 0 0 -5px black; } }

@media only screen and (max-width: 765px) {
  .accordion .submenu-trigger {
    margin: 0px 0px; } }

.order-summary-invoice-data {
  background: black; }
  .order-summary-invoice-data a {
    color: white; }
    .order-summary-invoice-data a:hover {
      text-decoration: none; }

.height3 {
  height: 3em; }

.accordion > li > a.active {
  background-color: black; }

.product-details-link-label a {
  color: #337ab7; }
  .product-details-link-label a:hover {
    color: #23527c;
    text-decoration: underline; }

@charset "UTF-8";
[data-tooltip]:before, [data-tooltip]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none; }

.widget {
  max-width: none !important; }

#payu-widget {
  display: block;
  height: auto;
  margin: 0 auto;
  /*-webkit-filter: grayscale(100%);*/
  max-width: 460px;
  border: 1px solid darkgrey;
  border-radius: 3px;
  /*filter: grayscale(100%);*/ }
  #payu-widget #wrapper #card-form .button-big {
    font-size: 3px !important; }

.payu-confirm {
  font-weight: bold; }

#payUAgreement {
  text-align: justify;
  padding: 20px; }

#payMethods {
  display: block;
  margin: 0 auto;
  line-height: 10px;
  text-align: center;
  max-width: 695px;
  height: inherit; }
  #payMethods a {
    text-decoration: none; }
    #payMethods a:visited {
      color: black; }
  #payMethods input {
    visibility: hidden;
    position: absolute; }
    #payMethods input:checked + .payMethodElement {
      background: #e4ffd1;
      border: 1px solid #6d9f3b; }
  #payMethods label {
    height: auto;
    width: auto; }
  #payMethods .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  #payMethods p {
    vertical-align: middle;
    margin: -20px 2px;
    color: #333333; }
  #payMethods .disabled {
    opacity: 0.25;
    cursor: default;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); }
  #payMethods .tempdisabled {
    opacity: 0.25;
    background-color: #e5e5e5;
    cursor: default;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); }

#payMethodsTitle {
  color: black;
  font-size: 18px;
  margin: 10px 0 15px;
  letter-spacing: 2px; }

#submitPayMethod {
  display: none;
  margin: 0 auto;
  margin-bottom: 30px;
  margin-top: 40px;
  cursor: pointer;
  font-weight: normal; }

.payMethodElement {
  float: left;
  display: inline-block;
  width: 150px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  margin: 5px;
  padding: 5px 0;
  background: #f4f4f4;
  filter: grayscale(30%);
  -webkit-filter: grayscale(30%);
  cursor: pointer; }
  .payMethodElement:hover {
    border: 1px solid #8e8e8e;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%); }
  .payMethodElement img {
    max-width: 85%;
    margin-top: -15%;
    max-height: 70%;
    height: auto;
    vertical-align: middle;
    border-radius: 3px; }
  .payMethodElement object {
    max-width: 85%;
    margin-top: -15%;
    max-height: 70%;
    height: auto;
    vertical-align: middle;
    border-radius: 3px; }
  .payMethodElement div {
    height: 100px;
    text-align: center;
    margin: 0;
    font-size: 10px; }

[data-tooltip] {
  position: relative;
  z-index: 1; }
  [data-tooltip]:before {
    position: absolute;
    top: -8%;
    left: 0;
    margin-bottom: 5px;
    margin-left: -7px;
    padding: 7px;
    width: 110%;
    border-radius: 3px;
    color: white;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2; }
  [data-tooltip]:hover:before {
    visibility: visible;
    opacity: 1; }
  [data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1; }

.payMethodElement[data-tooltip="Dostępne"] {
  cursor: pointer; }

[data-tooltip="Dostępne"]:before {
  background-color: rgba(109, 155, 69, 0.95);
  cursor: pointer; }

[data-tooltip="Tymczasowo niedostępne"]:before {
  background-color: rgba(216, 43, 0, 0.9);
  cursor: default; }

[data-tooltip="Niedostępne"]:before {
  background-color: rgba(216, 43, 0, 0.9);
  cursor: default; }

#popular-products-area {
  padding-left: 35px;
  padding-right: 35px;
  margin-left: -15px;
  margin-right: -15px; }

.popular-products-gallery {
  margin: auto;
  max-width: 860px; }

.popular-product-thumbnail {
  width: 125px;
  height: 125px;
  margin-top: 10px; }

.popular-product-name {
  font-size: 8pt !important;
  font-weight: bold;
  max-height: 20px; }

.popular-product-price {
  font-size: 8pt; }

.popular-product-gallery-cell {
  width: 200px;
  margin: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.popular-product-tile {
  padding: 5px;
  padding-top: 15px;
  text-align: center;
  background: white; }
  .popular-product-tile div {
    margin-top: 10px;
    margin-bottom: 5px; }

#popular-products-carousel .owl-item {
  text-align: center; }

hr.popular-product-after-thumbnail-rule {
  width: 90%; }

@keyframes preloader-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.preloader_hide {
  opacity: 0;
  background-color: #f6f6f9; }

#preloader {
  background-color: white;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999; }
  #preloader img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #preloader .preloader-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-40px, -40px); }
  #preloader .preloader-spinner-svg {
    position: absolute;
    width: 80px;
    height: 80px;
    color: #F3F4F6;
    animation: preloader-spin 1s linear infinite;
    fill: red; }

.prod-desc-flags span.onsale, .prod-desc-flags span.onhit, .prod-desc-flags span.onnew {
  position: relative;
  display: block;
  text-align: center;
  background-color: transparent;
  margin: 0;
  width: 68px;
  margin-bottom: 5px; }

#accordion-product-desc {
  font-family: Lato;
  font-weight: 400; }
  #accordion-product-desc .panel-group {
    margin-bottom: 20px; }
    #accordion-product-desc .panel-group .panel {
      margin-bottom: 0;
      border-radius: 0; }
    #accordion-product-desc .panel-group .panel-heading + .panel-collapse > .panel-body {
      border-top: 0; }
  #accordion-product-desc .panel-default {
    border-color: white; }
    #accordion-product-desc .panel-default > .panel-heading {
      color: #333333;
      background-color: white; }
  #accordion-product-desc .panel {
    background-color: white;
    border-bottom: 0 solid black;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  #accordion-product-desc .panel-heading {
    padding: 10px 1px 13px 0;
    border-bottom: 1px solid black;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  #accordion-product-desc .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    color: inherit;
    font-weight: 500;
    text-decoration: none; }
  #accordion-product-desc .panel-body {
    padding: 19px 0; }
  #accordion-product-desc .collapse {
    display: none; }
    #accordion-product-desc .collapse.in {
      display: block; }

.prod-desc-prod-box {
  margin: 0 0 20px 0; }
  .prod-desc-prod-box img {
    margin: 0 auto; }

.thumbBorder {
  border: 1px solid #cfcfcf !important; }

.prod-desc-thumbs {
  width: 100px;
  height: 100px;
  margin: 0 18px 18px 0;
  border: 1px solid whitesmoke;
  float: left; }

.prod-desc-flags {
  width: 68px;
  position: absolute;
  top: 5px;
  right: 20px; }

.prod-desc-yt {
  width: 100px;
  height: 100px;
  position: relative;
  float: left;
  cursor: pointer; }

#ytLink {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.download-prod-desc {
  text-align: center; }

.socials-prod-desc {
  text-align: center; }

.prod-desc-social-title {
  font-family: Lato;
  font-weight: 400;
  font-size: 1.38em;
  padding-top: 55px;
  margin-bottom: 5px; }

.prod-desc-container {
  padding: 0 10px 36px; }

.prod-desc-form-box {
  padding: 20px 0; }

.prod-desc-button {
  text-align: right; }
  .prod-desc-button input {
    background-color: black;
    color: white;
    width: 16em;
    padding: 1.0em 3.7em;
    border-radius: 0;
    border: none;
    outline: none; }

.prod-desc-left-box {
  padding: 10px 0 0; }

.prod-desc-right-box {
  padding: 0; }

.linkshare-box {
  position: relative;
  height: 115px; }

.linkshare-content {
  display: none; }
  .linkshare-content .con-genlink {
    width: 299px;
    margin: 0 auto; }
  .linkshare-content #genLink {
    float: left;
    width: 246px;
    margin-bottom: 0;
    height: 42px;
    font-size: 0.9em;
    resize: none;
    border: 1px dashed black;
    border-right-width: 0;
    overflow: hidden; }
    .linkshare-content #genLink:focus {
      outline: none; }
  .linkshare-content .btn.btn-select {
    float: left;
    width: 53px !important;
    vertical-align: top !important;
    height: 42px;
    font-size: 1.4em;
    border: 1px dashed black;
    border-radius: 0 !important; }

.btn-last {
  margin-bottom: 10px; }

.btn-product-description {
  position: absolute;
  height: 100%;
  width: 90%;
  background-color: transparent; }

.prod-desc-title {
  font-family: Lato;
  font-weight: 400;
  font-size: 2em;
  text-align: center;
  padding: 0 0 3vw 0;
  letter-spacing: 10px; }

.desc-price {
  width: 100%;
  font-family: Lato;
  font-weight: 400;
  color: black;
  padding: 0.70em 0 0.65em 0;
  background-color: #eeeeee;
  text-align: center;
  font-size: 18px;
  margin-top: 5px; }
  .desc-price span {
    font-weight: 500; }

.modal-body.prod-desc {
  padding: 20px; }

.modal-header.prod-desc {
  border: none;
  position: relative; }
  .modal-header.prod-desc .closebookmark {
    position: relative;
    top: 20px;
    width: 32px;
    left: 18px;
    height: 32px;
    background-position: -57px -5px; }
  .modal-header.prod-desc .bookmark {
    position: absolute;
    width: 72px;
    height: 72px;
    right: -72px;
    top: 0;
    z-index: 200;
    background-color: white; }

.modal-content.prod-desc {
  border-radius: 0; }

.modal-footer.prod-desc {
  border: none;
  padding: 45px; }

.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 0; }

.prod-desc-social-box a {
  font-size: 1.8em;
  letter-spacing: 15px;
  color: black; }

.download-prod-desc .bttn.prod-desc {
  margin-top: 10px;
  width: 25em; }

.form-horizontal.desc-spinner {
  display: inline-block;
  width: 12.3em; }

.pull-right.prod-desc {
  font-family: Lato; }

[class|=prc-marquee] {
  z-index: 1;
  width: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.7); }

.listProd .col-sm-3 [class|=prc-marquee] {
  margin: -10px 0; }

.listProd .col-xs-6 [class|=prc-marquee] {
  margin: -20px 0 0; }

.prc-left-label {
  color: green; }

.prc-details-container {
  text-align: center; }

.prc-sold-label {
  color: red; }

.prod_item [class|=prc-marquee] {
  margin: 10px 0;
  position: absolute;
  bottom: -12px; }

.subset-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-top: 0px; }

.subset-product-list {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 0px; }

.rwd-none {
  display: block; }

.product-tile-simple .tile-simple:hover {
  /*background-color: #bcd4bc;
     cursor: pointer;
    */ }

.product-tile-simple {
  border: 2px solid #fff;
  margin: 1px;
  height: 279px; }

/*.product-tile-simple:hover {
    background-color: #bcd4bc;
    
    background-color: #f5fff5;
     border: 1px dashed #ccc;
     cursor: pointer;
       
}*/
.hover-active:hover {
  border: 2px dashed #ccc;
  cursor: pointer; }

.tile-selected {
  border: 2px dashed #ccc;
  background-color: #f5fff5; }

.product-tile-simple .prod_title .prod-name {
  padding: 0;
  color: #000;
  font-weight: 700;
  font-size: 12px; }

#accordion .panel-body {
  position: relative; }

.subset-container p.prod_title {
  padding-bottom: 0px; }

#accordion .header-product-default {
  font-style: italic;
  color: #aaa; }

#accordion .header-bold {
  font-style: normal;
  font-weight: bold;
  color: #000; }

.panel-body .set-search-panel {
  position: absolute;
  top: 0px;
  width: 100%;
  left: 0px; }

.set-search-field {
  width: 100%;
  padding: 10px 15px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #ccc;
  outline: none;
  font-weight: normal; }

input[id*='searchSubmit_'] {
  display: none; }

#accordion .searchArea input.tt-input {
  font-size: 16px;
  outline: none; }

#accordion .searchArea input.tt-input:focus {
  border: 1px solid #efefef; }

.set-submit-button {
  cursor: pointer; }

#accordion .submit-control-box {
  margin-top: 20px; }

#accordion .out-of-stock {
  opacity: 0.2; }

#accordion .out-of-stock-text {
  color: #ff0000; }

a.accordion-bar {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
  padding: 10px 15px;
  outline: none; }

#customSetForm .panel-heading {
  padding: 0px; }

.rwd-container {
  display: none; }

#accordion .tile-size {
  width: 20%;
  padding-right: 10px;
  padding-left: 10px; }

#accordion .prod_img_wrapper_small {
  height: 111px; }

#accordion .product-tile-simple .prod_title .prod-name {
  font-size: 10px; }

#accordion .prod_title span {
  font-size: 10px; }

#accordion .product-tile-simple {
  height: 216px;
  position: relative; }

#accordion .pagedList {
  margin: 0px auto; }

i.puzzle-custom-set {
  position: relative;
  left: 4px;
  font-size: 2.3em; }

.featured-icons.extended-mode .puzzle-custom-set {
  position: relative;
  left: 4px;
  font-size: 2.6em; }

.puzzle-custom-set.icon-hidden-layer {
  opacity: 0.0; }

#accordion .error-box {
  display: none;
  position: absolute;
  top: 95px;
  font-size: 10px;
  z-index: 9000;
  text-align: center;
  width: 100%;
  left: 0px;
  font-weight: bold;
  color: red;
  border: 1px red solid; }

@media screen and (max-width: 1200px) {
  #accordion .tile-size {
    width: 20%;
    float: left; } }

@media screen and (max-width: 990px) {
  #accordion .prod_img_wrapper_small {
    height: 61px; }
  #accordion .product-tile-simple {
    height: 197px; }
  #accordion .error-box {
    top: 47px;
    font-size: 7px; } }

@media screen and (max-width: 980px) {
  .featured-icons.extended-mode i.puzzle-custom-set {
    font-size: 1.7em;
    left: 1px; } }

@media screen and (max-width: 767px) {
  #accordion .prod_title {
    white-space: normal; }
  #accordion #productsView .prod_img img, .prod_img img {
    margin: 0px auto; } }

@media screen and (max-width: 582px) {
  #accordion .prod_img_wrapper_small {
    height: 53px; }
  #accordion .product-tile-simple {
    height: 207px; } }

@media screen and (max-width: 580px) {
  .rwd-none {
    display: none; }
  #accordion .panel-title {
    margin-top: 0;
    font-size: 13px; }
  #accordion .product-tile-simple {
    height: 83px; }
  .rwd-container {
    display: flex;
    justify-content: space-between; }
  #accordion .tile-size {
    width: 100%; }
  .prod_title {
    white-space: normal !important; }
  #accordion .error-box {
    top: 62px;
    font-size: 9px;
    padding: 3px; } }

.rating-chart-container {
  width: 230px; }

#ratingsChartTable {
  margin: 10px auto 10px auto; }

.small-space {
  margin-bottom: 10px; }

.rating-number {
  padding: 1px 3px; }
  .rating-number a {
    color: #000; }

.letter-space {
  display: inline-block;
  width: .385em; }

.statBar {
  width: 60%; }

.stat-bar {
  border-radius: 1px;
  overflow: hidden;
  background: #f2f2f2;
  background-color: #f3f3f3;
  height: 17px; }

.stat-bar-filled {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.05);
  border-radius: 1px;
  background: #f1c947;
  transition: width .5s ease;
  float: left;
  font-size: 0;
  height: 100%; }

.rating-product-container {
  display: inline; }

a.reviews-container {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  cursor: pointer;
  color: #000;
  margin-right: 23px;
  float: right; }
  a.reviews-container:hover {
    text-decoration: underline; }

.icon-comments {
  margin-right: 5px; }

.reviews-content {
  margin: 0 10px 48px -15px;
  padding: 20px 0px 0px 0px;
  height: 300px;
  display: none; }

.star-rating {
  width: 0;
  position: relative;
  display: inline-block;
  background-image: url(/Content/pics/star_0.svg);
  background-position: 0 0;
  background-repeat: repeat-x;
  text-align: center; }

.star-rating .star-value {
  position: absolute;
  height: 100%;
  width: 100%;
  background: url("/Content/pics/star_1.svg");
  background-repeat: repeat-x; }

.star-rating.disabled {
  cursor: default; }

#productDetails .rating-product-value {
  font-size: 14px;
  vertical-align: top;
  cursor: default; }

#productDetails .rating-global {
  font-size: 14px;
  vertical-align: top;
  cursor: default; }

#productDetails .star-rating, #productDetails .star-value {
  width: 80px;
  height: 16px;
  background-size: 16px; }

.product-tile-grid .tile-rating-container {
  margin-left: 10px;
  position: absolute;
  bottom: 36px; }

.product-tile .tile-rating-container {
  margin-left: 3px;
  position: absolute;
  bottom: 36px; }

.product-list .tile-rating-container {
  margin-left: 3px;
  position: relative;
  bottom: 0px; }

.product-tile-grid .tile-rating-container .star-rating, .product-tile .tile-rating-container .star-rating, .product-list .tile-rating-container .star-rating {
  width: 65px;
  height: 13px;
  background-size: 13px;
  margin: 0 3px 0 3px; }

.product-tile-grid .tile-rating-container .star-value, .product-tile .tile-rating-container .star-value, .product-list .tile-rating-container .star-value {
  background-size: 13px; }

.product-tile-grid .tile-rating-container .rating-product-value, .product-tile .tile-rating-container .rating-product-value, .product-list .tile-rating-container .rating-product-value {
  font-size: 12px;
  vertical-align: top; }

.product-tile-grid .tile-rating-container .rating-global, .product-tile .tile-rating-container .rating-global, .product-list .tile-rating-container .rating-global {
  font-size: 12px;
  vertical-align: top;
  cursor: default; }

.r_5_0 {
  width: 100% !important; }

.r_4_5 {
  width: 90% !important; }

.r_4_0 {
  width: 80% !important; }

.r_3_5 {
  width: 70% !important; }

.r_3_0 {
  width: 60% !important; }

.r_2_5 {
  width: 50% !important; }

.r_2_0 {
  width: 40% !important; }

.r_1_5 {
  width: 30% !important; }

.r_1_0 {
  width: 20% !important; }

.r_0_5 {
  width: 10% !important; }

.r_0_0 {
  width: 0% !important; }

.one-star {
  position: relative;
  width: 16px;
  background: url(/Content/pics/star_1.svg);
  height: 16px;
  background-size: 16px;
  display: inline-block;
  margin: 0px 2px 0px 2px; }

.comment-section {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  width: 100%; }

.comment-list {
  max-height: 260px;
  overflow-y: auto;
  padding-right: 10px; }
  .comment-list::-webkit-scrollbar {
    width: 8px; }
  .comment-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px; }
  .comment-list::-webkit-scrollbar-thumb {
    background-color: #c5c5c5;
    border-radius: 10px;
    border: 2px solid #f1f1f1; }
    .comment-list::-webkit-scrollbar-thumb:hover {
      background-color: #595b5d; }

.comment {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
  margin-bottom: 10px; }
  .comment:last-child {
    border-bottom: none; }

.rating {
  color: #ffc107;
  font-size: 20px; }

.comment-meta {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
  font-size: 1.2rem;
  color: #666; }

.comment-text {
  font-size: 12px;
  line-height: 1.4;
  color: #333; }

.date {
  font-weight: bold; }

.author {
  font-style: italic;
  color: #000; }

.comment-list {
  --scrollbar-color-thumb: #a5a5a5;
  --scrollbar-color-track: #e7e7e7;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 8px; }

@supports (scrollbar-width: auto) {
  .comment-list {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width); } }

.comment-list::-webkit-scrollbar-thumb {
  background-color: #c5c5c5;
  border-radius: 10px;
  border: 2px solid #f1f1f1; }

.comment-list::-webkit-scrollbar-thumb:hover {
  background-color: #595b5d; }

/* accordion */
.rating-comment-static {
  width: 100%;
  text-align: justify;
  font-size: 12px;
  padding: 0px 0px 15px 0px;
  margin: 0px auto;
  font-weight: normal; }

.rating-list-display-name {
  background: black;
  min-height: 3em; }
  .rating-list-display-name a:hover {
    text-decoration: none; }

#ratingLists .tab-shadowed {
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.75);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.75);
  border-top: 1px solid white;
  position: relative; }

#ratingLists .star-rating, #ratingLists .star-value {
  width: 120px;
  height: 24px;
  background-size: 24px;
  /*width: 140px;
    height: 28px;
    background-size: 28px;*/ }

#rating-list a {
  color: white; }
  #rating-list a.black {
    color: black; }
  #rating-list a.btn-g {
    color: black; }
    #rating-list a.btn-g:hover {
      background-color: black;
      color: white;
      text-decoration: none; }

#rating-list a::after hover {
  text-decoration: none; }

a.rating-list-display-name {
  color: white; }

a:hover > #ref {
  -webkit-animation: pulse2 1s infinite linear;
  -moz-animation: pulse2 1s infinite linear;
  -o-animation: pulse2 1s infinite linear;
  animation: pulse2 1s infinite linear;
  cursor: pointer; }

a:hover > #bnew {
  -webkit-animation: pulse2 1s infinite linear;
  -moz-animation: pulse2 1s infinite linear;
  -o-animation: pulse2 1s infinite linear;
  animation: pulse2 1s infinite linear;
  cursor: pointer; }

.rating-prod-container {
  position: relative;
  padding-top: 22px;
  padding-top: 14px; }
  .rating-prod-container .live-rating {
    font-size: 16px;
    vertical-align: super;
    margin-left: 10px; }

.text-area-comment {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 70px;
  max-height: 150px;
  outline: 0px !important;
  font-weight: normal;
  font-size: 14px;
  padding: 0px 10px 0px 10px;
  border: none;
  outline: none; }

.blkBtn:hover {
  background-color: #fff;
  color: #000 !important; }

.rating-button-container {
  padding-top: 16px;
  padding-top: 16px;
  padding-left: 21px;
  display: inline-block;
  position: absolute;
  top: -21px;
  left: 0px; }

.rating-button {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none; }
  .rating-button.shown {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto; }

.rating-comment-icon {
  width: 45px;
  height: 45px;
  transition: transform 0.3s ease;
  width: 35px;
  height: 35px;
  background-size: 35px;
  position: relative;
  left: 150px;
  bottom: -24px;
  cursor: pointer; }
  .rating-comment-icon:hover {
    transform: scale(1.15); }

.rating-comment-container {
  padding: 0px 25px 22px 0px; }

.comment-box .blkBtn {
  display: inline-block;
  padding: 10px 10px 10px 10px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 6px; }

.rating-comment-static {
  width: 85%;
  min-height: 140px;
  height: auto;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 17px 18px;
  font-size: 14px;
  text-align: right; }
  .rating-comment-static.justify {
    text-align: justify; }

#ratingLists .accordionText > div {
  padding-top: 40px; }

#ratingLists .product-details-name {
  margin: unset !important;
  font-weight: 700; }

#ratingLists .accordion > li div.accordionText {
  font-size: 14px;
  line-height: 1.4; }

#ratingLists .rating-product-code {
  margin-top: 5px; }

#ratingLists .text-area-comment {
  min-height: 50px;
  margin-bottom: 8px; }

#ratingLists .btn.focus, #ratingLists .btn:focus, #ratingLists .btn:hover {
  color: #ffffff;
  text-decoration: none;
  outline: none; }

.popover-rating-click {
  font-size: 12px;
  margin: 0px; }
  .popover-rating-click span {
    font-weight: bold; }

/*.rate-only-text {
    position: absolute;
    top: 35px;
    left: 17px;
}*/
.rate-only-text {
  position: relative;
  top: -25px;
  left: 235px; }

.tile-rating-container .popover .popover-title {
  padding: 0px !important;
  border: 0px !important; }

/* modyf */
#rating-list .rating-prod-container {
  margin-right: 20px; }

#rating-list .container-rating {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 94%;
  margin: 0px auto; }

#rating-list .product-description {
  width: 38%;
  display: flex;
  flex-direction: row; }

#rating-list .product-pic {
  width: 216%; }

#rating-list .product-details {
  width: 261%; }

#rating-list .rating-controls {
  width: 54%;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

#rating-list .rating-comment-static {
  width: 400px; }

#rating-list .rating-comment-static.comment-read-only {
  max-height: 200px;
  height: unset; }

#rating-list .rating-controls-nocomments {
  width: 43%; }

#rating-list .product-description-nocomments {
  width: 45%; }

#productDetails .popover .popover-title {
  padding: 0px !important;
  border: 0px !important; }

@media (max-width: 1730px) {
  .product-tile .tile-rating-container {
    margin-left: 14px; } }

@media (max-width: 1280px) {
  .product-tile .tile-rating-container {
    margin-left: 3px; } }

@media (max-width: 1240px) {
  #rating-list .rating-comment-static {
    width: 300px; } }

@media (max-width: 1012px) {
  #rating-list .rating-controls {
    flex: 0.6 1 auto; } }

@media (max-width: 900px) {
  .product-tile .tile-rating-container {
    margin-left: -20px; }
  .rate-only-text {
    left: 156px; }
  #rating-list .container-rating {
    flex-direction: column; }
  #rating-list .rating-controls {
    width: 100%;
    flex-direction: column; }
  #rating-list .rating-comment-static {
    width: 400px;
    margin: 20px 0px; }
  #rating-list .product-description {
    width: 100%;
    padding-top: 14px; }
  #rating-list .product-details-name {
    padding-top: 14px; } }

@media (max-width: 766px) {
  .comment-section {
    width: 104%; } }

@media (max-width: 640px) {
  .product-tile .tile-rating-container {
    margin-left: -3px; } }

@media (max-width: 230px) {
  .product-tile .rating-global, .product-tile-grid .rating-global {
    display: none; } }

@media (max-width: 460px) {
  #rating-list .rating-comment-static {
    width: 105%; } }

@media (max-width: 410px) {
  #productDetails a.reviews-container {
    display: block;
    float: unset;
    margin: 10px 10px 10px 0px; }
  #productDetails .rating-global {
    margin-right: 10px; }
  .comment-section {
    width: 110%; } }

@media (max-width: 390px) {
  .product-list .rating-global {
    display: none; } }

.variants-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 5px 5px;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: flex-start;
  align-items: flex-start; }

.variants-color-container li:not(.variant-item-expand)::after {
  content: '';
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 5px solid #eee;
  pointer-events: none; }

.variants-color-container li:not(.variant-item-expand):hover::after {
  opacity: 1; }

.variants-color-container .variant-color-item {
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer; }

.variants-color-container li.variant-item-selected::after {
  border-color: #000;
  opacity: 1; }

.variants-text-container .variant-text-item:not(.variant-item-expand) {
  box-shadow: 1px 1px 0 0px #ccc inset, -1px -1px 0 0px #ccc inset; }
  .variants-text-container .variant-text-item:not(.variant-item-expand) a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: black;
    text-decoration: none; }
  .variants-text-container .variant-text-item:not(.variant-item-expand):not(.variant-item-expand):hover {
    box-shadow: 1px 1px 0 0px black inset, -1px -1px 0 0px black inset; }

.variants-text-container .variant-text-item.variant-item-expand {
  height: 45px;
  min-width: 45px;
  cursor: pointer;
  line-height: 45px; }

.variants-text-container li.variant-item-selected {
  box-shadow: 1px 1px 0 0px black inset, -1px -1px 0 0px black inset !important; }

.variants-text-container .card-variant-text-body {
  text-align: center;
  padding: 13px 5px 3px 5px;
  font-family: Lato; }

.variants-text-container .card-variant-text-type {
  color: #000;
  font-size: 1.25rem;
  padding: 0px 8px; }

.variants-text-container .card-variant-text-more {
  font-size: 1.25rem;
  padding: 0px 8px;
  width: auto; }

.variants-mixed-container .variant-mixed-item:not(.variant-item-expand) {
  width: 175px;
  box-shadow: 1px 1px 0 0px #ccc inset, -1px -1px 0 0px #ccc inset;
  padding: 5px 2px 5px 2px;
  cursor: pointer; }

.variants-mixed-container .variant-mixed-item:not(.variant-item-expand):hover {
  box-shadow: 1px 1px 0 0px black inset, -1px -1px 0 0px black inset; }

.variants-mixed-container .variant-mixed-item.variant-item-expand {
  height: 50px;
  width: 40px;
  cursor: pointer;
  line-height: 50px; }

.variants-mixed-container .variant-mixed-item-a {
  display: flex;
  line-height: 19px;
  align-items: center;
  height: 40px;
  overflow: hidden; }
  .variants-mixed-container .variant-mixed-item-a:hover {
    text-decoration: none; }

.variants-mixed-container .variant-mixed-item-img {
  width: 30%;
  margin-right: 2px;
  line-height: 19px; }

.variants-mixed-container .variant-mixed-item-span {
  color: #000;
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
  line-height: 19px;
  font-family: Lato;
  font-weight: 300;
  max-height: 45px;
  word-break: break-word;
  word-wrap: break-word; }

.variants-mixed-container li.variant-item-selected {
  box-shadow: 1px 1px 0 0px black inset, -1px -1px 0 0px black inset !important; }

.variant-item-expand {
  align-self: flex-end;
  order: -1;
  background: white;
  color: black;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  line-height: 40px;
  /*&:hover {
        box-shadow: 1px 1px 0 0px black inset, -1px -1px 0 0px black inset;
        border-color: $color_1;
    }*/ }

.variants-color-container.variants-container-wrap {
  overflow-y: hidden;
  height: 45px; }

.variants-color-container.variants-container-unwrap {
  overflow-y: inherit;
  height: auto; }

.variants-text-container.variants-container-wrap {
  overflow-y: hidden;
  height: 50px; }

.variants-text-container.variants-text-container-unwrap {
  overflow-y: inherit;
  height: auto; }

.variants-mixed-container.variants-container-wrap {
  overflow-y: hidden;
  height: 55px; }

.variants-mixed-container.variants-container-unwrap {
  overflow-y: inherit;
  height: auto; }

.prod-desc-variants {
  padding: 0 0 10px 0 !important; }

.variant-color-name {
  font-family: Lato;
  font-weight: 300;
  margin: 5px; }

#relatedProducts .modal-bar {
  width: 100%;
  overflow: hidden; }
  #relatedProducts .modal-bar .modal-bar-item {
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0; }
  #relatedProducts .modal-bar .modal-bar-button {
    white-space: normal;
    width: 50%;
    color: #000;
    height: 100%; }

#relatedProducts .modal-bar-gray {
  color: #fff !important;
  background-color: #d3d3d3 !important; }

#relatedProducts .modal-bar-item-black {
  color: #d3d3d3 !important;
  background-color: #000 !important; }

#relatedProducts .modal-bar-btn {
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap; }

.relatedProductsAndSetsBtn {
  bottom: 150px;
  filter: drop-shadow(8px 8px 3px #808080); }
  @media (max-width: 1360px) {
    .relatedProductsAndSetsBtn {
      position: unset;
      height: 50px; } }
  @media (min-width: 1360px) {
    .relatedProductsAndSetsBtn {
      position: fixed;
      margin-left: 1170px;
      height: 8%; } }

.modal-bar-button:hover {
  color: #fff !important;
  background-color: #000 !important; }

.modal-bar-hover-gray:hover {
  color: #fff !important;
  background-color: #d3d3d3 !important; }

.modal-bar-item-hover-black:hover {
  color: #d3d3d3 !important;
  background-color: #000 !important; }

@media (max-width: 585px) {
  .relatedProductsAndSetsQuickShopping {
    letter-spacing: 3px;
    color: #c4c4c4;
    display: block; } }

@media (min-width: 585px) {
  .relatedProductsAndSetsQuickShopping {
    letter-spacing: 3px;
    border: 1px solid #000;
    color: #c4c4c4; } }

.prod_item {
  height: 100%;
  padding: 10px;
  margin-bottom: 5px; }
  .prod_item.noAvailable .hang-me-cart.featured-icon-cart {
    display: none; }
  .prod_item:hover .prod_img_wrapper .img {
    opacity: 0; }
  .prod_item:hover .prod_img_wrapper .img_h {
    opacity: 0.5; }
  .prod_item:hover .prod_item_btns {
    opacity: 1;
    bottom: 20px; }
  .prod_item .prod_img_wrapper .img_h {
    opacity: 0; }

.prod_item_hover:hover {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }

.prod_item.noAvailable .hang-me-cart.featured-icon-cart {
  display: none; }

.prod_img, #productsView .prod_img {
  overflow: hidden;
  position: relative;
  text-align: center; }
  .prod_img img, #productsView .prod_img img {
    position: static;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    max-height: 100%;
    object-fit: contain; }

.prodListCostsTable td {
  padding: 1px; }

.prod_img_wrapper_small {
  height: 170px;
  overflow: hidden; }

.prod_img_wrapper {
  height: 275px;
  overflow: hidden; }
  .prod_img_wrapper img {
    position: absolute !important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    min-height: 100%;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }

img.img_vid {
  width: 12%;
  position: absolute;
  top: 30px;
  z-index: 2;
  right: 61px; }

img.img_vid_list {
  width: 20%;
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 2; }

img.img_rel_prod {
  right: 26px;
  width: 12%;
  position: absolute;
  top: 70px;
  z-index: 2; }

img.img_rel_prod_list {
  width: 20%;
  position: absolute;
  top: 85px;
  left: 0;
  z-index: 2; }

.prod_item_new:hover .prod_img img {
  opacity: 0.25; }

.prod_item_new .prod_title {
  float: none;
  width: 100%;
  min-height: 46px;
  padding-bottom: 14px; }

.prod_item_new .prod_price {
  float: none; }

.prod_item_new .prod_img img {
  position: absolute !important;
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }

.multi-add-button {
  color: black;
  display: block;
  width: 100%; }
  .multi-add-button:hover {
    color: #cc3333;
    text-decoration: none; }
    .multi-add-button:hover span {
      color: #cc3333; }

.prod_item_btns a.prod_details {
  display: block;
  margin: 5px 5px 0; }

.prod_item_btns a.addbag:hover {
  background-color: #333333;
  color: white; }

.prod_item_btns .btn {
  font-size: 12px; }

.prod_item_btns #Quantity-error {
  font-size: 11px; }

.prod_item_btns #listQuantity-error {
  font-size: 11px; }

.open-project-link {
  display: inline-block; }

a.prod_details {
  padding: 0;
  color: black;
  font-weight: bold;
  font-size: 12px; }

a.hang-me {
  color: black;
  position: absolute;
  right: 26px;
  top: 32px;
  z-index: 3;
  display: block;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 3px;
  border: 1px dashed #cccccc;
  width: 29px;
  height: 27px;
  cursor: pointer;
  text-align: center;
  margin-top: 6px; }
  a.hang-me:hover {
    background-color: rgba(232, 232, 232, 0.8); }

a > #multiAddButton {
  color: black;
  cursor: pointer; }

a:hover > #multiAddButton {
  color: #cc3333; }

.prod_description {
  padding: 5px 0 0; }

.prod_title {
  float: left;
  width: 100%;
  display: block;
  font-weight: 600;
  line-height: 16px;
  font-size: 13px;
  color: #333333; }
  .prod_title span {
    float: left;
    width: 100%;
    display: block;
    text-transform: none;
    font-weight: 400;
    line-height: 16px;
    font-size: 12px;
    color: #333333;
    text-align: center; }
  .prod_title:hover {
    color: black; }

.prod_price {
  float: right;
  display: block;
  font-weight: 400;
  line-height: 16px;
  font-size: 10px;
  color: #333333;
  padding-top: 3px; }

.prod_code {
  float: left;
  display: block;
  font-weight: 400;
  line-height: 16px;
  font-size: 10px;
  color: #333333;
  padding-top: 3px; }

.prod_desc {
  float: left;
  display: block;
  font-weight: 400;
  line-height: 14px;
  font-size: 12px;
  color: #333333;
  padding-top: 3px; }

#bulkAdd {
  min-height: 64px;
  padding: 10px 0; }
  #bulkAdd a {
    color: black;
    padding-left: 10px;
    font-size: 12px; }

.pagedList {
  padding: 0 15px; }

.listProd {
  padding: 10px; }
  .listProd.noAvailable .hang-me-cart.featured-icon-cart {
    display: none; }

.botDashed {
  border-bottom: 1px dashed #cccccc; }

.borderDashed {
  border: 1px dashed #cccccc;
  background-color: #f5fff5; }

.toBottomLeft {
  position: absolute;
  bottom: 20px;
  left: 25px; }

.toBottomRight {
  position: absolute;
  bottom: 20px;
  right: 25px; }

.rotated270 {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

#multiAddButton {
  float: right; }
  #multiAddButton > div {
    position: fixed;
    width: 64px;
    height: 64px;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0);
    font-weight: 600;
    border: 2px solid black;
    text-align: center;
    margin-left: 8px; }
    #multiAddButton > div > div {
      margin-top: 7px; }
      #multiAddButton > div > div span {
        display: block;
        font-size: 11px; }

/**** PLAKIETKI ****/
.prod-desc-flags {
  width: 83px !important; }

#productDetails .prod-desc-flags #flags-row {
  flex-direction: column;
  flex-direction: row-reverse; }

#flags-row {
  position: relative;
  display: flex;
  flex-wrap: wrap; }

#flags-row span.flag-box {
  top: 1px;
  left: 0px;
  overflow: hidden;
  position: relative;
  height: 20px;
  z-index: 1;
  text-align: center;
  font-size: .9em;
  margin: 1px 1px;
  padding: 0px 3px;
  flex: 1 1 auto; }

#flags-row span.flag-badge {
  border: 1px dashed black;
  color: black;
  order: 1; }

#flags-row span.flag-badge + #flags-row span.flag-regular {
  flex: 0 0 auto; }

#flags-row span.onnew {
  border: 1px dashed black;
  background-color: rgba(192, 192, 192, 0.7);
  color: black;
  order: 4; }

#flags-row span.onsale {
  border: 1px dashed red;
  background-color: rgba(255, 192, 192, 0.7);
  color: red;
  order: 2; }

#flags-row span.onhit {
  border: 1px dashed #009900;
  background-color: rgba(192, 255, 192, 0.7);
  color: #009900;
  order: 3; }

#productDetails .prod-desc-flags #flags-row span.flag-box {
  flex: 1 1 auto; }

.featured-icon-cart {
  display: flex;
  flex-direction: column;
  right: 15px;
  position: absolute;
  top: 32px;
  height: 30px;
  width: 50px;
  z-index: 2; }

.icon-cart-plus {
  flex: 0 0 auto;
  cursor: pointer;
  color: black;
  order: 1;
  margin-left: -8px; }

.featured-icons {
  display: flex;
  flex-direction: column;
  right: 15px;
  position: absolute;
  top: 75px;
  height: 275px;
  width: 50px;
  z-index: 2; }

.featured-icons .icon-box {
  width: 61%;
  margin: 3px 7px; }

.featured-icons .icon-badge {
  flex: 0 0 auto;
  order: 2; }

.featured-icons .icon-related {
  flex: 0 0 auto;
  order: 1; }

.featured-icons .icon-video {
  flex: 0 0 auto;
  cursor: pointer;
  order: 1; }

.featured-icons.extended-mode {
  right: 117px;
  top: 52px;
  height: 152px;
  /*
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    */ }

.featured-icons.extended-mode .icon-related {
  order: 2 !important; }

#productDetails .featured-icons.icons-details-mode {
  position: relative !important;
  right: -51px;
  margin-top: 3px;
  top: unset; }

.icon-hidden-layer {
  z-index: 1000;
  width: 32px;
  height: 32px; }

.icons-mask {
  height: 120px !important; }

@media (max-width: 1199px) and (min-width: 992px) {
  .featured-icons.extended-mode {
    width: 27%;
    right: 92px;
    top: 70px; } }

@media (max-width: 991px) and (min-width: 768px) {
  .featured-icons.extended-mode {
    width: 27%;
    right: 67px;
    top: 70px; } }

@media (max-width: 767px) and (min-width: 602px) {
  .featured-icons.extended-mode {
    width: 18%;
    right: 73%;
    top: 94px; } }

@media (max-width: 601px) and (min-width: 320px) {
  .featured-icons.extended-mode {
    width: 19%;
    right: 69%;
    top: 71px; } }

@media (max-width: 319px) and (min-width: 200px) {
  .featured-icons.extended-mode {
    width: 19%;
    right: 9%;
    top: 72px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .shop_block.variable-sizes .prod_wrapper {
    width: 374px; }
  .shop_block.variable-sizes .prod_img {
    width: 150px; }
  .shop_block.variable-sizes .prod_description {
    width: 193px; }
  .shop_block.variable-sizes .prod_item_btns {
    width: 198px; }
  .prod_item_btns a {
    margin: 0 5px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .product_sort {
    width: 60%; }
  .prod_description {
    min-height: 60px; }
  .shop_block.variable-sizes .prod_wrapper {
    width: 100%;
    padding-right: 0; }
  .shop_block.variable-sizes .prod_img {
    width: 200px; }
  .shop_block.variable-sizes .prod_description {
    width: 369px; }
  .shop_block.variable-sizes .prod_item_btns {
    width: 180px; }
  .shop .top_sale_banners .banner {
    width: 100%; }
  .prod_item_btns a {
    margin: 0 5px; } }

@media (max-width: 767px) {
  .product_sort {
    width: 53%; }
  #multiAddButton {
    display: none; }
  .list-view-control-group {
    display: none; }
  .prod_item:hover .prod_item_btns {
    bottom: 20px; }
  .prod_item:hover .prod_img_wrapper .img {
    opacity: 1; }
  .prod_item:hover .prod_img_wrapper .img_h {
    opacity: 1; }
  .prod_description {
    min-height: 80px; }
  .open-project-link {
    display: none !important; }
  .prod_title {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  a.hang-me {
    display: none; }
  .shop_block.variable-sizes .prod_wrapper {
    width: 100%;
    padding-right: 0; }
  .shop_block.variable-sizes .prod_img {
    width: 160px;
    text-align: left; }
  .shop_block.variable-sizes .prod_title {
    width: 100%; }
  .shop_block.variable-sizes .prod_description {
    width: 304px; }
  .shop_block.variable-sizes .prod_item_btns {
    width: 180px; }
  .variable-sizes .prod_img_wrapper {
    height: 240px !important; }
  .prod_item_btns a {
    margin: 0 5px; }
  .shop .top_sale_banners .banner {
    width: 100%; } }

@media (max-width: 479px) {
  .prod_content {
    font-size: 10px;
    line-height: 13px; }
  .shop_block.variable-sizes .prod_img {
    width: 120px; }
  .shop_block.variable-sizes .prod_description {
    width: 184px; } }

.variable-sizes .prod_img_wrapper {
  height: 275px !important; }

.shop_block.variable-sizes .prod_item_btns {
  left: 100%;
  bottom: 0;
  width: 100%;
  opacity: 1; }

p.prod_title {
  padding-bottom: 20px; }

div.bootstrap-touchspin > input.form-control {
  padding: 6px 3px; }

div.bootstrap-touchspin > span > button.bootstrap-touchspin-down {
  padding: 6px 3px; }

div.bootstrap-touchspin > span > button.bootstrap-touchspin-up {
  padding: 6px 3px; }

#listTab > li {
  width: 50%; }
  #listTab > li > a {
    color: #999999;
    padding: 5px 10px; }
  #listTab > li.active > a {
    color: black;
    background-color: #e8ddda; }

.hang-me-cart.extended {
  right: -8px;
  top: -3px; }

@media (max-width: 767px) {
  .list-view-control-group.extended {
    display: block; } }

#promoWidgetContainer .control {
  text-align: center; }

.slotwrapper {
  overflow: hidden;
  display: inline-block;
  /*border: 1px solid #d9d9d9;*/
  border: 1px solid transparent;
  height: 150px; }

.slotwrapper ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  float: left; }

.slotwrapper ul {
  /*width: 90px;*/
  height: 115px;
  font-size: 90px;
  line-height: 112px;
  text-align: center; }

.slotwrapper li {
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.62); }

.slotwrapper ul li img {
  vertical-align: top; }

#promoCodesBox {
  text-align: center;
  margin-bottom: 12px; }

#promoWidgetContainer .description {
  text-align: center;
  max-width: 490px;
  margin: 0px auto;
  border-radius: 0px !important;
  display: none; }

#btnDraw {
  cursor: pointer;
  display: inline-block;
  background-color: #000;
  color: #eee;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #000;
  text-decoration: none;
  margin-bottom: 20px; }

#btnDraw:hover {
  background-color: #fff;
  color: #000; }

#btnDraw:active {
  background-color: #000;
  color: #fff; }

#btnCopy {
  cursor: pointer;
  display: inline-block;
  background-color: #fff;
  color: #000;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  text-decoration: none;
  margin: 0px 0px 25px 0px;
  display: none; }

#btnCopy:hover {
  background-color: #000;
  color: #fff; }

#btnCopy:active {
  background-color: #fff;
  color: #000; }

#pTitle {
  font-weight: bold; }

#pDesc {
  text-align: justify;
  text-justify: inter-word; }

#pTime {
  text-align: left;
  text-justify: inter-word; }

.flash {
  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 1;
  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 1;
  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 1; }

@keyframes flash {
  0% {
    color: transparent; }
  50% {
    color: green; }
  100% {
    color: transparent; } }

@-webkit-keyframes flash {
  0% {
    color: transparent; }
  50% {
    color: green; }
  100% {
    color: transparent; } }

@-moz-keyframes flash {
  0% {
    color: transparent; }
  50% {
    color: green; }
  100% {
    color: transparent; } }

@-ms-keyframes flash {
  0% {
    color: transparent; }
  50% {
    color: green; }
  100% {
    color: transparent; } }

.brand-0 {
  width: 150px;
  height: 150px;
  background-position: -10px -10px; }

.brand-9 {
  width: 150px;
  height: 150px;
  background-position: -10px -180px; }

.brand-10 {
  width: 150px;
  height: 150px;
  background-position: -10px -350px; }

.brand-11 {
  width: 150px;
  height: 150px;
  background-position: -10px -520px; }

.brand-12 {
  width: 150px;
  height: 150px;
  background-position: -10px -690px; }

.brand-13 {
  width: 150px;
  height: 150px;
  background-position: -10px -860px; }

.brand-14 {
  width: 150px;
  height: 150px;
  background-position: -10px -1030px; }

.brand-15 {
  width: 150px;
  height: 150px;
  background-position: -10px -1200px; }

.brand-16 {
  width: 150px;
  height: 150px;
  background-position: -10px -1370px; }

.brand-1 {
  width: 150px;
  height: 150px;
  background-position: -10px -1540px; }

.brand-2 {
  width: 150px;
  height: 150px;
  background-position: -10px -1710px; }

.brand-3 {
  width: 150px;
  height: 150px;
  background-position: -10px -1880px; }

.brand-4 {
  width: 150px;
  height: 150px;
  background-position: -10px -2050px; }

.brand-5 {
  width: 150px;
  height: 150px;
  background-position: -10px -2220px; }

.brand-6 {
  width: 150px;
  height: 150px;
  background-position: -10px -2390px; }

.brand-7 {
  width: 150px;
  height: 150px;
  background-position: -10px -2560px; }

.brand-8 {
  width: 150px;
  height: 150px;
  background-position: -10px -2730px; }

.transparent {
  color: transparent; }

.noimage {
  background-image: none !important; }

@media screen and (max-width: 990px) {
  .slotwrapper ul {
    width: 16%;
    padding-left: 5%; }
  .slotwrapper li {
    transform: scale(59%);
    -webkit-transform: scale(0.6, 0.6); } }

@media screen and (max-width: 737px) {
  .slotwrapper li {
    -webkit-transform: scale(0.75, 0.75); } }

@media screen and (max-width: 668px) {
  .slotwrapper li {
    -webkit-transform: scale(0.7, 0.7); } }

@media screen and (max-width: 620px) {
  .slotwrapper {
    /*height: 112px;*/
    width: 68%;
    margin-left: -23px;
    /*margin-top: -43px;*/ }
  .slotwrapper ul {
    height: 100px;
    font-size: 70px;
    line-height: 100px; }
  .slotwrapper li {
    transform: scale(42%);
    -webkit-transform: scale(0.4, 0.4); } }

@media screen and (max-width: 420px) {
  .slotwrapper ul {
    padding-left: 0; }
  .slotwrapper {
    width: 117%;
    margin-left: -32px; } }

@media screen and (max-width: 415px) {
  .slotwrapper li {
    -webkit-transform: scale(0.5, 0.5); } }

@media screen and (max-width: 376px) {
  .slotwrapper li {
    -webkit-transform: scale(0.45, 0.45); } }

@media screen and (max-width: 320px) {
  .slotwrapper li {
    transform: scale(35%);
    -webkit-transform: scale(0.35, 0.35); }
  .slotwrapper {
    margin-left: -41px; } }

.input-group-promotion-code {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%; }

.input-group-promotion-code-append {
  margin-left: -1px; }

.tagging {
  cursor: text;
  font-size: 1em;
  height: auto; }

.tag {
  background: none repeat scroll 0 0 #f5f5f5;
  border-radius: 2px;
  color: #000;
  cursor: default;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  padding: 4px 25px 4px 0;
  margin: 5px 10px 0 0;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase; }

.tag span {
  background: none repeat scroll 0 0 #ccc;
  border-radius: 2px 0 0 2px;
  margin-right: 5px;
  padding: 5px 10px 5px; }

.tag .tag-i {
  color: #000;
  cursor: pointer;
  font-size: 1.3em;
  height: 0;
  line-height: 0.1em;
  position: absolute;
  right: 9px;
  top: 0.7em;
  text-align: center;
  width: 10px; }

.tag .tag-i:hover {
  color: #fff;
  text-decoration: none; }

.type-zone {
  border: 0 none;
  height: auto;
  min-width: 20px;
  display: inline-block; }

.type-zone:focus {
  outline: none; }

input.type-zone {
  color: transparent;
  text-shadow: 0 0 0 red; }

input.type-zone:focus {
  outline: none; }

.tags {
  clear: both; }

#registerContainer .checkout-nav-item.checkout-nav-active .checkout-nav-step-counter {
  background: #a49877 !important; }

#regForm {
  width: 550px;
  margin: 50px auto;
  text-align: center;
  position: relative;
  font-family: montserrat, arial, verdana; }

#regForm #telDrop {
  padding-left: 50px; }

#regForm fieldset {
  background: white;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
  padding: 20px 30px;
  box-sizing: border-box;
  width: 80%;
  margin: 0 10%;
  position: relative; }

#regForm fieldset:not(:first-of-type) {
  display: none; }

#regForm input, #regForm textarea {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  font-family: montserrat;
  color: #2C3E50;
  font-size: 13px; }

#regForm .register-action-button {
  width: 100px;
  display: inline-block;
  background: #847c5a;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 1px;
  cursor: pointer;
  padding: 10px;
  margin: 10px 5px;
  text-decoration: none;
  font-size: 14px; }

#regForm .register-action-button:hover, #regForm .register-action-button:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px #847c5a; }

.fs-title {
  font-size: 15px;
  text-transform: uppercase;
  color: #2C3E50;
  margin-bottom: 10px; }

.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  margin-bottom: 20px; }

#regForm {
  font-family: Tahoma,Verdana,sans-serif; }

#regForm input, #regForm textarea {
  font-family: Tahoma,Verdana,sans-serif; }

/*#registerContainer .checkout-nav-step-name {
        color: #a49877 !important;
    }*/
#regForm .form-control {
  height: 44px; }

#registerContainer .checkout-nav-item .checkout-nav-step-counter {
  border: 1px solid #a49877;
  color: #a49877 !important; }

#registerContainer .checkout-nav-item.checkout-nav-active .checkout-nav-step-counter {
  font-weight: 700;
  color: #fff !important; }

#regForm label {
  font-weight: normal; }

#regForm .switch {
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px;
  scale: 0.6; }

.switch input {
  display: none; }

#regForm .slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s; }

#regForm .slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 26px; }

#regForm input:checked + .slider {
  background-color: #847c5a; }

input:checked + .slider:before {
  transform: translateX(26px); }

#regForm .slider.round {
  border-radius: 34px; }

#regForm .slider.round:before {
  border-radius: 50%; }

/* Wrapper na pola w agreementach*/
#regForm .wrapper {
  list-style-type: none;
  padding: 0;
  border-radius: 3px; }

#regForm .form-row {
  display: flex;
  justify-content: flex-end;
  /*padding: .5em;*/ }

#regForm .form-row > label.box {
  padding: .5em 1em .5em 0;
  flex: 1;
  text-align: left; }

#regForm .form-row > input {
  flex: 2; }

#regForm .form-row > input,
#regForm .form-row > button {
  padding: .5em; }

.confirm-container {
  margin-bottom: 20px; }

#regForm .dateicon {
  position: absolute;
  display: inline-block;
  right: 10px;
  bottom: 14px;
  background: url(../../Content/pics/calendar.png) no-repeat top right;
  width: 16px;
  height: 16px;
  cursor: pointer;
  perspective: 1000;
  transform-style: preserve-3d;
  transition: all 600ms ease; }

#regForm .dateicon:hover {
  transform: rotateY(-180deg); }

#regForm .dateicon-True {
  opacity: 0.5; }

#regForm .dateicon-True:hover {
  transform: none;
  cursor: default; }

#regForm .datepicker-box {
  position: relative; }

#regForm #DateOfBirth[type="text"]:read-only {
  background: #fff !important; }

.flatpickr-day.selected {
  background: #a49877 !important;
  border-color: #a49877 !important; }

#regForm .field-validation-error {
  color: #e80c4d !important; }

@media screen and (min-width: 768px) {
  #regForm .form-row > input {
    flex: 3; } }

@media screen and (min-width: 992px) {
  #regForm .form-row > input {
    flex: 4; } }

@media screen and (min-width: 1200px) {
  #regForm .form-row > input {
    flex: 5; } }

.responsive-tables table {
  margin: 0 auto; }

.responsive-tables td {
  vertical-align: top; }
  .responsive-tables td.numeric {
    text-align: right; }

.responsive-tables .row5 {
  margin-right: -5px;
  margin-left: -5px; }

.responsive-tables div.editable-input > input {
  width: 75px !important;
  padding-right: 5px !important; }

@media only screen and (max-width: 767px) {
  .responsive-tables table {
    display: block; }
  .responsive-tables thead {
    display: block; }
    .responsive-tables thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
  .responsive-tables tbody {
    display: block; }
  .responsive-tables th {
    display: block; }
  .responsive-tables td {
    display: block;
    border: none !important;
    border-bottom: 1px solid #eeeeee !important;
    position: relative;
    padding-left: 50% !important;
    text-align: left;
    min-height: 30px; }
    .responsive-tables td.actions {
      padding-left: 0 !important; }
    .responsive-tables td:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: bold;
      content: attr(data-title); }
  .responsive-tables tr {
    display: block;
    border: 1px solid #cccccc; } }

@media only screen and (min-width: 768px) {
  .responsive-tables .editable-input {
    display: block; }
  .responsive-tables .editable-buttons {
    padding-top: 5px; } }

#ribbon-container {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  margin-bottom: 20px; }

#ribbon-container ul {
  margin: 0px; }

:root {
  --ribbon-width: 1730px;
  --ribbon-elements-displayed: 5;
  --ribbon-element-width: calc(var(--ribbon-width) / var(--ribbon-elements-displayed)); }

.ribbon {
  width: var(--ribbon-width);
  height: var(--ribbon-height);
  background-color: #fff;
  overflow: hidden;
  position: relative;
  cursor: pointer; }

.ribbon-content {
  list-style: none;
  height: 100%;
  display: flex;
  animation: scrolling var(--ribbon-animation-duration) linear infinite; }

@keyframes scrolling {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(calc(-1 * var(--ribbon-element-width) * var(--ribbon-elements))); } }

.ribbon-content:hover {
  animation-play-state: paused; }

.ribbon-content li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: var(--ribbon-element-width);
  max-height: 100%;
  white-space: nowrap; }

.ribbon-content li a {
  display: block;
  width: 100%;
  height: 100%; }

.ribbon-content li img {
  width: 100%;
  height: 8vh;
  object-fit: fill; }

.searcher-extended-container {
  border: 1px solid #efefef !important; }
  .searcher-extended-container .select2-selection__arrow {
    opacity: 0; }
  .searcher-extended-container:focus {
    outline: none; }

#select2-searcherExtended-results .select2-results__group {
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  background-color: #000000; }
  #select2-searcherExtended-results .select2-results__group span {
    text-transform: capitalize;
    font-style: italic;
    font-weight: 100; }

#select2-searcherExtended-results .more-result-text {
  font-style: italic;
  font-size: 14px; }

#select2-searcherExtended-results .more-result-query {
  font-style: italic;
  font-size: 14px;
  font-weight: bold; }

span.inspired-by-frag {
  color: #555555;
  font-style: italic; }

.searcher-extended {
  width: 100% !important; }

.searcher-extended-dropdown {
  border: none; }
  .searcher-extended-dropdown .select2-results > .select2-results__options {
    max-height: 400px !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 0 8px 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .searcher-extended-dropdown .select2-search__field {
    outline: none;
    top: -46px;
    position: absolute;
    height: 47px;
    left: 0px;
    font-size: 24px; }
    .searcher-extended-dropdown .select2-search__field:focus {
      outline: none; }
  .searcher-extended-dropdown .select2-search--dropdown {
    display: block;
    padding: 0; }
  .searcher-extended-dropdown .select2-results__option.select2-results__message:empty {
    display: none; }
  .searcher-extended-dropdown .select2-results__option.select2-results__option--disabled.loading-results:empty {
    display: none; }

.select2-container .searcher-extended-container {
  border-radius: 0 !important;
  box-shadow: none !important;
  background: url(/Content/pics/search-icon.png) center center no-repeat;
  border: 1px solid #efefef;
  height: 48px; }

.select2-container--default .select2-results > #select2-searcherExtended-results {
  max-height: 400px !important; }

.select2-container--default > .searcher-extended-dropdown {
  border-radius: 0px;
  top: -1px;
  z-index: 9999; }

.select2-container--default > .select2-dropdown.searcher-extended-dropdown {
  z-index: 9999; }

#searcherExtended + .select2-container--default {
  margin-bottom: 0px; }

.select2-container--default {
  margin-bottom: 5px;
  outline-color: #808080; }
  .select2-container--default .select2-results__group {
    padding: 3px, 5px; }
  .select2-container--default .select2-selection--single {
    border-radius: 0;
    border: 1px solid #808080; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #000 transparent transparent; }
  .select2-container--default > .select2-dropdown {
    z-index: 10051; }
  .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #000; }

.select2-search__field {
  outline-color: #808080; }

.select2-results__option {
  font-size: 13px; }

.select2-results__group .children {
  position: relative; }
  .select2-results__group .children .arrow b {
    background-image: url(pics/arrowdown.gif); }
  .select2-results__group .children .arrow.open b {
    background-image: url(pics/arrowup.gif); }

.select2-results__group .arrow {
  margin-left: 4px; }
  .select2-results__group .arrow b {
    position: absolute;
    width: 15px;
    height: 20px; }

/*.select2-results__options > li.select2-results__option[role=treeitem] {
    display: none;
}*/

.btn-tile, #productsView .btn-tile, .btn-tile:focus, #productsView .btn-tile:focus, .btn-tile:active, #productsView .btn-tile:active {
  border: none;
  background: none;
  outline: none;
  padding: 0; }

input.plholder::-webkit-input-placeholder {
  font-size: 10px;
  padding-top: 2px; }

input.plholder::-moz-placeholder {
  font-size: 10px;
  padding-top: 2px; }

input.plholder:-ms-input-placeholder {
  font-size: 10px;
  padding-top: 2px; }

input.plholder:-moz-placeholder {
  font-size: 10px;
  padding-top: 2px; }

input.typeahead.type-rounded.tt-input {
  box-shadow: none; }

.spbulk-box {
  bottom: -151px !important;
  width: 200px !important; }

.spbulk-submit {
  min-width: 100% !important;
  margin-left: 0 !important; }

.input-slbulk {
  border-top: 0 none none !important;
  font-weight: normal; }

.spbulk-select {
  font-weight: normal; }

.spbulk-icon {
  font-size: 3em !important; }

.prod_item_btns {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: 0 -5px;
  opacity: 0;
  width: 100%;
  height: auto;
  border: 1px dashed black;
  background-color: rgba(255, 255, 255, 0.9);
  margin: auto;
  padding: 8px 10px 10px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  z-index: 2; }

#multi-box {
  cursor: pointer; }
  #multi-box:hover .prod_item_btns {
    opacity: 1;
    bottom: -151px !important; }

.prod-item-list {
  position: absolute;
  left: -1px;
  right: 0;
  bottom: -20px;
  opacity: 1;
  width: 101.2%;
  height: 96px;
  border-width: 1px 1px 1px 1px;
  border-style: dashed;
  border-color: black;
  background-color: rgba(255, 255, 255, 0.6);
  background-color: white;
  margin: auto;
  z-index: 2;
  overflow: hidden; }

.combo-list {
  border: none;
  border-bottom: 1px solid black;
  padding: 0 5px;
  background: transparent;
  outline: none;
  width: 100%; }
  .combo-list.list-view {
    width: 100%;
    margin-bottom: 10px; }

.shifted {
  display: inline;
  position: absolute;
  color: white;
  right: 29px;
  top: 23px;
  font-size: 10px; }

.btn-with-icon {
  display: block;
  min-width: 50%;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 5px 10px;
  font-size: 0.9em;
  text-align: center;
  line-height: 32px;
  font-size: 12px;
  color: #333333;
  background-color: white;
  border: 2px solid #333333;
  margin-left: 6px; }
  .btn-with-icon span {
    display: block; }

.spin-short {
  width: 106px;
  padding-right: 0; }

.addMode {
  display: block;
  margin-top: 7px; }

.add-btn-box {
  padding-right: 0;
  padding-left: 2px; }

.add-list-box {
  margin-top: 25px;
  margin-bottom: 0;
  border-top: 1px solid black; }

.input-add-list {
  width: 100%;
  outline: none;
  margin-top: 10px;
  padding-top: 5px; }
  .input-add-list.list-view {
    margin-top: 5px;
    border: 1px;
    border-style: none none solid none;
    border-color: black;
    width: 100%; }

.input-add-list-tile {
  width: 100%;
  outline: none;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed black !important; }

.divider-list-view {
  margin-top: 14px;
  margin-bottom: -2px;
  border: 0;
  border-top: 1px dashed #aaaaaa; }

.btn-tile span, #productsView .btn-tile span {
  position: relative; }

.btn-tile:hover, #productsView .btn-tile:hover {
  color: #cc3333; }

.modal-controls {
  width: 252px;
  margin: 0 auto; }

.botDrop {
  width: 87%;
  outline: none; }

@media (max-width: 767px) {
  .modal-dialog {
    margin: 10px auto; } }

.new-list-button {
  border: 0 !important;
  font-weight: normal; }
  .new-list-button:hover {
    text-decoration: underline !important;
    background: none !important;
    color: black !important; }

.shopping-list-display-name {
  background: black;
  min-height: 3em; }
  .shopping-list-display-name a:hover {
    text-decoration: none; }

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

#ShoppingLists .tab-shadowed {
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.75);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.75);
  border-top: 1px solid white;
  position: relative; }

.btn-rounded {
  border-radius: 0 0 13px 13px;
  border-color: black !important;
  position: relative;
  z-index: 1;
  top: -2px;
  outline: none; }

.tt-dropdown-menu {
  cursor: pointer; }

.form-rounded {
  padding: 0 15px;
  border-radius: 0 0 20px 20px;
  position: relative;
  z-index: 1; }

#shopping-list a {
  color: white; }
  #shopping-list a.black {
    color: black; }
  #shopping-list a.btn-g {
    color: black; }
    #shopping-list a.btn-g:hover {
      background-color: black;
      color: white;
      text-decoration: none; }

#shopping-list a::after hover {
  text-decoration: none; }

a.shopping-list-display-name {
  color: white; }

a:hover > #ref {
  -webkit-animation: pulse2 1s infinite linear;
  -moz-animation: pulse2 1s infinite linear;
  -o-animation: pulse2 1s infinite linear;
  animation: pulse2 1s infinite linear;
  cursor: pointer; }

a:hover > #bnew {
  -webkit-animation: pulse2 1s infinite linear;
  -moz-animation: pulse2 1s infinite linear;
  -o-animation: pulse2 1s infinite linear;
  animation: pulse2 1s infinite linear;
  cursor: pointer; }

.black {
  color: black !important; }

.link_button {
  background: #eeeeee;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  line-height: 22px !important;
  text-align: center;
  width: 24px;
  height: 24px;
  border: 1px solid black;
  color: white;
  text-decoration: none; }

.action-button {
  position: absolute;
  top: 2px;
  padding: 8px 0;
  right: 3.5vw;
  font-size: 1.2em; }

#actionsButtonsSmallScreen {
  padding: 10px 0; }
  #actionsButtonsSmallScreen a {
    color: black;
    margin: 0 10vw; }

.space-between-action-buttons {
  margin-right: 1vw; }

.color-white {
  color: white; }

.table-without-border {
  border: none;
  width: 100%; }

.product-details-name {
  margin: 0 0 -0.5vw;
  font-weight: bold; }

.product-details-image-size {
  width: 100px;
  height: 100px; }

#shippingListItems {
  clear: both; }

.shopping-list-add-edit-form {
  width: 320px; }

.shopping-list-add-edit-combobox {
  width: 100%; }

.color-red {
  color: red; }

.center-label-text {
  text-align: center;
  display: block; }

.item-cart-added {
  opacity: 0.5; }

.hang-me.spbulk-pin {
  top: -1px;
  right: -1px; }

.modal-dialog.shopping-list-add-edit-form {
  width: 274px; }

.bttn.btn-rounded:hover {
  background-color: black; }

.accordion > li > a {
  background-color: black; }
  .accordion > li > a.active {
    background-color: black; }

#shopping-list .bttn.new-list-button {
  border: 0;
  font-weight: normal; }

#shopping-list .bttn.new-list-button:hover {
  text-decoration: underline;
  background: none;
  color: black; }

.shopping-list-display-name {
  background: black;
  min-height: 3em; }

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

input.typeahead.type-rounded.tt-input {
  /*border-radius: 0px 0px 13px 13px!important;
    border-width:1px;*/
  box-shadow: none; }

.btn-rounded {
  border-radius: 0px 0px 13px 13px;
  border-color: #000 !important;
  position: relative;
  z-index: 1;
  top: -2px;
  outline: none; }

.bttn.btn-rounded:hover {
  background-color: #000; }

.tt-dropdown-menu {
  cursor: pointer; }

.form-rounded {
  padding: 0px 15px 0px 15px;
  /*background-color: rgb(245, 245, 245);*/
  border-radius: 0 0 20px 20px;
  position: relative;
  z-index: 1; }

#shopping-list a, a.shopping-list-display-name {
  color: white; }

#shopping-list a.black {
  color: black; }

.black {
  color: black !important; }

#shopping-list a.btn-g {
  color: black; }

.link_button {
  background: #eee;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  line-height: 22px !important;
  text-align: center;
  width: 24px;
  height: 24px;
  border: 1px solid #000;
  color: #FFF;
  text-decoration: none; }

#shopping-list a.btn-g:hover {
  background-color: black;
  color: white;
  text-decoration: none; }

#shopping-list a::after hover, .shopping-list-display-name a:hover {
  text-decoration: none; }

a:hover > #ref, a:hover > #bnew {
  -webkit-animation: pulse2 1s infinite linear;
  -moz-animation: pulse2 1s infinite linear;
  -o-animation: pulse2 1s infinite linear;
  animation: pulse2 1s infinite linear;
  cursor: pointer; }

.accordion > li > a {
  background-color: black; }

.accordion > li > a.active {
  background-color: black; }

.action-button {
  position: absolute;
  top: 2px;
  padding: 8px 0;
  right: 3.5vw;
  font-size: 1.2em; }

#actionsButtonsSmallScreen {
  padding: 10px 0; }

.space-between-action-buttons {
  margin-right: 1vw; }

#actionsButtonsSmallScreen a {
  color: #000;
  margin: 0 10vw; }

.color-white {
  color: white; }

.table-without-border {
  border: none;
  width: 100%; }

.product-details-name {
  margin: 0 0 -0.5vw;
  font-weight: bold; }

.product-details-image-size {
  width: 100px;
  height: 100px; }

#shippingListItems {
  clear: both; }

.shopping-list-add-edit-form {
  width: 320px; }

.shopping-list-add-edit-combobox {
  width: 100%; }

.color-red {
  color: red; }

.center-label-text {
  text-align: center;
  display: block; }

.item-cart-added {
  opacity: 0.5; }

@media (max-width: 767px) {
  .c-offcanvas {
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .c-offcanvas, .c-offcanvas-content-wrap, .c-offcanvas-bg.c-offcanvas-bg--reveal, .c-offcanvas-bg.c-offcanvas-bg--push {
    transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1); }
  .c-offcanvas.is-open {
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  .has-offcanvas--visible .c-offcanvas-content-wrap {
    z-index: 3;
    position: relative; }
  .c-offcanvas {
    position: absolute;
    min-height: 100px;
    top: 0;
    display: block;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem; }
  .c-offcanvas--opening {
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); }
  .c-offcanvas.is-closed {
    overflow: hidden;
    visibility: hidden;
    box-shadow: none; }
  .c-offcanvas--overlay {
    z-index: 1080; }
  .c-offcanvas--reveal {
    z-index: 2; }
  .c-offcanvas-bg {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1079;
    left: -100%;
    background-color: transparent;
    transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
  .c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
    left: 0;
    background-color: rgba(0, 0, 0, 0.68);
    visibility: visible; }
  .c-offcanvas-bg.is-closed {
    visibility: hidden; }
  .c-offcanvas-bg--closing.is-animating {
    background: transparent; }
  .c-offcanvas--left {
    height: auto;
    width: 20em;
    transform: translate3d(-20em, 0, 0); }
  .c-offcanvas--right {
    height: auto;
    width: 20em;
    right: 0;
    transform: translate3d(20em, 0, 0); }
  .c-offcanvas--top {
    left: 0;
    right: 0;
    top: 0;
    height: auto;
    width: 100%;
    transform: translate3d(0, -12.5em, 0); }
  .c-offcanvas--bottom {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    transform: translate3d(0, 12.5em, 0); }
  .c-offcanvas-content-wrap {
    z-index: 3; }
  .c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open {
    transform: translate3d(20em, 0, 0); }
  .c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open {
    transform: translate3d(-20em, 0, 0); }
  .c-offcanvas--reveal {
    z-index: 0;
    transform: translate3d(0, 0, 0); }
  .c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open {
    transform: translate3d(20em, 0, 0); }
  .c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open {
    transform: translate3d(-20em, 0, 0); }
  .c-offcanvas--push {
    z-index: 6; }
  .c-offcanvas--push--opening {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .c-offcanvas-content-wrap {
    z-index: 3; }
  .c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open {
    transform: translate3d(20em, 0, 0); }
  .c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
    transform: translate3d(-20em, 0, 0); }
  .c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open {
    transform: translate3d(20em, 0, 0); }
  .c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
    transform: translate3d(-20em, 0, 0); }
  .c-sidebar {
    display: none; }
  .c-offcanvas.is-open .c-sidebar,
  .c-offcanvas.is-animating .c-sidebar {
    display: block; } }

#activationCodeTextbox {
  border-bottom: 1px solid black;
  border-width: 0 0 1px 0;
  margin: 8px 0;
  width: 100%;
  text-align: center;
  font-size: 20px;
  padding: 0px; }

#activationCodeFormContainer .button {
  background-color: #000000;
  color: #fff;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: 200;
  width: 100%;
  display: inline-block;
  margin: 5px 0 0 0;
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  text-align: center;
  padding: 0;
  border: 0px solid black;
  box-sizing: border-box;
  user-select: none; }

#activationCodeFormContainer #submit {
  height: 50px;
  opacity: 0.6; }

#activationCodeFormContainer #new {
  height: 30px;
  line-height: 30px; }

span.line {
  display: inline-block; }

#activationCodeFormContainer .validation-summary-errors {
  max-width: 400px;
  margin: 0 auto;
  display: block;
  margin-top: 25px;
  margin-bottom: 8px;
  border: 1px solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: #e80c4d; }

#activationCodeFormContainer .validation-summary-errors ul {
  padding: 0;
  list-style-type: none; }

#activationCodeFormContainer .validation-summary-errors ul li {
  margin: 10px; }

div.body-stages .h3, div.body-stages h3 {
  font-size: 19px;
  margin-bottom: 17px; }

.panel-group.group-subs .panel.panel-subs {
  background-color: #fff;
  border: none;
  box-shadow: none;
  border-radius: 10px;
  margin-bottom: 11px; }

.panel.panel-subs .panel-heading.heading-subs {
  padding: 0;
  border: none; }

.panel-heading.heading-subs a {
  color: #000 !important;
  display: block;
  border: none;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
  padding: 20px 35px 20px;
  font-size: 18px;
  background-color: #fff;
  font-weight: 600;
  position: relative;
  color: #fff;
  box-shadow: none;
  background-color: #f6f6f9;
  transition: all 0.1s ease 0; }
  .panel-heading.heading-subs a:after, .panel-heading.heading-subs a.collapsed:after {
    content: "\f068";
    font-family: fontawesome;
    text-align: center;
    position: absolute;
    left: -20px;
    top: 13px;
    transform: scale(1.2);
    color: #393939;
    background-color: #f6f6f9;
    background-size: cover;
    border: 5px solid #fff;
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 30px;
    border-radius: 50%;
    transition: all 0.3s ease 0s; }

.panel-heading.heading-subs a.collapsed:after {
  content: "\f067";
  background-color: #f6f6f9; }

.panel-group.group-subs {
  margin: 20px; }

.panel-body.body-subs {
  background-color: #f7f7f7;
  color: #8C8C8C;
  line-height: 25px;
  padding: 0px 25px 0 35px;
  border-top: none;
  font-size: 14px;
  position: relative; }

.text-white {
  color: white;
  text-transform: uppercase; }

.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #Fff;
  top: 50%; }

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff; }

.panel-group.group-stages {
  margin-bottom: 0px; }

.panel.panel-stages {
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 15px;
  position: relative; }
  .panel.panel-stages:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    border: 1px dashed #6e8898;
    position: absolute;
    top: 25px;
    left: 18px; }
  .panel.panel-stages:last-child:before {
    display: none; }

.panel-heading.heading-stages {
  padding: 0;
  border: none;
  border-radius: 0;
  position: relative; }

.panel-title.title-stages a {
  display: block;
  padding: 10px 30px 10px 60px;
  margin: 0;
  background: #fff;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #000;
  outline: 0;
  text-decoration: none;
  border-radius: 0;
  position: relative; }
  .panel-title.title-stages a:before {
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: 900;
    width: 40px;
    height: 100%;
    line-height: 37px;
    background: #464646;
    border: 1px solid #464646;
    border-radius: 3px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s; }
  .panel-title.title-stages a.collapsed:before {
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: 900;
    width: 40px;
    height: 100%;
    line-height: 37px;
    background: #464646;
    border: 1px solid #464646;
    border-radius: 3px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
    content: "\f105";
    background: #fff;
    border: 1px solid #000;
    color: #000; }

.panel-body.body-stages {
  padding: 10px 30px 10px 30px;
  margin-left: 40px;
  background: #fff;
  border-top: none;
  font-size: 15px;
  color: #6f6f6f;
  line-height: 28px;
  letter-spacing: 1px; }

.bar-container {
  position: relative; }

.bar-data {
  position: relative;
  float: right;
  padding-left: 0px;
  right: -72px;
  font-size: 16px;
  font-weight: 700;
  width: 387px; }

.bar-title {
  display: inline-block; }

.bar-data div {
  display: inline-block;
  margin-right: 20px; }

.bar-data span {
  font-size: 15px;
  font-weight: normal; }

.bar-data-price span {
  font-size: 15px;
  font-weight: bold; }

.panel-subs .date-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: cover;
  background-image: url("/Content/pics/subscriptions/calendar.png");
  transform: scale(0.8);
  vertical-align: middle;
  position: relative;
  margin-right: 10px;
  top: -2px; }

.stage-status {
  font-size: 15px;
  float: right;
  text-align: right;
  white-space: nowrap; }

.bar-date span {
  white-space: nowrap; }

.bar-data-start {
  width: 208px; }

.bar-data-price {
  width: 97px;
  text-align: right; }

.body-stages .product-details-label {
  padding-top: 28px; }

.panel-subs .bar-date span {
  font-size: 15px;
  font-weight: normal; }

.panel-subs .bar-price-points span {
  font-size: 15px;
  font-weight: bold; }
  .panel-subs .bar-price-points span.bar-points {
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap; }

.points-section-rwd.bar-points {
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap; }

.panel-subs .bar-container {
  display: flex;
  align-items: center; }

.panel-heading.heading-subs a {
  padding: 11px 35px; }
  .panel-heading.heading-subs a.collapsed::after, .panel-heading.heading-subs a::after {
    top: 17px; }

.body-stages td {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 1rem !important; }

.bar-price {
  white-space: nowrap; }

.product-section-rwd {
  display: none; }

.panel-body.body-stages {
  font-size: 14px; }

.subs-con {
  font-size: 15px;
  font-weight: normal;
  margin-left: 5px; }

.addtitional-number-control {
  margin: 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-end; }

.additional-number-combo {
  width: 200px; }

select#additionalNumbers {
  outline: none; }

.fa-center {
  line-height: inherit !important;
  vertical-align: middle;
  font-size: 27px; }

#subs-cancel-button {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

#shop-again-link {
  margin: 20px;
  display: flex;
  align-items: center; }

.fa-center-shop {
  line-height: inherit !important;
  vertical-align: middle;
  font-size: 27px; }

.bar-user-rwd {
  display: none; }

.subscriptionDiv:hover .sub-form {
  opacity: 1;
  bottom: 20px; }

.sub-form {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  opacity: 0;
  width: 90%;
  height: auto;
  border: 1px dashed #000;
  background-color: white;
  margin: auto;
  padding: 10px 10px 10px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  z-index: 2; }

#shop-again-link a.whtBtn:focus {
  outline: none !important;
  text-decoration: none;
  color: black; }

#subs-cancel-button a.whtBtn:focus {
  outline: none !important;
  text-decoration: none;
  color: black; }

@media (max-width: 868px) {
  .panel-subs .bar-container span {
    font-size: 10px !important; }
  .panel-body.body-stages {
    font-size: 13px; }
  .bar-date {
    width: 135px; }
  .bar-title {
    width: 62%; }
  .bar-price-points {
    width: unset; }
  .panel-heading.heading-subs a.collapsed::after, .panel-heading.heading-subs a::after {
    top: 20px; }
  .panel-subs .date-icon {
    transform: scale(0.7);
    top: -1px; } }

@media (max-width: 670px) {
  .table-stages td {
    height: 53px;
    vertical-align: middle; }
    .table-stages td::before {
      white-space: wrap; } }

@media (max-width: 592px) {
  .panel-title.title-stages a {
    padding-bottom: 16px;
    font-size: 14px; }
  .stage-status {
    font-size: 11px; }
  .panel-heading.heading-subs a.collapsed::after, .panel-heading.heading-subs a::after {
    top: 20px; }
  .panel-body.body-stages {
    font-size: 11px; }
  .panel-subs .date-icon {
    transform: scale(0.6);
    top: -1px; }
  .bar-title {
    font-size: 11px; }
  .panel-heading.heading-subs a.collapsed::after, .panel-heading.heading-subs a::after {
    transform: scale(0.9); }
  .bar-title {
    width: 55%; } }

@media (max-width: 566px) {
  .bar-user {
    display: none; }
  .bar-user-rwd {
    display: inline; } }

@media (max-width: 514px) {
  .bar-date {
    width: 135px; }
  .panel-heading.heading-subs a.collapsed::after, .panel-heading.heading-subs a::after {
    top: 20px; } }

@media (max-width: 460px) {
  .product-section-rwd {
    display: block;
    text-align: center; }
  .body-stages .product-details-label {
    width: 100%; }
  .product-section-default {
    display: none; } }

@media (max-width: 448px) {
  .points-section-default {
    display: none; }
  .bar-title {
    margin-left: -7px; }
  .bar-date {
    width: 44px; }
  .panel-subs .date-icon {
    visibility: hidden; } }

@media (max-width: 412px) {
  .bar-title {
    width: 69px; } }

@media (max-width: 340px) {
  .bar-title {
    padding-right: 0px; } }

@media (min-width: 768px) {
  .table.table-light-theme thead td {
    padding-left: 1rem !important;
    padding-bottom: 1rem !important;
    padding-top: 1rem !important; }
  .table.table-light-theme thead th {
    padding-left: 1rem !important;
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
    vertical-align: middle; } }

.table.table-light-theme td.numeric {
  text-align: right !important; }

table.table-light-theme tr th {
  border: 0 !important;
  background-color: #f8f9fa !important; }

#clientTopBarInfo {
  float: left;
  line-height: 20px;
  text-transform: uppercase;
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding: 17px 15px 38px 13px; }
  #clientTopBarInfo .client-name, #clientTopBarInfo .client-surname {
    font-weight: 600;
    font-size: 13px; }
  #clientTopBarInfo span {
    margin-right: 5px; }
  #clientTopBarInfo .client-email {
    margin-right: 20px;
    font-size: 10px; }

@media screen and (max-width: 990px) {
  #clientTopBarInfo .client-email {
    display: none; } }

@media screen and (max-width: 400px) {
  #clientTopBarInfo .client-surname {
    display: none; } }

#accordion.promotional-item-accordion-container .prod_item::after {
  top: 16px;
  right: 15%; }

.c-sidebar {
  background-color: #f3f4f6 !important;
  border-radius: 2rem !important;
  padding: 20px !important; }

.preloader_hide {
  background: white !important; }

.body-content {
  box-shadow: none !important; }

#SideMenu .panel {
  background-color: #f3f4f6 !important; }

.container {
  width: 100%; }

.prod_item_hover:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; }

.prod_item_hover {
  border-radius: 2rem !important; }

.hang-me-cart {
  right: 42px !important;
  border: 0px !important; }

#searcherExtendedContainer .select2-container--default .select2-selection--single {
  height: 47px !important; }

.hang-me-cart:hover {
  background-color: unset !important; }

.hang-me-cart:hover .icon-cart-plus {
  color: #c33 !important; }

.subset-product-list .prod_description {
  padding: 5px 0 0 !important; }

#SideMenu .panel-title a {
  outline: none !important; }

.btn-tile.btn-with-icon {
  margin: 0px auto !important; }

.prod_item_btns {
  border: 0px !important; }

.btn-with-icon .fa {
  margin-top: 8px !important; }

.pagedList {
  padding: 0px 15px 38px 15px !important; }

.row.top20 {
  margin-top: 20px !important; }

.featured-icons {
  right: 31px !important; }

div.prod_item_btns.spbulk-box {
  left: -250%; }

.prod_item_btns {
  width: 60%; }

#flags-row {
  top: -1px;
  padding: 0px 40px; }

.prod-desc-flags #flags-row {
  top: initial;
  padding: initial; }

.body-content.body-content-slim:not(.body-content-wide) {
  max-width: 1400px; }

@media (max-width: 1730px) {
  .prod_item_btns {
    width: 80%; } }

.login-splash {
  box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
  margin-bottom: 40px; }

@media (max-width: 980px) {
  #accordion.promotional-item-accordion-container .prod_item::after {
    top: 10px; } }

@media (max-width: 766px) {
  #accordion.promotional-item-accordion-container .prod_item::after {
    top: 7px;
    right: 10%; } }

@media (max-width: 580px) {
  #accordion.promotional-item-accordion-container .prod_item::after {
    top: 30px; } }

@media (min-width: 640px) {
  .container {
    max-width: 640px; } }

@media (min-width: 768px) {
  .container {
    max-width: 768px; } }

@media (min-width: 900px) {
  .container {
    max-width: 900px; } }

@media (min-width: 1024px) {
  .container {
    max-width: 1024px; } }

@media (min-width: 1280px) {
  .container {
    max-width: 1280px; } }

@media (min-width: 1400px) {
  .container {
    max-width: 1400px; } }

@media (min-width: 1730px) {
  .container {
    max-width: 1730px; }
  #SideMenu .panel-title {
    font-size: 16px; }
  #SideMenu input[type="checkbox"] ~ label {
    font-size: 14px; } }

@media screen and (min-width: 1400px) {
  .post-home .post-cover {
    height: 38rem; }
  .post-home-recent .post-cover {
    height: 25rem; }
  footer > #newsletterArea {
    min-height: 400px; }
  footer > #newsletterArea h4 {
    font-size: 20px; }
  footer > #newsletterArea p {
    font-size: 15px; }
  footer > #newsletterArea .newsletter-overlay {
    width: 50%; } }

.product-tile {
  flex: 100%;
  position: relative;
  padding: 0 20px 0 20px; }
  .product-tile .prod_img_container {
    position: relative; }
  .product-tile .prod_img {
    padding-bottom: 50px; }
    .product-tile .prod_img .prod_img_wrapper {
      height: 315px; }
  .product-tile .prod_item_btns {
    width: 80%; }
  .product-tile .prod_item {
    padding: 50px 30px 30px; }
  .product-tile .prod_code.toBottomLeft {
    left: 48px; }
  .product-tile .prod_price.toBottomRight {
    right: 48px; }

#productsView {
  position: relative;
  row-gap: 20px; }

.product-tile-slide {
  position: relative;
  padding: 0 20px 0 20px; }
  .product-tile-slide .prod_img_container {
    position: relative; }
  .product-tile-slide .prod_img {
    padding-bottom: 50px; }
    .product-tile-slide .prod_img .prod_img_wrapper {
      height: 315px; }
  .product-tile-slide .prod_item_btns {
    width: 80%; }
  .product-tile-slide .prod_item {
    padding: 50px 30px 30px; }
  .product-tile-slide .prod_code.toBottomLeft {
    left: 48px; }
  .product-tile-slide .prod_price.toBottomRight {
    right: 48px; }

@media (min-width: 640px) {
  .product-tile {
    flex: 50%;
    padding: 0 15px 0 15px;
    max-width: 50%; }
    .product-tile .prod_img {
      padding-bottom: 30px; }
      .product-tile .prod_img .prod_img_wrapper {
        height: 250px; }
    .product-tile .prod_item_btns {
      width: 90%; }
    .product-tile .prod_item {
      padding: 50px 30px 30px; }
    .product-tile .prod_code.toBottomLeft {
      left: 25px; }
    .product-tile .prod_price.toBottomRight {
      right: 25px; }
  #productsView {
    row-gap: 50px; }
  .product-tile-slide .prod_img {
    padding-bottom: 30px; }
    .product-tile-slide .prod_img .prod_img_wrapper {
      height: 250px; }
  .product-tile-slide .prod_item_btns {
    width: 100%; }
  .product-tile-slide .prod_item {
    padding: 50px 30px 30px; } }

@media (min-width: 756px) {
  .product-tile-slide .prod_item_btns {
    width: 80%; }
  .product-tile-slide .prod_img {
    padding-bottom: 50px; } }

@media (min-width: 768px) {
  .product-tile .prod_item_btns {
    width: 100%; }
  .product-tile-slide .prod_item_btns {
    width: 100%; } }

@media (min-width: 900px) {
  .product-tile .prod_code.toBottomLeft {
    left: 48px; }
  .product-tile .prod_price.toBottomRight {
    right: 48px; }
  .product-tile .prod_item_btns {
    width: 80%; }
  .product-tile-slide .prod_item_btns {
    width: 80%; } }

@media (min-width: 1024px) {
  .product-tile-slide .prod_img {
    padding-bottom: 30px; } }

@media (min-width: 1280px) {
  .product-tile {
    flex: 33.333333%;
    max-width: 33.333333%; }
    .product-tile .prod_img {
      padding-bottom: 50px; }
    .product-tile .prod_item {
      padding: 50px 20px 30px; }
  .product-tile-slide .prod_img {
    padding-bottom: 50px; }
  .product-tile-slide .prod_item {
    padding: 50px 20px 30px; } }

@media (min-width: 1730px) {
  .product-tile .prod_img {
    padding-bottom: 50px; }
    .product-tile .prod_img .prod_img_wrapper {
      height: 315px; }
  .product-tile .prod_item_btns {
    width: 70%; }
  .product-tile .prod_item {
    padding: 50px 30px 30px; }
  .product-tile-slide .prod_img {
    padding-bottom: 50px; }
    .product-tile-slide .prod_img .prod_img_wrapper {
      height: 315px; }
  .product-tile-slide .prod_item {
    padding: 50px 30px 30px; } }

.product-tile-grid {
  flex: 25%;
  max-width: 250px;
  min-width: 210px;
  position: relative;
  padding: 0 5px 0 5px; }
  .product-tile-grid .prod_img_container {
    position: relative; }
  .product-tile-grid .prod_img {
    padding-bottom: 20px; }
    .product-tile-grid .prod_img .prod_img_wrapper {
      height: 215px; }
  .product-tile-grid .prod_item_btns {
    width: 90%; }
  .product-tile-grid .prod_item {
    padding: 50px 10px 30px; }
  .product-tile-grid .hang-me-cart {
    right: 20px !important;
    top: 20px; }
  .product-tile-grid .featured-icons {
    right: 10px !important; }
  .product-tile-grid .prod_code.toBottomLeft {
    left: 25px; }
  .product-tile-grid .prod_price.toBottomRight {
    right: 25px; }
    .product-tile-grid .prod_price.toBottomRight > span {
      display: none; }

.products-grid {
  justify-content: space-around; }
  .products-grid::after {
    content: '';
    flex: 1;
    min-width: 210px; }

.product-list img {
  max-height: 180px;
  margin: 0 auto; }

.product-list .featured-icons.extended-mode {
  right: 0 !important;
  top: 25px; }

.product-list #flags-row {
  padding: 0; }

.product-list .hang-me-cart.extended {
  right: -8px !important;
  top: -20px; }

@media (min-width: 1730px) {
  .product-list .prod_desc {
    float: none;
    white-space: pre-line;
    line-height: inherit; }
  .product-list #flags-row {
    padding: 0 40px; } }

#matrixContainer .matrix-flex-container {
  justify-content: flex-start;
  column-gap: 50px; }

#matrixContainer .first-step-container {
  max-width: 100%; }

#matrixContainer .second-step-container {
  flex-grow: 1; }

@media (min-width: 768px) {
  #matrixContainer .second-step-container .dpd-map-container {
    min-width: 600px; }
  #matrixContainer .second-step-container .reception-point-container {
    min-width: 540px; } }

body {
  color: black;
  font-family: Lato, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

.body-content {
  box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
  margin-bottom: 40px; }

th {
  background: #cccccc;
  padding: 4px; }

td {
  padding: 4px; }

.height-66 {
  height: 66%; }

.height-24 {
  height: 24%; }

.height-10 {
  height: 10%; }

.max-height-100 {
  max-height: 100%; }

.display-none {
  display: none; }

.font-12 {
  font-size: 12px !important; }

.font-18 {
  font-size: 18px !important; }

.max-lines {
  display: block;
  text-overflow: ellipsis;
  word-wrap: normal;
  overflow: hidden;
  max-height: 2.8em;
  line-height: 1.4em; }

.angleDownStyle {
  text-align: right;
  padding-top: 0;
  margin-top: -1em;
  margin-bottom: -0.5em; }

.header-is-sticky .header-bar {
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 52px;
  top: 0;
  padding-top: 0px !important;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  animation: header-is-sticky-transition 0.35s ease-out; }
  .header-is-sticky .header-bar.bgwhite {
    background-color: rgba(255, 255, 255, 0.9); }

@keyframes header-is-sticky-transition {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0); } }
  @media (max-width: 767px) {
    .header-is-sticky .header-bar .header-image-float-left {
      display: block !important; } }

.header-is-sticky .top-area-filler {
  padding-top: 50px; }

.header-image-container {
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center; }

.header-image {
  max-height: 50px; }

.header-image-small {
  width: 35px; }

.header-image-float-left {
  position: relative;
  float: left;
  display: none;
  padding-top: 2px;
  margin-right: 5px; }

#mainMenu {
  background-color: white;
  text-align: center; }
  #mainMenu .navbar-default {
    background-color: white;
    border-color: white; }
  #mainMenu .navbar-default .navbar-nav > li a {
    color: black; }
  @media (min-width: 768px) {
    #mainMenu #classicMenu {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
    #mainMenu .navbar-default .navbar-nav > li {
      margin: 1rem 0.5rem 0.5rem 0.5rem; }
      #mainMenu .navbar-default .navbar-nav > li a {
        font-weight: 600; } }

.navbar-toggle {
  margin-right: 0;
  padding: 9px 8px; }

@media (min-width: 768px) {
  .navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top; }
  .navbar .navbar-collapse {
    text-align: center; } }

.navbar {
  margin-bottom: 15px; }

#maintenanceTimer {
  position: absolute;
  right: 60px;
  top: 64px;
  z-index: 1100;
  background-color: #eeeeee;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  display: none; }

#clockBox {
  position: relative;
  top: 49px;
  font-size: 30px;
  color: red;
  text-align: center;
  width: 200px; }

#mClockArea {
  float: right;
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
  top: 14px;
  background: url(/Content/pics/mclock.png);
  display: none;
  margin-left: 5px; }

#mText {
  position: relative;
  font-size: 13px;
  text-transform: uppercase;
  width: 120px;
  top: 53px;
  text-align: center;
  margin: 0 auto; }

#mCloseBtn {
  margin: 0 auto;
  display: block;
  position: relative;
  width: 32px;
  text-align: center;
  height: 32px;
  top: 34px;
  cursor: pointer;
  background: url(/Content/pics/mclose.png); }

#promotionalTimer {
  position: absolute;
  right: 10px;
  top: 75px;
  z-index: 1100;
  background-color: #eeeeee;
  border-radius: 50%;
  border: 1px #999999 dashed;
  width: 200px;
  height: 200px;
  display: block;
  overflow: hidden; }

#promoClockBox {
  position: relative;
  top: 91px;
  font-size: 22px;
  color: #aaaaaa;
  text-align: center;
  width: 200px;
  border: 1px dashed;
  padding-bottom: 14px;
  overflow: hidden;
  background-color: white; }

#promoClockArea {
  float: right;
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
  top: 14px;
  background: url(/Content/pics/promoClock2.png);
  display: none;
  margin-left: 5px; }

#pText {
  display: block;
  position: relative;
  font-size: 15px;
  text-transform: uppercase;
  width: 120px;
  top: -39px;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
  font-weight: bold;
  color: black;
  word-wrap: break-word; }

#pTextContainer {
  display: none; }

.remainingText {
  position: relative;
  font-size: 13px;
  text-transform: uppercase;
  width: 120px;
  top: 5px;
  text-align: center;
  margin: 0 auto;
  color: #aaaaaa; }

#pDays {
  position: relative;
  font-size: 20px;
  text-transform: uppercase;
  width: 37px;
  top: 34px;
  text-align: center;
  margin: 0 auto;
  color: #109b3e;
  border: dashed #999999 1px;
  border-radius: 25px;
  padding: 3px; }

#pCloseBtn {
  margin: 0 auto;
  display: block;
  position: relative;
  width: 16px;
  text-align: center;
  height: 16px;
  top: 19px;
  cursor: pointer;
  background: url(/Content/pics/pclose.png); }

#bannerTable td {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  #bannerTable td:hover {
    opacity: .75;
    z-index: 1000; }

.hang-me-cart {
  color: black;
  position: absolute;
  right: 26px;
  top: 32px;
  z-index: 3;
  display: block;
  background-color: transparent;
  /*padding: 3px;*/
  border: 1px dashed #cccccc;
  width: 34px;
  height: 34px;
  cursor: pointer;
  text-align: center;
  margin-top: 6px;
  padding: 1px 0px 0px 3px; }

.hang-me-cart:hover {
  background-color: rgba(232, 232, 232, 0.8); }

.days {
  position: relative; }

.hours {
  position: relative; }

.minutes {
  position: relative; }

.seconds {
  position: relative; }

.clock-label {
  font-size: 10px;
  position: absolute;
  bottom: -8px;
  left: 3px; }

:-webkit-input-placeholder {
  text-transform: uppercase;
  font-size: 12px;
  text-align: center; }

::-webkit-input-placeholder {
  text-transform: uppercase;
  font-size: 12px;
  text-align: center; }

:-moz-placeholder {
  text-transform: uppercase;
  font-size: 12px;
  text-align: center; }

::-moz-placeholder {
  text-transform: uppercase;
  font-size: 12px;
  text-align: center; }

:-ms-input-placeholder {
  text-transform: uppercase !important;
  font-size: 12px !important;
  text-align: center !important; }

::-ms-input-placeholder {
  text-transform: uppercase !important;
  font-size: 12px !important;
  text-align: center !important; }

.no-gutters {
  padding-right: 0;
  padding-left: 0; }

a.small {
  color: #333333;
  text-transform: uppercase;
  font-size: 12px; }
  a.small:link {
    color: #333333; }
  a.small:hover {
    color: black; }

a.black {
  color: black; }
  a.black:link {
    color: black; }
  a.black:hover {
    color: #333333; }

a.blkCircle {
  border-radius: 50%;
  line-height: 22px !important;
  text-align: center;
  border: 1px solid black; }

.newsTextLink {
  text-decoration: underline; }

.bgblack {
  background-color: black; }
  .bgblack > a {
    color: #eeeeee; }
    .bgblack > a:link {
      color: #eeeeee; }
    .bgblack > a:hover {
      color: white; }

.loginLink {
  float: right;
  margin-top: 17px;
  margin-right: 15px;
  font-size: 12px; }

.link-general {
  text-decoration: none; }

.bgwhite {
  background-color: white; }

.bg-white {
  background: white; }

.bgTransparent {
  background: transparent; }

.text-color-gray {
  color: #666666; }

.overflow-visible {
  overflow: visible; }

.border-bg-color {
  border: 5px solid #eeeeee; }

.invDetailsBorder {
  border: 1px solid #eeeeee; }

.border-bottom-bg-color {
  border-bottom: 1px solid #eeeeee; }

.topBorder {
  border-top: 1px solid #e9e9e9;
  padding-top: 15px; }

.blackTopBorder {
  border-top: 1px solid black; }

.botBorder {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 10px;
  padding-bottom: 10px; }

.noBorder {
  border: none !important; }

.upper {
  text-transform: uppercase; }

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.wrap {
  white-space: normal !important; }

.element-center {
  text-align: center; }

.fa-15x {
  font-size: 1.5em !important; }

.borderBlack {
  border-color: black; }

.borderBottom {
  border-top: 0 !important;
  border-bottom: 1px solid !important;
  border-left: 0 !important;
  border-right: 0 !important; }

.noBorderBottom {
  border-bottom: 0 !important; }

.border1px {
  border: 1px solid; }

.height30 {
  height: 30px; }

.width100Important {
  width: 100% !important; }

.width50pr {
  width: 50%; }

.width33pr {
  width: 33%; }

.padding-0 {
  padding: 0 !important; }

.paddingRight0 {
  padding-right: 0; }

.paddingLeft0 {
  padding-left: 0; }

.paddingBottom0 {
  padding-bottom: 0; }

.paddingBottom075em {
  padding-bottom: .75em !important; }

.paddingLR1Important {
  padding-left: 1em !important;
  padding-right: 1em !important; }

.paddingLR05Important {
  padding-left: 0.5em !important;
  padding-right: 0.5em !important; }

.marginBottom0 {
  margin-bottom: 0; }

.marginTop15 {
  margin-top: 15px; }

.marginTop5 {
  margin-top: 5px; }

.margin-0 {
  margin: 0; }

.padding-0-5 {
  padding: 0.5vw; }

.pad0 {
  padding: 0; }

.pad5 {
  padding: 5px; }

.pad10 {
  padding: 10px; }

.pad20 {
  padding: 20px; }

.pad30 {
  padding: 30px; }

.pad40 {
  padding: 40px; }

.padLeft0 {
  padding-left: 0; }

.padhor5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.padhor5-0 {
  padding-left: 5px !important;
  padding-right: 0 !important; }

.padhor0-5 {
  padding-left: 0 !important;
  padding-right: 5px !important; }

.padhor0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.padding-h-15-15 {
  padding-left: 15px;
  padding-right: 15px; }

.padleft10 {
  padding-left: 10px !important; }

.padleft20 {
  padding-left: 20px !important; }

.resPadLeft20 {
  padding-left: 20px !important; }

.padRight0 {
  padding-right: 0; }

.padding-1 {
  padding-top: 1vw;
  padding-bottom: 1vw; }

.padding-top-1 {
  padding-top: 1vw; }

.padding-2 {
  padding-top: 2vw;
  padding-bottom: 2vw; }

.padding-10px {
  padding-top: 10px;
  padding-bottom: 10px; }

.padding-top-2 {
  padding-top: 2vw; }

.padTop0 {
  padding-top: 0 !important; }

.padTop10 {
  padding-top: 10px; }

.padTop20 {
  padding-top: 20px; }

.top10 {
  margin-top: 10px; }

.top20 {
  margin-top: 20px; }

.top30 {
  margin-top: 30px; }

.padBottom0 {
  padding-bottom: 0; }

.padBottom10 {
  padding-bottom: 10px; }

.padBottom20 {
  padding-bottom: 20px; }

.marbot10 {
  margin-bottom: 10px; }

.marbot15 {
  margin-bottom: 15px; }

.marbot20 {
  margin-bottom: 20px; }

.marbot25 {
  margin-bottom: 25px; }

.space-between-action-buttons {
  margin: 0 1vw; }

#postcodeCityBlock {
  position: relative; }

#customAddrArea .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 110% !important;
  z-index: 100;
  display: block;
  cursor: pointer;
  width: 340px;
  right: auto;
  max-height: 200px;
  overflow-y: auto; }

#customAddrArea .tt-suggestion {
  font-size: 0.9em; }

.fixFontSize {
  font-size: 11.5px !important; }

.bttn {
  display: inline-block;
  margin: 0;
  padding: 6px 15px;
  border: 1px solid #333333;
  border-radius: 6px;
  box-shadow: none;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 20px;
  font-size: 12px;
  color: #333333;
  text-shadow: none;
  background: none;
  text-align: center; }
  .bttn:focus {
    color: white;
    background-color: #242424; }
  .bttn:hover {
    color: white;
    background-color: #242424; }
  .bttn.inactive {
    color: #666666;
    background: none;
    border-color: #cccccc; }
    .bttn.inactive:hover {
      color: #333333;
      background: none;
      border-color: #333333; }
  .bttn.active {
    color: #eeeeee;
    background: #333333;
    border-color: #333333; }
    .bttn.active:hover {
      color: black;
      background: white;
      border-color: black; }
  .bttn.btn-white {
    color: black;
    background: white;
    border-color: black; }
    .bttn.btn-white:hover {
      color: #333333;
      background: whitesmoke;
      border-color: #333333; }

.bttn-thin {
  display: inline-block;
  margin: 0;
  padding: 6px 15px;
  border: 1px solid #333333;
  border-radius: 6px;
  box-shadow: none;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 20px;
  font-size: 12px;
  color: #333333;
  text-shadow: none;
  background: none;
  text-align: center; }

.bttn-small {
  padding: 3px 20px;
  line-height: 20px; }

.bttn-wide {
  display: block;
  width: 100%; }

.bttn-checkout {
  margin-left: 20px; }

.bttn_icon {
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 16px;
  line-height: 46px;
  text-align: center; }

.noRadius {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }

.blkBtn {
  display: inline-block;
  background-color: black;
  font-size: 14px;
  color: #eeeeee;
  padding: 10px;
  border: 1px solid black;
  border-radius: 6px; }
  .blkBtn:hover {
    background-color: white;
    color: black;
    text-decoration: none; }

.backBtn {
  background-color: black;
  font-size: 14px;
  color: #eeeeee;
  padding: 11px 18px 10px;
  border: 1px solid black;
  border-radius: 6px; }
  .backBtn:hover {
    background-color: white;
    color: black;
    text-decoration: none; }

.whtBtn {
  background-color: white;
  font-size: 14px;
  color: black;
  padding: 9px 12px 9px 12px;
  border: 1px solid black;
  border-radius: 6px; }
  .whtBtn:hover {
    background-color: black;
    color: #eeeeee !important;
    text-decoration: none; }

.whtLink {
  background-color: white;
  font-size: 14px;
  color: black;
  padding: 12px;
  border: 1px solid black;
  border-radius: 6px; }
  .whtLink:hover {
    background-color: black;
    color: #eeeeee !important;
    text-decoration: none; }

.whtBtnNoPad {
  background-color: white;
  font-size: 14px;
  color: black;
  border: 1px solid black;
  border-radius: 6px; }
  .whtBtnNoPad:hover {
    background-color: black;
    color: #eeeeee;
    text-decoration: none; }

.btn-checked {
  color: white;
  background-color: #666666;
  cursor: no-drop; }
  .btn-checked:hover {
    color: white; }

.checkout-nav-circled {
  padding: 20px 0 0 0;
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px; }

.checkout-nav-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  text-transform: uppercase; }
  .checkout-nav-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2; }
  .checkout-nav-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2; }
  .checkout-nav-item .checkout-nav-step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: white;
    margin-bottom: 6px;
    border: 1px solid #000; }
  .checkout-nav-item .checkout-nav-step-name {
    text-align: center; }
  @media screen and (max-width: 480px) {
    .checkout-nav-item .checkout-nav-step-name {
      font-size: 11px; } }
  .checkout-nav-item:first-child::before {
    content: none; }
  .checkout-nav-item:last-child::after {
    content: none; }

.checkout-nav-item.checkout-nav-active {
  font-weight: bold; }
  .checkout-nav-item.checkout-nav-active .checkout-nav-step-counter {
    background: #F4F7F9; }

.checkout-nav-item.checkout-nav-completed .checkout-nav-step-counter {
  background: black;
  color: white; }

.checkout-nav-item.checkout-nav-completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #000;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3; }

#SideMenu {
  margin-top: 20px; }
  #SideMenu .panel-title {
    font-size: 12px; }
  #SideMenu input[type=checkbox] {
    display: none; }
    #SideMenu input[type=checkbox] ~ label {
      font-size: 13px; }
      #SideMenu input[type=checkbox] ~ label:before {
        font-family: FontAwesome;
        display: inline-block;
        content: "\f096";
        letter-spacing: 10px; }
    #SideMenu input[type=checkbox]:checked ~ label:before {
      content: "\f046";
      letter-spacing: 5px; }
  #SideMenu ul {
    margin-top: 8px;
    margin-left: -35px;
    list-style: none;
    font-size: 12px; }
    #SideMenu ul li a {
      padding: 10px 0;
      text-align: center;
      padding: 12px 0 0;
      display: block;
      text-align: left;
      color: black;
      font-size: 1.2em;
      font-weight: bold; }
  #SideMenu label {
    margin-bottom: 3px;
    font-weight: normal; }

@media (max-width: 767px) {
  #SideMenu ul {
    margin-top: 5px; }
    #SideMenu ul li a {
      text-align: left;
      padding: 3px 0;
      font-size: 1.1em; }
  #SideMenu input[type=checkbox] ~ label {
    margin-bottom: 0; } }

#OrderSummary .tooltip-inner {
  width: auto;
  max-width: 100%; }

.points-tooltip-container {
  text-align: left;
  padding: 10px 10px 0 10px; }

.points-tooltip {
  line-height: 10px; }

.points-total-tooltip {
  border-top: 1px solid white;
  padding-top: 5px;
  font-weight: bold; }

.sprite-btn-minus {
  width: 16px;
  height: 16px;
  background-position: -5px -5px; }

.sprite-btn-plus {
  width: 16px;
  height: 16px;
  background-position: -31px -5px; }

#listQuantity-error {
  display: block;
  margin-top: 8px; }

#tooltip-container .tooltip-inner {
  max-width: 350px;
  width: 250px; }

#tooltip-container .tooltip-table {
  font-weight: bold; }

#tooltip-container .tooltip-first-column {
  width: 240px; }

#tooltip-container .tooltip-total-row {
  border-top: 1px solid white; }

#tooltip-container .tooltip-promo-row {
  font-style: italic;
  font-weight: normal;
  color: #999999;
  padding-left: 20px; }

.birthday-box {
  background-image: url(/Content/pics/gift2xxs.jpg);
  background-repeat: no-repeat;
  width: 120px;
  height: 140px;
  margin: 0 auto; }

.birthday-label {
  font-family: Dancing Script, cursive;
  font-size: 22px;
  font-weight: bold; }

.label-min {
  font-size: 19px; }

.font-14 {
  font-size: 14px; }

.noAvailable {
  opacity: 0.3; }

.pagination > .active > a {
  background-color: #333333;
  border-color: black; }
  .pagination > .active > a:hover {
    background-color: #666666;
    border-color: #333333; }

.pagination > li > a {
  color: #666666; }
  .pagination > li > a:hover {
    color: black; }

.quick-shopping-bp-info {
  padding: 20px;
  display: block;
  font-size: 18px;
  text-align: center; }

#invoiceTable {
  margin: 0 auto; }
  #invoiceTable tbody {
    background: white; }

#invoiceItems a {
  color: black; }
  #invoiceItems a:hover {
    text-decoration: none; }

#invoiceItems span:hover {
  cursor: pointer; }

.cart-product-image-size {
  width: 70px;
  height: 70px; }

.active-False {
  display: none !important; }

.topArea {
  height: 50px;
  color: black; }

.searchArea {
  height: 60px;
  padding-top: 0;
  background-color: white; }
  .searchArea input.tt-input {
    border-radius: 0 !important;
    box-shadow: none !important;
    background: url(/Content/pics/search-icon.png) no-repeat center center;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 24px;
    border: 1px solid #efefef;
    height: 48px; }
    .searchArea input.tt-input:focus {
      background: none !important;
      border: 1px solid #a94442; }
  .searchArea input.tt-hint {
    display: none; }

.titleArea {
  height: 100px;
  padding-top: 50px;
  letter-spacing: 5px;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.6rem; }

.circle {
  border-radius: 50%;
  line-height: 21px !important;
  text-align: center;
  width: 24px;
  height: 24px;
  border: 1px solid #cccccc; }

button.blkCircle {
  border-radius: 50%;
  line-height: 22px !important;
  text-align: center;
  border: 1px solid black; }

button.editable-submit {
  color: #eeeeee;
  background-color: black;
  border-color: #999999; }
  button.editable-submit:hover {
    color: black;
    background-color: #eeeeee;
    border-color: #cccccc; }

#welcomeArea {
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  font-size: 12px; }
  #welcomeArea:hover > a > .fa-spin-hover {
    -webkit-animation: pulse2 1s infinite linear;
    -moz-animation: pulse2 1s infinite linear;
    -o-animation: pulse2 1s infinite linear;
    animation: pulse2 1s infinite linear; }
  #welcomeArea a {
    text-decoration: none; }

.top-area-tooltip {
  padding: 10px; }
  .top-area-tooltip.invoice-area {
    font-weight: normal; }
  .top-area-tooltip div + div {
    text-transform: uppercase; }

#scrollup {
  position: fixed;
  bottom: 2em;
  right: -13px;
  text-decoration: none;
  padding: 1em;
  display: none;
  border: 1px dashed #999999;
  border-right-width: 0;
  background-color: rgba(238, 238, 238, 0.23);
  border-radius: 50px 0 0 50px; }
  #scrollup:hover > .fa-spin-hover {
    -webkit-animation: pulse2 1s infinite linear;
    -moz-animation: pulse2 1s infinite linear;
    -o-animation: pulse2 1s infinite linear;
    animation: pulse2 1s infinite linear; }

.botDrop {
  background-color: transparent;
  padding: 1px 15px;
  border: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/Content/pics/arrow_down.gif) no-repeat;
  background-position: right -3px top 0;
  text-indent: 0.01px;
  text-overflow: initial; }
  .botDrop option {
    color: black;
    background-color: white; }

#Language {
  width: unset; }

#SelectedItemId {
  border: 1px solid black;
  height: 28px;
  font-size: 13px;
  padding: 0 5px; }

select::-ms-expand {
  display: none; }

#searchSubmit {
  background: url(/Content/pics/search-icon.png) no-repeat center center;
  border: 0 none;
  width: 32px;
  height: 48px;
  margin: 0;
  padding: 0;
  display: none; }

.subnameArea {
  padding: 20px;
  font-size: 20px;
  text-align: center;
  letter-spacing: 8px;
  text-transform: uppercase; }

.ordArea {
  float: left;
  padding: 16px 5px 15px 25px;
  text-transform: uppercase;
  font-size: 12px; }

.modalPromoCodeTitle {
  padding: 16px;
  font-size: 16px;
  text-align: center;
  letter-spacing: 6px;
  text-transform: uppercase; }

.product {
  height: 360px; }

#bulkAddButton {
  cursor: pointer;
  float: right; }

.cartStepsNumbers {
  padding-top: 15px;
  display: block;
  text-align: center;
  font-size: 2em;
  font-family: Calibri, sans-serif; }

.invoiceTab {
  display: inline-block;
  width: 102%;
  height: auto;
  text-align: center;
  color: black;
  position: relative;
  top: 5px;
  background: #eeeeee;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  box-shadow: rgba(0, 0, 0, 0.1) 3px 2px 5px, inset rgba(255, 255, 255, 0.09) -1px 0; }
  .invoiceTab span:first-child {
    font-size: 1.1em;
    color: black; }
  .invoiceTab span:nth-child(3) {
    font-size: 1em;
    font-weight: bold;
    color: black; }
  .invoiceTab p:nth-child(5) {
    display: block;
    padding-top: 10px;
    color: black; }

.move-from-invoice {
  position: relative;
  right: 23px;
  top: 36.3px;
  display: block;
  font-size: 1.7em !important; }
  .move-from-invoice:hover {
    color: #cc3333;
    text-decoration: none; }

.activeTab {
  background: black; }
  .activeTab span:first-child {
    color: white; }
  .activeTab span:nth-child(3) {
    color: white; }
  .activeTab p:nth-child(5) {
    color: white; }
  .activeTab .cartBuyerInfo {
    color: white; }
  .activeTab #cancel-invoice {
    color: white; }

.orderInfo {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center; }

#submitOrder {
  display: block;
  text-align: center;
  padding: 10px 0 15px; }

#registerBtn {
  padding: 10.5px 25px;
  color: white;
  border: none;
  background-color: #CB2027;
  font-weight: 900;
  letter-spacing: 2px; }

.order-table {
  margin: 0 auto; }

#cancel-invoice {
  color: black;
  text-align: right; }

#tab {
  display: block; }

#orderDetailsText {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 1.3em; }

.white-tbl {
  margin: 0 auto;
  font-size: 13px; }
  .white-tbl td {
    background-color: white; }

.width90 {
  width: 90%; }

#newsletterArea {
  display: flex;
  flex-flow: column wrap;
  align-content: flex-end;
  justify-content: end;
  background-image: var(--newsletter-bg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
  box-shadow: 0 2rem 3rem rgba(132, 139, 200, 0.18);
  margin-bottom: 20px; }
  #newsletterArea .newsletterArea0 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
  #newsletterArea .newsletterArea1 {
    flex-basis: 60%;
    padding-right: 15px;
    padding-left: 15px;
    text-align: right; }
  #newsletterArea .newsletterArea2 {
    flex-basis: 30%;
    padding-right: 15px;
    padding-left: 15px;
    text-align: left; }
  #newsletterArea p {
    font-size: 11px; }
  #newsletterArea .underInput input[type='text'] {
    height: 42px;
    width: 100%; }
  #newsletterArea .newsletter-overlay {
    background: rgba(255, 255, 255, 0.6);
    padding: 5px;
    margin: 10px 0 10px 0;
    width: 60%; }
  #newsletterArea .whtBtn {
    white-space: nowrap; }

#deliveryPaymentArea1 label p {
  padding: 10px 0 0 20px; }

#deliveryPaymentArea1 div.radio + hr {
  margin: 0; }

#deliveryPaymentArea1 input[type=radio]:checked + span {
  font-weight: bold; }

#deliveryPaymentArea2 a {
  background-color: transparent; }

#deliveryPaymentArea2 label p {
  padding: 10px 0 0 20px; }

#deliveryPaymentArea2 div.radio + hr {
  margin: 0; }

#deliveryPaymentArea2 input[type=radio]:checked + span {
  font-weight: bold; }

.editor-field {
  margin-bottom: 10px; }

#ReceptionPointArea {
  margin: 10px 0; }

.ReceptionLinkToMap {
  cursor: pointer;
  text-decoration: underline; }

.faded {
  opacity: 0;
  transition: opacity 1s; }

.validation-summary-valid {
  display: none; }

#orderHistoryTable {
  padding-top: 20px; }

.prod-details {
  font-size: 12px; }

.authorizationListActions {
  font-size: 1.4em; }
  .authorizationListActions a {
    color: black; }

.logOff {
  z-index: 9999;
  overflow: hidden;
  position: absolute;
  min-width: 130px;
  width: auto;
  border: 1px solid #e9e9e9;
  background-color: #f9f9f9;
  color: black;
  right: auto;
  font-size: 12px;
  padding: 10px;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .logOff a {
    color: black !important; }

.logoutClass {
  padding: 17px 5px 19px;
  position: relative;
  display: block; }
  .logoutClass i {
    padding-right: 2px;
    padding-left: 2px; }

.textBlack {
  color: black; }

.textRed {
  color: #a94442; }

.items-number-combo {
  display: inline-block;
  width: 55px;
  height: 19px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 0;
  transition: none;
  outline: none;
  box-shadow: none; }
  .items-number-combo:focus {
    outline: none;
    border-color: #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none; }

.items-number-label {
  color: black;
  font-family: FontAwesome;
  padding-left: 10px;
  text-transform: uppercase;
  font-size: 12px; }

.items-text-combo {
  display: inline-block;
  width: 75px;
  height: 19px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 0;
  transition: none;
  outline: none;
  box-shadow: none; }
  .items-text-combo:focus {
    outline: none;
    border-color: #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none; }

.tooltip {
  z-index: 100; }

.fixed {
  position: fixed;
  z-index: 10000;
  width: 100%;
  min-height: 50px;
  top: 0; }

.modal-content {
  top: 120px; }

.tileBaner {
  left: -250%; }

.p404 {
  background-image: url(https://pl-static.fmworld.com/pic/404.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 0;
  padding-top: 44.10%; }
  .p404 div {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white; }

#addSearcher {
  border-left: 1px solid #9f9d9e;
  border-right: 1px solid #9f9d9e;
  border-bottom: 1px solid #9f9d9e;
  border-top: 1px dashed #9f9d9e;
  background-color: #efefef;
  display: none; }

.is-flex {
  clear: both;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .is-flex > [class*='col-'] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none; }

.dl-horizontal dt {
  white-space: normal; }

input.botLine {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid black;
  width: 100% !important;
  height: 50px;
  font-size: 20px;
  text-align: center; }

select.botDrop:focus {
  outline: 0; }

.nav > li > a {
  padding: 8px 12px; }

.dropdown-menu > li > a {
  padding: 3px 15px; }

.row.no-gutter {
  margin-right: 0;
  margin-left: 0; }
  .row.no-gutter > [class^="col-"] {
    padding-right: 0;
    padding-left: 0; }
  .row.no-gutter > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0; }

i.blkCircle {
  border-radius: 50%;
  line-height: 22px !important;
  text-align: center;
  width: 25px;
  height: 25px;
  border: 1px solid black;
  border: 1px dashed black;
  margin-left: 5px; }

#retLink:hover > a > .fa-spin-hover {
  -webkit-animation: pulse2 1s infinite linear;
  -moz-animation: pulse2 1s infinite linear;
  -o-animation: pulse2 1s infinite linear;
  animation: pulse2 1s infinite linear; }

.form-control:focus {
  border-color: #333333; }

.underInput input[type='text'] {
  border-color: #333333;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-radius: 0 !important;
  background: transparent; }

span.invoice-header {
  cursor: pointer; }

div.validation-summary-errors span {
  font-weight: bold; }

div.validation-summary-errors ul li {
  padding-left: 5px; }

.invoice_bag i.fa {
  float: left; }

.shopping_bag i.fa {
  float: left; }

.slist-tooltip + .tooltip > .tooltip-inner {
  border-radius: 0;
  border: 1px solid black;
  color: black;
  font-weight: 600;
  background-color: white; }

.slist-tooltip + .tooltip > .tooltip-arrow {
  border-radius: 0;
  border: 1px solid black;
  color: black;
  font-weight: 600;
  border-bottom-color: white; }

.slist-tooltip + .tooltip.in {
  opacity: 1.0;
  filter: alpha(opacity=100); }

.slist-tooltipBlack + .tooltip > .tooltip-inner {
  border-radius: 0; }

.slist-tooltipBlack + .tooltip > .tooltip-arrow {
  border-radius: 0; }

.clearButt button {
  display: block;
  margin: 5px auto 1px; }

.field-validation-error span {
  font-size: 12px; }

.loginTitle a {
  color: black;
  text-decoration: none; }

#iFramePopup {
  height: 100%;
  width: 100%; }

.tntPopup {
  position: absolute;
  left: -400px;
  top: -260px;
  border: outset;
  display: none;
  width: 800px;
  height: 650px;
  padding: 0;
  z-index: 100; }

.select2-container--default .select2-selection--single {
  width: 100%;
  height: 34px;
  padding: 2px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

@media (max-width: 500px) {
  .hidden-xss {
    display: none !important; } }

.visible-xss {
  display: none; }
  @media (max-width: 500px) {
    .visible-xss {
      display: block !important; } }

.marketing-slider .swiper-container {
  width: 100%;
  position: relative;
  margin-top: 20px; }

.marketing-slider .slide-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }

.marketing-slider .slide-content-wrapper {
  display: flex;
  flex-direction: column;
  width: 35%;
  z-index: 1000; }

.marketing-slider .swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  background: #869791 !important;
  opacity: .5 !important; }

.marketing-slider .swiper-pagination-bullet-active {
  opacity: 1 !important; }

.marketing-slider .swiper-slide {
  clear: both;
  overflow: hidden;
  margin-bottom: 20px; }

.marketing-slider .text-container {
  float: left;
  margin: 30px 0 0 40px;
  box-sizing: border-box; }

.marketing-slider .button-container {
  position: absolute;
  bottom: 0;
  margin: 0 20px 20px 40px;
  opacity: 0;
  transform: scale(0.8);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: .5s;
  transition-delay: .7s; }

.marketing-slider .image-container {
  width: 55%;
  display: flex;
  justify-content: flex-end;
  height: 550px;
  cursor: grab; }

.marketing-slider .image-container img {
  max-width: 200%;
  height: 100%;
  max-height: 600px; }

.marketing-slider .swiper-slide .image-container img {
  width: auto; }

.marketing-slider .image-container img::after {
  margin-right: -30px; }

.marketing-slider .slide-title {
  opacity: 0;
  transform: scale(0.8);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: .5s;
  transition-delay: .3s; }

.marketing-slider .slide-title p {
  font-size: 5rem;
  line-height: 1;
  font-family: Lato,sans-serif; }

.marketing-slider .slide-description {
  margin-top: 30px;
  opacity: 0;
  transform: scale(0.8);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: .5s;
  transition-delay: .7s; }

.marketing-slider .slide-description p {
  font-size: 1.75rem; }

.marketing-slider .swiper-slide-active .slide-title, .marketing-slider .swiper-slide-active .slide-description, .marketing-slider .swiper-slide-active .button-container {
  opacity: 1;
  transform: scale(1); }

.marketing-slider .whtBtn {
  border: 2px solid black; }

@media (max-width: 1400px) {
  .marketing-slider .slide-title p {
    font-size: 4.25rem; }
  .marketing-slider .slide-description p {
    font-size: 1.5rem; } }

@media (max-width: 1200px) {
  .marketing-slider .slide-title p {
    font-size: 3.75rem; } }

@media (max-width: 1000px) {
  .marketing-slider .slide-description {
    display: none; }
  .marketing-slider .slide-title p {
    font-size: 2.375rem;
    line-height: 2.25rem; }
  .marketing-slider .image-container {
    height: 375px; } }

@media (max-width: 720px) {
  .marketing-slider .button-container {
    display: none; }
  .marketing-slider .swiper-slide:hover {
    cursor: pointer; }
  .marketing-slider .image-container {
    height: 200px;
    cursor: pointer; }
  .marketing-slider .text-container {
    margin: 15px 0 0 0; } }

.featured-brands-container .swiper {
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px; }
  .featured-brands-container .swiper .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    width: 120px; }
    .featured-brands-container .swiper .swiper-slide a:hover {
      cursor: pointer; }
    .featured-brands-container .swiper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      transition: transform .5s; }
      .featured-brands-container .swiper .swiper-slide img:hover {
        transform: scale(1.2); }

.featured-brands-container .featured-brands-slider {
  padding-left: 40px;
  padding-right: 40px;
  background-color: #e5e7eb;
  border-radius: 20px; }

@media only screen and (max-width: 768px) {
  .featured-brands-container .swiper {
    padding-top: 40px;
    padding-bottom: 40px; }
    .featured-brands-container .swiper .swiper-slide {
      height: 50px;
      width: 100px; } }

@media only screen and (max-width: 480px) {
  .featured-brands-container .featured-brands-slider {
    padding-left: 10px;
    padding-right: 10px; } }

.products-brands-container .image-square-box {
  position: relative;
  max-width: 240px;
  overflow: hidden;
  background: white;
  margin: 0 auto; }

.products-brands-container .image-square-box:before {
  content: "";
  display: block;
  padding-top: 100%; }

.products-brands-container .image-square-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: white;
  text-align: center; }

.products-brands-container .swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: row; }

.products-brands-container .swiper-slide {
  margin-top: 0 !important; }

.products-brands-container .swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  background: #869791 !important;
  opacity: .5 !important; }

.products-brands-container .swiper-pagination-bullet-active {
  opacity: 1 !important; }

.products-brands-container button > * {
  pointer-events: none; }

.popular-products-container .swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  background: #869791 !important;
  opacity: .5 !important; }

.popular-products-container .swiper-pagination-bullet-active {
  opacity: 1 !important; }

.popular-products-container button > * {
  pointer-events: none; }

.editor-field-combo {
  margin-bottom: 10px; }

.login-info-short {
  display: none; }

.login-info-long {
  display: inline; }

@media (max-width: 424px) {
  #LoginInfoShareBtn {
    display: none; } }

@media (max-width: 768px) {
  .login-info-long {
    display: none; }
  .login-info-short {
    display: inline; } }

.page-graphic-wrapper {
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px; }
  .page-graphic-wrapper .page-graphic {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    position: relative;
    text-align: left; }
    .page-graphic-wrapper .page-graphic img {
      width: 100%;
      max-width: 100%;
      height: auto;
      max-height: 300px;
      object-fit: scale-down;
      object-position: right; }
    .page-graphic-wrapper .page-graphic .page-graphic-text {
      position: absolute;
      width: 33.333333%;
      top: 50%;
      left: 1rem;
      transform: translate(0, -50%);
      text-align: left; }
      @media only screen and (min-width: 320px) {
        .page-graphic-wrapper .page-graphic .page-graphic-text {
          left: 1rem !important; } }
      @media only screen and (min-width: 480px) {
        .page-graphic-wrapper .page-graphic .page-graphic-text {
          left: 2rem !important; } }
      @media only screen and (min-width: 768px) {
        .page-graphic-wrapper .page-graphic .page-graphic-text {
          left: 3rem !important; } }
      @media only screen and (min-width: 1600px) {
        .page-graphic-wrapper .page-graphic .page-graphic-text {
          left: 12rem !important; } }
    .page-graphic-wrapper .page-graphic .page-graphic-title {
      font-size: 1.5rem;
      line-height: 1; }
      @media only screen and (min-width: 320px) {
        .page-graphic-wrapper .page-graphic .page-graphic-title {
          font-size: 1.5rem !important; } }
      @media only screen and (min-width: 480px) {
        .page-graphic-wrapper .page-graphic .page-graphic-title {
          font-size: 1.75rem !important; } }
      @media only screen and (min-width: 992px) {
        .page-graphic-wrapper .page-graphic .page-graphic-title {
          font-size: 2.5rem !important; } }
    .page-graphic-wrapper .page-graphic .page-graphic-desc {
      font-size: 1.75rem; }

.alert a:hover {
  cursor: pointer; }