@font-face {
  font-family: 'AvenirLTStd-Black';
  src: url("fonts/AvenirLTStd-Black.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirLTStd-Black.otf") format("opentype"), url("fonts/AvenirLTStd-Black.woff") format("woff"), url("fonts/AvenirLTStd-Black.ttf") format("truetype"), url("fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("fonts/fa-brands-400.eot");
  src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("fonts/fa-regular-400.eot");
  src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome Solid 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Aileron-SemiBold';
  src: url("fonts/Aileron-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Aileron-SemiBold.otf") format("opentype"), url("fonts/Aileron-SemiBold.woff") format("woff"), url("fonts/Aileron-SemiBold.ttf") format("truetype"), url("fonts/Aileron-SemiBold.svg#Aileron-SemiBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SegoeUI';
  src: url("fonts/SegoeUI.eot?#iefix") format("embedded-opentype"), url("fonts/SegoeUI.woff") format("woff"), url("fonts/SegoeUI.ttf") format("truetype"), url("fonts/SegoeUI.svg#SegoeUI") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  -ms-overflow-style: none !important; }

/* width */
::-webkit-scrollbar {
  width: 10px;
  margin-right: 2px; }

/* Track */
::-webkit-scrollbar-track {
  background: #ececec;
  opacity: .9; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #b7b7b7;
  opacity: 0.9; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; }

::-webkit-input-placeholder {
  /* Edge */
  font-size: 13px;
  color: #b1b2b3; }

html, body {
  margin: 0;
  font-family: "SegoeUI"; }

body {
  font-size: 14px; }

.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "SegoeUI"; }

h2 {
  font-size: 21px;
  line-height: 35px;
  letter-spacing: 1px;
  color: #303032;
  margin: 0 0 15px; }

p {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #848484;
  margin-bottom: 35px; }

ul {
  margin: 0;
  padding: 0; }

a {
  color: #848484;
  -webkit-transition: color 200ms ease;
  -moz-transition: color 200ms ease;
  -ms-transition: color 200ms ease;
  -o-transition: color 200ms ease;
  transition: color 200ms ease; }
  a:hover {
    color: #333;
    text-decoration: none; }

img {
  border: 0;
  vertical-align: middle; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee; }

.pl-100 {
  padding-left: 100px; }

.pr-100 {
  padding-right: 100px; }

.pl-50 {
  padding-left: 50px; }

.pr-50 {
  padding-right: 50px; }

.pl-25 {
  padding-left: 25px; }

.pr-25 {
  padding-right: 25px; }

.pt-100 {
  padding-top: 100px; }

.pt-25 {
  padding-top: 25px; }

.pb-100 {
  padding-bottom: 100px; }

.form-group label {
  font-size: 12px;
  font-weight: 500;
  color: #303030;
  letter-spacing: .3px; }

.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fcfcfc !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 0;
  height: 35px !important;
  color: #5e5e5e !important;
  font-size: 12px !important;
  letter-spacing: .3px !important;
  font-family: Verdana !important; }

.form-control:hover {
  border: 1px solid #383838 !important; }

textarea.form-control {
  height: 100px !important;
  color: #5e5e5e !important; }

.form-control:focus, button:focus, input:focus {
  color: unset !important;
  background-color: unset !important;
  border-color: unset !important;
  outline: unset !important;
  outline-offset: unset !important;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important; }

button.btn.btn-default, button.btn.btn-default:focus {
  height: 35px;
  border: 0;
  border-radius: 0;
  width: 150px;
  background-color: #1b1b1b;
  color: #fff;
  font-size: 14px;
  letter-spacing: .3px;
  float: right;
  font-family: "SegoeUI"; }
  button.btn.btn-default:hover, button.btn.btn-default:focus:hover {
    background-color: #4e4e4e;
    color: #fff;
    border: 1px solid #4e4e4e !important; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65; }

.page-inner {
  min-height: 45vh; }

#loader {
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000000;
  background: url(/content/images/common-loader.gif) center center no-repeat rgba(39, 39, 39, 0.5);
  background-size: 198px auto; }

#divCartError span {
  background: #ffe1e1;
  font-size: 12px;
  padding: 4px 8px;
  border: 1px solid #f9bebe;
  margin-bottom: 6px;
  color: #de5b5b;
  display: inline-block;
  width: 100%; }

/* -------------------- IPG Loder ------------------------ */
@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.loading:after {
  content: ' .';
  animation: dots 1s steps(5, middle) infinite; }

@keyframes dots {
  0%, 20% {
    color: transparent;
    text-shadow: 0.25em 0 0 transparent, 0.5em 0 0 transparent; }
  40% {
    color: black;
    text-shadow: 0.25em 0 0 transparent, 0.5em 0 0 transparent; }
  60% {
    text-shadow: 0.25em 0 0 black, 0.5em 0 0 transparent; }
  80%, 100% {
    text-shadow: .25em 0 0 black, .5em 0 0 black; } }

.redirecting-ipg {
  margin: calc(50vh - 235px) auto 0;
  height: 235px;
  width: 75%;
  border: 2px dashed #a8d6a7;
  border-radius: 19px; }
  .redirecting-ipg i {
    color: #73b771;
    font-size: 34px;
    animation-name: spin;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
  .redirecting-ipg .text {
    font-family: "SegoeUI";
    font-size: 20px; }
    .redirecting-ipg .text:after {
      content: ' .';
      animation: dots 1s steps(5, end) infinite;
      margin-left: -4px; }
  .redirecting-ipg span {
    font-family: "SegoeUI";
    font-size: 15px;
    color: #525252; }

#divCartError span {
  background: #ffe1e1;
  font-size: 12px;
  padding: 4px 8px;
  border: 1px solid #f9bebe;
  margin-bottom: 6px;
  color: #de5b5b;
  display: inline-block;
  width: 100%; }

#termsConditions {
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000000; }
  #termsConditions .modal-dialog {
    margin-top: 5vh; }
  #termsConditions .modal-body {
    max-height: 75vh;
    overflow-y: auto;
    margin-top: 2vh; }

section .breadcrum {
  padding-left: 35px;
  padding-top: 35px; }
  section .breadcrum a {
    font-size: 12px;
    color: #ababab !important;
    line-height: 40px;
    letter-spacing: 1px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms ease;
    -ms-transition: color 200ms ease;
    -o-transition: color 200ms ease;
    transition: color 200ms ease; }
    section .breadcrum a:hover {
      color: #000 !important; }
    section .breadcrum a:not(:last-child):after {
      content: "|";
      padding-right: 10px;
      padding-left: 15px; }
    section .breadcrum a:last-child {
      color: #6a6a6a !important; }
      section .breadcrum a:last-child:hover {
        color: #000 !important; }

section.page-inner {
  padding-top: 30px;
  padding-bottom: 30px; }

section.sidebar-filter h2 {
  font-size: 22px;
  color: #303032;
  line-height: 40px;
  margin-top: 25px;
  letter-spacing: 1px; }

section.sidebar-filter h5.filter-title {
  font-size: 10px;
  color: #303030;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0;
  letter-spacing: 1.5px; }

section.sidebar-filter ul.filter-category-list li {
  padding: 0;
  border: none; }
  section.sidebar-filter ul.filter-category-list li a {
    font-size: 12px;
    color: #767779;
    line-height: 32px;
    letter-spacing: 1px;
    cursor: pointer;
    padding-bottom: 2px;
    text-decoration: none;
    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms ease;
    -ms-transition: color 200ms ease;
    -o-transition: color 200ms ease;
    transition: color 200ms ease; }
    section.sidebar-filter ul.filter-category-list li a.active, section.sidebar-filter ul.filter-category-list li a:hover {
      color: #000;
      border-bottom: 1px solid #000; }

section.sidebar-filter form.filter-price-range {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 10px; }
  section.sidebar-filter form.filter-price-range .form-group {
    width: 50%;
    display: inline-block;
    float: left; }
    section.sidebar-filter form.filter-price-range .form-group label {
      margin-right: 5px;
      font-size: 12px;
      color: #515253;
      line-height: 35px;
      font-weight: 400;
      letter-spacing: .5px; }
    section.sidebar-filter form.filter-price-range .form-group input.form-control {
      width: calc(100% - 36px) !important;
      border-radius: 0;
      padding: 6px 8px;
      height: 40px;
      line-height: 40px;
      font-size: 12px;
      letter-spacing: .5px; }
      @media only screen and (max-device-width: 767px) {
        section.sidebar-filter form.filter-price-range .form-group input.form-control {
          line-height: 20px; } }

.col-product-list {
  padding-left: 30px; }
  @media (min-width: 992px) {
    .col-product-list {
      width: 75%; } }
  .col-product-list h1.product-category-title {
    margin-bottom: 15px;
    color: #303032;
    font-size: 36px;
    line-height: 40px;
    text-transform: capitalize;
    padding: 0; }
  .col-product-list .product-pagination {
    margin-bottom: 0;
    margin-top: 35px;
    padding: 0;
    text-align: right; }
    .col-product-list .product-pagination li {
      margin-right: 8px;
      border: 1px solid transparent;
      padding: 1px 6px;
      font-size: 12px;
      height: 22px;
      display: inline-block;
      -webkit-transition: background 300ms ease;
      -moz-transition: background 300ms ease;
      -ms-transition: background 300ms ease;
      -o-transition: background 300ms ease;
      transition: background 300ms ease; }
      .col-product-list .product-pagination li.current {
        background: #fff;
        color: #747474;
        border: 1px solid #747474; }
      .col-product-list .product-pagination li.disabled {
        color: #cacaca;
        cursor: default; }
      .col-product-list .product-pagination li.pagination-previous:hover, .col-product-list .product-pagination li.pagination-next:hover {
        background: transparent;
        color: #E8E215 !important; }
        .col-product-list .product-pagination li.pagination-previous:hover:after, .col-product-list .product-pagination li.pagination-previous:hover:before, .col-product-list .product-pagination li.pagination-next:hover:after, .col-product-list .product-pagination li.pagination-next:hover:before {
          /*color: #000 !important;*/ }
      .col-product-list .product-pagination li.pagination-previous:after, .col-product-list .product-pagination li.pagination-previous:before, .col-product-list .product-pagination li.pagination-next:after, .col-product-list .product-pagination li.pagination-next:before {
        display: inline-block;
        font-family: 'Font Awesome Solid 5 Free';
        font-size: 12px;
        -webkit-transition: color 200ms ease;
        -moz-transition: color 200ms ease;
        -ms-transition: color 200ms ease;
        -o-transition: color 200ms ease;
        transition: color 200ms ease; }
      .col-product-list .product-pagination li.pagination-previous.disabled:after, .col-product-list .product-pagination li.pagination-previous.disabled:before, .col-product-list .product-pagination li.pagination-next.disabled:after, .col-product-list .product-pagination li.pagination-next.disabled:before {
        color: #c8c8c8; }
      .col-product-list .product-pagination li.pagination-previous:before {
        margin-left: 0.5rem;
        content: "\f053"; }
      .col-product-list .product-pagination li.pagination-next:after {
        margin-right: 0.5rem;
        content: "\f054"; }
      .col-product-list .product-pagination li a {
        color: #747474;
        border-color: unset !important;
        outline: unset !important;
        outline-offset: unset !important;
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important; }
      .col-product-list .product-pagination li:hover {
        background: #e6e6e6;
        cursor: pointer; }
    .col-product-list .product-pagination .show-for-sr {
      position: absolute !important;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0); }
  .col-product-list .product-list .product-item {
    max-height: 690px;
    flex: unset; }
    .col-product-list .product-list .product-item.col-md-3 {
      max-width: unset; }
    @media (min-width: 1441px) {
      .col-product-list .product-list .product-item.col-md-3 {
        width: 25% !important; } }
    @media (min-width: 1200px) {
      .col-product-list .product-list .product-item.col-md-3 {
        width: 33.333333333333%; } }
    .col-product-list .product-list .product-item .promo-label {
      position: absolute;
      top: 17px;
      background: #dc3545;
      color: #fff;
      padding: 4px 14px;
      left: 10px;
      z-index: 1;
      font-family: "SegoeUI"; }
      .col-product-list .product-list .product-item .promo-label span {
        float: left;
        color: #fff;
        font-size: 11px;
        margin-top: 6px; }
        .col-product-list .product-list .product-item .promo-label span.amount {
          font-size: 17px;
          margin-top: 0;
          margin-right: 1px; }
    .col-product-list .product-list .product-item .card {
      border: none;
      margin: 0 0 15px; }
    .col-product-list .product-list .product-item .product-img-wrapper {
      position: relative;
      border: 6px solid transparent;
      -webkit-transition: border 200ms linear;
      -moz-transition: border 200ms linear;
      -ms-transition: border 200ms linear;
      -o-transition: border 200ms linear;
      transition: border 200ms linear; }
      .col-product-list .product-list .product-item .product-img-wrapper .product-icons-container {
        display: table;
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 100;
        height: 60px;
        opacity: 0;
        background: #fff;
        border-top: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease; }
        .col-product-list .product-list .product-item .product-img-wrapper .product-icons-container .col-i {
          text-align: center;
          display: inline-block;
          background-color: #fff;
          width: 100%;
          float: left;
          cursor: pointer;
          -webkit-transition: background 300ms ease;
          -moz-transition: background 300ms ease;
          -ms-transition: background 300ms ease;
          -o-transition: background 300ms ease;
          transition: background 300ms ease; }
          .col-product-list .product-list .product-item .product-img-wrapper .product-icons-container .col-i div span {
            font-family: "SegoeUI";
            color: #333; }
          .col-product-list .product-list .product-item .product-img-wrapper .product-icons-container .col-i div img {
            padding-top: 10px; }
          .col-product-list .product-list .product-item .product-img-wrapper .product-icons-container .col-i:hover {
            background-color: #000; }
            .col-product-list .product-list .product-item .product-img-wrapper .product-icons-container .col-i:hover span {
              color: #cfcfcd; }
            .col-product-list .product-list .product-item .product-img-wrapper .product-icons-container .col-i:hover img {
              -webkit-filter: invert(100%);
              filter: invert(100%); }
      .col-product-list .product-list .product-item .product-img-wrapper .card-img-top {
        width: 100%;
        background-color: #fff;
        opacity: 1;
        max-height: 411px;
        min-height: 327px;
        border-radius: 0;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease; }
    .col-product-list .product-list .product-item .card-footer {
      background-color: #fff;
      border: none; }
      .col-product-list .product-list .product-item .card-footer h3.product-name {
        margin-bottom: 0;
        margin-top: 5px;
        display: inline-block;
        width: 100%; }
        .col-product-list .product-list .product-item .card-footer h3.product-name a {
          margin-bottom: 0;
          font-size: 14px;
          line-height: 20px;
          color: #474747;
          text-decoration: none;
          letter-spacing: .5px;
          display: inline-block;
          width: 100%;
          white-space: nowrap;
          overflow: hidden !important;
          text-overflow: ellipsis;
          float: left; }
          .col-product-list .product-list .product-item .card-footer h3.product-name a:hover {
            text-decoration: none; }
      .col-product-list .product-list .product-item .card-footer .product-price {
        margin-bottom: 0;
        margin-top: 5px; }
        .col-product-list .product-list .product-item .card-footer .product-price .discount-price {
          text-decoration: line-through;
          color: #bbb; }
    .col-product-list .product-list .product-item:hover .product-img-wrapper {
      background-color: #000;
      border: 6px solid #2e2e2e; }
    .col-product-list .product-list .product-item:hover .product-img-wrapper > .product-icons-container {
      opacity: 1; }
    .col-product-list .product-list .product-item:hover .card-img-top {
      opacity: .6; }
  .col-product-list .product-list.Bigsale .product-item .product-img-wrapper .card-img-top {
    min-height: unset; }

.Bigsale .col-product-list .product-list .product-item .product-img-wrapper {
  border-width: 2px; }

.cart {
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  width: 100%;
  padding: 0;
  height: 100%;
  visibility: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; }
  .cart .content {
    background: #fff;
    z-index: 999;
    width: 448px;
    margin-left: unset;
    top: 0;
    right: -500px;
    position: absolute;
    height: 100%;
    padding: 15px 20px 40px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }
    .cart .content .wrapper {
      margin: 0 auto;
      padding: 0 15px;
      text-align: center;
      height: 100%; }
      .cart .content .wrapper .wrapper-scroll {
        height: 100%; }
        .cart .content .wrapper .wrapper-scroll h2 {
          font-size: 20px;
          line-height: 19px;
          letter-spacing: .5px; }
          .cart .content .wrapper .wrapper-scroll h2 img {
            display: inline;
            width: 22px;
            vertical-align: bottom; }
        .cart .content .wrapper .wrapper-scroll .item-list {
          list-style: none;
          padding: 0;
          margin-top: 10px;
          width: 100%;
          float: left;
          overflow-y: auto;
          overflow-x: hidden;
          height: calc(100% - 232px);
          /* Track */
          /* Handle */
          /* Handle on hover */ }
          .cart .content .wrapper .wrapper-scroll .item-list::-webkit-scrollbar {
            width: 4px; }
          .cart .content .wrapper .wrapper-scroll .item-list::-webkit-scrollbar-track {
            background: #d0d0d0;
            border-radius: 13px; }
          .cart .content .wrapper .wrapper-scroll .item-list::-webkit-scrollbar-thumb {
            background: #000;
            border-radius: 13px; }
          .cart .content .wrapper .wrapper-scroll .item-list::-webkit-scrollbar-thumb:hover {
            background: #4c4c4c; }
          .cart .content .wrapper .wrapper-scroll .item-list .item {
            display: inline-block;
            width: 100%;
            margin-top: -1px; }
            .cart .content .wrapper .wrapper-scroll .item-list .item .item-remove {
              margin-bottom: -5px;
              width: 100%;
              text-align: right;
              padding-left: 0;
              color: #acacac;
              font-size: 16px; }
              .cart .content .wrapper .wrapper-scroll .item-list .item .item-remove i {
                cursor: pointer;
                color: #e46a6a;
                -webkit-transition: color 200ms ease;
                -moz-transition: color 200ms ease;
                -ms-transition: color 200ms ease;
                -o-transition: color 200ms ease;
                transition: color 200ms ease; }
                .cart .content .wrapper .wrapper-scroll .item-list .item .item-remove i:hover {
                  color: #333; }
            .cart .content .wrapper .wrapper-scroll .item-list .item:last-child {
              border-bottom: 0 none !important; }
          .cart .content .wrapper .wrapper-scroll .item-list .item-image {
            /*width: 100%;*/
            border: 1px solid #efefef;
            max-width: 60px; }
          .cart .content .wrapper .wrapper-scroll .item-list .item-name {
            font-size: 13px; }
          .cart .content .wrapper .wrapper-scroll .item-list .item-qty {
            font-size: 12px; }
            .cart .content .wrapper .wrapper-scroll .item-list .item-qty strong {
              font-size: 11px; }
          .cart .content .wrapper .wrapper-scroll .item-list .item-price {
            color: #303032;
            font-size: 14px;
            line-height: 18px;
            margin-top: 10px;
            margin-bottom: 0;
            font-weight: 700; }
        .cart .content .wrapper .wrapper-scroll ul.bag-ctrls {
          list-style: none;
          padding: 20px 0 0;
          position: absolute;
          bottom: 0;
          right: 35px;
          left: 35px;
          float: left; }
          .cart .content .wrapper .wrapper-scroll ul.bag-ctrls li {
            display: list-item;
            margin-bottom: 14px;
            width: 100%;
            float: left; }
            .cart .content .wrapper .wrapper-scroll ul.bag-ctrls li button {
              height: 48px;
              border-radius: 0;
              font-size: 16px;
              width: 100%;
              border: 1px solid;
              font-family: "SegoeUI"; }
              .cart .content .wrapper .wrapper-scroll ul.bag-ctrls li button.btn-continue {
                border-color: #d7d7d7;
                background-color: #fff;
                color: #5e5e5e; }
              .cart .content .wrapper .wrapper-scroll ul.bag-ctrls li button.btn-cleatbag {
                border-color: #777;
                background-color: #fff;
                color: #5e5e5e; }
              .cart .content .wrapper .wrapper-scroll ul.bag-ctrls li button.btn-checkout {
                border-color: #73b771;
                background-color: #73b771;
                color: #fff; }
  .cart .checkout {
    background: #f6f6f6;
    z-index: 999;
    width: 0;
    top: 0;
    margin-left: unset;
    right: -500px;
    position: absolute;
    height: 100%;
    padding: 35px 20px 14px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease; }
    .cart .checkout .wrapper {
      height: 100%; }
      .cart .checkout .wrapper .wrapper-scroll {
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%; }
    .cart .checkout .item-list {
      width: 100%;
      float: left;
      overflow: hidden;
      overflow-y: auto;
      height: calc(100% - 232px);
      /* Track */
      /* Handle */
      /* Handle on hover */ }
      .cart .checkout .item-list::-webkit-scrollbar {
        width: 4px; }
      .cart .checkout .item-list::-webkit-scrollbar-track {
        background: #d0d0d0;
        border-radius: 13px; }
      .cart .checkout .item-list::-webkit-scrollbar-thumb {
        background: #000;
        border-radius: 13px; }
      .cart .checkout .item-list::-webkit-scrollbar-thumb:hover {
        background: #4c4c4c; }
    .cart .checkout button.return-to-cart {
      text-decoration: none;
      color: #777;
      font-size: 14px;
      border-radius: 0;
      border: 0 none; }
      .cart .checkout button.return-to-cart:hover {
        color: #333; }
      .cart .checkout button.return-to-cart:focus {
        border: 0 none; }
    .cart .checkout button.colse-checkout-widget {
      height: 40px;
      width: 40px;
      padding: 6px; }
    .cart .checkout .col-form {
      height: 95%; }
      .cart .checkout .col-form form.form-checkout {
        margin-top: 15px;
        display: table; }
        .cart .checkout .col-form form.form-checkout .form-group .form-header {
          color: #303032;
          font-size: 22px;
          font-weight: 100; }
        .cart .checkout .col-form form.form-checkout .form-group label {
          color: #303030;
          font-size: 13px; }
        .cart .checkout .col-form form.form-checkout .form-group .form-control {
          color: #303030;
          border-color: #c6c6c6;
          border-radius: 0;
          height: 36px;
          background-color: #fff;
          font-size: 12px; }
        .cart .checkout .col-form form.form-checkout .card {
          background-color: #fff;
          padding: 15px 16px;
          display: inline-block;
          width: 100%;
          -webkit-box-shadow: 0 0 10px -4px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 10px -4px rgba(0, 0, 0, 0.4);
          border-right: 0;
          border-left: 0;
          border-radius: 0; }
          .cart .checkout .col-form form.form-checkout .card .form-group {
            margin: 0; }
            .cart .checkout .col-form form.form-checkout .card .form-group .input-group {
              position: relative;
              display: table;
              border-collapse: separate; }
              .cart .checkout .col-form form.form-checkout .card .form-group .input-group .form-control {
                color: #303030 !important;
                border-color: #c6c6c6 !important;
                border-radius: 0 !important;
                height: 36px !important;
                background-color: #fff !important;
                font-size: 12px !important;
                width: 100%; }
              .cart .checkout .col-form form.form-checkout .card .form-group .input-group .input-group-btn {
                position: relative;
                font-size: 0;
                white-space: nowrap;
                float: left;
                margin-left: -1px; }
                .cart .checkout .col-form form.form-checkout .card .form-group .input-group .input-group-btn button {
                  border-radius: 0;
                  height: 36px;
                  padding: 6px 35px;
                  background-color: #f7f7f7;
                  font-size: 14px;
                  width: 100%;
                  border: 1px solid #c6c6c6 !important;
                  color: #333; }
                  .cart .checkout .col-form form.form-checkout .card .form-group .input-group .input-group-btn button:hover {
                    border: 1px solid #b7b3b3 !important; }
                  .cart .checkout .col-form form.form-checkout .card .form-group .input-group .input-group-btn button:focus {
                    border: 1px solid #333 !important; }
        .cart .checkout .col-form form.form-checkout .form-bottom {
          bottom: 0; }
          .cart .checkout .col-form form.form-checkout .form-bottom table.payment-summery {
            width: 100%; }
            .cart .checkout .col-form form.form-checkout .form-bottom table.payment-summery tr th, .cart .checkout .col-form form.form-checkout .form-bottom table.payment-summery tr td {
              color: #777;
              padding: 6px 8px;
              font-size: 14px;
              width: 50%; }
            .cart .checkout .col-form form.form-checkout .form-bottom table.payment-summery tr th {
              text-align: left;
              font-family: "SegoeUI"; }
            .cart .checkout .col-form form.form-checkout .form-bottom table.payment-summery tr td {
              text-align: right; }
            .cart .checkout .col-form form.form-checkout .form-bottom table.payment-summery tr:first-child, .cart .checkout .col-form form.form-checkout .form-bottom table.payment-summery tr:last-child {
              border-top: 1px solid #e8e8e8; }
            .cart .checkout .col-form form.form-checkout .form-bottom table.payment-summery tr:first-child th, .cart .checkout .col-form form.form-checkout .form-bottom table.payment-summery tr:first-child td {
              padding-top: 30px; }
            .cart .checkout .col-form form.form-checkout .form-bottom table.payment-summery tr:nth-last-child(2) th, .cart .checkout .col-form form.form-checkout .form-bottom table.payment-summery tr:nth-last-child(2) td {
              padding-bottom: 30px; }
          .cart .checkout .col-form form.form-checkout .form-bottom .continue-to-payment {
            height: 48px;
            border-radius: 0;
            font-size: 18px;
            background-color: #73b771;
            border-color: #73b771;
            color: #fff;
            font-family: "SegoeUI"; }
  .cart .overlay {
    height: 100%;
    background-color: transparent; }
  .cart.open {
    background: rgba(0, 0, 0, 0.8);
    visibility: visible; }
    .cart.open .content {
      margin-left: unset;
      right: 0;
      border: none; }
      .cart.open .content.slide-left {
        right: 448px; }
    .cart.open .checkout {
      margin-left: unset;
      right: 0;
      width: 448px; }

.inner-scroll {
  width: 100%;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 232px); }

.product-wrapper .product-image-wrapper {
  padding: 0; }
  .product-wrapper .product-image-wrapper img.product-image {
    width: 100%; }
  .product-wrapper .product-image-wrapper span.zoom-img {
    margin-top: -46px;
    margin-left: 94%;
    color: #252525;
    padding: 5px;
    font-size: 24px;
    cursor: pointer;
    display: block; }
    .product-wrapper .product-image-wrapper span.zoom-img i {
      color: #252525;
      -webkit-transition: color 200ms ease;
      -moz-transition: color 200ms ease;
      -ms-transition: color 200ms ease;
      -o-transition: color 200ms ease;
      transition: color 200ms ease; }
      .product-wrapper .product-image-wrapper span.zoom-img i:hover {
        color: #000; }
    @media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) {
      .product-wrapper .product-image-wrapper span.zoom-img {
        margin-left: 87%;
        margin-top: -36px;
        font-size: 18px; } }
    @media only screen and (max-device-width: 1440px) and (min-device-width: 1366px) {
      .product-wrapper .product-image-wrapper span.zoom-img {
        margin-left: 89%;
        margin-top: -36px;
        font-size: 18px; } }
    @media screen and (min-width: 1600px) {
      .product-wrapper .product-image-wrapper span.zoom-img {
        margin-left: 91.5%; } }

.product-wrapper h1.product-title {
  color: #303030;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 3px;
  margin: 0;
  font-family: "SegoeUI"; }

.product-wrapper h3.product-price {
  margin-bottom: 25px;
  color: #303032;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0;
  font-family: serif; }

.product-wrapper h5.product-sizes-title {
  color: #303032;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 700;
  margin-top: 25px;
  margin-bottom: 10px; }

.product-wrapper ul.product-sizes-button-wrapper {
  margin-bottom: 0; }
  .product-wrapper ul.product-sizes-button-wrapper li {
    padding-right: 0;
    margin-right: 0 !important; }
    .product-wrapper ul.product-sizes-button-wrapper li button {
      -webkit-transition: background 200ms ease;
      -moz-transition: background 200ms ease;
      -ms-transition: background 200ms ease;
      -o-transition: background 200ms ease;
      transition: background 200ms ease;
      width: 28px;
      height: 28px;
      line-height: 28px;
      border: 1px solid #c5c5c5;
      border-radius: 0;
      padding: 0;
      background: #fff;
      font-size: 11px;
      outline: 0;
      color: #1b1b1b; }
      .product-wrapper ul.product-sizes-button-wrapper li button:focus, .product-wrapper ul.product-sizes-button-wrapper li button.selected {
        width: 28px;
        height: 28px;
        line-height: 28px;
        border: 1px solid #303032;
        border-radius: 0;
        padding: 0;
        background: #303032 !important;
        font-size: 11px;
        color: #fff !important; }
  .product-wrapper ul.product-sizes-button-wrapper p {
    font-size: 11px;
    color: #303030;
    margin-left: 20px;
    float: left;
    margin-bottom: 4px; }
    .product-wrapper ul.product-sizes-button-wrapper p a {
      color: #303030;
      text-decoration: none;
      letter-spacing: .5px;
      border-bottom: 1px solid;
      padding-bottom: 3px; }

.product-wrapper h5.product-qrt-title {
  color: #303032;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "SegoeUI"; }

.product-wrapper ul.qrt-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 0; }
  .product-wrapper ul.qrt-wrapper button {
    width: 175px;
    height: 46px;
    border: 1px solid #303032;
    border-radius: 0;
    font-size: 16px;
    letter-spacing: 1px;
    color: #333;
    background-color: #fff; }
    .product-wrapper ul.qrt-wrapper button.btn-qty {
      width: 40px;
      display: inline;
      float: left;
      border: 1px solid #c5c5c5; }
      .product-wrapper ul.qrt-wrapper button.btn-qty:last-child {
        float: right; }
    .product-wrapper ul.qrt-wrapper button:focus {
      height: 46px; }
    .product-wrapper ul.qrt-wrapper button.add-to-bag {
      background-color: #303032;
      color: #fff;
      font-size: 13px; }
      .product-wrapper ul.qrt-wrapper button.add-to-bag:focus {
        background-color: #fff !important;
        color: #303032 !important;
        border: 1px solid #303032 !important;
        width: 175px;
        font-size: 13px;
        letter-spacing: 1px; }
        .product-wrapper ul.qrt-wrapper button.add-to-bag:focus img {
          -webkit-filter: invert(100%);
          filter: invert(100%); }
    .product-wrapper ul.qrt-wrapper button img {
      margin-left: 15px;
      vertical-align: bottom;
      width: 22px;
      height: 24px; }
  .product-wrapper ul.qrt-wrapper label.product-qrt {
    width: 37px;
    height: 46px !important;
    border-radius: 0;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    display: inline;
    border: 1px solid #c5c5c5 !important;
    border-left: 0 none !important;
    min-width: 43px;
    border-right: 0 none !important;
    float: left;
    margin: 0;
    padding: 13px 3px; }
    .product-wrapper ul.qrt-wrapper label.product-qrt:focus {
      border: 1px solid #303032 !important; }
  .product-wrapper ul.qrt-wrapper li {
    vertical-align: middle; }

.product-wrapper ul.social-share-wrapper {
  margin-top: 0; }
  .product-wrapper ul.social-share-wrapper li {
    color: #a3a3a3;
    padding: 0 5px; }
    .product-wrapper ul.social-share-wrapper li a {
      color: #a3a3a3;
      -webkit-transition: color 200ms ease;
      -moz-transition: color 200ms ease;
      -ms-transition: color 200ms ease;
      -o-transition: color 200ms ease;
      transition: color 200ms ease; }
      .product-wrapper ul.social-share-wrapper li a:hover {
        color: #333; }
    .product-wrapper ul.social-share-wrapper li:first-child {
      padding-left: 0;
      padding-right: 10px;
      float: left;
      display: inline-block;
      height: 20px;
      line-height: 19px;
      margin-top: 2px; }

.next-product {
  text-align: right;
  padding-right: 45px; }
  .next-product ul {
    list-style: none;
    font-size: 11px;
    line-height: 40px;
    letter-spacing: 1px;
    color: #919191;
    display: inline-block; }
    .next-product ul li {
      vertical-align: middle; }
      .next-product ul li a {
        color: #303030; }
        .next-product ul li a img {
          color: #303030;
          margin-left: 20px; }

.common-button {
  background-color: #303032;
  border: none;
  padding: 8px 0px; }
  .common-button:focus {
    background-color: #fff !important;
    color: #303032 !important;
    border: 1px solid #303032 !important;
    letter-spacing: 1px; }

.keep-centered {
  margin-top: 25vh; }

.error-massages {
  color: #e2574c; }
  .error-massages li p {
    color: #d8291b; }

.print-section {
  max-width: 600px;
  margin: 0 auto; }

/* ------------- Media Queries --------------- */
@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
  .col-product-list {
    padding-left: 15px; }
    .col-product-list .product-pagination {
      margin-bottom: 15px;
      margin-top: 0;
      margin-left: -10px; }
      .col-product-list .product-pagination li:last-child {
        padding-right: 0;
        margin-right: 0; }
    .col-product-list .product-list {
      padding: 0;
      margin: 0; }
      .col-product-list .product-list .card-img-top {
        max-height: unset !important; }
  .cart .content {
    width: 100%; }
    .cart .content .item-remove {
      margin-bottom: 5px !important; }
    .cart .content ul.bag-ctrls {
      right: 20px !important;
      left: 20px !important; }
    .cart .content .wrapper .wrapper-scroll ul.item-list .item p {
      margin-bottom: 0;
      margin-top: 5px; }
    .cart .content .wrapper .wrapper-scroll h2 {
      margin-top: 5px !important; }
  .cart .checkout {
    width: 100% !important; }
    .cart .checkout .input-group-btn button {
      padding: 6px 4px !important; } }

@media screen and (max-width: 767px) and (min-width: 320px) and (orientation: landscape) {
  .products .col-product-list {
    padding-left: 15px; }
    .products .col-product-list .product-pagination {
      margin-bottom: 15px;
      margin-top: 0;
      margin-left: -10px; }
      .products .col-product-list .product-pagination li:last-child {
        padding-right: 0;
        margin-right: 0; }
    .products .col-product-list .product-list {
      padding: 0;
      margin: 0; }
      .products .col-product-list .product-list .product-item.col-md-3 {
        max-width: 50%; }
  .cart.open {
    position: relative; }
    .cart.open .content {
      height: unset; }
    .cart.open .checkout.d-block {
      position: fixed; }
  .cart .content {
    width: 100%;
    padding: 15px 20px 15px;
    right: -667px; }
    .cart .content .item-remove {
      margin-bottom: 5px !important; }
    .cart .content ul.item-list {
      overflow-y: unset !important;
      overflow-x: unset !important;
      height: unset !important; }
    .cart .content ul.bag-ctrls {
      position: relative !important;
      right: 0px !important;
      left: 0px !important;
      width: 100%; }
    .cart .content .wrapper .wrapper-scroll ul.item-list .item {
      width: 31% !important;
      margin-left: 1%;
      margin-right: 1%;
      float: left;
      height: 410px; }
      .cart .content .wrapper .wrapper-scroll ul.item-list .item:last-child {
        border-bottom: 1px solid #dee2e6 !important; }
      .cart .content .wrapper .wrapper-scroll ul.item-list .item .item-details {
        padding-left: 0;
        padding-right: 0; }
        .cart .content .wrapper .wrapper-scroll ul.item-list .item .item-details .item-name {
          font-size: 10px; }
        .cart .content .wrapper .wrapper-scroll ul.item-list .item .item-details .item-price {
          font-size: 11px; }
      .cart .content .wrapper .wrapper-scroll ul.item-list .item p {
        margin-bottom: 0;
        margin-top: 5px; }
    .cart .content .wrapper .wrapper-scroll h2 {
      margin-top: 5px !important; }
  .cart .checkout {
    width: 100% !important; }
    .cart .checkout .input-group-btn button {
      padding: 6px 4px !important; } }

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
  .col-product-list {
    flex: 0 0 70%;
    max-width: 70%;
    width: 70%; }
    .col-product-list h1.product-category-title {
      padding-left: 0; }
    .col-product-list .product-list .product-item.col-md-3 {
      max-width: 50% !important; } }

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
  .col-product-list {
    padding-left: 15px; }
    .col-product-list .product-pagination {
      margin-bottom: 15px;
      margin-top: 0;
      margin-left: -10px; }
      .col-product-list .product-pagination li:last-child {
        padding-right: 0;
        margin-right: 0; }
    .col-product-list .product-list {
      padding: 0;
      margin: 0; }
      .col-product-list .product-list .card-img-top {
        max-height: unset !important; }
      .col-product-list .product-list .product-item.col-md-3 {
        max-width: 50%; }
  .cart .content {
    width: 100%;
    right: -770px; }
    .cart .content .item-remove {
      margin-bottom: 5px !important; }
    .cart .content ul.bag-ctrls {
      right: 20px !important;
      left: 20px !important; }
    .cart .content ul.item-list .item {
      width: 46% !important;
      margin-left: 2% !important;
      margin-right: 2% !important;
      float: left;
      height: 215px; }
    .cart .content .wrapper .wrapper-scroll ul.item-list .item p {
      margin-bottom: 0;
      margin-top: 5px; }
    .cart .content .wrapper .wrapper-scroll h2 {
      margin-top: 5px !important; }
  .cart .checkout {
    width: 100% !important; }
    .cart .checkout .input-group-btn button {
      padding: 6px 4px !important; } }

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #73b771;
  background-color: #73b771; }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #73b771;
  border-color: #73b771; }

.product-item .product-img-wrapper .add-button button {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0;
  padding: 8px 5px !important;
  background: #2e2e2e !important;
  color: #fff !important;
  letter-spacing: 0;
  font-family: "SegoeUI";
  display: none;
  font-size: 12px; }

.product-item:hover .product-img-wrapper .add-button button {
  display: block; }

@media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: portrait) {
  .col-product-list {
    flex: 0 0 73%;
    max-width: 73%; }
  .cart .content {
    right: -1025px; }
    .cart .content ul.item-list .item {
      height: 270px; } }

@media only screen and (max-device-width: 812px) and (min-device-width: 375px) and (orientation: landscape) {
  .col-product-list h1.product-category-title {
    font-size: 28px; } }

.itemNotfound {
  position: absolute;
  left: 43%;
  right: 43%;
  top: 30%; }
  @media only screen and (max-device-width: 1366px) {
    .itemNotfound {
      left: 46% !important;
      right: 31% !important;
      top: 30% !important; } }
  @media only screen and (max-device-width: 480px) {
    .itemNotfound {
      left: 26% !important;
      right: 25% !important;
      top: 58% !important; } }
  @media only screen and (max-device-width: 768px) {
    .itemNotfound {
      top: 85%;
      left: 34%;
      right: 35%; } }
  .itemNotfound h3 {
    font-size: 1.8em;
    color: #ff3535;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-family: sans-serif;
    letter-spacing: 1px; }
  .itemNotfound h4 {
    font-size: 1.1em;
    color: #5d5d5d;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: sans-serif; }