:root
{
    --br:16px;
}

body {
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--sf);
  font-size: var(--sfs);
  background-color: white;
}
.bg-main-color{
    background-color: var(--mc);
    color: white;
}
.bg-main-color:hover{
    color: white;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: var(--shf);

    }
 h1{
font-size: var(--shs);
 }
  h2{
  font-size: calc(var(--shs)*0.8);
  }
  h3{
    font-size: calc(var(--shs)*0.7);
  }
  h4{
    font-size: calc(var(--shs)*0.6);
  }
  h5{
    font-size: calc(var(--shs)*0.5);
  }
  h6{
    font-size: calc(var(--shs)*0.4);
  }

h4
{
    margin-block-end:0;
}
ul
{
    padding-inline-start:0;
}
button, input, optgroup, select, textarea {
    font-family: var(--sf);
}
article{
    min-height:70vh;
    margin-top:145px;
}
*::-webkit-scrollbar {
    width: 12px;
}
*::-webkit-scrollbar-thumb {
    background-color: #FFF;
    background-image: -webkit-gradient(linear, 40% 0%, 75% 84%,from(var(--scc)),to(var(--scc)));
}
*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #F5F5F5;
}
aside .card
{
    border: none;
}
header.asazoon-header {
    position: fixed;
    background-color: var(--hc);
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    z-index: 9999
}

.switch {
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
}

.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input.cmn-toggle-round + label {
    padding: 2px;
    margin-top: -10px;
    width: 40px;
    height: 20px;
    background-color: #ddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

input.cmn-toggle-round + label:before,input.cmn-toggle-round + label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: ""
}
.top-header nav .wrapper .top-menu-view {
    position: absolute;
    left: 11.5%;
    height: 100%;
}
.b-dc {
    /*background-color: #fff0;*/
    left: 16%;
    margin-top: 10px !important;
    }
input.cmn-toggle-round + label:before {
    right: 1px;
    background-color: #f1f1f1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s
}

input.cmn-toggle-round + label:after {
    width: 18px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -webkit-transition: margin .4s;
    -moz-transition: margin .4s;
    -o-transition: margin .4s;
    transition: margin .4s
}

input.cmn-toggle-round:checked + label:before,input.cmn-toggle-on + label:before {
    background-color: #8ce196
}

input.cmn-toggle-round:checked + label:after,input.cmn-toggle-on + label:after {
    margin-left: 20px
}

input.cmn-toggle-on:checked + label:before {
    background-color: #f1f1f1
}

input.cmn-toggle-on:checked + label:after {
    margin-left: 0
}
.system-dc ol li
{
       list-style:decimal!important;
}
.system-dc ol
{
       list-style:decimal!important;
}
.system-dc ul li
{
       list-style:disc!important;
}
.system-dc ul
{
       list-style:disc!important;
}

*,:before,:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
}

.carousel-dc
{
 width:100%;
}
.index.slide{
}

@media(max-width:767px){
.index.lt-banner-down{
    margin-top:30px;
}
}

body,button{
  font-family: var(--sf);
}
:focus-visible {
outline: none;
    outline-color: transparent;
    outline-style: none;
    outline-width: 0;
}

.view-all {
    position: absolute;
    right: 50%;
    top: 89.5%;
    border: 1px solid var(--mc);
    color: #f8f9fa;
    padding: 5px 13px 5px 11px;
    padding-right: 12px;
    background-color: var(--mc);
    border-radius:0;
}

.view-all:hover
{
    color:#f8f9fa;
}

.swiper-dc .view-all{
color:var(--wtc1);
border: 1px solid var(--wtc1);
}
.swiper-s-dc .view-all{
color:var(--wtc2);
border: 1px solid var(--wtc2);
}
.view
{
        position: absolute;
    font-size:150%;
    left: 2px;
    top: 3px;
}

.user_card {
            top:15%;
			width: 350px;
			margin-bottom: auto;
			position: relative;
			display: flex;
			justify-content: center;
			flex-direction: column;
			padding: 10px;
			border: solid 1px #dddddda3;

			border-radius: 5px;

		}
		.brand_logo_container {
			position: absolute;
			height: 170px;
			width: 170px;
			top: -75px;
			border-radius: 50%;
			background: #60a3bc;
			padding: 10px;
			text-align: center;
		}
		.brand_logo {
			height: 150px;
			width: 150px;
			border-radius: 50%;
			border: 2px solid white;
		}
		.form_container {
			margin-top: 100px;
		}
		.login_btn {
			width: 100%;
			background: var(--mc) !important;
			color: white !important;
			cursor: pointer;
		}
		.login_btn:focus {
			box-shadow: none !important;
			outline: 0px !important;
		}
		.login_container {
			padding: 0 2rem;
		}
		.input-group-text {
			background: #c0392b !important;
			color: white !important;
			border: 0 !important;
			border-radius: 0.25rem 0 0 0.25rem !important;
		}
		.input_user,
		.input_pass:focus {
			box-shadow: none !important;
			outline: 0px !important;
		}
		.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
			background-color: #c0392b !important;
		}
		.usr-label
		{
		        font-size:75%;
		        margin-bottom:0;
		}
		.usr-label-code
		{
		        margin-right: 27px;
		}
		.btn-register
		{
		    padding-left: 0;
            padding-right: 0;
            padding-top: 14px;
            cursor: pointer;
		}
		img.refresh-captcha
		{
		    position: absolute;
            top: 25px;
            left: 1px;
            height: 36px;
            cursor: pointer;
            width: 86px;
            border-radius: 0.2rem;
		}
		.d-captcha
		{
		    position:relative;
		}
		form.frm .hint
{
    position: absolute;
    font-size: 62.5%;
    top: 27px;
    left: 3px;
    color: #009385;;
}
.form-group{
    position: relative!important;
}
.login-checkbox
{  left: 17px;
margin-top: 10px;
}
.checkbox {
    display: block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size:92.5%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


 .checkbox .checkmark {
  position: absolute;
  top: 0;
  right: 3px;
  height: 19px;
  width: 19px;
  border-radius: 5px;
  background-color: #c5c3c3;
}


.checkbox:hover input ~  .checkmark {
  background-color: #ccc;
}


.checkbox input:checked ~  .checkmark {
  background-color: var(--mc);
}

.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.checkbox input:checked ~  .checkmark:after {
  display: block;
}

.checkbox .checkmark:after {
    left: 6px;
    top: 2px;
    width: 7px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pc .alert_buttons .btn-icon-consplit-ok{
    background-color:#57cfb1!important;
    border-color: #57cfb1!important;
}
.pc .alert_buttons .btn-icon-consplit-cancel{
    background-color:var(--mc)!important;
    border-color: var(--mc)!important;
}
.pc .alert_buttons .alert_btn:hover {
    border-color:none!important;
  }
.user-menu-item:hover
{
    text-decoration:none;
}
.recieve-code
{
    width:100%;
}
.form-control-code
{width: 93%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    margin-right: 15px;
}
.view-pass{
    width: 23px;
    position: absolute;
    left: 19px;
    top: 29px;
}
.usr-menu-view
{
  width: 30px;
    position: absolute;
    left: 28px;
    top: 9px;
}
.usr-menu-view::after{
vertical-align: bottom;
}
.header-mob .usr-drop-acc svg {
       color: #616161;
}
.header-mob .top-menu-view{
    position: relative;
    margin-top: 16px;
}
.header-mob .logo{
float: none!important;
}
.header-mob  .btn .badge.bg-dc{
    top: 22%;
    left: 124%;
}
.header-mob .usr-menu-view {
    top: 2px;
    left: 14px;
}

.header-mob hr{
   margin-top: 1rem !important;
}

.top-header nav .wrapper.header-mob {
    height: 48px;
}
a.top-menu-view .usr-menu-view
{
     left: 37px;
}

.btn-new-pass
{
    width: 92%;
    margin-right: 14px;
    background: var(--mc) ;
	color: white;
}
.pass-form
{
    display:inline-block;
}
.rules-link
{
    cursor:pointer;

}
.rules
{
    font-size:87.5%;
}
.edit_btn
{
    width: 64%;
    background: var(--mc) !important;
    color: white !important;
}
.registration
{
    text-align: center;
    display: block;
    font-size:18px;
    margin-top: 18px;
    pointer: cursor;
    text-decoration: revert;
}
.back-error-message
{
    display:block;
}
.error-message
{
    width:100%;
    max-width:500px;
}
.user-card
{
    top:20%;
}
.user-card div.rule{
font-size:68.75%;
    padding: 9px;
}
.user-card div.rule a{
 border-bottom: 1px solid;
}
@media(min-width:700px)
{
    .edit-card
{
    width:60%;
}
}
.s-dc
{
    width: 50%;
    border: none;
    background-color: #efefef;
    height: 44px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: 10px;
    float:right;

}

.s-dc::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #aaa;
    font-size: 11px;
}
.s-dc::-moz-placeholder {
color: #aaa;
    font-size: 11px;
}
.s-dc:-ms-input-placeholder {
color: #aaa;
    font-size: 11px;
}
.s-dc:-moz-placeholder {
color: #aaa;
    font-size: 11px;
}

.i-dc
{
    float:right;
    margin-top:12px;
}
.support-section
{
    font-size:23px;
    color: #a5a3a3;
        line-height: 0;
}
.ent-bt
{
       float: left;
}
.ent-bt.login {
    width: 53px;
    border:none;
    position: relative;
}
.ent-bt.login i{
    vertical-align: bottom;
}
.ent-bt.login:after{
    content: " | ";
    font-size: 16px;
    padding-bottom: 15px;
    position: absolute;
    color: #cac6c6d4;
    left: -4px;
    top: 12px;
}

.ent-txt svg
{
        height: 35px;
}
.ent-ic
{
    font-size:112.5%;
    padding: -5px -8px;
    right: 0px;
    top: 8px;
    position: absolute;
}

.m-l
{
    float:left;
}


  .i-store {
    float: left;
    font-size:225%;
    color: #615a5a;
    padding: -10px;
    padding: -1px -4px;
    opacity: 1 !important;
    display: inline-block;
    position: absolute;
    z-index: 0;
    top: 2px;
}

.btn .badge.bg-dc
{
   font-size: .714rem;
    line-height: 1;
    font-weight: bold;
    position: absolute;
    top: 12px;
    left: 32px;
    background-color: var(--mc);
   padding: 0px 4px;
    text-align: center;
    border-radius: 100%;
    color: var(--mtc);
    border: 2px solid #fff;
    line-height: 17px;
    border-radius: 6px;
}

.bg-menu-dc
{
    position: relative;
    background-color: var(--mc);
    font-size: .714rem;
    line-height: 1;
    font-weight: bold;
    padding: 0px 4px;
    color: var(--mtc);
    border: 2px solid #fff;
    line-height: 17px;
    border-radius: 6px;
}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 70px;
    background-color: #464a4c;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: -13px 4px;
    position: absolute;
    z-index: 1;
    top: 17px;
    font-size: 100%;
    right: 96%;
}

.tooltip:hover .tooltiptext {
    visibility:visible;
}
.f-baner
{
    display:block;
     border-radius: 4px;
     width: 100%;
    max-height: 25%;
}
.s-baner
{
    padding-top:3px;
     border-radius: 4px;
}
.baner-dc
{
    width: 100%;
}
.m-baner
{
    margin-top: 15px;
}
.jc-right, .jc-left {
    width: 39px !important;
    height: 39px !important;
    background: #fff !important;
}
.jc-right {
    right: 1px !important;
    top:-20% !important;
}
.jc-right svg, .jc-left svg {

    fill:#0f0101 !important;
}
.jc-left {
    left: 6px !important;
     top:-20% !important;
}
.swiper-dc
{
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: var(--br);
    padding-left: 5px;
   height: 501px;
overflow: hidden;
background-color: var(--wbc1)

}
.bg-red
{
  background-color: #F0394E;
}
.bg-green{
  background-color: #6bb927;
}
.bg-purple{
  background-color: #6779de;
}
.bg-pink{
  background-color: #f1c0b9;
}
bg-blue{
  background-color:#78d0ff;
}
.bg-light-blue{
  background-color: #00c5cb;
}
.bg-green-blue{
  background-color: #9cccce;
}
.sw-card
{
    width:253px;
    border:none;
}
.sw-card.item-p{
    display: inline-block;
    vertical-align: bottom;
    font-size: var(--sfs);
    margin: 0 4px;
    border-top-left-radius: var(--br);
    border-top-right-radius: var(--br);
}
.sw-sg-card
{
    width:250px;
    border:none !important;
        float: right;
}
.sw-sg-card-mob
{
     width:150px;
     border:none !important;
    float: right;
}
.sw-card-body{
    padding-top: 5px;
    padding-inline: 10px;
    position: relative;
    height: 88px;
}
.card-title.category
{
    color:#000!important;
}
.pro-options .sw-card-title
{
    height: 23px;
    color: #7a7a7a;
}
.sw-card-title{
    overflow: hidden;
    height: 40px;
    white-space: initial;
    line-height: 21px;
    color: #000;
    padding: 0 8px;
    font-family: var(--sf);
    font-size: 13px;
    padding-top: 4px;
    margin-bottom:0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.swiper-items {
    padding: 20px 0;
}
.sw-sg-card-title
{
    margin-top: 2%;
    text-align: center;
    height: 100px;
    overflow: hidden;
    white-space: initial;

    font-size:40px;
    font-family: 'gh';
}
.swiper-dc .sw-sg-card-title{
    color: var(--wtc1);
}
.swiper-s-dc .sw-sg-card-title{
    color: var(--wtc2);
}

.sw-card-bg
{
    font-size: 95%;
    margin-left: 3px;
    background-color: var(--mc);
    color: var(--mtc);
    padding: 5px 4px 1px 4px;
    border-radius: 10px;
    position: absolute;
    top: 91px;
    left: 0;
}
.sw-discount
{
  font-weight: 600;
    font-size:75%;
    margin: 0 7px;
    margin-top: 0 ;
    float: left;
    text-decoration: line-through;
    color: #c0c0c0;
    position: absolute;
    top: 93px;
    left: 47px;
}
.old-price{
    text-decoration: line-through;
    color: #c0c0c0;
}
.sw-cost{
   color: #000;
    font-weight: bold;
    position: static;
    margin-right: 7px;
    float: right;
    display: inline-block;
}
.sw-discount-dc
{
    height: 24px;
   position: relative;
}

.sh-card{
    border-radius: var(--br);
    box-shadow: 0 0 5px 1px #ddd;
    overflow: hidden;
    background-color:#fff
}
.sw-brand-card
{
    border: none;
     background-color:#fff;
     width: 163px;
     display: inline-block;
    margin: 0 10px;
}
.sw-brand-card .sw-card-title
{
  osition: absolute;
    /* width: 200px; */
    font-size:75%;
    height: 30px;
    margin-top: 9px;
    padding: 0 0;
}
.sw-brand-card-body
{

    width: 224px;
    margin-right: 10px;
}
.sw-Fdiscount-dc
{
    height: 70px;
    position: relative;

}
.sw-card-Fbg
{
    font-size: 100%;
    padding: 2px 4px;
    line-height: 1;
    float: left;
    margin-left: 10px;
    background-color: #ee384e;
    padding: 9px 1px;
    width: 31px;
    height: 31px;
    border-radius: 100%;
}
.sw-Fcost
{
    font-weight: bold;
    color: #555;
    float: left;
    margin-left: 14px;
    margin-right: 15px;
    laft: 11px;
    margin-top: -10px;
}
.swiper .item-p img{
    width: 250px;
    height: 250px;
}
@media (max-width:768px)
{
.order-history span
{
    font-size: 78.75%!important;
}
.swiper .item-p img{
    max-width: 250px;
    height: 200px;
    width: 100%;
}
.order-view {
    font-size: 75.25%!important;
}
.baner-im-dc
{
    margin-top:25px;
}
}

.mob-login
{
    font-size:287.5%;
    color:#615a5a;
}
@media (max-width:766px){
.mob-login
{
    font-size:162.5%;
}
}
.mob-s
{
    font-size:131.25%;
    bottom: 11px;
    position: absolute;
    left: 45px;
    top: 16px;
    color:#615a5a;
}
@media  (max-width:300px){
.s-dc {
    width: 42%;
}
}
@media (min-width:300px) and (max-width:460px)
{

.mob-login {
    font-size:175%;
}

.mob-s {
    font-size:93.75%;
    position: absolute;
    left: 28px;
    top: 12px;
}
.i-store {
    font-size:206.25%;
    top: 2px;
}
.s-dc {
    width: 30%;
    right: 97px;
}
.b-dc {

    right: 64px;
}
}


@media (min-width:460px) and (max-width:900px)
{


.mob-s {
    font-size:93.75%;
    position: absolute;
    left: 28px;
    top: 12px;

}
.support-section {
    font-size:112.5%;
}

    .i-store {

    top: 7px;
    left: 10px;
}
}
.sw-brand-card .card-img-top
{


}
.card-img-top{

}
.brand-index .card-img-top{
    max-width: 108px;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: "\F0FDF";
    font-family: 'Material Design Icons'
}
.score {

    font-size: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.product-show .tool{
width: 45px;
    position: absolute;
    top: 6px;
    font-size:168.75%;
    color:#4e4e4e;
    right: 21px;
    background-color: #fff;
    text-align: center;
    z-index: 5;
    cursor: pointer;
     border-radius: 9px;

}
.product-show .tool .mdi-heart{
color:#fb3449

}
.score-wrap {
    display: inline-block;
    position: relative;
    height: 19px;
    text-align: right;
    line-height: 1;
}
.score .stars-active {
    color: #EEBD01;
    position: relative;
    z-index: 10;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    font-size: inherit;
}.score .stars-inactive {
    color: grey;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-text-stroke: initial;
   overflow: hidden;
       font-size: inherit;
}
.product-show .anotherPhoto, #showAllImg .anotherPhoto{
    opacity: 0.8;
    width: 78px;
    border: 1px solid #afaeae;
    text-align: center;
    border-radius: 9px;
    display: inline-block;
    height: 78px;
    margin: 2px
}
.product-show .anotherPhoto img, #showAllImg .anotherPhoto img{
     width: 71px;
    height: 71px;;
    padding:5px 3px 0px 2px;
    border-radius:9px
}

.product-show .title{
    color: #171616;
    padding:19px 0px;
    white-space: nowrap;
    max-width: 868px;
    overflow: hidden;
    text-overflow: ellipsis;
    }
 .product-show .title-s{
    color: #4a4646;
    font-size:75%


 }
.product-show .box-right{

    border-top: 1px solid #dedede;
}
.product-show .score-pro{
font-size:81.25%;
}
.product-show .score span{
    font-size: 100%;
    margin-right: 3px;

}
.product-show .score a {
    color:var(--sc);
    cursor: pointer
}
.product-show .score-pro i {
    color: #f7c305;
    font-size:106.25%;
    vertical-align: middle;
}
.product-show i.mdi-circle-small{
color: #bfbfbd;
    font-size:143.75%;

}

.product-show .box-left{
background-color: #f5f5f5;
    border-radius: 10px;
    border: 1px solid #e6dfdf;
    padding: 15px 5px;
}
.product-show .discount-pro span:last-child{
    background-color: var(--mc);
    color: var(--mtc);
    border-radius: 11px;
    padding: 2px 5px;
}
.product-show .discount-pro span:first-child{
  text-decoration: line-through;
    color: #a9a5a5;
    }
.warranty  i.mdi{
vertical-align: middle;
    font-size:156.25%;
}


.product-show  .price span{
 font-size:143.75%;
    font-weight: 600;
    color: #414244;
    text-align: left;
    padding-top: 0px;

}


.product-show  .price  b{
vertical-align: bottom;
    font-size:81.25%;
}
.btndig{
    background-color: var(--mc);
    color:  var(--mtc)!important;
    border-radius: 8px;
    padding: 15px;
    margin: 19px 0px 12px 0px;
    font-size:104.75%;
    font-weight: 600;
    cursor: pointer;
}
.product-show .blog{
  border: 1px solid #dfdfdf;
    padding: 11px;
    border-radius: 8px;
    margin-top: 9px;
}
.product-show .blog  span{
vertical-align: middle;
    font-size:87.5%;
}
.product-show .blog  i{
    font-size:118.75%;
    color: #a1a3a8;
}
.color-s{

    width: 33px;
    height: 33px;
    border-radius: 50%;
    border: 1px solid #c3c2c2;
    text-align: center;
    padding: 3px;
    display: inline-block;
    cursor: pointer;

}

.color-s div{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #fff;
 }
.color-s.select{
 background-color:#32d4f9;
}
#productBodyHeader .no-color{
font-size:68.75%;

}
ul.property  {
  list-style: none;
  padding: 0;
 max-height: 145px;
 overflow: hidden;
}
ul.property.mo{
 max-height:100%
}
ul.property  li{
  font-size:81.25%;
}
ul.property  li::before {
 content: "\2022";
    color: #cac7c7;
    font-weight: bold;
    display: inline-block;
    width: 10px;
    font-size:131.25%;
    vertical-align: sub;
}
.more-p,.more-f{
    color: var(--sc);
    font-size:68.75%;
    cursor: pointer;
}
.box-a{
  border-top: 1px solid #dfdfdf;
}
.box-a .possibility div{
 display: inline-block;
    vertical-align: super;
    color: #a5a1a1;
        font-size:81.25%
}

.box-a .possibility i{
display: inline-block;
    font-size:181.25%;
    color: #a5a1a1;
}
ul.tab li{
    padding: 0;
    list-style: none;
    margin:0 -2px;
    display: inline-block;

}
.nav-tabs .nav-link:hover {
    border-color:#ffff;
    color:#424040
}
.nav-tabs .nav-link2885
 {
    border-bottom: 3px solid var(--mc);
    color:var(--mc);
    border-color: #fff #fff var(--mc);
}
 ul.tab{
      border-bottom: 1px solid #e4e4e4;

}
.product-show  ul.tab{
   overflow-x: auto;
    overflow-y: hidden;
}
.sh-card ul.tab{
   overflow:hidden
}
.content-pro .title-c  {
    border-bottom: 2px solid var(--mc);
    padding-bottom: 6px;
    display: inline-block;

}
.content-pro .more-p, .content-pro .more-f{
    font-size:93.75%;
    margin-top: 8px;
}
 .item-suggestion   .title-su {
 color: #000;
    border-bottom: 2px solid var(--mc);
    display: inline-block;
    padding-bottom: 12px
 }

.box-left-bottom img{
    width: 100%;
    margin: auto;
    max-width: 87px;
    border-radius: 9px;
}
.box-left-bottom .title{
    font-size:87.5%;
}
.box-left-bottom{
border: 1px solid #e2e1e1;
border-radius:10px;
margin-left: 6px;
padding-top: 19px

}
.text-muted {
    color: #868686!important;
}
.comment .name, .comment .date{
font-size:81.25%;
display: inline-block;
}
.comment  .date::after {
     content: "\2022";
    color: #cac7c7;
    font-weight: bold;
    display: inline-block;
    width: 30px;
    font-size:106.25%;
    vertical-align: sub;
    padding: 0px 10px;
}
.addComment {
    color: var(--mc);
    background-color: #fff;
    border-radius: 8px;
    padding:10px 0px;
    margin: 19px 0px 12px 0px;
    font-size:93.75%;
    font-weight: 600;
    border: 1px solid var(--mc);
    cursor: pointer;
}
.addComment:hover{
    color: var(--mc);
}
.edit-comment{
    font-size:81.25%;
    padding: 2px 9px;
    border: 1px solid #c1c1c1;
    border-radius: 9px;
    vertical-align: middle;
    color: #484646;
    background-color: #fff;
}
.comment .advice{
font-size:81.25%;
}
.box-left-bottom.fixed{
position:fixed
}
.possibility{
display: inline-block;
 padding: 10px 0px;

}
.number-points span{
font-weight: 600;
color: #3c3c3c;
font-size:250%;
}
.score-star span{
    font-size:81.25%;
}

.comment .comment-t{
    font-size:81.25%;
    margin-top: 8px;
}
.page li.page-item a{
    padding: 5px;
    background-color: var(--sc);
    width: 35px;
    height: 35px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    border-radius: 6px;
    margin: 1px;
}
.page-item.active .page-link{
background-color: var(--mc);
border-color:var(--mc);
}
.content-body {

    overflow: hidden;
}
.content-body.mo{
max-height:100%
}
.specifications{
padding:0

}
.share-i{
    font-size:162.5%;
    color: #fff;
    cursor: pointer;
}
.share-i i{
    padding:5px 10px 0px 8px
    border-radius: 8px;
    color: #fff;;
}
#share-pro button{
    left: 0;
}

#copyLink{
cursor:pointer
}
.modal#share-pro .modal-dialog {
    width: 404px;
}
.product-show .anotherPhoto:hover {
    opacity: 1;
    cursor:pointer}
.nav-tabs.tab .nav-link.active , .sw-tab-bar .nav-link.active{
    color: var(--wtc);
    background-color: #fff0;
    border-color: #fff0 #fff0 var(--mc);
    border-bottom:3px solid var(--mc);
}
.ss-1 .nav-tabs.tab .nav-link.active h6 {
    color: var(--wtc3);
}
.ss-2 .nav-tabs.tab .nav-link.active h6 {
    color: var(--wtc4);
}
.ss-3 .nav-tabs.tab .nav-link.active h6 {
    color: var(--wtc5);
}
.ss-1 .nav-tabs.tab .nav-link.active{
    border-color: #fff0 #fff0 var(--wtc3);
    border-bottom: 3px solid var(--wtc3);
}
.ss-2 .nav-tabs.tab .nav-link.active{
    border-color: #fff0 #fff0 var(--wtc4);
    border-bottom: 3px solid var(--wtc4);
}
.ss-3 .nav-tabs.tab .nav-link.active{
    border-color: #fff0 #fff0 var(--wtc5);
    border-bottom: 3px solid var(--wtc5);
}
.ss-1 {
background-color:var(--wbc3)
}
.ss-2 {
background-color:var(--wbc4)
}
.ss-3 {
background-color:var(--wbc5)
}

.cursorshade{
   background-color:#fff
}
#showAllImg .modal-title{
 border-bottom: 3px solid #0099bd;
    color: #0099bd;
    font-size: 100%;
    padding: 0px 11px;
}
.allImage .swiper .items{
padding:0
}
.allImage .jc-right{
    right: 1px !importan
}
.allImage .jc-left {
left: -1px!important
}
.allImage .jc-right, .allImage .jc-left {
    width: 25px !important;
    height: 25px !important;
    background: #fff !important;
}
.box-left-bottom i.mdi-content-save-outline{
    font-size:112.5%;
    color:var(--sc);
}
.bg-white{
    background-color: #fff;
    padding: 13px;
    border: 1px solid #e2e1e1!important;
    border-radius: 9px!important;
}
#comment-click{
cursor:pointer
}
.specialSale{
font-size:87.5%;
color: #eb1741
}
@media (min-width: 576px){
#showAllImg .modal-dialog {
max-width: 1000px;
}
}

@media(max-width: 900px)
{
.product-show .title {
    text-align: center;
    line-height: 2;
}
.product-show .box-right {
    padding-right: 30px;
}
.specifications{
padding:0

}
.box-left-bottom .img{
text-align:center
}
.box-left-bottom {


    margin: auto;
}
}
@media(max-width: 800px){
.product-show .price span {
    font-size:125%;
}
.product.m{
margin:0
}
.addToCart {
    font-size:81.25%;
}

}
@media(max-width: 800px){

.specifications {
    padding: 17px;
}

}
@media(max-width: 400px){
.item-suggestion .title-su {
    font-size:68.75%;
}
.product-show .box-img{
text-align: center;
}
 ul.tab {
margin-right:0;
}
}
@media(max-width: 360px){
.product-show .anotherPhoto img {
    width: 35px;
    height: 35px;
    padding: 2px 0px 0px 0px;
}
.product-show .anotherPhoto {
    width: 40px;
    height: 40px;

}
}

div.img-pr img{
  max-width: 170px;
  width: 100%;
  max-height: 170px;
   border-radius: 10px;

}
.card-c{
padding: 23px 10px;
}
.color-filter{
  width: 15px;
    height: 15px;
    background-color: #c71585;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-left:10px;
    border: 1px solid #cdcbcb;
}
.cart-s .specifications{
font-size:82%;
}
.cart-s .specifications i{
    font-size:129.5%;
    color: #97979a;
    padding-left: 4px;
    vertical-align: sub;

}
.cart-s .specifications .link-to i{
    color: var(--sc)
}
.cancel-item{
 cursor: pointer;
}
.number-cart .minus{
border-bottom-right-radius: 14px;
    display: inline-block;
    font-size:150%;
    cursor: pointer;
}
.number-cart .plus{
    display: inline-block;
    font-size:125%;
    cursor: pointer;

}
.number-cart input{
display: inline-block;
    width: 44px;
    outline: none;
    border: none;
    height: 21px;
    text-align: center;
    color: var(--sc);
    font-size: 18px;
}
.number-cart {
    border: 1px solid #e6e4e4;
    width: 140px;
    height: 41px;
    border-radius: 9px;
    text-align: center;
    font-size:125%;
    color: var(--sc);
        background-color: white;
}
.number-cart span.cap {
    font-size: 14px;
    position: relative;
    top: -6px;
}
.product-show .number-cart input{
    width: 32px;
    height: 30px;
    position: relative;
    top: -3px;
    font-size: 23px;
    padding-top: 8px;
}
.cart-s .price{
    text-align: left;
    color: #270707;
}
.cart-s .discount{
     text-align: left;
    padding-left: 18px;
    color: var(--mc);
}
.cart-s .price span{
    font-size:109.75%;
    font-weight: 600;
}
.nav-tabs.tab a span , .sw-tab-bar a span{
   color: var(--mtc);
    border-radius: 50%;
    padding: 0px 7px;
    font-size:87.5%;
}
.nav-tabs.tab a span , .sw-tab-bar a span{
background-color: #999999;
}
.nav-tabs.tab a.active span , .sw-tab-bar a.active span {
background-color: var(--mc);
margin-right: 5px;
}
.nav-tabs.tab a.active h6{
display:inline-block
}
.factor {
    font-size:81.25%;
}
.factor .all-price-before span, .factor .delivery-cost  span{
    font-size: 100%
}
.factor .all-discount span{
    font-size: 100%
}
.factor .amount span,.factor .payment span{
    font-size: 117%;
    font-weight: 600;


}

.factor .amount, .factor .payment{
    color: #323232;
}
.amount-t, .payment-t{
    font-weight: 600;
    color: #323232!important;
}
.factor div{
    margin-bottom:5px;
    color: #323232;
    font-size:14px
}
.factor .all-discount,.factor .discount-code.pay-dis{
    color: #e23b4a;
}

.card-c.box-su .jc-right, .card-c.box-su .jc-left{
    bottom:527px;
    box-shadow:none
}
.suggestion-img img{
    max-width: 73px;
    width:100%;
    margin: auto;
    padding: 0;
    border-radius: 10px;
}
.suggestion-item .discount-item span{
    color: var(--mtc);
    background-color: var(--mc);
    border-radius: 15px;
    padding: 2px 5px;
    font-size:87.5%;
    margin: 1px 7px 0px 0px;
}
 .suggestion-item .discount-item div{
 font-size:93.75%;
    display: inline-block;
    text-decoration: line-through;
    color: #afadad;
 }
.title-cart{
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 41px;
    padding-right:82px;
    font-size:81.25%;
    padding-bottom: 14px;
}

.suggestion-img  a.addToCart{
    position: absolute;
    background-color: #fff;
    width: 30px;
    font-size: 22px;
    border-radius: 50%;
    height: 31px;
    padding: 0;
    color: var(--mc);
    right: 5px;
    bottom: 3px;
    border: 1px solid var(--mc);
    cursor: pointer;
}
.suggestion-img{
position:absolute
}
.cart-s .item-p{
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    margin: auto;
    padding: 14px 0px
}
.cart-s .item-p:last-child {
  border-bottom: 1px solid #fff0;
}
.suggestion-item{
   border-bottom: 1px solid #e5e5e5;
   padding-top: 13px;
    padding-bottom: 18px;
    position: relative;

}
div.card-c.box-su .swiper .items  {
grid-template-columns: 100% 100% 100%;
    display: grid;
}
.column-suggestion{
width:100%;
}
.suggestion-item:last-child{
   border-bottom: 1px solid #fff;
}
div.note-f{
    font-size:68.75%;
    color: #6f6f6f;
}
.card-c.box-su{
    max-height: 589px;
    overflow: hidden;
}
.cart-item{
    display: inline-block;
        margin: 2px
}
.box-hov{
    padding: 8px;
}
.box-hov.bascket-menu{
    width: 312px;
}


.account-menu {
    width:250px;
}
.account-menu i.icon-a{
font-size:143.75%;
    padding-left: 5px;
    vertical-align: sub;
    line-height: 0;
}
.wallet-menu{
    font-size:68.75%;
    color: #827f7f;
    padding-top: 12px;
    padding-bottom: 10px;
}
.acc-i{
    font-size:87.5%;
    cursor: pointer;
    line-height: 1;
}
.box-hov hr{
margin:0
}
.all-hov:hover .box-hov{
    display:block
}
.link-to{
    color: rgb(193 11 11);
    font-size:81.25%;
}
.box-hov .num-pro{
font-size:81.25%
}
.bascket-menu-item img{
width:100%;
max-width:50px
}
.bascket-menu-item .bas-title{
 font-size:81.25%
}
.bascket-menu-item .bas-num::after{
    content:" | ";
    color:#8a8787;
    padding-right: 1px;
}
.bascket-menu-item .bas-num.after-content::after{
  content:" ";
}
.bascket-menu-item .bas-num,.bascket-menu-item .bas-filter{
font-size:68.75%
}
.bascket-menu-item{
overflow:auto;
max-height: 500px;
}
.bas-pay{
font-size:75%;

}
.bas-amount{
font-size:87.5%;

}
.bas-delete,.bas-filter,.bas-num{
color: #7b7b7b;
cursor:pointer
}
.bas-filter span{
width: 13px;
    height: 13px;
    display: inline-block;
    background-color: red;
    border-radius: 50%;
    vertical-align: middle

}
@media(max-width: 770px){
.img-pr {
text-align:center
}
div.img-pr img {
    max-width: 106px;
    width: 100%;
    max-height: 155px;
}
.factor {
       margin: 1px;
}
.card-c.box-su{
margin: 1px;
}


}
.empty-cart img{
    width: 100%;
    max-width: 192px;
}
.empty-cart a{
color:var(--sc)
}
@media screen and (max-width: 1239px) and  ( min-width: 999px){
.card-c .jc-right, .card-c .jc-left{
    bottom:508px;
}
}

a:hover {
    color: var(--sc);
    text-decoration: unset;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 7px);
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: 0.01px;
    background-image: url(/content/images/chevron-down.svg);
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-size: auto 50%;
}

.btn-border{
    border: 2px solid #eae6e6;
    background-color: #fbfbfb;
    border-radius: 8px;
    color: #323232;
    cursor: pointer;
}
.btn-border.active{
border: 2px solid var(--mc);
}
.changehangeTypes.active{
border: 2px solid var(--mc);
background-color: #fff;
}
.multi-step span{
width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #d0d0d0;
    position: absolute;
    bottom: -12px;
        z-index: 5;
}
.multi-step div.bo{
    border-bottom: 2px solid #d0d0d0;
    padding: 0;
}

.multi-step .infor span{
    right: 25%;
}
.multi-step .end span{
   right: 32px;

}
.multi-step .pay span{
    left: 44px
}
.multi-step  .infor.select{
    color: var(--sc)
}
.multi-step .end.select  {
    color: var(--sc)
}
.multi-step .pay.select  {
    color: var(--sc)
}
.multi-step .bo.select{
    border-bottom: 2px solid  var(--sc);

}
.multi-step .infor.select span{
    background-color: var(--sc);
}
.multi-step .end.select span{
    background-color: var(--sc);
}
.multi-step .pay.select span{
    background-color: var(--sc);
}
.multi-step .infor{
position: absolute;
    width: 144px;
    bottom: 0;
    text-align: center;
    right: -38px;
}
.multi-step .pay{
position: absolute;
    width: 100px;
    left: -52px;
    text-align: center;
    bottom: 0;
}
.multi-step .end{
   position: absolute;
    width: 100px;
    left: -54px;
    text-align: center;
    bottom: 0;
    text-align: center;
}
.shipping a.addAddress-shi{
    color: var(--sc);
    text-align:right;
    padding-right:0;
    font-size:81.25%;
    padding-top: 0;
    cursor: pointer;
}
.shipping a.addAddress-shi:hover{
    color: var(--sc);
    }
.address-list i{
    font-size:125%;
    color: #bfbdbd;
    padding-left: 5px;
}
.address-list span{
    font-size:75%;
    vertical-align: text-top;
}
.cart-item img{
    width: 100%;
    max-width: 85px;
    min-width: 83px;
    border-radius: 10px;
}
.address-box{
    border: 2px solid var(--sc);
    border-radius: 9px;
}
.shipping .delete-address, .shipping .edit-address{
     color: var(--sc);
    text-align:right;
    padding-right:0;
    font-size:81.25%;
    padding-top: 0;
    background-color:#fff;
    border: none;
    cursor: pointer;
}
.shipping .delete-address{
color:#eb1741
}

button.edit-address:focus,button.delete-address:focus {
    outline: 1px dotted;
    outline: white;
}
.left-line::after{
    content:" | ";
    color:#8a8787;
    padding-right: 13px;
}

.address-box label{
 font-size:68.75%
 }
.addres-add ul.tab {
    overflow: hidden;
}

/*end shipping*/
/*start payment*/
.open-next .upDo{
  font-size:162.5%;
    float: left;
    color: #868383;
    cursor: pointer;
    }
.open-next{
cursor:pointer;
}
 label.lbl{

font-size:81.25%;
    margin-bottom: 0px
}
.form-control{
border-radius: 7px
}

.modal-backdrop.show {
    opacity: .5;
}
/*.modal-backdrop {
  z-index: 10000;
}*/
.modal {
   z-index: 10001;
    }
.card-c h6{
color: #1a1d23;
}
.sh-card .input-group .form-control:not(:last-child){
    border-radius: 8px
}
.sh-card .input-group button{
       border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff0;
    border-right-color: #fff0;
    color: #bbbbbb;
    position: absolute;
    z-index: 5;
    left: 25px;
    padding: 0px;
    vertical-align: top;
    top: 6px;
    cursor: pointer;
    border: none;
}
.sh-card .input-group  ::placeholder {
 color:rgb(0 0 0 / 20%)
 }
.sh-card .input-group button:focus{
 border-color: #fff;
    box-shadow: none;
 }
.sh-card .input-group input:focus  .addDiscount{
  color:var(--mc)
  }


.open-next p{
   font-size:81.25%;
    color: #908e8e;
}
.payment-gateway {
    max-width: 67px;
    width: 100%;
    margin: auto;
    border-radius: 9px;
    cursor: pointer;
    border: 1px solid #eb174100;
}
.payment-gateway.active{
 border: 1px solid var(--mc);
}
.img-upload-box img{
       max-width: 373px;
    display: block;
    width: 100%;
}
.radioButton {
  display: block;
    position: relative;
    padding-right: 27px;
    margin-right: 4px;
    margin-bottom: 11px;
    cursor: pointer;
    font-size:87.5%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radioButton input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radioButton .checkmark {
 position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
  background-color: #eee;
  border-radius: 50%;
}


.radioButton input:checked ~ .checkmark {
  background-color: var(--mc);
}

.radioButton .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.radioButton input:checked ~  .checkmark:after {
  display: block;
}

.radioButton .checkmark:after {
 	top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
@media screen and (max-width: 995px) and  ( min-width: 750px){
.btndig{
    font-size:56.25%;
}

}
@media screen and (max-width: 500px){
.multi-step {
    font-size:68.75%;
}
}
@media screen and (max-width: 400px){
.multi-step {
    display:none
}
}
/*end payment*/
/*start comment*/
.comment .img-c{
    width: 100%;
    max-width:237px;
    border-radius: 9px
}
.card-w{
    padding: 23px 10px;
    background-color: #fff;
}
.score-comment .score{
position: relative;
}
.card-g{
background-color: #fcfcfc;
}
.comment label.lbl {
    font-size: 100%;
    margin-bottom: 3px;
    padding-bottom: 9px;
}
.score-massage{
font-size:106.25%;
    vertical-align: text-bottom;
}

.btndig-a {
    background-color: rgb(185 0 255 / 55%);
    color: #fff!important;
    border-radius: 8px;
    padding: 13px;
    margin: 19px 0px 12px 0px;
    font-size:122;
    font-weight: 600;
    cursor: pointer;
}

.rule-ac{
font-size:75%
}
.comment .link-to{
    border-bottom: 1px dashed rgb(193 11 11);
}
.score-comment i{
    font-size:279.25%;
    cursor: pointer
}
/*end comment*/
/*start cancel*/
.back-pru i{
    display: block;
    font-size:181.25%
}
.separator:after{
    content: " | ";
    color: #c5c4c4;
    font-size:318.75%;
}
.back-pru{
    color: #929191!important;
    font-size:75%;
    font-weight: 600;
}
.cancel-img img{
  width: 100%;
  max-width: 84px;
 }
.product-cancel-item{
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    margin: auto;
    padding: 6px 26px;
}

.cancel-badge{
    position: absolute;
    bottom: 0;
    background-color: var(--sc);
    padding: 0px 4px;
    border-radius: 50%;
    color: #fff;
    min-width: 26px;
    min-height: 25px;
    text-align: center;
    left: 5px;
}
.product-cancel-item .form-check-label{
position:relative
}

.product-cancel .btn-bac{
 border: 1px solid #b5b5b5;
    background-color: #ffffff;
    color: #484444;
    border-radius: 6px;
    height: 32px;
    margin: 19px 0px 12px 0px;
    font-size:93.75%;
     cursor: pointer;

}
.product-cancel .btn-can {
    border: 1px solid #e2e2e2;
    background-color: #e2e2e2;
    color: #484444;
    border-radius: 6px;
    height: 32px;
    margin: 19px 0px 12px 0px;
    font-size:93.75%;
    cursor: pointer;
}
@media(max-width: 766px){
.separator:after {
    content: "  ";
}
.back-pru {
    margin: auto;
}
}

.blog-box{
border-radius:var(--br);
    width: 272px;

}
.blog-box img.img-post{
    width: 100%;
    border-top-left-radius: var(--br);
    border-top-right-radius: var(--br);
    height: 164px;
}
.description-blog{
font-size: 82%;
    height: 47px;
    overflow: hidden;
    line-height: 23px;
    text-align: center;
}
.blog-box-down{
    font-size: 73%;
    color: #8c8c8c;
}
.blog-box-down i{
    float: left;
    font-size: 15px;
}


.blog-menu > li > ul.blog-menu-des{
    position: absolute;
    top: 5px;
    right: 101%;
    z-index: 2;
    background-color: #f6f6f6;
    padding: 10px;
    border-radius: 12px;
    display:none;
    width: 218px;
}
.blog-menu > li > ul.blog-menu-mob{
    background-color: #f6f6f6;
    padding: 10px;
    border-radius: 12px;
    display:none;

}
.blog-menu > li > ul> li{
    padding: 2px;
    font-size: 85%
}
.blog-menu > li{
    position: relative;
    color: #707070;
    cursor: pointer;
}
.blog-menu > li:hover > a{
    color:#eb3237!important;

}
.blog-menu > li:hover > ul.blog-menu-des{
    display:block;
}
.writer-profile  img{
   border-radius: 50%;
    width: 27px;
    height: 27px;
    margin-left: 5px;

}
#like-post.mdi-heart {
    color: #fb3449;
}
.blog-box h6{
height: 57px;
    overflow: hidden;
}
.blog-box hr{
border-top: 2px solid  var(--sc);

}
.blog-box:hover img.img-post{
filter: contrast(0.5);
}
.blog-box:hover a.blog-category{
    display:block!important;
}
.blog-box a{
cursor:pointer
}
font-size: 110%;
.blog-menu > li > ul >li > i{
        font-size: 19px;
    vertical-align: middle
}
.blog-category{
    position: absolute;
    left: 11px;
    top: 11px;
    display:none;
    background-color: var(--sc);
    border-radius: 9px;
    padding: 0px 6px;
    color:#fff!important
}
.post-show h1.title{
font-size: 110%;
}
.post-show .like-post,.post-show .visitCount {
    font-size: 27px;
    color: #ababab
}
.post-show .send-post{
    font-size: 89%;

}
.img-post-show img{
width: 100%;
    max-width: 777px;
        height: fit-content;
}
 .key-word-show{
 margin: 6px;
    border: 1px dashed #cecece;
    padding: 3px 8px;
 }
.share-post i{
    padding: 1px 10px 0px 8px;
    border-radius: 8px;
    color: #b1b1b1;
    font-size: 29px;
}
#sendCommentBlog{
    border: 1px solid rgba(0,0,0,.15);
}
.blog-comment-box{
    border: 1px solid rgba(0,0,0,.15);
    padding: 17px;
    border-radius: 7px;
}
.blog-comment-box i{
font-size: 49px;
    color: #b3b3b3;
    padding: 10px;
}

@media(max-width: 728px)and (min-width: 480px)
{
.blog-menu > li > ul.blog-menu-des{
    right: 55%;
}
}
@media(max-width: 970px) and (min-width: 728px){
.blog-menu > li {
font-size: 14px;
}
}
@media(max-width:880px)
{
.blog-comment-box i {
    font-size: 37px;
}
}
@media(max-width:529px)
{
.blog-comment-box {

    padding: 3px 3px 19px 4px;

}
}
/*end blog*/

@media(max-width: 900px)
{
.view {
    top: 0px;
    left:-2px;
}
.swiper-dc .view-all {
    border:none;
}
.swiper-s-dc .view-all {
    border:none;
}

.view-all {
    position: absolute;
    top: 114.5%;
    padding: 5px 19px;
    padding-right: 5px;
    border:none;
}
.view-all-mob {
    right: 22px!important;
}
.sw-sg-card-title {
    font-size:231.25%;
}
.sw-sg-card-title-mob
{
 font-size: 178.25%;
}
.wonderful {
    height: 129px;
}
 .sw-card {
    width: 200px;
}
}

.sw-sg-card-body
{
    text-align:center;
    position: relative;
}

input:focus {
    outline:none !important;
}
.full-baner
{
 position:relative;
}
.full-baner > img
{
    width: 100%;
    height: 100%;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    cursor: pointer;
    border-radius: var(--br);
}
.swiper-title
{
    font-size: 1.286rem;
    color: #515151;
}
.gap-co-l
{
    height: 29px;
}
.Bfull
{
    width: 100%;
    border-radius: var(--br);
}
.swiper-s-dc
{
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: var(--br);
    padding-left: 5px;
    height: 501px;
    overflow:hidden;
    background-color: var(--wbc2)
}

@media (min-width: 1300px)
{
    .container {
    width: 1400px;
    max-width: 100%;
}
}

@media (min-width: 1400px)
{
.container {
    max-width: 100%;
}
}
@media (min-width: 1500px)
{
.container {
    max-width: 100%;
}
}
@media (min-width: 1600px)
{
.container {

    max-width: 100%;
}
}
.mid-baner
{
    width:100%;
}
.product-sec
{
    width:82%;
}
.pro-options
{
    float: right;
    width: 230px;
    position: absolute;
    right: 0;
}
.result
{
   width: calc(100% - 37px);
    float: left;
    line-height: 2;
    border: none;
}
.result-btn
{
    border: none;
    background-color: #fff;
}
.result-mgn
{
    color:#515151;
    font-size:131.25%;
}
.side-collaps
{
    float:left;
}
.card-body > ul > li > input
{
    right: 16px;

}
.u-brand  li  a  label:nth-of-type(even) {
  float: left;
}
ul > li
{
    list-style: none;
}
.card-body.brand
{
    max-height: 300px;


}
.card-body > ul
{
   padding: 0;
}
.switch {
      position: relative;
    display: inline-block;
    width: 38px;
    height: 21px;
    margin: 11px 0
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
  background-color: var(--mc);
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}


.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.l-switch
{
    font-size:87.5%;
}

#brand-clp ul > li,#sell-clp ul > li
{
    padding:0px;
}
.pro-dc .navbar
{
  border:1px solid #ddd;
}padding: 20px 0;
.pro-dc .col-md-3
{
    padding:0!important;
    border:1px solid #eceeef;
}
.pro-dc .col-md-12
{
    padding:0;
}

aside::-webkit-scrollbar {
    width: 6px;
}
aside.col-lg-2 .sh-card:nth-of-type(n+2)
{
  margin-top:15px;
}
section.pro-dc .col-lg-3
{
    height:400px;
}
section.pro-dc .col-lg-3 img
{
    position: absolute;
    right: 16%;
    top: 10%;
}

section.pro-dc .col-lg-3 span:nth-of-type(1)
{
   height: 32px;
       line-height: 1;
    overflow: hidden;
    position: absolute;
    top: 61%;
    font-size:87.5%;
    right: 3%;
    padding: 5px;
}
section.pro-dc .col-lg-3 span:nth-of-type(2)
{
   top: 71%;
    height: 32px;
    line-height: 1;
    overflow: hidden;
    position: absolute;

    font-size:87.5%;
    right: 3%;
    color: var(--mc);
    padding: 5px;
}
section.pro-dc .col-lg-3 span:nth-of-type(3)
{
    font-size:112.5%;
    padding: 2px 4px;
    line-height: 1;
    margin-left: 10px;
    background-color: var(--mc);
    padding: 9px 5px;
    border-radius: 20px;
    right: 72%;
    top: 80%;
     position: absolute;

}
.menu-login-ico
{
    position: absolute;
    left: 48px;
    top: 14px;
    font-size:93.75%;
}

.pro-side-category
{
   color: #908f8f;
    margin-top: 10px;
    font-size:81.25%;
    line-height: 2;
    margin-right: 5px;
}
.pro-side-category ul>li>ul
{
 margin-right:8px;
 margin-top:5px;
}
.category-option
{
    color: #343434;
    font-weight: bold;
}
.pro-side-category ul>li>a
{
    display:block;
}
.product-serach-dc .sw-brand-card
{
    display: inline-block;
        margin-top: 15px;
}
.item-box{
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    font-size:0;
    border-top-left-radius: var(--br);
    border-top-right-radius: var(--br);

}
.item-box-b{
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    text-align: center;


}
.pro-search-btn
{
    border: none;
    border-radius: 6px;
    padding: 10px 15px;
    margin-bottom: 3%;
    color: #464a4c;
    font-size:87.5%;
    margin-right: 2%;
    background-color: #ddd;
}

.pro-dc .navbar ul > li
{
    font-size:81.25%;
    color: #636363;

}
.pro-dc .navbar ul > li > p
{
    margin: 7px 0;
    color: #000;
}
.pro-dc .navbar ul > li >:focus
{
    background-color:var(--sc);
    color:#fff;
    border-radius:7px;

}
.modal.show .modal-dialog
{
    max-width:300px;
}
#most-popular-btn > ul > li > a
{
    font-size:93.75%;
}
.modal .modal-body > ul
{
    padding-inline-start: 0;
}
.modal .modal-body > ul > li
{
    padding: 10px;
}
@media (max-width:990px)
{
    .pro-dc
    {
        margin-top:15px;
    }
}
 .card-link.collapsed i::before
{
    content:"\F0143";
}
.payment-sw-card-bg
{
    font-size:131.25%;
    padding: 2px 4px;
    line-height: 1;
    float: left;
    margin-left: 10px;
    background-color: #6bb927;
    padding: 9px 2px;
    border-radius: 100%;
}
.sw-payment-card-bg {
    font-size: 81.25%;
    padding: -2px 4px;
    margin-left: 9px;
    background-color: var(--mc);
    padding: 2px 6px;
    border-radius: 0;
    float: right;
    width: 18px;
    height: 18px;
    padding-top: 2px;
    position: static;
    color: #fff;
    display: inline-block;
    position: relative;
    top: 9px;
}
.swiper-f-dc {
    padding-left: 5px;
    height: fit-content;
    height: -moz-fit-content;
    overflow: hidden;

}
.order-success-message
{
    color:green;
}
.order-error-message
{
     color:red;
}
.follow-up-order
{
    border:none;
    background-color:var(--mc);
    color:#fff;
    border-radius:6px;
    font-size:93.75%;
    margin-top: 31px 0;
    padding: 5px 21px;
    pointer:cursor;
}

.success-bascket
{
    width: 30%;
    height: 175px;
    float: left;
}
@media (max-width:390px)
{
    .order-set
    {
        text-align:center;
    }
    .order-set a
    {
    white-space: nowrap;
    display: contents;
    }
    .success-bascket
{

    float: none;
}
}
.swiper-payment-title
{
    font-size: 100%;
    color:#515151;
}
.sidebar {
    position: absolute;
    height: 85%;
    z-index: 998;
    width: 220px;
    margin: 0 28px;
}
.sidebar .sidebar-chiled{
    padding: 0;
    padding-inline: 10px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

.sidebar .sidebar-chiled::-webkit-scrollbar {
   margin-left: 5px;
    width: 2px;
    height: 90%;
}
.sidebar .sidebar-chiled::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.sidebar .sidebar-chiled::-webkit-scrollbar-thumb {
  background: #130073;
  border-radius: 10px;
}


.sidebar a {
  display: block;
      color: #5a5658;
  padding: 16px;
  text-decoration: none;
}

.sidebar a:hover
{
    color:var(--sc);
}

.sidebar a.active {
  background-color: #4CAF50;
  color: white;
}

/*.sidebar a:hover:not(.active) {
  background-color: #555;
  color: white;
}*/

div.content {
  margin-left: 200px;
  padding: 1px 16px;
  height: 1000px;
}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar a {float: left;}
  div.content {margin-left: 0;}
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}
.order-profile-pic
{
    width: 54px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    margin: 12px 6px;
}
.order-profile-name
{
   width: 133px;
    max-height: -34px;
    height: 21px;
    overflow: hidden;
    font-size:75%;
    font-weight: 600;
    display: inline;
    position: absolute;
    margin-top: 21px;
    padding: 2px 0px;
}
.order-profile-mob
{
    width: 133px;
    max-height: -34px;
    height: 21px;
    overflow: hidden;
    font-size: 87.5%;
    display: inline;
    position: relative;
    top: 27px;
}
.order-details-card
{
    float:left;
}
.order-details-card p:nth-of-type(odd)
{
   color:#9f9f9f;
   padding-left: 5px;
}

.order-details-card p
{

    display: inline-block;
    font-size:75%;
    font-weight: 600;
}




.card-footer .order-detail-info
{
    width:100px;
}

.transaction-history
{
    color:#555658!important;
    display: inline-block;
    float: left;
}
.usr-order
{
    float: right;
    width: 100%;
    position:relative;
}

.usr-order h4
{
    height: 57px;
    line-height: 2;
    overflow: hidden;
    color: #333;
    white-space: initial;
    font-weight: 100;
    float: right;
    width: calc(100% - 220px);
    margin-right: 10px;
}
.delete-comment
{
    position: absolute;
    color: #e84a42;
    font-size:125%;
    left: 8px;
    cursor: pointer;
}

.usr-order .file-edit-dc
{
   position: absolute;
    left: 10px;
    top: 44px;
    font-size:125%;
}
.usr-order img
{
    width: 160px;
    float: right;
    border-radius:var(--br);
}

.usr-order .show-prod
{
    color: #12b4cd;
    font-size: 81.25%;
    margin: 7px 0px 0;
    display: block;
}
.usr-order .show-prod:hover
{
    color:var(--sc);
}

.usr-order-cost{
position: absolute;
    left: 12px;
    font-size:84.75%;
    bottom: 6px;
}

.article-menu-mode
{
    margin-right:250px;
    width:calc(100% - 270px);
        min-height: 80vh;
}
#transaction-history-clp .table thead th
{
    text-align: right;
    font-size:87.5%;
}
.delivery-order
{
    height:196px;
}
.delivery-order span:nth-of-type(odd)
{
    color:#9f9f9f;
    padding-left:3px;
}
.delivery-order span
{
    font-size:75%;
    font-weight:600;
}
.delivery-order div
{
    position:absolute;
}
.delivery-order div:nth-of-type(1)
{
    top:20px;
}
.delivery-order div:nth-of-type(2)
{
    top:60px;
}
.delivery-order div:nth-of-type(3)
{
    top:120px;
}

.box-address .delete-address i{
    font-size:125%;
    position: absolute;
    left: 30px;
}
.usr-address
{
    width: 100%;
    height: 21px;
    overflow: hidden;
    font-size:81.25%;
}
.usr-address-info span
{
    color:#9f9f9f;
    display: block;
    font-size:75%;
    padding: 6px 10px;
}
.variation-address-block
{

    font-size:75%;
    font-weight: 600;
    padding: 0 10px;
    cursor:pointer;
}
.variation-address-block .mdi-trash-can
{
    color:#ea4335;
}
.file-edit-dc
{
    color:#05c1f0;
}

.add-addredss-btn
{
    background-color:var(--mc);
   color:var(--mtc);
   font-size:75%;
    font-weight: 600;
    cursor: pointer;
}
footer
{
    background: var(--fc);
    width: 100%;
}

footer h6
{    padding-top: 5px;
   color: var(--tfc);
   font-size:24px;
    overflow: hidden;

}
footer .link-list li a
{
    font-size:81.25%;
    padding: 2px;
    height: 30px;
    overflow: hidden;
    color: var(--pfc);
}
footer p
{
    font-size:87.5%;
    color:var(--pfc);
        margin: 0;
}
.follow-social li
{
    display:inline;
}

.follow-social span
{
   display: block;
   color:var(--tfc);
}
.follow-social i
{
   font-size:187.5%;
   color:var(--pfc);
}
footer img
{
    margin:0 20px;
}
.copyright
{
   color: var(--pfc);
    text-align: center;
    background-color: #8885;
    width: 100%;
    padding: 27px 10px;
    font-size:93.75%;
        margin-top: 65px;
}
@media(max-width:760px)
{

.follow-social i {
    font-size:131.25%;
}

}
.registration
{
    text-align:center;
}
.remain-product
{
    font-size: 62.5%;
    color: var(--mc);
    display:inline;
    height: 17px;
}
.score{
   color: #aca9a9;
}

.product-sale
{
    float: right !important;
    font-size:75%;
    margin-right: 10px;
    color: var(--mc);
    position: absolute;
    bottom: 10px;
    right: 0;
}

.product-sale i
{
    font-size:87.5%;
    color:var(--mc);
}
.notification-msg span i
{

    padding: 0 6px;
    font-size:118.75%;
}
.notification-msg span
{
    color: #303030;
}
 span.msg-row.read,.notification-msg span i.msg-row.read,.notification-msg p.msg-row.read
{

    color: #666666b3;
}

.notification-msg p
{
   color: #464a4c;
    font-size:81.25%;
}
.Deadline-message
{color:red;
    font-size:75%;
}
.score-comment
{
    font-size: 62.5%;
    line-height: 3;
    position: absolute;
    margin-left: 2px;
    left: 44px;
}
.empty-info
{
    text-align: center;
    margin-left: 152px;
    width: 100%;
}
.empty-info img
{
    width:400px;
    max-width: 100%;
}
.empty-info p
{
    font-size:125%;
    font-weight: 600;
}

.tooltip {
    z-index: 9999;
    font-family: var(--sf);
}
.usr-cm-title
{
    position: absolute;
    right: 178px;
    top: 22px;
    font-weight: 600;
    font-size:93.75%;
}
.usr-cm-body
{
    font-size: 81.25%;
    position: absolute;
    top: 51px;
    right: 178px;
    line-height: 1.1;
    height: 28px;
    overflow: hidden;
    width: 200px;
}
.usr-order .badge
{
    position: absolute;
    top: 89px;
    width: 26px;
    right: 177px;
    background-color: #999;
}
.btn-cm-status
{
   font-size: 12px;
    font-weight: bold;
    padding: 6px 0;
    width: 100px;

}

.swiper-serach-items
{
    display: grid !important;
    grid-template-columns: repeat(4, 24%);
    grid-gap: 14px;
    padding: 20px 18px;
}

.ic-color
{
    color: #edab09;
}
.notification-msg
{
    position:relative;
}
.delete-favorite
{
    color: #e84a42;
    position: absolute;
    top: 23px;
    left: 20px;
}
.usr-cart
{
    margin-bottom: 30px;
    border: 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    margin-top: 40px;
}
.gradient-1 {
    color: #fff !important;
    background-image: linear-gradient(230deg, #d0d011, #537b03);
    height: 155px;
}
.gradient-2, .dropdown-mega-menu .ext-link.link-3 a {
    color: #fff !important;
    background-image: linear-gradient(230deg, #08f5bf, #04b3bb);
    height: 155px;
}
.usr-cart-body
{
    adding: 1.88rem 1.81rem;
    flex: 1 1 auto;
    padding: 1.88rem 1.81rem;
}
.usr-cart-title
{
    font-size: 100%;
    line-height: 18px;
    color: #fff !important;
    margin-bottom: 0.75rem;
}
.gradient-3 {
    color: #fff !important;
    background-image: linear-gradient(230deg, #ffc480, #ff763b);
    height: 155px;
}
.gradient-4 {
    color: #fff !important;
    background-image: linear-gradient(230deg, #cc66ff, #3005b3);
    height: 155px;
}
#inputLink {
    position: relative;
    background-color: #ffeecc;
    border-radius: 6px;
    text-align: left;
    border: none;
}
#copyReferalLink {
    top: 24px;
    position: absolute;
    right: 10px;
    background-color: #e29700;
    border: 1px solid #e29700;
    height: 37px;
    margin: 0;
    color: #ffff;
    padding: 7px;
    border-top-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 0;
    border: none;
}
.nav-tabs.tab .nav-link.menu-active:focus {
    color: var(--mc);
    background-color: #fff0;
    border-color: #fff0 #fff0 var(--mc);
    border-bottom: 3px solid var(--mc);
}
.switch-tab.tab a span , .sw-tab-bar a span {
    margin-right: 7px;
}
.switch-tab .nav-link {

    font-size:87.5%!important;
    padding: 16px 23px;
}
.switch-tab .nav-link a{

    color:red!important;
}
.order-history span
{
    padding: 10px 0;
    font-weight: 600;
    font-size:93.75%;
}

.order-history p
{
    margin: 10px 0;
    color: #666666e0;
}
.order-view
{
    color: #19bfd3;
    font-size:92.25%;
    float: left;
}
.order-view:hover
{
    color: var(--sc);
}
.order-caption
{
    font-size:81.25%;
    color: #666;
}
.order-details-card h4
{
    display:inline-block;
}
.order-details-card .card-header span
{
    font-size: 13px;
    font-weight: 600;
    color: #555;
}
.usr-dash-ico
{
position: absolute;
    left: 14px;
    left: 0px;
    f: 152px;
   font-size: 168px;
    op: 18px;
    top: -47px;
  }
  .usr-ico-success
{
    color:#a4b20c33;
}
.usr-ico-order
{
    color:#07eabe2e;
}
.usr-ico-list
{
    color:#ffbd7a40;
}
.usr-ico-cart
{
    color:#ffbb78;
}
.usr-ico-fav
{
    color:#aa51ee2b;;
}

.factor-info
{
    border-left: 1px solid #000;
    padding: 0 10px;
    border-right: 1px solid #000;
}
th
{
    text-align:right!important;

    font-size: 13px!important;
}
.factor-dc
{
    border: 1px solid #000;
}
.factor-right-dc
{
    float: right;
    -webkit-transform: rotate(-90deg);
    font-size: 12px;
    font-weight: 600;
    margin-top: 18px;
}
.order-history hr
{
    margin:0 0;
}
.order-factor
{
    color: var(--sc);
    font-size: 81.25%;
}
.order-history a
{
 padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
margin: -13px 0;
font-weight: 600;
}
.list-discount
{
    color:var(--mc);
    font-size: 12px!important;
}
.card-footer
{
    background-color:#ffffff!important;
}
.card-header
{
    background-color:#ffffff!important;
}
.carousel-control-prev
{
    right:0;
    left:auto;
}

.carousel-control-next {
    left: 0;
    right:auto;
}
.color-search{
    width: 8px;
    height: 8px;
    display: inline-block;
    float: left;
    border-radius: 50%;
    margin-top: 5px;
    border: 1px solid #c1c1c1;
}
.carousel-caption
{
    text-shadow: 2px 2px #000000cf;
}
.sort-search li{
cursor:pointer
}
.sort-search .nav-link.active{
background-color: var(--sc);
    border-radius: 18px;
    color: #fff;
}
.item-box .item-b{

    border-radius: var(--br);
    display: inline-block;
    vertical-align: bottom;
        margin: 3px;
}
.item-box-b .item-b{

    border-radius: var(--br);
    display: inline-block;
    vertical-align: bottom;
        margin: 3px;
}
.swiper .item-p{
    display: inline-flex;
}

.avatar-name-block
{
    position: absolute;
    width: 100px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 6px;
}
.mostVisitedBlog div:nth-child(1) {
    font-size: 12px;
    height: 36px;
    overflow: hidden;
}
.mostVisitedBlog div:nth-child(2) {
    color: #9e9b9b;
    font-size: 12px;
}
.item-mostVisitedBlog{
padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 14px;
}
.item-mostVisitedBlog img{
border-radius:16px;
    width: 100%;
}
.item-mostVisitedBlog:last-child {
border-bottom:1px solid #fff
}
.date-block
{
    float: left;
    overflow: hidden;
    max-width: 113px;
    white-space: nowrap;
    text-align: right;
}

.m-user-dc
{
    display:inline-block!important;
}
.pro-show-links
{
    float:right;
}

.category-all.active a, .blog-menu span.active a
 {
    color: var(--sc);

}
.user-menu-info a
{
    position:relative;
}

.wallet-dc
{
    font-size: 20px;
}
.wallet
{
    position:relative;
}

.user-menu-info a:nth-of-type(3) i
{
    position: absolute;
    bottom: -2px;
}
.act-supply
{
    position: absolute;
    text-align: left;
    top: 8px;
    left: 6px;
    font-size: 12px;
    width: 102px;
    height: 20px;
    overflow: hidden;
}
.user-menu-info a:nth-of-type(3)

{
    font-size: 12px;
    font-weight: 600;
    color: #19bfd3;
}
.user-menu-info a:nth-of-type(3):hover
{
    color:var(--sc);
}

.top-header nav{
  width: 100%;
}
.top-header nav .wrapper{
    position: relative;
    padding: 0;
    margin: auto;
}

.top-header nav .wrapper.t-ar{
    height: 45px;
}
.top-header nav .wrapper .dropdown-toggle::after{
color: #616161;

}

.top-header nav .wrapper .logo{
    float: right;
    margin-top: 12px;
    height: 100%;
}
.top-header nav .wrapper .logo img{
    max-width: 50px;
    margin-top: -5px;
}
.wrapper .btn.close-btn, .wrapper .btn.menu-btn{
    line-height: 1.7;
}
.wrapper .nav-links{
  display: inline-flex;
  margin:0;
}
.wrapper.o-ar .nav-links{
  float:left;
}
.nav-links li{
  list-style: none;
}


.nav-links .mobile-item{
  display: none;
}







.wrapper .btn.close-btn,.wrapper .btn.menu-btn{
    color: #666;
  font-size: 33px;
  cursor: pointer;
  display: none;
}
.wrapper .btn.close-btn{
  position: absolute;
  left: 5px;
  top: 10px;
}

@media screen and (max-width: 970px) {
.top-header nav .wrapper.t-ar{
  height:0;
}
.wrapper .btn.close-btn, .wrapper .btn.menu-btn{
    display: block;
  }
  .wrapper .nav-links{
    position: fixed;
    height: 100vh;
    width: 100%;
    max-width: 350px;
    top: 0;
    right: -100%;
    background: #FFF;
    display: block;
    padding: 50px 10px;
    line-height: 50px;
    overflow-y: auto;
    box-shadow: 0px 15px 15px rgba(0,0,0,0.18);
    transition: all 0.3s ease;
  }
  /* custom scroll bar */
  ::-webkit-scrollbar {
    width: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #242526;
  }
  ::-webkit-scrollbar-thumb {
    background: #3A3B3C;
  }
  #menu-btn:checked ~ .nav-links{
    right: 0%;
  }
  #menu-btn:checked ~ .btn.menu-btn{
    display: none;
  }
  .btn.menu-btn{
    position: fixed;
    top: 0;
    right: 0;
  }
  #close-btn:checked ~ .btn.menu-btn{
    display: block;
  }
  .nav-links li{
    margin: 0px 10px;
    line-height: 30px;
  }
  .nav-links li a{
    padding: 0 20px;
  }

  .showMega:checked ~ .mega-box{

    height: auto;
  }

  .nav-links .desktop-item{
    display: none;
  }
  .nav-links .mobile-item{
    display: block;
    font-weight: 500;
    padding-right: 20px;
    cursor: pointer;
    border-radius: 5px;
    line-height: 1;
    transition: all 0.3s ease;
    color:inherit;
  }

  .mega-box{
    position: static;
    top: 65px;
    opacity: 1;
    visibility: visible;
    padding: 0 20px;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  .mega-box .content{
    box-shadow: none;
    flex-direction: column;
    padding: 20px;
    overflow-y:hidden;
    max-height: initial;
  }
  .mega-box .content .mcol{
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid rgba(255,255,255,0.08);
  }
}
.top-header nav input[type=checkbox],.top-header nav input[type=radio]{
  display: none;
}

.body-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 0 30px;
}
.body-text div{
  font-size: 45px;
  font-weight: 600;
}
 ul.blog-menu>li>ul
{
    margin-right: 8px;
    margin-top: 5px;
}
.blog-menu
{
    font-size: 81.25%;
    color: #312f2f;
    padding: 1.25rem;
}

.nav-links li a.desktop-item:hover
{
    border-bottom:2px solid var(--mc);
}
li.category-name:hover
{
    color:var(--sc);
}
a.category-title:hover
{
    color:var(--sc);
}
.content li a
{
    line-height:3;
}
.trscn-chart ul , .trscn-chart div
{
    display:inline-block;
    color: #6c757d;
    font-size:15px;
}
.trscn-chart span
{
    color:#05c1f0;
    font-weight: 600;
}
.pay-dc
{
    position: absolute;
    right: 13px;
    top: 64px;
}
.pay-back-to
{
    color: var(--mc);
    font-weight: 600;
}

.order-check-dc
{

}ul.menu-site a.active{
    color: var(--mc)
}
.nav-links li a.desktop-item.active{
    border-bottom: 2px solid var(--mc)
}
.cnt-info span:nth-of-type(odd)
{
        font-weight:bold;
}
@media(max-width:440px)
{
.usr-order img {
width: 124px;
}
.usr-order h4 {
    height: 57px;
    margin-right: 10px;
    right: 116px;
    position: absolute;
}
.usr-cm-body {

    position: absolute;
    top: 51px;
    right: 127px;
    line-height: 1.1;
    height: 28px;
    overflow: hidden;
    width: 106px;
}
.btn-cm-status {
    padding: 3px 0;
    width: 79px;
    font-size:10px;
}
.usr-order .badge {
   top: 97px;
    right: 124px;
}
}
.order-view-adress
{
  color: var(--sc);
    font-size: 92.25%;
    float: left;
    font-weight: bold;
}
.col-md-3 .link-to .back-link
{
    position: absolute;
    right: 116px;
    top: 5px;
}
a.addAddress-shi i
{
    position: absolute;
    top: 1px;

}
a.addAddress-shi
{
    position:relative;
}
.wallet-result img{
width: 100%;
    max-width: 137px;
}
#modal-edite-address .modal-dialog {
    max-width: 1000px;
    width: 1000px;
}

.swiper-fi-in{
height: 485px;
font-size:0;
}
.swiper-f-dc.brand-index{
height:210px;
}
.swiper-f-dc.brand-index .swiper-items{
height:247px;
}
.swiper.allImage{
height: 110px;
overflow: hidden;
}
.swiper.allImage .items{
height: 120px;
}
.swiper.order-li-it{
height:116ppro-show-links p-2x;
overflow: hidden;
}
.swiper.order-li-it .swiper-items{
height: 180px;
}
.suggestion-cart{
height: 560px;
}
.suggestion-cart .swiper-items{
height: 589px;
}


.brand-index .jc-right, .brand-index .jc-left{
top: 48px;
}
a.text-white:hover
{
    color:var(--sc)!important;
}
.dropdown-menu .account-menu div a:hover
{
    color:var(--sc)
}
}

.usr-not-btn
{
    float:left;
}
.usr-menu-acc
{
    left: 13px;
    top: -1px!important;
}
.usr-drop-acc
{
    left: 35px;
    position: absolute;
}
.nav-links .order-profile-name
{
    height:30px!important;
}
.nav-links .act-supply
{
    height: 30px;
    top:auto !important;
}
.sw-tab-bar .nav-link
{
    display:inline-block;
}
.sw-tab .jc-left , .sw-tab .jc-right
{
    display:none!important;
}
.btn-post {
    border: 1px solid #eae6e6;
    background-color: #fbfbfb;
    border-radius: 8px;
    color: #505050;
    cursor: pointer;
    margin: 4px;
}
.btn-post.active {
    border: 1px solid var(--mc);
    background-color: #fff;
    outline:none
}
.btn-border.changehangeTypes{
    font-size: 13px;
    height: 54px;
}
.ke-image-container img
{
    max-width:100%;
}
.copyright a{
color: var(--sc);
}
.order-detail-status
{
    float: left;
    color: #19bfd3;
    display: inline-block;
}
.btn-cm-status-p
{
    background-color:#ffc107;
}
.btn-cm-status-a
{
    background-color:#28a745;
}
.btn-cm-status-d
{
    background-color:#dc3545;
}

.btn.btn-cm-status
{
    cursor:alias;
}
.as-se .card-header {
    padding: 7px 10px;
    font-size: 14px}

.search-product{
padding: 7px 6px 5px 0px;
    font-size: 15px
}
.imp-upload{}

.category-search li.pa ul.pat{
display:none
}
.card-body.pro-side-category.collapse{
 padding: 5px;
}
.bg-wb4{}

.support-section
{
    text-align:center;
}
.support-section img{
    width:100px;
}
.support-section p
{
    font-size:18px!important;
}
.menu-mobile div
{
    display:inline-block;
}
.menu-mobile div.active
{
    border-bottom:solid 1px red;
}
#mob-menu
{
       position: absolute;
    right: 0px;
    top: 100px;

}
#mob-menu a{
    padding:6px 28px;
}
span.refresh-captcha {
    left: 88px!important;
    top: 23px;
}
.file-view
{
   position: absolute;
    left: 22px;
    top: 46%;

}
.order-history
{
    position:relative;
}
.dwl
{
    text-align: right;
    color: #28a745!important;
    font-size: 23px;
    text-decoration-line: underline!important;
}
.swiper.allImage .jc-right
 {
    right: 3px!important;
}
.swiper.allImage .jc-left
{
    left:3px!important;
}

.whatsapp-chat {
    position: fixed;
    z-index: 999;
    height: 60px;
    width: 60px;
    bottom: 15px;
    background-color: #0dc143;
    color: #ffff;
    border-radius: 100%;
    left: 10px;
}

.whatsapp-chat i {
    font-size: 47px;
    position: absolute;
    bottom: -31px;

    padding: 20px 6px;
}

a.whatsapp-chat
{
    color:#fff!important
}
blockquote {
  margin: 0 0 1rem;
    padding: 0 10px 0 20px;
    border-right: solid var(--sc);
    border-width: 0 3px 0 0px;
   }
.new-style
{
     float: left;
  padding: 20px;
}
@media (min-width:768px)
{
    .new-style
{
  width: 33.33%;
}
}
.zoom-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}
.modal-content {
  margin: auto;
  display: block;
  width: auto;
  max-width: 400px;
}
.modal-content-next {

  max-width: 1000px;
}
#myZoom .close {
  position: fixed;
  top: 20px;
  left: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.modal-close
{
    font-size: 2.5rem;
}
.top-page {
    position: fixed;
    right: 8px;
    font-size: 25px;
    background-color: white;
    bottom: 15px;
    width: 34px;
    height: 34px;
    line-height: 0.7;
    border-radius: 100%;
}
.top-page a
{
    font-size: 116%;
    color: #000;
    position: relative;
    left: -6px;
    bottom: 7px;
}
.top-page i
{   color: var(--mc);
    font-size: 130%;
    margin:-6px -40px;
    position: absolute;
}
.score-comment {
    font-size: 14px;
    font-weight: 949;
    line-height: 2;
    color: grey;
    height: 150px;
    border-radius: 14px;
    position: static;
    margin-left: 2px;
    left: 44px; }
@media (max-width:768px){
    .score-comment{
        height: 125px;
    }
}

.score-comment i{
     font-size:279.25%;
     cursor: pointer
}
.score-comment .score{
     position: relative;

}
.footer-certificates {
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
}
.hide{
    display: none;
}

.top-page a
{
    font-size:135%;
    color:#fff;

}
.top-page i
{
    font-size: 130%;
    margin:-5px -37px;
    position: absolute;
}
.display{
    display: block;
}
.mdi-rss{
    font-size: 24px;
    color: darkgrey;
}
a {
    color: darkgray;
}
#price-filter input{
margin: auto;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #8080805e;
    padding-inline: 10px;
}

.mc-bg{
background-color: var(--mc);
color: white;
}

.usr-drop-acc-mob {
    left: calc(50% - 55px);
    top: 16px;
    position: absolute;
    font-size: 18px;
    white-space: nowrap;
}
.b-dc-mob {
    background-color: #fff0;
    left: 100%;
    right: 46px;
}
.sw-card-body .remain-product {
    font-size: 62.5%;
    color: var(--mc);
    display: BLOCK;
    position: relative;
    top: 20px;
}
.sw-card-body .sw-card-bg {
    font-size: 12px;
    margin-left: 3px;
    color: var(--mc);
    padding: 5px 4px 1px 4px;
    border-radius: 10px;
    position: absolute;
    display: block;
    top: 54px;
    right: 0;
    background: none;
    left: unset;
}
.sw-card-body .sw-card-bg span {
    text-decoration: line-through;
    text-decoration-color: #747474;
}
.sw-card-body .sw-cost {
    color: #000;
    font-weight: bold;
    position: static;
    margin-right: 7px;
    float: right;
    display: inline-block;
    margin-top: 10px;
}
.sw-card-body {
    padding-top: 5px;
    padding-inline: 10px;
    position: relative;
    height: 100px;
}
.first-header .btn-login{
    left: 18px !important;
}
.first-header.wrapper .top-menu-view{
    left: 14.5% !important;
}
._fs13{
    font-size:13px;
}
._mt0{

    top:0 !important;
    margin-bottom: 0.5rem !important;
}