@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/newfonts/icomoon.eot?j5txk0');
  src:  url('../fonts/newfonts/icomoon.eot?j5txk0#iefix') format('embedded-opentype'),
    url('../fonts/newfonts/icomoon.ttf?j5txk0') format('truetype'),
    url('../fonts/newfonts/icomoon.woff?j5txk0') format('woff'),
    url('../fonts/newfonts/icomoon.svg?j5txk0#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*/
.icon-new-user-plus:before {
  content: "\e9400";
}
.icon-new-list:before {
  content: "\e9300";
}
.icon-new-credis:before {
  content: "\e9301";
}
.icon-new-coupon:before {
  content: "\e9302";
}
.icon-new-basket:before {
  content: "\e9303";
}
.icon-new-sheep:before {
  content: "\e9304";
}
.icon-new-lock:before {
  content: "\e9305";
}
.icon-new-address:before {
  content: "\e9306";
}
.icon-new-noti:before {
  content: "\e9307";
}
.icon-sheepola_sheep-1-wwwimagesplitternet-1-10-10:before {
  content: "\e9308";
}
.icon-cash-in:before {
  content: "\e9309";
}
.icon-cash-out:before {
  content: "\e930b";
}
.icon-new-1-10-10:before {
  content: "\e9100";
}
.icon-new-file-edit:before {
  content: "\e9101";
}
.icon-new-0-11-11:before {
  content: "\e9102";
}
.icon-new-1-4-4:before {
  content: "\e9103";
}
.icon-new-1-8-8:before {
  content: "\e9104";
}
.icon-new-1-11-11:before {
  content: "\e9105";
}
.icon-new-2-0-0:before {
  content: "\e9106";
}
.icon-new-2-1-1:before {
  content: "\e9107";
}
.icon-new-game:before {
  content: "\e9108";
}
.icon-new-2-4-4:before {
  content: "\e9109";
}
.icon-new-policy:before {
  content: "\e910a";
}
.icon-new-2-6-6:before {
  content: "\e910b";
}
.icon-new-home:before {
  content: "\e910c";
}
.icon-new-tag:before {
  content: "\e920b";
}
.icon-new-search:before {
  content: "\e920c";
}
.icon-new-more-horizontal:before {
  content: "\e920d";
}
.icon-tile004:before {
  content: "\e920e";
}
.icon-new-heart:before {
  content: "\e9212";
}
.icon-new-latest:before {
  content: "\e9213";
}
.icon-new-map-pin:before {
  content: "\e9216";
}
.icon-new-bell:before {
  content: "\e9217";
}
.icon-new-016:before {
  content: "\e9218";
}
.icon-new-020:before {
  content: "\e921b";
}
.icon-1:before {
  content: "\e901";
}
.icon-cate-4:before {
  content: "\e9201";
}
.icon-cate-5:before {
  content: "\e9202";
}
.icon-cate-6:before {
  content: "\e9203";
}
.icon-cate-47:before {
  content: "\e9204";
}
.icon-cate-48:before {
  content: "\e9205";
}
.icon-cate-70:before {
  content: "\e9206";
}
.icon-cate-71:before {
  content: "\e9207";
}
.icon-cate-72:before {
  content: "\e9208";
}
.icon-cate-73:before {
  content: "\e9209";
}
.icon-cate-1:before {
  content: "\e9200";
}


/*
.icon-new-000:before {
  content: "\e090a";
}
.icon-new-001:before {
  content: "\e090b";
}
.icon-new-002:before {
  content: "\e090c";
}
.icon-new-003:before {
  content: "\e090d";
}
.icon-new-004:before {
  content: "\e090e";
}
.icon-new-005:before {
  content: "\e090f";
}
.icon-new-006:before {
  content: "\e0910";
}
.icon-new-007:before {
  content: "\e0911";
}
.icon-new-008:before {
  content: "\e0912";
}
.icon-new-009:before {
  content: "\e0913";
}
.icon-new-010:before {
  content: "\e0914";
}
.icon-new-012:before {
  content: "\e0915";
}
.icon-new-013:before {
  content: "\e0916";
}
.icon-new-014:before {
  content: "\e0917";
}
.icon-new-016:before {
  content: "\e0918";
}
.icon-new-017:before {
  content: "\e0919";
}
.icon-new-018:before {
  content: "\e091a";
}
.icon-new-020:before {
  content: "\e091b";
}
.icon-cate-4:before {
  content: "\e0901";
}
.icon-cate-5:before {
  content: "\e0902";
}
.icon-cate-6:before {
  content: "\e0903";
}
.icon-cate-47:before {
  content: "\e0904";
}
.icon-cate-48:before {
  content: "\e0905";
}
.icon-cate-70:before {
  content: "\e0906";
}
.icon-cate-71:before {
  content: "\e0907";
}
.icon-cate-72:before {
  content: "\e0908";
}
.icon-cate-73:before {
  content: "\e0909";
}
.icon-cate-1:before {
  content: "\e0900";
}*/

.navbar-fixed .page>.searchbar~.page-content, .navbar-fixed>.searchbar~.page-content, .navbar-through .page>.searchbar~.page-content, .navbar-through>.searchbar~.page-content{
      padding-top: 44px;
}
@media only screen and (min-device-width : 374px) and (max-device-width : 376px) and (min-height: 811px) and (max-height: 813px) {
    .navbar-fixed .page>.searchbar~.page-content, .navbar-fixed>.searchbar~.page-content, .navbar-through .page>.searchbar~.page-content, .navbar-through>.searchbar~.page-content{
      padding-top: 66px;
    }
}

/*.navbar-fixed .page-content, .navbar-through .page-content{
      padding-top: 44px!important;
}*/
.block-comment{
	/* padding: 0px 12px; */
  padding: 0px -1px;
}
.theme-purple .button:not(.button-fill).active{
	padding: 5px 0px;
    font-size: 14px;
	height: 40px;
}
.theme-purple .button:not(.button-fill){
	padding: 5px 0px;
    font-size: 14px;
	height: 40px;
}

#tab4 > div.pages.navbar-fixed.view-left > div.page.toolbar-fixed.page-on-center > div.page-content > div.block-comment > div.buttons-row{
	box-shadow: 0 0 8px 0 #f18dff!important;
    background: #fff;
    border-radius: 10px;
}
.buttons-row .button{
	border:1px solid #fff!important;
	border-radius: 10px!important;
}

.list-block .item-inner .item-title-history{
	color: #48484c;
	font-size: 16px;
}
.list-block .item-label-content .item-label-time, .list-block .item-inner .item-title-history .item-label-time{
	font-size: 10px;
    font-weight: 200;
    padding-top: 2px;
    color: #919191;
}
.list-block .item-label-content .item-label-time i, .list-block .item-inner .item-title-history .item-label-time i{
	display: none;
}
.list-block .item-after{
    font-size: 12px;
}
.list-block .item-after i{
	color: #919191!important;
	font-weight: 200;
    font-size: 25px;
}
.list-block ul li .item-inner{
	border-bottom: 1px solid #efefef;
}
.list-block .item-content{
    padding-right: 15px;
    padding-left: 15px;
}
.content-block-title{
	margin: 15px 0px 10px;
}
.list-cart{
	font-size: 16px;
}
.tabbar-fixed .page-content, .tabbar-through .page-content, .toolbar-fixed .page-content, .toolbar-through .page-content{
	padding-left: 12px;
	padding-right: 12px;
}
.remove_tax{
      padding: 0px 5px!important;
    border-radius: 5px!important;
    font-size: 14px!important;
    height: unset!important;
}
.discountdetail{
	padding:0px;
	    height: 50px;
    width: 50px;
    border-radius: 50%;
        font-size: 14px;
}
.discountprice{
	       margin-top: 15px;
    position: absolute;
    margin-left: -8px;
}
.showaddress{
  font-size: 14px;
}
.showaddresstax{
  font-size: 14px;
}
.discountprice-diff{
	    text-decoration: none;
    margin-top: 12px;
    margin-left: -17px;
    position: absolute;
    color: white;
    font-size: large;
}
.discountprice-percen{
	    text-decoration: none;
        margin-top: 16px;
    margin-left: 10px;
    position: absolute;
    color: white;
    font-size: smaller;
}
.list-block ul.block-detail{
	padding: 10px!important;
}
.name_product_detail{
	font-weight: 400;
        padding: 10px 0px!important;
}
.price_product_detail{
	font-size: 32px;
    font-weight: 500;
}
.btn-favorite{
	width: auto;
}
.cash_product{
	    font-size: 16px;
    color: #f9bc02;
    font-weight: 500;
}
.btn-favorite i{
	background: linear-gradient(to right, #5b37d7 -50%, #8a49e0 60%, #b05eea 150%, #d275f4 0%, #f18dff 0%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.select_product_item{
	border: none; 
}
.item-content-prodetail{
	padding-right: 0px;
    padding-left: 10px;
}
.item-content-prodetail i{
	font-size: 26px;
}
.item-inner-prodetail{
	border-bottom:none!important;
}
.item-title-prodetail{
	font-size: 12px;
}
.list-block .item-subtitle{
	font-size: 12px;
    position: relative;
     overflow: unset; 
     white-space: unset; 
}
.bzz-product-cash{
	margin-top: 0px;
    margin-bottom: 0px;
    font-size: 8px;
    padding-left: 6px;
    padding-top: 5px;
    border-top: 1px solid #ddd;
}
.banner_index, .new_product, .rand_product{
	background: transparent!important;
}
.swiper-slide.swiper-slide-cate{
	background: #fff;
	padding: 10px;
	border-radius: 10px;
}
/*.list-block ul{
	background: transparent!important;
}*/
.graNew{
	background: transparent!important;
}
.list-block ul.block-detail.block-detail-cate{
    padding: 10px 0px!important;
  }

.new_product{
	padding: 0px;
}
.block-title-promo{
	color: initial;
}
.pro_mod{
    padding: 10px 7px;
    height: auto;
    width: 100% !important;
    position: absolute !important;
    background: #8e6c9c !important;
    color: white !important;
    font-size: 10px !important;
    text-align: -webkit-center !important;
    vertical-align: middle !important;
    box-sizing: border-box;
    margin-top: 20%;
    left: 0px;
}
.discount_percent{
	    padding: 10px 7px;
	    height: 35px !important;
	        width: 35px !important;
	        border-radius: 50%;
}
.banner_index .swiper-slide{
	padding: 0px;
}

.banner_index .swiper-slide .slide-img{
	margin: 0px;
}

.graMystyle,.graFlash{
	background: transparent!important;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.list-block.tablet-inset.list-no-top > ul:nth-child(4){
	/* background: transparent; */
  /* height: 200px; */
	margin-top: 0px;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.list-block.tablet-inset.list-no-top > ul:nth-child(4) > div{
	padding: 10px 0px;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.list-block.tablet-inset.list-no-top > ul:nth-child(4) > li > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-active{
    padding: 0px;
    background: transparent;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.list-block.tablet-inset.list-no-top > ul:nth-child(4) > li > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-next{
	    padding: 0px;
	    background: transparent;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.list-block.tablet-inset.list-no-top > ul:nth-child(4) > li > div > div.swiper-wrapper > div:nth-child(1){
	 padding: 0px;
	    background: transparent;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.list-block.tablet-inset.list-no-top > ul:nth-child(4) > li > div > div.swiper-wrapper > div:nth-child(3){
	 padding: 0px;
	    background: transparent;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graFlash > div.list-block.tablet-inset > ul{
	background: transparent;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graMystyle > div.list-block.tablet-inset > ul{
	background: transparent;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graMystyle > div.list-block.tablet-inset > ul{
	background: transparent;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graNew > div.list-block.tablet-inset > ul{
	background: transparent;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_1{
	background-color: transparent!important;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_1 > div.list-block.tablet-inset > div{
	background: transparent;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_1 > div.list-block.tablet-inset > ul{
	background: transparent;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_2{
	background-color: transparent!important;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_2 > div.list-block.tablet-inset > div{
	background: transparent;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_2 > div.list-block.tablet-inset > ul{
	background: transparent;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div:nth-child(14) > div{
	padding-left: 0px;
    padding-right: 0px;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.list-block.tablet-inset.list-no-top > ul.block-detail.block-detail-cate.block-detail-cate-icon.block-cashback{
	background: transparent;
	padding: 5px 0px!important;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.list-block.tablet-inset.list-no-top > ul:nth-child(3) > li > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-next > a{

}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.list-block.tablet-inset.list-no-top > ul:nth-child(3){
	padding: 0px 0px!important;
}
.slide-cate_{
	padding: 0px;
	margin-bottom: -15px;
  /*margin-right: 0px!important;*/
}
.slide-cate_img{
	margin-top: -15px;
	background: #5b37d7;
	border-radius: 100%;
    width: 55px;
    height: 55px;
    margin-bottom: 5px;
    padding: 13px 0px;
}
.slide-cate_img > i{
	font-size: 29px;
	color: #fff!important;
}
.popular-cate p{
	height: 23px;
}
.popular-cate img{
	margin-top: 7px;
	/*margin-top: -6px;*/
}
.remain-cashback{
	font-weight: 700;
	font-size: 22px;
	margin-top: -6px;
	background: linear-gradient(to right, #5b37d7 -50%, #8a49e0 60%, #b05eea 150%, #d275f4 0%, #f18dff 0%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graFlash > div.block-title-promo > a{
	color: #ff4d4d;
	top: 0px;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graFlash > div.br-left-title{
	width: 7px;height: 33px;border-radius: 10px;background: #ff4d4d;float: left;margin-right: 5px;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graFlash > div.block-title-promo > a > span{
	color: #ff4d4d;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graMystyle > div.br-left-title{
	width: 7px;height: 33px;border-radius: 10px;background: #6495ED;float: left;margin-right: 5px;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graMystyle > div.block-title-promo > a{
	color: #6495ED;
	top: 0px;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graMystyle > div.block-title-promo > a > span{
	color: #6495ED;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graNew > div.br-left-title{
	width: 7px;height: 33px;border-radius: 10px;background: #4c2d84;float: left;margin-right: 5px;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graNew > div.block-title-promo > a{
	color: #4c2d84;
	top: 0px;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graNew > div.block-title-promo > a > span{
	color: #4c2d84;
}
/*#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_1 > div.br-left-title_1*/
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_1 > div.br-left-title_1{
	width: 7px;height: 33px;border-radius: 10px;float: left;margin-right: 5px;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_2 > div.br-left-title_2{
	width: 7px;height: 33px;border-radius: 10px;float: left;margin-right: 5px;
}

#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_remem > div.br-left-title{
	width: 7px;height: 33px;border-radius: 10px;background: #0536ef;float: left;margin-right: 5px;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_remem > div.block-title-promo > a{
	color: #0536ef;
	top: 0px;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_remem > div.block-title-promo > a > span{
	color: #0536ef;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_remem > div.list-block.tablet-inset > div{
	padding-left: 0px;
    padding-right: 0px;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.wrap-product_remem > div.list-block.tablet-inset > div > div:nth-child(1){
	/* margin-left: 0px; */
    margin-right: 0px;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.list-block.tablet-inset.list-no-top > ul:nth-child(4) > div > a{
	color: #5b37d7;
	background: transparent;
	top: 0px;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graMystyle > div.list-block.tablet-inset > ul > li > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-cate{
	/*width: 300px!important*/
}
.bz-product-cash{
	    padding-top: 5px;
    margin-top: 0px;
    border-top: 1px solid #ddd;
}
#tab1 > div > div.page.no-toolbar.toolbar-fixed.page-on-center > div.wrap-btn-fixed{
	background: #fff!important;
}
#tab1 > div > div.page.no-toolbar.toolbar-fixed.page-on-center > div.wrap-btn-fixed > div > button.button.button-big.button-fill.button-raised.btn-cart._addtocart_.btn-60{
    width: 44%;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, rgba(91,55,215,1),rgba(219,141,255,1));
    border-radius: 10px!important;
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 1px 1px;
        margin: 10px 7px 17px 13px;
    height: 45px;
}
#tab1 > div > div.page.no-toolbar.toolbar-fixed.page-on-center > div.wrap-btn-fixed > div > button.button.button-big.button-fill.button-raised.btn-cart._addtocart_.btn-60 > span{
	background: linear-gradient(to right, #5b37d7 -50%, #8a49e0 60%, #b05eea 150%, #d275f4 0%, #f18dff 0%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#tab1 > div > div.page.no-toolbar.toolbar-fixed.page-on-center > div.wrap-btn-fixed > div > button.button.button-big.button-fill-red.button-raised.btn-cart._buynow_.btn-40{
    width: 44%;
    border-radius: 10px!important;
    border:none;
    background: linear-gradient(to right, #5b37d7 -50%, #8a49e0 60%, #b05eea 150%, #d275f4 0%, #f18dff 0%);
    color: #fff;
        margin: 10px 7px 17px 13px;
    height: 45px!important;
    font-size: 17px;
}
.list-cart > li > div > div > span{
	font-size: 13px;
}
.tabbar.theme-purple a.active, .tabbar.theme-purple a.active i, .theme-purple .tabbar a.active, .theme-purple .tabbar a.active i{
  background: linear-gradient(to right, #5b37d7 -50%, #8a49e0 60%, #b05eea 150%, #d275f4 0%, #f18dff 0%);
    -webkit-background-clip: text;
    /*color: transparent!important;*/
    /*-webkit-text-fill-color: transparent;*/
}
.clr-grad-1{
    background: linear-gradient(to right, #5b37d7 -50%, #8a49e0 60%, #b05eea 150%, #d275f4 0%, #f18dff 0%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bzz-product-cash .flo-l{
  float: left;
  margin-top: 3px;
      font-weight: 500;
}
div.page-content.page-top-ios.infinite-scroll > div.bg-cate > div.swiper-container.banner-all-subcate.swiper-container-horizontal > div.swiper-wrapper > div.swiper-slide-subcate{
    background: transparent;
    padding: 0px;
}
div.bz-product-cash > span.cash_product.flo-l{
  float: left;
  margin-top: 3px;
      font-weight: 500;
      font-size: 12px;
}
div.bz-product-cash > span.new-cash_product > i{
      font-size: 24px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    color: #f9bc02!important;
}
div.bz-product-cash > span.new-cash_product > span.cash_product{
      font-size: 12px;
}
div.all_product.row > div{
  padding: 10px;
}
.banner-all-subcate{
  margin:10px 0px!important;
}
.all_product{
  padding-right: 0px;
  padding-left: 0px;
}
.new-cash_product{
  float: right;
}
body > div.views.view-mains.tabs.toolbar-through > div.toolbar.tabbar.tabbar-ios.toolbar-hiddens > div > a.tab-link.tab-circle-bottom.tab4.active{
  color: #fff!important;
      /*-webkit-text-fill-color: unset;*/
}
body > div.views.view-mains.tabs.toolbar-through > div.toolbar.tabbar.tabbar-ios.toolbar-hiddens > div > a.tab-link.tab-circle-bottom.tab4 > div > i{
  color: #fff!important;
      -webkit-text-fill-color: unset;
}
/*.block-popup{
  padding:20px;
}*/
.bar_filter a i{
  font-weight: 500;
}
.a-icon-tab{
    background: linear-gradient(to right, #5b37d7 -50%, #8a49e0 60%, #b05eea 150%, #d275f4 0%, #f18dff 0%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cancel_order_detail{
  background: #ca332f;
  border: 2px solid #ca332f;
  /*color: #ca332f!important;*/
       border-color: #ca332f!important;
  border-radius: 10px;
  padding : 0px!important; 
  height: 44px!important;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 8px;
        margin: 10px 10px;
}
.paylater_btn{
      width: 87%;
    margin: 10px 20px;
}
.wrap-btn-fixed{
  padding-bottom: 10px;
}
.paylatest{
   background: #ca332f;
  border: 2px solid #ca332f;
  /*color: #ca332f!important;*/
       border-color: #ca332f!important;
  border-radius: 10px;
  padding : 0px!important; 
  height: 44px!important;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 8px;
        margin: 10px 10px;
}
.save_tra{
        width: 95%;
    margin: 10px 10px;
}
#tab1 > div.pages.navbar-fixed > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graMystyle > div.list-block.tablet-inset > ul > li > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-cate > div
{
  height: 16px;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.list-block.tablet-inset.list-no-top > ul:nth-child(4) > div.br-left-title{
     /*  width: 7px;
         height: 33px;
         border-radius: 10px;
         background: #109bd2;
         float: left;
         margin-right: 5px;
       padding: 0px; */

     /*   width: px; */
    height: 200px;
    border-radius: 10px;
    /* background: #109bd2; */
    /* float: left; */
    /* margin-right: 5px; */
    padding: 0px;
    /* border: 1px; */
    background-color: white;
}
#tab1 > div > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.list-block.tablet-inset.list-no-top > ul:nth-child(4) > div.block-title-top > a{
  color: #109bd2;
}
.wrap-btn-form{
  padding: 0px;
}
.list-block .item-link .item-inner{
  background-position: calc(100% - 5px) center;
}
#tab4 > div.pages.navbar-fixed.view-left > div.page.toolbar-fixed.page-on-center > div.page-content > div.list-block > ul > li > a > div > div > div.item-label-content > div:nth-child(3) > i{
  color: #f1a800;
}
#tab4 > div.pages.navbar-fixed.view-left > div.page.toolbar-fixed.page-on-center > div.page-content > div.list-block > ul > li > a > div > div > div.item-label-content > div:nth-child(3) > span{
  color: #f1a800;
}
div[data-page="setting-share"] > div.page-content > div > div > div > div:nth-child(2) > div{
  padding: 15px;
}
#tab1 > div > div.page.no-toolbar.toolbar-fixed.page-on-center > div.page-content.page-content-d > div > ul > li > div.row > div.wrap-btn-detail > div > div > div > div > div > span > input{
  width: 40%;
}
.qtylessten{
  font-size: 14px;
}
/*body > div.popup.popup-filter.status-bar-purple.modal-in > div > div.navbar-popup{
      height: 45px!important;
      padding-top: 11px;*/
/*    margin: -20px;
    width: 115%;*/
/*}*/
/*body > div.popup.popup-filter.status-bar-purple.modal-in > div > div.navbar-popup > div.colse-popup{
      margin-top: -5px!important;
    padding-top: 0px;
}*/

/*body > div.popup.popup-sort.status-bar-purple.modal-in > div > div.navbar-popup{
  height: 45px!important;
  padding-top: 11px;*/
/*  margin: -20px 0px 20px -20px;
    width: 115%;*/
/*}*/

/*body > div.popup.popup-sort.status-bar-purple.modal-in > div > div.navbar-popup > div.colse-popup{
    margin-top: -5px!important;
    padding-top: 0px;
}*/
#tab5 > div.pages.view-left.navbar-fixed > div.page.no-toolbar.toolbar-fixed.page-on-center > div.page-content > div.list-block > ul > li > p > img{
  width: 100%;
}
.banner-all-cate{
  margin-top: 15px;
}
.btn-register{
    background: linear-gradient(to right, #5b37d7 -50%, #8a49e0 60%, #b05eea 150%, #d275f4 0%, #f18dff 0%);
    color: #fff;
    border-radius: 10px;
    border-color: unset;  
}
.btn-login{
      background-image: linear-gradient(white, white), radial-gradient(circle at top left, rgba(91,55,215,1),rgba(219,141,255,1));
    border-radius: 10px!important;
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 2px 2px;
    height: 33px;
    border-color: transparent;  
}
.btn-login > span{
    background: linear-gradient(to right, #5b37d7 -50%, #8a49e0 60%, #b05eea 150%, #d275f4 0%, #f18dff 0%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.swiper-pagination-bullet-active{
      background: linear-gradient(to right, #5b37d7 -50%, #8a49e0 60%, #b05eea 150%, #d275f4 0%, #f18dff 0%);
}
.wrap-tutorial-a{
  text-decoration: unset;
}
div.wrap-btn-detail{
  margin-top: 0px;
}
div.wrap-btn-detail .wrap-spinner-detail .qtyadd{
  border:1px solid #E0E0E0!important;
}

div.wrap-btn-detail .wrap-spinner-detail .btn-purple{
  border:none!important;
}
.p-product-allban{
  padding-top: 15px;
}
#tab4 > div.pages.navbar-fixed.view-left > div.page.toolbar-fixed.page-on-center > div.page-content > div > div.wrap-btn-otp > button{
  padding: 0px;
}
.pro-sticky{
  float: right;
    position: sticky;
    bottom: 11%;
    right: 5%;
    z-index: 9999;
    width: 50px;
}
.pro-sticky-img{
  width: 100%;
  /*border-radius: 50%;*/
}
.bzz-product-name{
	height: 30px;
}
#tab1 > div.pages.navbar-fixed > div > div.page-content.pull-to-refresh-content.infinite-scroll > div.wrap-promo-index.graMystyle > div.list-block.tablet-inset > ul > li > div > div.swiper-wrapper > div.swiper-slide.swiper-slide-cate > div > span:nth-child(1){
  overflow-wrap: break-word;
    width: 60%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
span.time {
      color: #fff;
      background: #ff3b30;
      margin-left: 2px;
      padding: 5px;
      border-radius: 5px;
      margin-right: 2px;
      /*font-weight: 700;*/
    }

  .w-cc-list{
    min-height: 150px;
    padding: 5px;
    background: #fff;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
  }
  .w-cc-list-de{
    padding: 15px;
  }
  .w-cc-left{
    width: 100%;
 /*   height: 90px;*/
  }
  .w-cc-left img{
    width: 100%;
  }
  .w-cc-right{
    width: 100%;
    /*max-width: 150px;*/
    text-align: center;
  }
  .w-cc-right h1{
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    color: #5b37d7;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap; 
  }
  .w-cc-right h2{
    font-size: 10px;
    margin: 0px;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap; 
  }
  .w-cc-list-de h1{
    font-size: 17px;
    color: #5b37d7;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .w-cc-list-de h2{
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 15px;
  }
  .w-cc-progressbar{
    padding: 10px;
    padding-bottom: 0px;
  }
  .w-cc-progressbar .progressbar{
    height: 6px!important;
  }
  .w-cc-progressbar .progressbar span{
    background: #ec068d;
  }
    .w-cc-progressbar .progressbar span.success-green{
    background: #32b268;
  }
  .progressbar-num{
    font-size: 12px;
  }
  .w-cc-play-num{
    padding: 10px;
  }
  .play-num{
    font-size: 12px;
    padding: 2px 10px;
    color: #ec068d;
    border-radius: 10px;
    border:#ec068d solid 1px;
  }
  .play-num.no-play{
    color: #cacaca;
    border:#cacaca solid 1px;
  }
  .banner-cc{
    width: 100%;
    height: 160px;
    background-image: url(https://static.sheepola.com/imagestatic/cc-banner.jpg)!important;
    background-repeat: no-repeat!important;
    background-position: center center;
    background-size: cover !important;
    position: relative;
    text-align: center;
    top: -15px;
  }
  .banner-cc-bar{
    width: 100%;
    height: 11px;
    position: relative;
    background: #006078;
    top: -15px;
  }
  .page-content.page-content-cc{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 60px!important;
  }
  .content-cc{
    padding: 0px 10px;
  }
  .buttons-row-cc{
  border: #9851e4 solid 1px;
    border-radius: 20px;    
  }
  .buttons-row-cc .button{
    border-radius: 20px!important;
  }
  .tab-cc{
    min-height: 350px;
    padding: 5px 15px;
    overflow: auto;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  .cc-success{
    padding: 15px;
    text-align: center;
    font-size: 15px;
    color: #ec068d;
  }
  .banner-cc-b{
    width: 100%;
    height: 160px;
    background-repeat: no-repeat!important;
    background-position: center center;
    background-size: cover !important;
    position: relative;
    text-align: center;
    filter:blur(5px);
    top: -15px;
  }
  .banner-cc-bar{
    text-align: center;
  }
  .banner-cc-bar img{
    width: 130px;
    border-radius: 50%;
    margin-top: -110px;
  }
  .btn-form-cc{
    background: #ec068d!important;
  }
  .card-cc{
    min-height: 60px;
    overflow: hidden;
    display: block;
    background: #ffe798;
    border: 1px solid #f7d76d;
    padding: 15px;
    border-radius: 10px;
    padding-bottom: 5px;
    text-align: center;
  }
  .card-cc h1{
  	color: #ef9329;
  }
  .card-cc h2 {
    font-size: 13px;
    font-weight: bold;
   }
  .card-cc .card-cc-left{
    display: inline-block;
    vertical-align: top;
    width: 60px;
    float: left;
  }
  .card-cc .card-cc-left img{
    width: 100%;
  }
  .card-cc .card-cc-right{
    display: inline-block;
    vertical-align: top;
    float: left;
    padding-left: 25px;
  }
    .tab-cc-de .list-block{
      font-size: 12px!important;
      text-align: left;
    }
    .tab-cc-de p{
      margin: 0px;
    }
    .w-btn-mission{
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box;
      text-align: center;
    }