/* cmsms stylesheet: main modified: Friday, May 12, 2023 2:58:35 PM */
body{
font-family: 'Poppins', sans-serif;
font-weight:300;
}

header{
padding-top:80px;
/*background-image: url('/uploads/images/backgrounds/header01.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
min-height:40vw;*/
}
.btn {
border-radius:0;
}
.homeCol{
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.homeCol .homeColContainer{
position:relative;
min-height:33vw;
}
.homeCol .homeColContent{
position:absolute;
padding:10px;
left:10px;
right:10px;
bottom:10px;
background:rgba(255,255,255,.5);
}


section:first-of-type{
 padding-top: 5vw;
 padding-bottom: 5vw;
}



strong{font-weight:700}

h1, h2, h3, h4, h5 {
font-family: 'Old Standard TT', serif;
font-weight:400;
text-transform:uppercase
}
h5{ font-size:.9em}

.btn-xs {
  padding: .25rem .5rem;
  font-size: .75rem;
  line-height: 1;
  border-radius: .15rem;
}

footer{
padding-top:15vw;
min-height: 25vw;
background:#000;
color:#FFF;
}
.footerCloser {
font-size:0.8em;
 padding-top:.5em;
 padding-bottom:.5em;
}

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

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {

}

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

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

.pageDefault section:first-of-type {
padding-top:150px;
min-height: calc(60vh - 40px);
}

.pageDefault section .container {
max-width: 960px;
}

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 

}
/* cmsms stylesheet: shop modified: Friday, May 12, 2023 10:32:19 AM */
[v-cloak] {
  display: none;
}
.viewButton { text-decoration:none;
color:#000 }
.viewButton .card {
border-radius:0;
}

.viewButton:HOVER .card{
border-color:#000;
color:#666
}

section.productSection,
section.orderDataSection,
section.cartSection {
padding-bottom:5vw;
}
a.cartButTop{
text-decoration:none;
color:#999;
}

.preCloser{
background :  ;
padding-top:5vw;
padding-bottom:3vw;
}

/* ORDER DATA */ 
button.close {
float:right;
border:none;
background:none;
}


.card .overlay.dark, .info-box .overlay.dark, .overlay-wrapper .overlay.dark, .small-box .overlay.dark {
    background-color: rgba(0,0,0,.5);
}
.card .overlay, .info-box .overlay, .overlay-wrapper .overlay, .small-box .overlay {
    border-radius: .25rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255,255,255,.7);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 50;
}
.card > .loading-img, .card > .overlay, .info-box > .loading-img, .info-box > .overlay, .overlay-wrapper > .loading-img, .overlay-wrapper > .overlay, .small-box > .loading-img, .small-box > .overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

section.productSection .card{
margin-top:50px;
border:none;
 box-shadow: 0 0 15px rgba(0,0,0,.25);
border-radius: 0;
}
.shadowBox {
box-shadow: 0 0 15px rgba(0,0,0,.25);
}


section.productSection .card .card-header:first-child{
  border-radius: 0;
background-color: #FFF;

}

.productImageHolder {
    background: #FFF;
    padding: 1em;
    text-align: center;
}
.productImageHolder h2,
.productImageHolder h3 {
  text-align:left;
  text-transform: uppercase;
}
.productImageHolder h2 {font-size: 2.5rem;font-weight: 700;}
.productImageHolder h2 a,
.productImageHolder h2 a:HOVER{color:#222;}
.productImageHolder h1 {margin-top:0;}

.productTitle{ text-align: left;text-transform: uppercase;font-size: 1.8rem}

.brandTitle {text-align: left;margin-bottom:0;}
.brandTitle a{font-size: 1.6rem;font-weight: 700; color:#000}
.brandTitle a:HOVER{color:#999;}

h3 {text-transform: uppercase;font-size: 1.2rem;font-weight: 700;}

.brandSubstitute{
  border:solid 1px #222;
  padding:0.25em 0.5em;
  font-size:2em;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
}



.productPageBar {
  padding:0 15px;
background:#FFF;
border-top:solid 1px #000;
z-index:110;
position:Fixed;
bottom:0;
left:0px;
right:0;
width: calc(100vw - 40px;)
min-height:40px;
}

.productPageBar .productPrice { font-weight: bold;font-size: 1.5em; color:#060}
#productPrice  { font-weight: bold;font-size: 2em; color:#060}

.repImg { width: 130px;height:130px; background-repeat: no-repeat;
background-size: contain; background-position: center center;margin:5px;}
.productPageSlider .owl-item{background: #FFF; height:200px;border-radius: 0.25rem}


.directToCart {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color: rgba(0,0,0,.65);
  z-index:1100;
  padding-top:10vh;
  color:#FFF;
}
.directToCart .round {
  display:inline-block;
  font-size:20px;
  text-align:center;
  width: 10em;
  height: 10em;
  overflow: hidden;
  background:#01b9d8;
  -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;

}
.directToCart .round i.fa{
  color:#FFF;
font-size:7em;
line-height:1.35em;

}

i.closedirectToCart {
  cursor:pointer;
color:#FFF;
font-size:32px;
}
i.closedirectToCart:HOVER {
color:#F00;
}

section.cartSection,
section.viewSection,
section.productSection{
padding-top:70px;
}
ol .productImageIcon {
  width: 15%;
}
button.carousel-control-prev:hover, button.carousel-control-next:hover {
  background: rgba(255,255,255,0.3) !important;
}

.carousel-dark .carousel-indicators [data-bs-target] {
border:solid 1px rgba(255,255,255,.5)
}

.shadowBox {
  /*box-shadow: 0 2px 19px -12px rgba(0, 0, 0, .55);
  background: #FFF;
  padding: 1em;*/
}


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

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  .directToCart { padding-top:20vh; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
/*section.orderDataSection,*/
section.cartSection,
section.viewSection,
section.productSection{
padding-top:150px;
min-height: calc(60vh - 40px);
}
}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/* cmsms stylesheet: product-list modified: Friday, May 12, 2023 12:36:24 PM */
.pageListTitle {
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  font-size: 1.5rem;
}

.pageListSubTitle {
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.1;
  color: #3a3d41;
}

.productGridHolder {
  /* padding: 15px; */
}

a.mainCardLink {
  /* display: inline-block; */
  text-decoration: none;
  color: #000;
}

a.mainCardLink:HOVER {
  text-decoration: none;
color: #999;
}

.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 {
border-radius: 0;
  border: solid 1px #FFF;
  -webkit-transition: .75s;
  /* Safari prior 6.1 */
  /* transition: .75s; */
}

.productCard:hover {
  border-color: #000
    /*#9CBEBF*/
  ;
  
}

.productCard h4 {
  height: 15px;
  max-width: calc(100vw - 100px);
  white-space: nowrap;
  overflow: hidden;
  text-transform: uppercase;
  text-overflow: ellipsis;
  font-size: 1.1em;
  /*font-weight: bold;*/
}

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

/* .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: 10px;
}

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

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

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

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

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  a.mainCardLink {
    margin-bottom: 0;
  }

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

  .pageListTitle {
    font-size: 2rem;
  }

  .productCard .imgHolder {
    width: 210px;
    height: 210px;
  }

  .productCard h4 {
    max-width: 210px;
  }

  .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(2, 1fr);
  }

  .productCard .imgHolder {
    width: 245px;
    height: 245px;
  }

  .productCard h4 {
    max-width: 245px;
  }

  .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;
  }

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

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

  .productCard .imgHolder {
    width: 265px;
    height: 265px;
  }

  .productCard h4 {
    max-width: 265px;
  }
}

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

  .productCard .imgHolder {
    width: 237px;
    height: 237px;
  }

  .productCard h4 {
    max-width: 237px;
  }
}

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

  /* 1440px - 30px / 5 - 40 */
  .productCard .imgHolder {
    width: 242px;
    height: 242px;
  }

  .productCard h4 {
    max-width: 242px;
  }
}
/* cmsms stylesheet: navigation modified: Monday, May 30, 2022 1:05:52 PM */
.navOpenener {
  color: #FFF;
  font-size: 0.6em;
  text-transform: uppercase;
  background: #000;
  z-index: 12;
  position: absolute;
  width: 100%;
  top: 0;
  display:none;
}
.navOpenener a{ color: #FFF; text-decoration:none }

.shrinkedNav .navOpenener{ display:none;}
.topLogo{height:30px!important; margin-left:1rem}
#topNav.shrinkedNav .topCenterLogo{height:30px!important}
#topNav {position:fixed;width:100% ;z-index: 100;}
#topNav .navbar{ background:#FFF;}
#topNav.shrinkedNav .navbar{
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}

nav .navLeft,
nav .navRight { padding-top:1em; }
nav .navLeft { justify-content: flex-end;}

#topNav.shrinkedNav .navLeft,
#topNav.shrinkedNav .navRight {
   padding-top:0;
}

.navLeft a.dropdown-item,
.navRight a.dropdown-item,
.navLeft a.nav-link,
.navRight a.nav-link{
color:#000;
font-weight:100;
text-transform:uppercase;
letter-spacing:0.15rem;
font-size:0.8em;
}

.navLeft a.nav-link.active,
.navRight a.nav-link.active{color:#999}

.cartBut {width:96%; margin-left:2%;margin-right:2%}
#topNav.shrinkedNav .cartBut {margin:0}

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

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.navOpenener {display:block}
.cartBut {margin-top: 1rem;
margin-bottom: 1rem;
width:auto;
position:absolute;
right:10px;
z-index:2
}
.navbar {margin-top:30px;}
.shrinkedNav .navbar{margin-top:0;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}