/* 20260206162718 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #595859;
}

.gui-block-inner strong {
  color: #ff6666;
}

.gui a {
  color: #8ba651;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #8ba651;
  box-shadow: 0 0 2px #8ba651;
}

.gui-select.gui-focus .gui-handle {
  border-color: #8ba651;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #ff0000;
  background-color: #ffffff;
}

.gui-content-title {
  color: #ff0000;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #ff0000;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #6495ed;
}

/* custom */
#topbar, .home-looks, .holder .prev, .holder .next, .hide, .hidemitem, .js-powrMark, iframe #appView .powrMark{display:none !important;}
.cat2, .megamenu img, .sidebar-cats .count,  .cat2 , .cart-content .sum{display:none !important}
.homedeal-holder{display:none !important}
.banners-home-block {display:none;}
/*
 .gui-item .gui-price, .gui-checkout-steps .gui-desc,{display:none !important}
 .gui-col3-equal .gui-desc, .cart-content span:first-child, .gui-block-subcontent .gui-cart-sum .gui-item .gui-desc, .hidden-sm .sum span:first-child{display:none !important}
.gui-checkout-steps .gui-item .gui-desc, .gui-checkout-steps .gui-item .gui-price,  .gui-big .gui-price, .gui-taxes-link .gui-desc .gui-strong , .gui-taxes-link{display:block !important}*/
#header-holder{
  background: rgba(237,237,237,.5);
    height: 150px;

}

#sscroller, #sslider{display:none;}
.banners-home-block2 {margin: 0 auto; width:75%; height:500px;}

.banners-home-block2  .banner-text-block{
  position:absolute;
  margin-top:110px;
  left:33%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    padding: 25px;
    max-width: 600px;
    min-width: 200px;
  }
.ds li{display: inline-block; width:19vw; margin: 0 auto; text-align:center; font-weight: bold !important;}

.cat-top-left{background-size:contain;}
.productpage .swiper-wrapper .img-responsive {
    max-width: 500px !important;
    float: left;
}/*
#navbar nav ul .megamenu h4>a{font-family: Raleway; text-align: center;    width: 100%;}

.smallmenu li:last-child, .designnavitem {display:none;}
.designnavitem:last-child{display: block !important;}
*/
.highlight-bg{  background: #6a6868 !IMPORTANT;}
.figcaption1 {
  background: #6a6868;
  position: absolute;
  color: white;
  padding: 2%;
  font-size: 2em;
  width: 100%;
  top: 5%;
  left: -35%;
  transform: rotate(-35deg);
}
.figcaption2 {
  background: #8ba651;
  position: absolute;
  color: white;
  padding: 2%;
  font-size: 2em;
  width: 100%;
  top: 5%;
  left: -35%;
  transform: rotate(-35deg);
}
.hbtn{border:none;}
.oldervideo, #vbox{display:none !important;}
.sub{margin-top:10px; margin-bottom:10px;}
#vholder{overflow: hidden; max-height:550px; height:550px; width:100%; }
 #video-bg {
/*position: relative;
top: 0;
right: 0;
width: 100vw;
min-width: 100vw;
height: 100%;
*/
width:100%;
z-index: -100;
background:  url("https://cdn.shoplightspeed.com/shops/668183/files/60425004/dp4.mp4") no-repeat;
background-size: cover;
}
video {display: block;}
.vover{position:absolute; top:40%; margin-left:100px; }
.voverlay{ width:60%; height:25%;  color:white;  background: rgba(00,00,00,.5); padding:15px;}
.vover2:after{ position:absolute; width:100%; height:100%;  color:white;  background: rgba(00,00,00,.5);  overflow:hidden; max-height: 590px; }
.vover h1, #vover h2{color: white;}
.sub{padding-right:15%;}
.thebtn{z-index:300 !important;}
.newcatlist{width:33% !important;}
#iholder{z-index:5;}
.gui-item .gui-big{text-align:right;}
.banners-home-block  {height:575px;}
/*.banners-home span::after{content : "(and amazing gifts you'll be happy to give and they'll be even happier to receive)"; font-style:italic; font-size:13px; margin-top:20px !important; position:relative;}
*/#belowiholder{display:none; height:200px;  margin-top:-180px; z-index:25; position: absolute;  background: #e1e1e1 !important;
    width: 100%;}
.container .gallery a {display:inline-block; height:250px; max-height:350px; padding:5px; width:300px;  overflow:hidden; }
  .container .gallery a img {
            float: left;
            width: 100%;
            height: auto;
            border: 2px solid #fff;
            -webkit-transition: -webkit-transform .15s ease;
            -moz-transition: -moz-transform .15s ease;
            -o-transition: -o-transform .15s ease;
            -ms-transition: -ms-transform .15s ease;
            transition: transform .15s ease;
            position: relative;
        }

.container .gallerytall a {display:inline-block; height:350px; max-height:350px; padding:5px; width:300px;  overflow:hidden; }
  .container .gallerytall a img {
            float: left;
            width: 100%;
            height: auto;
            border: 2px solid #fff;
            -webkit-transition: -webkit-transform .15s ease;
            -moz-transition: -moz-transform .15s ease;
            -o-transition: -o-transform .15s ease;
            -ms-transition: -ms-transform .15s ease;
            transition: transform .15s ease;
            position: relative;
        }

.homedeal img.img-default {
    box-shadow: 10px 10px 40px 10px rgba(00,00,00,.6);
  box-shadow: none;
}
#navbar{border-bottom:1px solid rgba(00,00,00,.2) !important ; border-top:1px solid rgba(00,00,00,.2) !important};
.product-block-image{background-color:  rgba(237,237,237,.5) !important;}
.home-vid{background-image: url(https://cdn.shoplightspeed.com/shops/668183/files/60425551/fallback.jpg);
    background-size: cover;
  z-index:-2;
  background-repeat: no-repeat;}

#prodpage .gray-bg{padding:100px;}
.productpage .product-title h1 {text-transform: capitalize;}
.footer-base .company-info{width:50% !important;
}
/*
.product-block-holder .product-block-reviews {    margin-top: -60px; margin-bottom:10px !important;}
.product-block-holder .product-block-meta-holder {    margin-top: 0px;}
.product-block-desc {    margin-top: -40px;}*/
/*#home .ahome #home-products{display:none;}*/
#textpage .ahome #home-products{display:block;}
.company-info, .footer-base .company-info {text-align: left !important; width:70% !important;}

.ctct-form-button , .ctct-form-button, div.ctct-form-embed form.ctct-form-custom div.ctct-form-field.div.ctct-form-embed form.ctct-form-custom button.ctct-form-button{display:inline-block; }
#gdpr_text, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text {display:none !important;}
.cat-top-holder {  min-height: 250px;}
#mobilenav #header-holder .nav-icon>div , #header-holder .nav-icon>div {background:black !important;}

.imge{min-height:235px;}
.img7{min-height:670px;}
.button{text-transform: lowercase; font-weight:bold;}

.spacedout{margin-left:10px; margin-right:50px; margin-top:-25px;}
.overflow-content-holder img{max-width:250px;}
.by2 div{vertical-align:top;}
.textbox{padding:120px;}
.bigger{font-size:20px; margin-top:-25px !important;}
.masonry {
	column-count: 4;
	column-gap: 16px;
}

.masonry .mItem {
  display: inline-block;
  margin-bottom: 16px;
  width: 100%;
}


.newline, .newline h3, .newline p{width:100%; min-width:100%; display:block; text-align:center}
.company-info img{max-width:225px;}
.infolinks a{font-size:12px !important;}
.infolinks h3{margin-top:50px !important;}
.copyright a{text-decoration: underline;}
.productpage .swiper-wrapper .img-responsive{max-width:500px !important;}
.productpage .product-image-holder {max-height:525px;}
#navbar nav>ul>li>a:hover, #navbar nav>ul>li:hover>a, #navbar nav>ul>li.active>a{color:#8ba651; text-decoration:underline; font-weight:bold !important;}

.afooter{background: #535050 !important; padding:20px; margin-top:0px;}

pagesection{margin-bottom:45px;}
div#appView .microblog.grid.justify-content-left {
  justify-content: center !important;}
div#appView{margin:0 !important;}


.banners-home-block {width:100%;}
.banners-home-block:last-child{display:block;}

.banner-content-holder{margin-bottom:20px;}

.home-slider-holder{margin-top:30px;}
.subheadline-holder{padding:50px;}
.banner-text-block {max-width:650px;}



#header-holder.headerscrolled  {
       background: #535050 !important;}

.image {
  /* Set your image */
  background-image:    url('https://cdn.shoplightspeed.com/shops/668183/themes/18262/v/823933/assets/homebanner-image.jpg?20230830235808');
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;   
  
  WIDTH:100%; HEIGHT:500PX;
  background-repeat: no-repeat;
  
  /* I'm not positive we need 
   * this centering yet */
  /* background-position: center; */
  
  /* Because we're about to use
   * padding to define the size
   * of our image INSTEAD of
   * height, either
   * background-size: cover
   * or
   * background-size: contain
   * will work for us  
  */
  background-size: contain;
  
  /* padding is defined by the 
   * aspect ratio of your image.
   * In this case, the image is 
   * 372x620px, so...
   * 372 / 620 * 100 = 60%;
  */
  padding-bottom: 60%;
  
  /* Use position:relative to 
   * set the scope of your
   * vertically-aligned-text  
  */
  position: relative;
}
.centeredText {  
  /* First part of vertical
   * alignment. Remember, this
   * will center the TOP of the
   * text block. We need to 
   * center the middle of the
   * text block
  */
  position: absolute;
  top: 50%; left: 0;
  
  /* Here's the second part: 
   * The following number is 
   * equal to: 
   * (-1) * (text height) / 2 
  
   * Note: this only works if
   * your text will ALWAYS be
   * one line. If it wraps,
   * your numbers won't work
  */
  margin-top: -15px; 
  
  /* This is the font-size.
   * For my example; it's the 
   * number I was able to use
   * for the math above. BUT,
   * there is padding and other
   * styles that could affect
   * the height of your text
   * block. Make sure you
   * set your text height
   * accordingly.
  */
  font-size: 30px; 
  
  /* The following styles simply 
   * make the text "pretty" 
  */
  color: #ffffff; 
  text-align: center;
  width: 100%;
}





#faq {
  max-width: 700px;
  margin: auto;
  padding: 0 15px;
  text-align: center;
}

section.faq {
  padding-top: 1em;
  padding-bottom: 2em;
}

#faq ul {
  text-align: left;
}
.transition, p, ul li i:before, ul li i:after {
  transition: all 0.3s;
}

#faq .no-select, #faq h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
}

#faq h1 {
  color: #90aa59;
  margin-bottom: 30px;
  margin-top: 0;
}

#faq h2 , .arow h1{
  color: #90aa59;
  font-family: 'hm_light', sans-serif;
  font-size: 20px;
  line-height: 34px;
  text-align: left;
  padding: 15px 15px 0;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 1px;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: .2s;
}

#faq p {
  color: #333;
  text-align: left;
  
  font-size: 15px;
  line-height: 1.45;
  position: relative;
  overflow: hidden;
  max-height: 250px;
  will-change: max-height;
	  contain: layout;
  display: inline-block;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 10px;
  margin-bottom:5px;
  padding: 2px;
  transition: .3s opacity, .6s max-height;
  hyphens: auto;
	padding-left:15px; padding-right:55px;
  z-index: 2;
}

#faq ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
#faq ul li {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
	padding:5px;
  /*padding-bottom: 4px;*/
  /*padding-top: 18px;*/
  background: #fff;
  box-shadow: 0 3px 10px 1px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
}
#faq ul li + li {
  margin-top: 15px;
}
#faq ul li:last-of-type {
  padding-bottom: 0;
}
#faq ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 28px;
  right: 25px;
}
#faq ul li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: #90aa59;
  width: 3px;
  height: 9px;
}
#faq ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
#faq ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
#faq ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  touch-action: manipulation;
}
#faq ul li input[type=checkbox]:checked ~ h2 {
  color: #000;

}
#faq ul li input[type=checkbox]:checked ~ p {
  /*margin-top: 0;*/
  max-height: 0;
  transition: .3s;
  opacity: 0;
  /*transform: translate(0, 50%);*/
}
#faq ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
#faq ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}











* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


a {
  color: currentColor;
  transition: .2s ease-in-out;
}


div.containerss {
  /*  width: 800px;
    height: 530px;*/
    position: relative;
    margin: 20px;
  display:inline-block;
  width:45%;
height:425px;
}

div.image {
    height: 100%;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
}

div.before {
    width: 50%;
    z-index: 2;
}

div.after {
    width: 100%;
    z-index: 1;
}

input.slider {
    width: 100%;
    height: 100%;
    outline: none;
    background-color: transparent;
    position: absolute;
    margin: 0px;
    z-index: 3;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: 0.25s all ease-in-out;
    -moz-transition: 0.25s all ease-in-out;
    -webkit-transition: 0.25s all ease-in-out;
    z-index: 4;
}

input.slider::-moz-range-thumb {
    width: 6px;
    height: 425px;
    background-color: white;
    cursor: pointer;
}

input.slider::-webkit-slider-thumb {
    width: 6px;
    height: 425px;
    background-color: white;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

div.slider-button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -moz-broder-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: white;
    position: absolute;
    top: calc(50% - 18px);
    left: calc(50% - 18px);
    cursor: pointer;
    z-index: 3;
}

div.slider-button:before {
    color: #555;
    position: absolute;
    top: 3px;
    left: 0px;
    content: "\2B9C";
}

div.slider-button:after {
    color: #555;
    position: absolute;
    top: 3px;
    right: 0px;
    content: "\2B9E";
}

@media (max-width: 767px) {
    div.containerss {
        width: 100%;
        height: 425px;
    }
}

.slide, .slide h3{color: #414141 !important;    font-size: 16px !important;
    text-transform: uppercase;}
.slide h3{margin-bottom:15px;}

.newsletter-sub, .newsletter h3{color:white !important;}
footer{background: #e1e1e1 !important;}
.deal-desc{padding:10px;}
.homedeal h2{margin-top:60px;}
.homedeal-holder{padding-right:50px; box-shadow:none;  background: rgba(225,225,225,.4);}
#header-holder .nav-icon>div {background:rgba(255, 255, 255,.4);}
.arow{margin:0; width:85%; margin-top:40px;}
.arow div {display: inline-block; vertical-align:top; min-height:400px;}
.thee {padding:10px !important;}
.searchbox, .homedeal-holder{border:1px solid rgba(00,00,00,.1) !important ;}
.newnewblock, .hr2 {
  background: rgba(237,237,237,.5);
  padding:10px !important;
}
.afoot{margin-top:220px;}
/* stop silider */

@media (max-width: 700px) {
  #vholder{ /*max-height:400px; height:400px;*/ min-height:500px; width:100%; background:  url("https://cdn.shoplightspeed.com/shops/668183/files/60425551/fallback.jpg") no-repeat;
background-size: cover !important; }
 #video-bg {
/*position: relative;
top: 0;
right: 0;
width: 100vw;
min-width: 100vw;

*/
width:100%;
z-index: -100;height: 100%;min-height:100%;
background:  url("https://cdn.shoplightspeed.com/shops/668183/files/60425004/dp4.mp4") no-repeat;
background-size: cover ; display:none !important;
}
video {display: block;}
.vover{position:absolute; top:25%; margin-left:10px; width:100%; height:52%; }
.voverlay{ width:95%; height:92%;  color:white;  background: rgba(00,00,00,.5); padding:25px;}
.vover2:after{ position:absolute; width:100%; height:100% !important;  color:white;  background: rgba(00,00,00,.5);  overflow:hidden; }
.vover h1, #vover h2{color: white;}
.sub{padding-right:20px;}
  #header-holder .nav-icon>div{background: black !important;}
}

.gui-taxes-link .gui-desc .gui-strong , .gui-taxes-link, .gui-taxes .gui-desc, .gui-cart-sum .gui-taxes-link .gui-desc{display:block !important}

.headerscrolled #header-holder .nav-icon>div {color:white !important;}
.cartheader{width:200px !important;}
.cartheader .fb-btn, .cartheader .ig-btn{    display: inline-block; margin:0; margin-right:10px;}
.cartheader .ig-btn{margin-right:15px !important;}
.cartheader .btn { background-color: #6a6868 !important; border-color: rgba(256, 256, 2456, .4) !important;}
#logo img {    
    max-height: 120px !important;
    margin-top: 15px;
}
.headerscrolled #logo img {
    max-height: 50px !important;
      margin-top: 2px;
}

/*
.gui-desc strong{display: none !important;}
.gui-taxes-link strong{display: block !important;}*/
