@media (min-width: 1400px) {
	.container {
		max-width: 1360px;
	}
}
:root {
--base-color: #159fea;
--detail-color: #72b3ec;
--ship-color: #175890;
}
@font-face{font-family:"montserrat";src:url("MONTSERRAT-REGULAR.TTF");font-style:normal;}
@font-face{font-family:"montserrat-medium";src:url("MONTSERRAT-MEDIUM.OTF");font-style:normal;}
html, body, h1, h2, h3, h4, h5, h6, a, p, span {
	font-family: "montserrat",sans-serif; color: #3d3d3d;
}
h1,h2,h3,h4,h5,h6,a,p{ user-select: none; }
.text-black{ color: #000; } .text-grey{ color: #89909a !important; } .text-base,a.text-base:hover{ color: var(--base-color); } .text-detail,a.text-detail:hover{ color: var(--detail-color) !important; }
.fs-12 { font-size: .75rem; } .fs-13 { font-size: .8125rem; }  .fs-14 { font-size: .875rem; }
.fs-15 { font-size: 15px !important; } .fs-16 { font-size: 1rem; }
.fs-18 { font-size: 1.125rem !important; }
.fs-20 { font-size: 1.25rem; } .fs-22 { font-size: 22px; } .fs-23 { font-size: 23px; } .fs-24 { font-size: 1.5rem; }
.fs-26 { font-size: 1.625rem; }
.fs-32 { font-size: 2rem; }.fs-36 { font-size: 2.25rem; } .fs-38 { font-size: 2.375rem; }
.mdi-30px{ font-size: 30px; } 
.w-20{ width: 20%; max-width: 20%; }.w-90{ width: 90%; }
.btn-black{ color: #fff !important; } .btn-black,.bg-black{ background: #000; } .bg-none{ background: none !important; } .bg-grey{ background: #f5f6f8; }
.rounded-xl{ border-radius:.65rem !important; } 
.text-medium { font-family:"montserrat-medium" !important; }

/*header*/
.navbar-bar{ padding-top: 10px; border-bottom: 2px solid #4C4646; }
.navbar-nav .nav-link{ font-family: "montserrat",sans-serif; }
.nav-control{ background: #F4F4F4; border-radius: 50rem 0 0 50rem; padding-left: 1rem; width: 22rem !important; border: none !important; height: 40px; }
.nav-control:focus{ background: #F4F4F4; border: none !important; }
.nav-search{ cursor:pointer; background: url("icon-search.png") no-repeat left center #F4F4F4; width: 46px; border: none !important; border-width: 1px 1px 1px 0; border-style: solid; border-radius: 0 50rem 50rem 0; }
.navbar-right .nav-link{ color: #3d3d3d !important; padding-top: 7.5px !important; padding-bottom: 7.5px !important; font-size: .875rem !important; }
.nav-reg{ padding: 9px 18px; display: inline-block; font-size: 12px; cursor: pointer; }
.header-container{ height: 131px; }
#sign-tab{ height: 42px; padding: .45rem 0 ; border-bottom: 1px solid #D8D8D8; }
.sign-list{ width: 49.5%; display: inline-block; text-align: center; float: left; font-size: 12px; padding: .25rem 0; color: #BDC7CE; }
.sign-list:first-child{ border-right: 1px solid #D8D8D8; } .sign-list.active{ color: #3D3D3D; }
.pagination{ margin: 3rem; 0; }
.ft-container{ padding: 1rem 0 1rem 15px; max-width: 14.66%; } .ft-container2{ max-width: 11.3%; }
.ft-container > ul > li{ padding: .25rem 0; }
.cart-qty{ position: absolute; z-index: 666; left: 18px; top: 2px; background: #159fea; color: #fff; transform: scale(0.875); width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 12px; border-radius: 50px; }
.nav-right-link{ padding: 7.5px .57rem; display: inline-block; font-size: 14px; cursor: pointer; }
.nav-currency{ min-width: 100%; }
.head-top{ background: #159fea; }
.mdi-header{ font-size: 18px; }
.mdi-hover{ color: #3d3d3d; fill: #3d3d3d; } .mdi-hover:hover{ color: #159fea; fill: #159fea; }

/*index*/
.star{ background: url("star.jpg") repeat-x; height: 14px; width: 70px; overflow: hidden; display: inline-block; margin-top: 2px; }
.star>div{ height: 100%; background: rgba(255,255,255,.7); }
.bd-category{ position: relative; display: block; margin-bottom: 22px; }
.bd-category > span{ position: absolute; z-index: 40; background: #fff; border-radius: 50px; font-size: 18px; padding: 9px 30px; bottom: 25px; left: 38px; }
.steps-container{ background: url("tiered-top-bg.jpg") center top no-repeat, url("tiered-btm-bg.jpg") center bottom no-repeat #c1e7fc; padding: 6rem 0; margin: 6rem 0 7rem; }
.index-steps{ margin-top: 2rem; }
.index-steps .card-body{ padding: 0 2rem; line-height: 1.8; }
.index-steps .card-header{ cursor: pointer; }
.index-steps .card-header > h5 > span{ width: 2rem;  }

.start-selling{ background-color: var(--base-color); border-radius: 0.75rem; border: 3px solid #ddfaff; font-size: 21px; padding: 16px 42px; color: #fff; }
.start-selling:hover{ color: #fff !important; margin-left: 8px; }
.banner-show{ height: 100%; padding: 12px; margin: 0 -9px; border-radius: 10px; box-shadow: 0 0 8px #bfdae9, 0 0 8px #fff, 0 0 8px #fff; cursor: pointer; } .banner-show:hover{ margin-top: -8px; }
.swiper-model{ width: 39%; margin-left: 54%; }
.bd-catelog{ margin: 30px 13px; display: block; position: relative; overflow: hidden; border-radius: 12px; height: 360px; background-size: 100%; background-repeat: no-repeat; } 
.bd-catelog2{ height: 749px; width: 506px; }
.bd-catelog > img{ display: block; } 
.bd-catelog > img.bd-catelog-colour{ display: none; }
.bd-catelog>div{ position: absolute; z-index: 66; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-color: rgba(255,255,255,.5); }
.bd-catelog:hover > img{  }
.bd-catelog:hover > div{ background-color: rgba(255,255,255,0); }
.design-cate{ padding: 5px; cursor: pointer; }
.design-cate:hover{ background: #fff; box-shadow: 0 0px 12px #9bd5f4; }
.bd-hear{ min-height: 170px; }
.qty-title{ padding: 5.5px 12px; }
.qty-num{ padding: 4px 10px 3px; color: var(--base-color); cursor: pointer; margin: 2px 8px; min-width: 35px; text-align: center; display: inline-block; font-weight: bold; }
.qty-num-active,.qty-num:hover{ background-color: var(--base-color); color: #fff; }
.qty-tostart{ border: 2px solid var(--base-color); padding: 6px 25px 6px 35px;} .qty-tostart:hover{ margin-right: -8px; }
#qty-discount{ padding: 0 12px; font-size: 30px; }

/*sign*/
.sign-parent{ position: fixed; z-index: 9999; width: 100%; height: 100vh; top: 0;  background: rgba(0,0,0,.3); }  
.sign-container{ width: 540px; height: 100%; float: right; padding: 0 5.8rem; background: #fff; }
.sign-input{ border: none; border-radius: 50px; height: 56px; padding-left: 1.5rem; color: #000; }
.sign-input,.sign-input:focus,.sign-textarea,.sign-textarea:focus{ background: #f5f6f8; border: 0px; }
.sign-group{ min-height: 6.4rem;  } .sign-send{ padding: 1rem 1.25rem;  }
.sign-submit{ background: #159fea; padding: 18px 0; margin-bottom: .75rem; border: none; }
.sign-google{ border: 1px solid #e7e7e9; padding: 17px 0; }
.close{ cursor: pointer; } 
.sign-container > .close{ position: absolute; top: 10px; right: 10px; }
.sign-container > .close > span{ font-size: 2.5rem; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; }
.sign-textarea{ padding: 1.5rem; background: rgb(245, 246, 248); border: 0px; border-radius: 28px; min-height: 180px;  }
.contact-bg{ background: url("contact-bg.jpg") no-repeat center 6.5rem; }
.sign-shop-now{ display: inline-block; font-weight: bold; line-height: 1; font-size: 23px; padding: 23px 130px 22px; color: #fff; } .sign-shop-now:hover{ color: #fff; }

/*detail*/
.dt-color{ display: inline-block; cursor: pointer; width: 32px; height: 32px; padding: 2px; border-radius: 50px; box-shadow: 0 0.1rem 0.25rem rgb(0 0 0 / 20%); position: relative; margin-right: 12px; }
.dt-color > span{ border-radius: 50px; }
.dt-color-active:after{ display: block; height: 88%; width: 88%; content: ""; position: absolute; z-index: 50; top: 2px; background: url('check.svg') no-repeat center 9px;  }
.dt-color-white:after{ background-image: url('check2.svg'); }
.dt-size{ min-width: 58px; display: inline-block; cursor: pointer; text-align: center; padding: 0 5px; height: 30px; line-height: 30px; font-size: 14px; margin-right: 8px; color: #89909a; border-radius: 4px; border: 1px solid #d6d6d6; }
.dt-size-active{ border-color: #159fea; }
.bulk-price{ cursor: pointer; color: #6db0ec !important; } 
.bluk-qty{ width: 70px; margin: 0 auto; } .bluk-qty > input{ height: 26px; padding: 0 4px 0 15px; text-align: center; }
.bluk-content{ background: #fff; padding: 15px 0 5px; display: none; }
.btn-detail{ width: 100%; } .btn-detail > *{ width: calc( 50% - 6px); padding: .75rem 1rem; } .btn-detail > a.btn.btn-outline-default{ margin-left: 20px; }
.slider-nav{ float: left; width: 17.15%; padding-right: 1.7%; }
.slider-nav .slick-slide { margin-bottom: 10%; border-radius: 4px; } .slider-nav .slick-slide>img{ border-radius: 4px; }
.slider-nav .slick-current { border: 1px solid #000 !important; width: calc( 100% - 2px); }
.slider-for{ position: relative; height: auto; overflow: hidden }

.pro-table{ font-size: 13px; }
.pro-table tr td:last-child{ padding-right: .5rem; }
.pro-attr{ height: 100%; min-height: 56px; background: #f5f5f5; position: relative; border-radius: 6px; }
.pro-attr>p{ font-size: 14px; }
.pro-attr>p.align-items-center{ line-height: 1; padding-bottom: 6px; height: 34px; }
.bluk-list{ margin-bottom: 10px; background: #f5f5f5; font-size: 14px; }
.bluk-list>.flex-fill{ width: 25%; text-align: center; line-height: 30px; }
.bluk-size{ width: 18% !important; } 
.bluk-qtys{ width: 32% !important; position: relative; } 
.bluk-qtys>.mdi{ position: absolute; z-index: 777; top: 0; cursor: pointer; width: 28px; font-size: 20px; } .bluk-qtys>.mdi-plus{ right: 0; }
.bk-qtys{ width: 100%; text-align: center; height: 28px; border: 1px solid #dedede; border-radius: 4px; }

.pro-detail p{ margin-bottom:0; line-height: 2; font-size: 15px;} 
.my-menu-list > li > a.active,.my-menu-list > li > a:hover{ color: #000; }
.detail-title{ font-family: "montserrat-medium"; color: #000; }
.detail-title:before{ content: ''; display: inline-block; width: 12px; height: 12px; background: var(--detail-color); border-radius: 50%; vertical-align: middle; margin: -2px 12px 0 6px; }
.detail-images { margin-left: 200px; margin-top: -100px; }
.detail-images > div{ padding-left: 20px; padding-right: 20px; }
.table-guide{ width: 70%; } .table-guide td{ vertical-align: middle; color: #3d3d3d; font-size: 15px; }
.select2-container--bd-select{ background-color: var(--ship-color); border-radius: 4px; }
.select2-container--bd-select .select2-selection--single{ height: 44px !important;; }
.select2-container--bd-select .select2-selection__rendered{ color: #fff; text-align: center; font-size: 18px; line-height: 44px; box-shadow: inset -2px 0 8px #11487f, inset 0 -8px 5px #082e62, inset 0 8px 5px #91b0ca, inset 2px 0 8px #11487f; }
.select2-container--bd-select .select2-selection__arrow{ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHN0eWxlPSJjb2xvcjojZmZmOyI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNy40MSw4LjU4TDEyLDEzLjE3TDE2LjU5LDguNThMMTgsMTBMMTIsMTZMNiwxMEw3LjQxLDguNThaIj48L3BhdGg+PC9zdmc+'); position: absolute; top: 8px; right: 4px; height: 28px; width: 28px; background-size: cover; color: #fff; }
.ship-qty{ margin: 0 10px; position: relative; text-align: center; border-radius: 4px; } .ship-qty > .bk-qtys{ width: 76px; height: 32px; border: 2px solid var(--ship-color); color: var(--ship-color); padding-right: 14px; }
.ship-qty>.mdi{ position: absolute; z-index: 550; right: 0; line-height: .8; height: 16px; cursor: pointer; width: 28px; font-size: 24px; color: var(--ship-color); overflow: hidden; } .ship-qty>.mdi-menu-down{ bottom: 0; line-height: .6; }
.text-ship{ color: var(--ship-color); } .bg-ship{ background: var(--ship-color); }
.ship-weight{ background: url(detail-ship.png) no-repeat right top; width: 96%; padding-bottom: 48px; padding-right: 4px; }
.ship-weight:before{ content: ""; height: 4px; background: var(--ship-color); width: 98%; position: relative; display: block; top: 8px; }
.ship-weight-line{ width: 4px; height: 18px; margin-top: 8px; position: relative; transition:all .5s ease-in; }
.ship-weight-line>div{text-align: center; line-height: 46px; border-radius: 50%; width: 68px; position: absolute; left: -32px; top: 20px; font-size: 15px; color: #fff; }
.ship-container{ background: #fff; border-radius: 6px; overflow: hidden; position: relative; }
.swiper-ship{ text-align: center; overflow: hidden; width: 140px; margin: 0 auto; }
.swiper-ship-next,.swiper-ship-prev{ position: absolute;z-index: 777; cursor: pointer; width: 20px; top: 12px; } .swiper-ship-next{ right: 2px; } .swiper-ship-prev{ left: 0px; }

/*custom*/
.bd-filter-content{ padding: 3rem 0; } .bd-filter-content > h6 { margin-bottom: 1.5rem; }
.bd-filter{ min-width: 44px; display: inline-block; cursor: pointer; text-align: center; padding: 0 8px; height: 44px; line-height: 44px; font-size: 13px; 
margin: 3px 3px 5px 0; color: rgba(0, 0, 0, .8); border: 1px solid rgba(0, 0, 0, 0.1); }
.bd-filter-active,.bd-filter:hover{ border-color: #000; color: #000; }

@media (max-width: 575.98px) {
  .m-hide { display: none !important; } .m-block{ display: block !important; } .m-flex{ display: flex !important; }
  .m-ml-0{ margin-left: 0 !important; }
  .m-mt-0{ margin-top: 0 !important; } .m-mt-1{ margin-top: .25rem !important; } .m-mt-2{ margin-top: .5rem !important; } .m-mt-3{ margin-top: 1rem !important; } .m-mt--1{ margin-top: -0.25rem !important; }
  .m-mr-0{ margin-right: 0 !important; }
  .m-mb-0{ margin-bottom: 0 !important; } .m-mb-1{ margin-bottom: .25rem !important; } .m-mb-2{ margin-bottom: .5rem !important; } .m-mb-3{ margin-bottom: 1rem !important; }
  .m-mx-15{ margin: 0 15px; }
  .m-pl{ padding-left: 15px !important; } .m-pr{ padding-right: 15px !important; } .m-p0{ padding: 0 !important; }
  .m-pt-0{ padding-top: 0 !important; } .m-pt-1{ padding-top: .25rem !important; } .m-pt-2{ padding-top: .5rem !important; } .m-pt-3{ padding-top: .5rem !important; } .m-pt-4{ padding-top: 1.4rem !important; }
  .m-pb-0{ padding-bottom: 0 !important; } .m-pb-1{ padding-bottom: .25rem !important; } .m-pb-2{ padding-bottom: .5rem !important; }
  .m-pl-0{ padding-left: 0 !important; } .m-pl-1{ padding-left: .25rem !important; } .m-pl-2{ padding-left: .5rem !important; } .m-pl-15{ padding-left: 15px !important; }
  .m-pr-0{ padding-right: 0 !important; } .m-pr-1{ padding-right: .25rem !important; } .m-pr-2{ padding-right: .5rem !important; } .m-pr-15{ padding-right: 15px !important; }

  .bd-row .col-6:nth-child(odd){ padding-right: 7.5px; }
  .bd-row .col-6:nth-child(even){ padding-left: 7.5px; }
  .m-border-none{ border: none !important; }
  .m-center{ text-align: center !important; }
  .m-w100{ width: 100% !important; max-width: 100%; } .m-w75{ width: 75% !important; } .m-w50{ width: 50% !important; }
  .ft-nav{ display: none !important; } .m-float-none{ float: none !important; } .
  .m-fs32{ font-size: 2rem !important; }
  .m-fs20{ font-size: 1.25rem !important; } .m-fs22{ font-size: 1.375rem !important; } .m-fs24{ font-size: 1.5rem !important; } .m-fs28{ font-size: 1.75rem !important; }
  .m-fs14{ font-size: .875rem !important; } .m-fs16{ font-size: 1rem !important; } .m-fs18{ font-size: 1.125rem !important; }
  .m-fs13{ font-size: .81rem !important; } .m-fs12{ font-size: .75rem !important; }
  .m-fs10{ font-size: .625rem !important; }
  .m-bg-none{ background: none !important; }
  .m-lh1{ line-height: 1 !important; }
  .m-fw{ font-weight: normal !important; }
  .head-top{ transform: scale(0.8); width: 130%; margin-left: -15% !important; margin-top: -1% !important; }
  .m-account+.dropdown-menu.show{ right: 5px; left: auto; }.m-account+.dropdown-menu:before{ right: 21.5px; left: auto; } .m-account:after{ display: none; }
  .mdi-header.mdi-account,.mdi-header.mdi-account-circle-outline{ font-size: 24px; line-height: 1; }.mdi-header.mdi-cart-outline{ font-size: 22px; margin-top: 2px; display: block; }

  .start-selling{ font-size: 18px; padding: 10px 36px; }
  .banner-show{ margin: 0; } .bd-catelog{ margin: 0 15px 15px; height: auto; }
  .navbar-brand{ margin-left: 15px; padding-top: 5px; }
  .qty-num{ min-width: 31px; margin: 2px; padding: 4px 7px 3px; }
  .header-container{ height: 60px; } .design-cate{ height: 60px; padding: 0; } .bd-hear{ min-height: auto; padding-bottom: 10px; }
  .bd-category{ overflow: hidden; height: calc( ( 100vw -30px ) * 0.49); } .bd-catelog2{ width: calc( 100vw - 30px ); } .bd-category > img { width: 100%; }
  .footer .col-12.col-sm-4{ text-align: center; }  
  .ft-container{ padding-left: 15px; padding-top: 0; max-width: 50%; } .ft-container2{ max-width: 50%; } .ft-container:nth-child(odd){ padding-left: 5px; }
  .ft-container > ul > li{ padding: 0; } .ft-container > p.border-top{ line-height: 1.5; }
  .index-steps .card-header > h5 > span { width: 1.25rem; }
  .index-steps .card-header > h5 { font-size: 18px; }
  .index-steps .card-header { padding: 0.5rem 1.5rem; }
  .index-steps .card-body{ padding: 0 0 0 1.25rem; }
  .steps-container{ background: #c1e7fc; padding: 1.5rem 0;  margin: 0 0 1rem; }
  .sign-container{ width: 100%; padding: 0 2rem; } .contact-bg{ background-size: 90%; background-position: center bottom; padding-bottom: 3rem; }
  .sign-input{ height: 48px; } .sign-group { min-height: 6.2rem; }
  .sign-send{ padding: .75rem 1.25rem; } .sign-google{ padding: 12px 0; } .sign-submit{ padding: 13px 0; }
  .sign-shop-now{ font-size: 16px; padding: 18px 0 17px; width: 60%; margin: 16px 0 38px !important }
  .my-menu-list > li > a{ font-size: 14px; padding: 10px 0; text-align: center;  }
  .bluk-content{ width: calc( 100vw - 30px ); }
  .btn-detail > *{ font-size: 14px; }
  .slider-nav .slick-slide { margin-bottom: 8%; }
  .bd-filter-content{ padding: 1.5rem 0; } .bd-filter-content > h6 { margin-bottom: .75rem; }
  .ship-qty{ margin: 0 7px; }
  .ship-weight{ width: 90%; margin: 0 5%;}
}

@media (max-width: 360.98px) {
	.custom-search{ padding: 0.375rem 0.25rem !important; }
	.form-check-input{ margin-right: 3px !important; }
}