/** Shopify CDN: Minification failed

Line 203:22 Expected identifier but found bad string token
Line 203:23 Unterminated string token
Line 281:22 Expected identifier but found bad string token
Line 281:23 Unterminated string token

**/
body {
  overflow-x: hidden;
}
#section-header {
  padding-top:10px;
}
.category-banner-div {
  background-color:#F3F1F2;
  width:100%;
  position:relative;
  z-index:0;
}
.category-banner-grid {
  background-color:#F3F1F2;
  border-radius:5px;
  margin-left:0.1%;
  padding-bottom:0px;
  margin-bottom:0px;
  padding-top:10px;
}

.carousel-wrapper {
  position: relative;

}

#shop-now-text {
  text-align: center;
}
.carousel-wrapper .carousel-item {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 25px;
  padding-left: 50px;
  padding-right:0px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  border: 1px solid #aaa;

}
.carousel-wrapper .carousel-item .arrow {
  position: absolute;
  top: 0;
  display: block;
  width: 50px;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: url("http://haloxp.com/codepen/carousel-arrow-dark.png") 50% 50%/20px no-repeat;

}
.carousel-wrapper .carousel-item .arrow.arrow-prev {
  left: 0;
}
.carousel-wrapper .carousel-item .arrow.arrow-next {
  right: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.carousel-wrapper .carousel-item.light {
  color: white;
}
.carousel-wrapper .carousel-item.light .arrow {
  background: url("http://haloxp.com/codepen/carousel-arrow-light.png") 50% 50%/20px no-repeat;
}
@media (max-width: 480px) {
  .carousel-wrapper .carousel-item .arrow, .carousel-wrapper .carousel-item.light .arrow {
    background-size: 10px;
    background-position: 10px 50%;
  }
}
.carousel-wrapper [id^="target-item"] {
  display: none;
}
.carousel-wrapper .item-1 {
  z-index: 2;
  opacity: 1;
}
.carousel-wrapper *:target ~ .item-1 {
  opacity: 0;
}
.carousel-wrapper #target-item-1:target ~ .item-1 {
  opacity: 1;
}
.carousel-wrapper #target-item-2:target ~ .item-2,
.carousel-wrapper #target-item-3:target ~ .item-3 {
  z-index: 3;
  opacity: 1;
}

.contact-page-grid {
   margin-bottom:30px;padding-top:10px;
}
.contact-page-grid-item {
   padding:10px;
}


.divider{
    border-right:1px solid black;
}

.site-nav li:hover{
  border-bottom-color: #DE1A31;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}


.btn{
  background-color: #DE1A31;
  border-color: white;
  color: white;
}
.btn:selected { 
    background-color: #DE1A31;
    color:white;
}
.btn:hover {
  background-color: white;
  border-color: #DE1A31;
  color: #DE1A31;
}
.btn a{
  color:#DE1A31;
}
.btn:hover a{
  color:white;
}
.variant-list{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#product-variant{
  color:#DE1A31;
  margin-left:5px;
}
#product-variant:hover{
  color:white;
  background-color: #DE1A31;
}




.style1{
  border-top: none;
  width:25px;
}
input[type="radio"] {
    visibility:hidden;
}

li:hover + .style1{
  border-top: 2px inline-block #DE1A31;
}

/*-------------------------------------------------*/
/*Image hover  */
/*-------------------------------------------------*/
.image-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.image-container .after {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;
}
.image-container:hover .after {
    display: block;
    background: rgba(0, 0, 0, .6);
}





main{
  min-height: 420px;
}
#bottombanner{
  background-color: white;
  padding-top:40px;
  padding-bottom:50px;"
}
#whyvapeimage{
  padding:10px;
}
.secondary-text-grid{
  padding-left:0px;
  padding:10px;
}


.banner-buttons{
   padding:3px;
}
.link-btn-text{
   text-transform:uppercase;
   width:150px;
}
#span-bottom-banner-btns{
  margin-left:10px;
}
#bottom-banner-wrapper{
  width:100%;
}
.spr-summary {
  float: left;
  text-align: left;
}

.spr-summary-actions-newreview{
   margin-left:15px;
   float: left;
}
.spr-header-title {
  text-align: left;
  float: left;
}

.secondary-page {
  background-color:white;
  padding-bottom:30px;
  margin-top:15px;

}

.secondary_image {
  padding-top:10px;
  margin-right:20px;
  margin-bottom:10px;
}
.secondary-wrapper {
  width:100%;
  width:100%;
  padding-bottom:35px;
}

.navBtn {
  margin-left: 10px;
}


#title-nobreadcrumb {
   padding-top:20px;
   padding-bottom: 20px;
}


.dk_topcollection {
  padding-top:35px;
}
.secondary_page_grid_item {
  padding-right:10px;
}

/* CSS For bottom_banner.liquid*/
.bottom_banner_grid {
  background-color: white;
  padding-top:40px;
  padding-bottom:50px;"
}
#bottom_banner_image {
   padding:10px;
}
.bottom_banner_text_grid {
   padding-left:0px;
   padding:10px;
}
#bottom_banner_header {
  text-transform: uppercase;
}

.bottom_banner_btn {
  text-transform:uppercase;
  width:150px;
}

#bottom_banner_btns {
   margin-left:10px;
}
#bottom_banner_grid_item {
   padding-right:3px;
}
.bottom_banner_grid_item {
   padding-right:10px;
   padding-bottom:10px;
}
  #bottom_banner_wrapper {
     width:100%;
  }

  .bottom-banner-button-div{
    float: left;
  }
  .bottom_banner_grid_item {
    padding: 10px;
  }



  /*Icon images*/
  .icon-image{
    width:258px;
    height:172px;

  }
  .copyright-wrapper {
    text-align: center;
  }

.shopify-challenge__container {
  padding-top: 60px;
}
.shopify-challenge__button {
  background-color: #C21E23;
  width: 150px;
}

.shopify-challenge__button:hover {
  background-color: #C21E23;
}

/* Styling for variant descriptions */
.description {
  display: none;
}

@media only screen and (max-width: 480px){
  .spr-summary-actions-newreview{
    text-align: right;
    float: none;
  }
  .spr-header-title {
    text-align: left;
    float: left;
  }

}