/* #region Global */
  body, h1, h2, h3, h4, h5, h6,[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea, .button{font-family: 'Open Sans', sans-serif;}
  h1, h2, h3, h4, h5, h6{font-weight: 600;}
  a{color: #0a0a0a;}
  a:hover, a:focus{color: #000;}

  /* Chrome, Safari, Edge, Opera */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Firefox */
  input[type=number] {
    -moz-appearance: textfield;
  }

  .padding-top-2{padding-top: 2rem!important;}
  .padding-top-3{padding-top: 3rem!important;}
  .padding-bottom-2{padding-bottom: 2rem!important;}
  .padding-bottom-3{padding-bottom: 3rem!important;}
  .margin-top-1{margin-top: 1rem!important;}
  .margin-top-2{margin-top: 2rem!important;}
  .margin-top-3{margin-top: 3rem!important;}
  .margin-bottom-0{margin-bottom: 0!important;}
  .margin-bottom-1{margin-bottom: 1rem!important;}
  .margin-bottom-2{margin-bottom: 2rem!important;}
  .margin-bottom-3{margin-bottom: 3rem!important;}
  .mb-0{margin-bottom: 0px;}
  .mb-10{margin-bottom: 10px;}
  .mb-20{margin-bottom: 20px;}
  .ml-20{margin-left: 20px;}
  .mt-20{margin-top: 20px;}
  .margin-right-0{margin-right: 0!important;}
  .margin-right-1{margin-right: 1rem!important;}
  .margin-right-2{margin-right: 2rem!important;}
  .margin-right-3{margin-right: 3rem!important;}
  .font-weight-bold{font-weight: 700!important;}

  .table-scroll table{width: 100%;}

  .text-gray{color: #777;}
  
  .h4{font-size: 1.5rem;}
/* #endregion */

/* #region Header */
  .navbar{border-bottom:1px solid #ddd;padding:30px 1rem;}
  .navbar a{color: #0a0a0a;}
  .navbar-logo{font-size: 2rem;font-weight: 600;}
  .menu-left{margin-left: -1rem;}
  .menu-left a{padding-top:.75rem;padding-bottom: .75rem;}
  .social{margin-right: -1rem;}
  .social a{padding-top:.5rem;padding-bottom: .5rem;}
  .icon-cart{background: url(../images/shopping-cart.png) no-repeat;background-size: 20px 20px;background-position: center;}
  .icon>svg{width: 1.5rem;height:1.5rem;display: block;}
  .icon-cart{position: relative;}
  .icon-cart-quantity{position: absolute;display: block;font-family: inherit;top:-2px;right:-10px;min-width: 1em;font-size: 10px;padding: .5em;text-align: right;line-height: 1em;}
  .title-bar{background: transparent;}
  
  .burger {
    position: relative;
    display: block;
    cursor: pointer;
    background-color: transparent;
    border: none;
    padding:0;
    margin-left: -.625rem;
  }
  .burger-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
  }
  .burger-inner {
    width: 100%;
    height: 100%;
  }
  .burger-inner .top-bun, .burger-inner .patty, .burger-inner .bottom-bun {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    content: '';
    width: 100%;
    height: 1px;
    transition: transform 250ms cubic-bezier(.2,.6,.3,1),width 250ms cubic-bezier(.2,.6,.3,1);
    will-change: transform,width;
    background-color: #000;
  }
  .burger-inner .top-bun {
    transform: translatey(-5.5px);
  }
  .burger-inner .patty {
    transform: scale(0);
  }
  .burger-inner .bottom-bun {
    transform: translatey(5.5px);
  }
  .menu-open .burger-inner .top-bun {
    transform: translatex(3.5px) rotate(-135deg);
    width: 28px;
  }
  .menu-open .burger-inner .bottom-bun {
    transform: translatex(3.5px) rotate(135deg);
    width: 28px;
  }

  .navbar-mobile{
    position: fixed;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    top: 109px;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    will-change: opacity,visibility;
    user-select: none;
    text-align: center;
    pointer-events: auto;
    background-color: #fff;
    transition: visibility 600ms cubic-bezier(.4,0,.2,1), opacity 400ms cubic-bezier(.4,0,.2,1);
  }
  .navbar-mobile-inner{
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
    justify-content: flex-start;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    flex-direction: column;
  }
  .navbar-mobile-top {
    position: relative;
    display: flex;
    width: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    flex-direction: column;
  }
  .navbar-mobile-top .menu a{font-size: 2rem;}
  .navbar-mobile-top .menu li{margin:10px 0;}
  .navbar-mobile-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 20px;
    flex-grow: 0;
    flex-shrink: 1;
    margin-bottom: 6vw;
  }
  
/* #endregion */

/* #region Footer */
  .copy{margin-top: 1rem;}
/* #endregion */

/* #region Products */
.item a{display: block;color: #0a0a0a;margin-bottom: 1.875rem;}
.item-img img{width:100%;}
.item-desc{padding-top: 16px;}
.item-desc .name{font-size: 20px;font-weight: 600;}

.item-info .name{margin-bottom: 1rem;}
.item-info .name h1{font-size: 2.5rem;}
.item-info .name span{display: block;font-size: 50%;}
.item-info .price{font-size: 1.6rem;font-weight: 600;margin-bottom: 1.5rem;}
.related-item .price{font-size:1.0rem;font-weight:normal;}
.price{margin-bottom:5px;}
.original_price{font-size: 85%;text-decoration:line-through;color:red;margin-right:10px;vertical-align:middle;}
.discount_percent{border:solid 1px gray;color:red;border-radius:3px;padding:3px;font-size:85%;vertical-align:middle;margin-left:10px;display: inline-block;}
.price .original_price, .price .discount_percent{font-size: 80%;}

.is_sale{color:green;}
.item-info .price .original_price, .item-info .price .discount_percent{font-size: 50%;}
.item-info .related-item .price .original_price, .item-info .related-item .price .discount_percent{font-size:70%;}
.item-info .description{margin-bottom: 1.5rem;}
.size_name{margin-right:20px;}
.item-info .remaining{margin-left:20px;}

.product-image{display: block;margin-bottom: 10px;}
.product-image img{width: 100%;}
.more-item-images{width: 80px;}
.more-image-item{margin-bottom: 10px;cursor: pointer;}
.lb-data .lb-close{background-size: contain!important;}

.go_back a{display: inline-block;line-height: 1.5;font-weight: 600;}
.col-item{min-width: 200px;}
.col-item .thumbnail{width: 84px;}
.col-item .thumbnail a{display: block;}
.col-item .thumbnail img{max-width: 100%;}
.col-item h5{font-weight: 600;}
.table-cart tbody tr:nth-child(2n){background-color: #fff;border-top:1px solid #f1f1f1;}

.card-section iframe{width: calc(100vw - 55px);}
/* #endregion */

h3.shipping-message{
  text-align: center;
  color: blue;
  font-size: 1.2rem;
  margin-bottom: 20px;
  padding: 8px;
}

.quantity_and_add_to_cart{
  display: flex;
  flex-direction: row;
}

.quantity-func{
  display: flex;
  flex-direction: row;
  margin-right: 20px;
}

.quantity-func input, .quantity-func button{
  height: 40px;
  margin-bottom: 0;
}

.checkout .quantity-func input, .checkout .quantity-func button{
  height: 30px;
}

.quantity-func .button.secondary{
  width: 30px;
  padding: 0;
  background-color: #EEE;
  color: black
}

.quantity-func input[type=number]{
  text-align: center;
  width: 45px;
}

.checkout .quantity-func{
  margin-right: 0;
}

.quantity_and_add_to_cart .add_to_cart{
  flex: 1;
}

.page-shop-item{
  overflow-x: hidden;
}

.line-bottom{
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.line-top{
  border-top: 1px solid rgba(0,0,0,.1);
}

.page-checkout .already-have-account{align-items: center;display: flex;margin-left: 20px;}
.page-checkout .already-have-account a{margin-left: 10px;}

.mask{position:fixed;top:10px;right:10px;}
.page-checkout .already-have-account.new-line{flex: 0 0 auto;margin-left: 0;margin-top: 10px;width:100%;}
.page-checkout .already-have-account.new-line a{display:inline-block;;margin-left: 10px;}

#added_item_msg .l1{
  color: #007FFF;
  font-size: 22px;
  font-weight: 600;
}

#added_item_msg .l2{
  font-size: 20px;
  font-weight: 600;
}



.departments {
  position: relative;
  margin-bottom: 20px;
}

.departments .swiper {
  width: 100%;
  height: 200px;
}

.departments .swiper-slide {
  text-align: center;
  /*font-size: 18px;*/
  background: #f3f5f6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  border-radius: 3px;
}

.departments .swiper-slide a.img {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.departments .swiper-slide img {
  display: block;
  width: auto;
  height: auto;
  object-fit: cover;
  margin-top: 0px;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

.departments .swiper-slide div.text {
  margin-top: 10px;
  height: 30px;
}

@media only screen and (min-width: 698px){
  .swiper-wrapper{justify-content: center;}
  .swiper-wrapper .swiper-slide{margin-right:30px;}
  .swiper-wrapper .swiper-slide:last-child{margin-right: 0 !important;}  
}
@media only screen and (max-width: 697px){
  .departments .swiper{height: 220px;}
  .departments .swiper-slide div.text{flex: 1;height: auto;}
}

@media only screen and (min-width: 1024px){
	.departments .swiper-button-prev{
		left: -40px;
	}
	.departments .swiper-button-next{
		right: -50px;
	}
}

/* #region Media Query */
@media screen and (max-width: 63.9375em) {
  .menu-open{height: 100%;overflow: hidden;}
  .menu-open .navbar-mobile {
    opacity: 1;
    visibility: visible;
  }

  .item-info .name h1{font-size: 2rem;}
  .more-item-images{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-left:-5px;margin-right: -5px;width: 100%;}
  .more-image-item{padding-left: 5px;padding-right: 5px;}
}
@media screen and (max-width: 39.9375em) {
  .navbar{padding: 1rem 1rem;border-bottom: none;}
  .navbar-logo{font-size: 1.5rem;}
  .navbar-mobile{top:126px}
  .col-item .thumbnail{width: 50px;}
  .navbar .text-gray{font-size:0.78rem;}
  .main-nav .cell.auto:first-child{position:absolute;top:20px;left:15px;}
  .main-nav .cell.auto:last-child{position:absolute;top:20px;right:15px;}
  .main-nav .cell.shrink{width:100%;}
  .page-checkout .already-have-account{align-items: center;display: inline-block;}
  .page-checkout .already-have-account a{display:block;margin-left: 0;}
}

@media screen and (min-width: 39.9376em) {
  .main-nav{margin-bottom: 30px;}
}


@media only screen and (min-width: 1024px){
	body.page-shop-item{
		display: flex;
    height: 100vh;
    flex-direction: column;
	}

  body.page-shop-item .product-image{
    margin-bottom: 0;
  }

  body.page-shop-item .desktop .col-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  body.page-shop-item main{
    flex: 1;
    height: 100vh;
  }

  body.page-shop-item .desktop{
    display: flex;
    flex-direction: row;
  }

  body.page-shop-item .desktop .col-image img{
    width: 100vh;
  }

  .col-image{
    flex: 1;
  }

  .col-content{
    flex: 1;
    padding: 0 20px;
  }

  .col-content .other_items > div{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
  }

  .col-content .other_items .item{
    margin: 10px;
    text-align: center;
  }

  .col-content .other_items img{
    width: 150px;
    height: 150px;  
  }

	body.page-shop-item .mobile{
		display: none;
	}  

  h3.shipping-message{
    height: 44px;
  }
}

@media only screen and (max-width: 1023px){
	body.page-shop-item .desktop{
		display: none;
	}
  h3.shipping-message{
    margin-top: 20px;
  }
}
@media only screen and (max-width: 450px){
	.jconfirm-box{
		width: 100% !important;
	}
}
/* #endregion */
input.error:has(+ label.error){
  margin-bottom: 3px;
}
label.error{
  color:red;
  margin-bottom: 10px;
}
.hide-error label.error{display:none !important;}
.hide-error input.error,select.error{background-color:#fff3d9;}
.accordion-item a{font-size: .875rem;}
.exceed-number-of-stock{
	color: red;
}
.mt-10{margin-top:10px;}
span.required{
  color: red;
  margin-left: 5px;
}