body {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  color: #999999;
  font-size: 14px;
  background: #f2f2f2;
}
.shadowBox{
  box-shadow: 0 2px 19px -12px rgba(0, 0, 0, .25);
  background: #FFF;
  padding:1em;
}
a, a:HOVER {color: #222;}

.square {
  position: relative;
}

.square::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.square img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% bottom;
}

.square.vendor12 {
  background-color: #F8f8f8;
}

.pCard {
  border-radius: 0;
  border-color: #FFFFFF;
}

.pCard:HOVER {
  border-color: #000000;
}

.pCard span.inStock {
  color: #060;
}

.pCard .procuctSizes {
  font-size: 0.7em;
  background: #FFF;
  margin: 2px;
  display: inline-block;
}

.pCard h4.card-title {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.2em;
}

.owl-stage {
  margin-bottom: 3em;
}

section.extraInfo {
  margin-top: 2em;
}

.directToCart {background-color: rgba(255,255,255,.95);color:#333;}

.directToCart h3 { line-height:1.3}
.directToCart strong { font-weight:700; text-transform:uppercase}

div.isLoading {
  position: fixed;
  z-index: 11000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, .85);
}

div.isLoading i {
  position: absolute;
  font-size: 3em;
  top: calc(50% - 1.5em);
  left: calc(50% - 1.5em);
}

div.fixedTop {
  position: fixed;
  top: 0;
  left: 40px;
  right: 0;
  background: #FFF;
  z-index: 100;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.75);
}

h1, h2, h3, h4, h5 {
  font-weight: 300;
  line-height: 1.1;
  color: #3a3d41;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.4rem;
}

h3 {
  font-size: 1.2rem;
}

option:disabled {
  background: #EEE;
}

.mainHolder {
  display: flex;
  margin-top:60px;
}

/* body.searchActive .mainHolder { margin-top:300px} */
.mainHolder .sideBarHolder {
  width: 40px;
}

.mainHolder .contentHolder {
  width: calc(100% - 40px);
}

.searchBarHolder {
  height: 0;
  transition: height .75s ease-in-out;
  overflow: hidden
}

body.searchActive .searchBarHolder {
  height: auto;
  overflow: auto
}
body.filterActive .filtersummaryHor {
  height: auto;
  overflow: auto
}

.filtersummaryHor {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: repeat(1, 1fr);
  height:0;
  overflow:hidden;
}

.filtersummary span.badge {
  margin-right: 5px;
  cursor: pointer;
}

.sideSearchBrandLabel,
.sideSearchColorLabel {
  cursor: pointer
}

.sideSearchColorLabel .close,
.sideSearchBrandLabel .close,
.filtersummary .close {
  font-size: 0.8rem
}

.filtersummary span.badge:HOVER {
  background: #C00;
}

span.badge button.close {
  font-size: 0.8rem;
}

.piccoCartBut {
  /*border-radius: 0;*/
  background: #FFF;
}

.filterBar {
  color: #FFF;
  background: #060;
  padding: 10px 0;
  z-index: 100;
}

.filterBar.fixed {
  position: fixed;
  top: 0;
  width: 100%;
}

table.searchSettings td {
  vertical-align: middle
}

table.searchSettings tr td:first-of-type {
  vertical-align: top
}

.sidenav {
  height: 100%;
  width: 40px;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: #999;
  overflow-x: hidden;
  transition: 0.5s;
  color: #FFF;
}
.sidenav.active {background-color: #060;}

.sidenav .col-12 {
  border-bottom: solid 1px #FFF;
}

.sidenav a {
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sideBarHolder.expanded #showSideNavButton,
.sidenav:HOVER #showSideNavButton {
  display: none;
}

.sidenav .fa-lock,
.sidenav .fa-lock-open {
  display: none;
}

.sidenav #lockUnlockSideNavButton {
  display: none;
}

.sidenav:HOVER #lockUnlockSideNavButton,
.sidenav:HOVER .fa-lock {
  display: inline-block;
}

.sideBarHolder.expanded .sidenav #lockUnlockSideNavButton {
  display: block;
}

.sideBarHolder.expanded .fa-lock {
  display: none;
}

.sideBarHolder.expanded .fa-lock-open {
  display: inline-block;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .SideNavbtn {
  color: #FFF;
  font-size: 24px;
  margin-left: 8px;
}

.sidenav .SideNavbtn:hover {
  color: rgba(255, 255, 255, .75);
}

#main {
  transition: margin-left .5s;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}

.card-sm .card-header, .card-sm .card-footer {
  padding: 0.35rem 0.75rem;
}

.card-sm .card-body {
  padding: 0.75rem;
}

.navHolder {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  /*margin-bottom: 20px;*/
}

.navHolder .nav-link {
  color: #999;
  text-transform: uppercase;
}

.navHolder .dropdown-item {
  font-weight: 300;
  color: #999;
}

.navHolder .dropdown-menu {
  margin-top: -10px;
}

.topNavigationHorizontal {
  z-index: 100;
  background-color: #FFFFFF;
  min-height: 50px;
  width: 100%;
  position: fixed;
  top: 0;
}

.topNavigationHorizontal ul {
  list-style: none;
  padding: 10px 5px 0 5px;
  margin: 0;
}

.topNavigationHorizontal li {
  display: inline-block;
  padding: 5px 0;
  margin-right: 8px;
}

.subNavGroup {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  page-break-inside: avoid;
  /* Theoretically FF 20+ */
  break-inside: avoid-column;
  /* IE 11 */
  display: table;
  /* Actually FF 20+ */
}

.navHolder .dropdown-item.subView {
  color: #666;
}

.subsubView {
  font-size: 0.8em;
}

div#ytkSearchbar {
  margin: 0;
}

div#ytkSearchResults {
  padding: 10px 10px 0 10px;
  position: fixed;
  background-color: #FFF;
  border: solid 1px #ccc;
  width: calc(100% - 110px);
  z-index: 15000;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.65);
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}

.imgHolder {
  display: table;
  background-color: #FFF;
  width: 100% !important;
}

.productCard .imgContainer {
  display: table-cell;
  height: 80vw;
  vertical-align: bottom;
  text-align: center;
}

.productCard  .imgContainer img {
  max-height: 100%;
  max-width: 100%;
}

.ubMegaMenu {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

ul.footerBrandList {
  list-style: none;
  padding: 0;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

ul.footerBrandList li {
  text-transform: capitalize;
  padding: .3em .3em .3em 0;
}

ul.footerBrandList li a {
  display: block;
  width: 100%;
  color: #999;
}

.productSelectorList {
  column-count: 3;
  column-gap: 5px;
}

.productSelectorList input[type=checkbox]+label {
  text-transform: capitalize;
}

.productSelectorList input[type=checkbox]:checked+label {
  background: #060;
  color: #FFF;
  padding: 0 10px;
  border-radius: 0.15rem;
}

.card-header.bg-success a {
  color: #FFF
}

section {
  background: #f2f2f2;
}

.productGrid {
  display: grid;
  grid-column-gap: 15px;
  row-gap: 15px;
  grid-row-gap: 15px;
  grid-template-columns: repeat(1, 1fr);
}

a.mainCardLink {
  text-decoration: none;
}

a.mainCardLink: {
  text-decoration: none;
}

.productGrid .productCard .spacer {
  height: 250px;
}

.productGrid .productCard .card-title {
  font-size: 1.2em;
}

.productCard .card-text {
  font-size: 0.9em;
}

.productCard span.inStock {
  color: #060;
}

.productCard span.outOfStock {
  color: #C00;
}



.productCard {
  margin- border: none;
  padding: 10px;
  -webkit-transition: .75s;
  /* Safari prior 6.1 */
  transition: .75s;
}

.productCard h4 {
  height: 16px;
  overflow: hidden;
  text-transform: uppercase;
  text-overflow: ellipsis;
  font-size: 1.1em;
  font-weight: bold;
}

/* .productCard:HOVER { background:#FC0; color:#FFF} */
/* .productCard:HOVER h4,
.productCard:HOVER .viewPrice{ color:#FFF}

.productCard:HOVER .btn-productGrid {background:#FFF; color:#FC0 } */
.productCard .card-footer {
  background: none;
  padding: 5px;
}

.productCard .sizeHolder {
  height: 16px;
  overflow: hidden;
}

.productCard .procuctSizes {
  font-size: 0.7em;
  background: #FFF;
  margin: 2px;
  display: inline-block;
}

.productCard .procuctSizes.outOfStock {
  background: rgba(255, 255, 225, .5);
}

.priceIntro {
  font-size: 0.8em;
  color: #999
}

.viewPrice {
  font-size: 1.1em;
  font-weight: 700;
  color: #060;
}

.productPriceOriginal {
  color: #c00;
  text-decoration: line-through;
}

.cartItem .productPriceOriginal {
  font-size: 0.8em !important;
}

.btn-productGrid {
  background: #FC0;
  color: #FFF
}

ul.configSelector li.selected {
  background: #FFF;
  border-color: #060;
  color: #060;
}

section#content {
  margin-top: 15px;
}

section.extraInfo a {
  color: #CCC;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .productGrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .productCard  .imgContainer {
    height: 42vw;
  }

  .filtersummaryHor {
    grid-template-columns: repeat(2, 1fr);
  }

  .ubMegaMenu {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .productGrid {
    grid-template-columns: repeat(3, 1fr);
  }

  .productCard  .imgContainer {
    height: 30vw;
  }

  .filtersummaryHor {
    grid-template-columns: repeat(3, 1fr);
  }

  .ubMegaMenu {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  ul.footerBrandList {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .productGrid .card .card-title {
    font-size: 1.5em;
  }
  .mainHolder {
    margin-top: 185px;
  }

  .productGrid .card .card-text {
    font-size: 1em;
  }

  .productGrid {
    grid-template-columns: repeat(4, 1fr);
  }

  .productCard  .imgContainer {
    height: 22vw;
  }

  .filtersummaryHor {
    grid-template-columns: repeat(4, 1fr);
      height: auto;
      overflow: auto
  }

  ul.footerBrandList {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .productGrid {
    grid-template-columns: repeat(5, 1fr);
  }
  .mainHolder {
    margin-top: 165px;
  }

  .productCard .imgContainer {
    height: 18vw;
  }

  .container {
    max-width: 1400px;
  }
  div#ytkSearchResults {
    max-width: 1370px;
  }

  .filtersummaryHor {
    grid-template-columns: repeat(6, 1fr);
  }

  .ubMegaMenu {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}

/* Extra-Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1600px) {
  .container {
    max-width: 1650px;
  }

  div#ytkSearchResults {
    max-width: 1620px;
  }

  .productGrid {
    grid-template-columns: repeat(6, 1fr);
  }

  .productCard .imgContainer {
    height: 13vw;
  }

  .filtersummaryHor {
    grid-template-columns: repeat(6, 1fr);
  }

  .ubMegaMenu {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}

ul.configSelector {
  list-style: none;
}

ul.configSelector li {
  line-height: 36px !important;
  color: #FFF;
  font-size: 1.1em;
  font-weight: 400 !important;
  text-transform: uppercase;
}

ul.configSelector li {
  border: solid 2px #CCC;
  background: #060;
  border-radius: 5px;
  padding: 0;
  margin-right: 3px;
  margin-bottom: 3px;
  text-align: center;
  display: inline-block;
  width: auto;
  height: 42px;
  padding: 0 0.3em 0 0.3em;
  /*cursor: pointer;*/
}

ul.configSelector li a {
  color: #FFF;
  display: block;
  width: 100%;
  height: 40px;
}

ul.configSelector li.outOfStock {
  background: #C00;
}

.topBar {
  color: #000;
  font-size: 0.8em;
  background: #FC0 !important;
}

.topBar a {
  color: #000;
}

footer {
  padding-top: 50px;
}


.lspHolder{ height:450px; display:block; }
.lspHolder .mainCardLink {cursor: url('/images/swipe-icon.svg'), pointer;
};
/* .owl-stage-outer, .owl-stage {height:400px} */
/* .productCard-owl {width:250px; height:400px;} */

footer h4,
.lspHolder h4.title_block,
.bolAddsHolder h4 {
  color: #535353;
  letter-spacing: 1px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}

footer p {
  margin-bottom: 0.5rem;
}

footer p a {
  color: #999;
}

footer p a:HOVER {
  color: #333;
}

footer #footerCloser {
  padding-top: 50px;
  padding-bottom: 15px;
}

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 *
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}

.yamm .container {
  position: relative;
}

.yamm .dropdown-menu {
  left: auto;
}

.yamm .yamm-content {
  padding: 15px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
}

.yamm .dropdown.yamm-fw .dropdown-menu h2 {
  margin: 10px 0;
}

.yamm .yamm-content a.topSaleBut {
  display: block;
  width: 90%;
  padding: 19px 0px;
  text-align: center;
  color: #C00 !important;
  text-transform: uppercase;
  background: #FFF none repeat scroll 0% 0%;
  font-weight: 700;
  font-size: 22px;
  border: 1px solid #FFF;
  outline: 5px solid #C00;
  margin: 5px auto 18px auto;
  clear: both;
}

.yamm .yamm-content a.topSaleBut:HOVER {
  color: #FFF !important;
  background: #C00 none repeat scroll 0% 0%;
}

/*!
 * Yamm!3
 * Yet another megamenu for Bootstrap
 * http://geedmo.github.com/yamm3
 *
 * Demo styles
 */
/* menu styes */
.list-unstyled,
.list-unstyled ul {
  min-width: 120px
}

.navbar-default {
  background: none;
  border: none;
}

.navbar-default .navbar-toggle {}

button.navbar-toggle {
  background: #8F7A6A;
  color: #FFF;
  font-weight: bold
}

#yammNav {
  margin-bottom: 0;
}

.navbar.yamm li.dropdown>a {
  text-transform: uppercase;
}

.navbar.yamm li>span {
  text-transform: uppercase;
  line-height: 21px;
  padding: 10px 0 10px 15px;
  position: relative;
  margin: 5px 0 0 0 !important;
  display: block;
}

.navbar.yamm li.dropdown>span>a {
  display: inline-block;
  width: 30px;
  border-radius: 3px;
  background: #fc0;
  color: #000;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
}

a.fb {
  border: solid 1px #3b5998 !important;
  background: #3b5998 !important;
  color: #FFF !important;
}

a.inst {
  border: solid 1px #2E5E86 !important;
  background: #FFF !important;
  color: #2E5E86 !important;
}

a.fb:HOVER {
  border: solid 1px #3b5998 !important;
  background: #FFF !important;
  color: #3b5998 !important;
}

a.inst:HOVER {
  border: solid 1px #2E5E86 !important;
  background: #2E5E86 !important;
  color: #FFF !important;
}

a.fb.pc {
  display: none !important;
}

a.fb.ls {
  display: inline-block !important;
}

#yammNav .navbar-collapse {
  max-height: none !important;
}

#yammNav li.outlet>a {
  color: #C00 !important;
}

#yammNav .dropdown-menu a:HOVER,
#yammNav .dropdown-menu a:ACTIVE {
  font-weight: 700;
}

#yammNav .dropdown-menu h2 a:HOVER {
  font-weight: normal;
}

/*.yamm-content{ border-bottom:solid 1px #DDD;}*/
#yammNav .itemCloser {
  border-bottom: solid 1px #DDD;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}

/*/ Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  ul.footerBrandList {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
}

/*/ Extra large devices (large desktops, 1600px and up)*/
@media (min-width: 1600px) {
  ul.footerBrandList {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }

}