p {
    text-align: justify;
}

.bg-color-withgray {
    --f7-theme-color-bg-color: #f6f7f9
}

.right3 {
    left: 80px;
}

.right2 {
    left: 46px;
}

.right1 {
    left: 10px;
}

body {
    font-family: joomina;
}

@media only screen and (min-width: 768px) {
    #app {
        width: 1000px;
        margin: 0 auto;
    }
}

.gray {
    background: #f6f7f9 !important;
}

.swiper-container.slideshow-swiper .swiper-slide {
    font-size: 25px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #000;
}

.swiper-container.slideshow-swiper .swiper-slide {
    box-sizing: border-box;
}

.swiper-container.slideshow-swiper {
    margin: 0;
    font-size: 18px;
    height: auto;
    width: 93%;
    margin: 0 auto;
    border: none !important;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.3), 0 10px 10px rgba(117, 117, 117, 0.3);
    margin-bottom: 30px;
    margin-top: 10px;
}

.swiper-container.slideshow-swiper img {
    width: 100%;
    height: auto;
    display: block;
}

.shopbycat {
    text-align: center;
    font-family: joomina;
    padding: 15px;
    font-size: 16px;
    border-bottom: #ddd 1px solid;
    margin-bottom: 15px;
}

.catswiperins {
    width: 95%;
    margin: 0 auto;
}

.cat-swiper,
.dealtoday-swiper {
    margin: 10px auto;
}

.textcat {
    text-align: center;
    margin: 0 auto;
    display: block;
    color: #fff;
    background: #452113;
    padding: 3px 10px;
    border-radius: 8px;
    margin: 0 4px;
}

.textcat img {
    width: 25% !important;
}

.textcat2 {
    text-align: center;
    margin: 0 auto;
    display: block;
    color: #fff;
    background: #9800d4;
    padding: 3px 10px;
    border-radius: 8px;
    margin: 0 4px;
}

.textcat2 a {
    color: #ffffff !important;
}

.cat-swiper2 .swiper-slide {
    width: auto !important;
}

.titlebase {
    font-family: joominabold;
    text-align: center;
    padding: 5px 0 5px 0;
}

.red {
    color: #e53935;
}

.swiper-container.dealtoday-swiper .swiper-slide {
    background: #fff;
    border-radius: 5px;
    padding: 10px 0 0 0;
}

.swiper-container.dealtoday-swiper {
    padding: 10px 10px;
}

.compilited-swiper .swiper-wrapper .swiper-slide {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    margin-bottom: 10px;
    padding-bottom: 8px;
}

.compilited-swiper .swiper-wrapper .swiper-slide img {
    width: 85%;
    height: auto;
    text-align: center;
    margin: 10px auto;
    display: block;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

ul.maincat {
    width: 93%;
    margin: 0 auto;
    background: transparent !important;
}

ul.maincat li {
    margin: 15px 0;
    border: none;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.1), 0 10px 10px rgba(117, 117, 117, 0.1);
    padding: 8px;
}

ul.maincat li.item-divider {
    margin: 15px 0;
    border: none;
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.1), 0 10px 10px rgba(117, 117, 117, 0.1);
    padding: 8px !important;
    height: auto;
    color: #FFF;
    background-color: #21D4FD;
    background-image: linear-gradient(90deg, #21D4FD 0%, #B721FF 100%);
}

ul.maincat li.item-divider img {
    width: 50px;
    height: auto;
    float: right;
    margin-left: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.links-list ul.maincat a:after,
.list ul.maincat .item-inner:after,
.simple-list ul.maincat li:after,
.list ul.maincat:before {
    background-color: transparent;
}

.order-swiper .swiper-wrapper .swiper-slide img {
    width: 90%;
    height: auto;
    text-align: center;
    padding: 0 !important;
    display: block;
    margin: 10px auto !important;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.compilited-swiper a {
    text-align: right !important;
}

.compilited-swiper .swiper-wrapper .swiper-slide {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 5px;
}

.swiper-container.dealtoday-swiper .swiper-slide img {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}

.titleproduct {
    color: #424242;
    font-size: 12px;
    height: 40px;
    overflow: hidden;
    line-height: 20px;
}

.hr {
    width: 100%;
    height: 1px;
    background: #e0e0e0;
    margin: 5px 0;
}

.baseprice {
    color: #d32f2f;
    text-decoration: line-through;
}

.baseprice2 {
    color: #757575;
    text-decoration: line-through;
}

.realprice {
    color: #43a047;
    font-family: joominabold;
    text-align: center
}

.textdealtoday {
    width: 90%;
    margin: 0 auto;
}

.banner {
    margin-bottom: 20px;
}

.banner img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.bnat1 img {
    margin-bottom: 12px;
}

.leftalign .lang {
    background-color: #582f15;
    padding: 5px 10px;
    font-size: 12px;
}

.titlebase2 {
    background-color: #fff;
    font-size: 12px;
    padding-right: 8px !important;
    padding-top: 10px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    font-family: joominabold;
}

.direction {
    background-color: #fff;
}

.leftalign a {
    color: #fff !important
}

.titlebase2 {
    font-family: joominabold;
    padding: 5px 0 5px 0;
    width: 90%;
    margin: 5px auto;
}

.swiper-container.spa-swiper,
.swiper-container.bestsell-swiper,
.swiper-container.book-swiper,
.swiper-container.bag-swiper,
.swiper-container.newsporoduct-swiper {
    width: 90%;
    padding: 0 4%;
    padding-top: 5px;
}

.order-swiper .swiper-wrapper {
    margin-bottom: 25px;
}

.order-swiper .swiper-wrapper .swiper-slide {
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    padding-bottom: 8px;
    box-shadow: 0 14px 28px rgba(150, 150, 150, 0.3), 0 10px 10px rgba(150, 150, 150, 0.3);
}

.order-swiper .swiper-wrapper {
    overflow: visible;
}

.swiper-container.spa-swiper .swiper-slide,
.swiper-container.bestsell-swiper .swiper-slide,
.swiper-container.book-swiper .swiper-slide,
.swiper-container.bag-swiper .swiper-slide,
.swiper-container.newsporoduct-swiper .swiper-slide {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 25px;
    padding-bottom: 8px;
    min-height: 270px;
    box-shadow: 0 14px 28px rgba(150, 150, 150, 0.3), 0 10px 10px rgba(150, 150, 150, 0.3);
}

.swiper-container.spa-swiper .swiper-slide img,
.swiper-container.bestsell-swiper .swiper-slide img,
.swiper-container.book-swiper .swiper-slide img,
.swiper-container.bag-swiper .swiper-slide img,
.swiper-container.newsporoduct-swiper .swiper-slide img {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 0 0 15px 0;
    border-radius: 5px 5px 0 0;
}

.order-swiper .swiper-wrapper .swiper-slide img {
    padding: 0;
    margin: 0;
    border-radius: 50%;
}

.leftalign {
    text-align: left;
}

.leftalign {
    font-family: joomina !important;
    padding: 3px 10px;
}

.color-theme-withgray a {
    color: #A0A7BA
}

.navbar.bg-color-pink {
    background-color: #ff6a08 !important
}

.navbar.bg-color-pink,
.navbar.bg-color-pink a {
    color: #fff;
}

.navbar.bg-color-pink {
    border-radius: 0;
    -webkit-box-shadow: 1px 0 10px 5px #B0B0B0;
    box-shadow: 1px 0 10px 5px #B0B0B0;
}

.statusbar {
    background: pink;
}

.md .navbar a.link {
    padding: 0 8px !important;
    min-width: 24px !important;
}

.toolbar-bottom .toolbar-inner {
    width: 95%;
    margin: 0 auto !important;
    position: relative;
    top: -3px;
    font-size: 13px
}

.toolbar.tabbar.tabbar-labels.toolbar-bottom {
    height: 50px !important;
}

.panel ul {
    padding: 0;
    margin: 0;
    width: 95%;
    margin: 20px auto !important;
}

.panel ul li {
    margin: 15px 0 !important;
    padding-right: 8px;
}

.panel ul li a {
    color: #ffffff;
}

.panel.bg-color-withgray ul li a .item-media i {
    color: #e1e1e1 !important;
}

.panel ul li a i {
    margin-left: 10px;
    position: relative;
    top: 4px;
}

.navbar .title {
    font-family: joominabold !important;
    font-size: 14px !important;
}

.panel .titles {
    width: 100%;
    position: relative;
}

.xrz {
    position: absolute;
    right: 15px;
    top: -15px;
}

.registerprofile {
    padding-top: 4px;
    position: absolute;
    right: 50px;
    top: -15px;
}

.right2,
.right3,
.right1 {
    float: left;
    position: absolute;
}

.searchbar-inner {
    width: 90%;
    margin: 0 auto;
}

.md .searchbar .input-clear-button {
    right: 70% !important;
}

.iconsearch,
.inputsearch {
    float: right;
}

.searchbtn {
    float: left;
    width: 20%;
    margin-top: 5px;
}

.searchbar1 {
    position: relative;
    width: 95%;
    margin: 5px auto;
    background: transparent !important;
    height: 50px !important;
}

.inputsearch {
    width: 65%;
    margin-top: 15px;
    background: transparent !important;
}

.iconsearch {
    width: 15%;
    margin-top: 10px;
    text-align: center;
}

.productcard {
    background: #fff;
    border-radius: 5px;
    margin: 8px auto;
    margin-bottom: 15px;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.3), 0 10px 10px rgba(117, 117, 117, 0.3);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 90%;
}

.productcardins {
    width: 95%;
    margin: 0 auto;
    padding: 10px 0;
    line-height: 30px;
}

.pcimageholder img {
    width: 25%;
    float: right;
    margin-left: 10px;
    border-radius: 8px;
    margin-bottom: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.pcname {
    font-family: joominabold;
    color: #000;
    font-size: 16px;
    padding-bottom: 2px;
}

.pcdes {
    color: #747474;
}

.pccolor {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    float: left;
    margin-left: 10px;
}

.pccolors {
    width: 100%;
    margin-bottom: 5px;
    height: 15px;
}

.hr2 {
    width: 100%;
    height: 1px;
    background: #ddd;
    clear: both;
    margin: 5px 0;
}

.pcdescount {
    color: red;
    text-decoration: line-through;
    font-size: 14px;
    margin: 0 5px;
    float: left;
    padding-top: 5px;
}

.pcfinalprice {
    color: #000;
    margin: 0 10px;
    float: left;
    font-size: 16px;
}

.pctags {
    color: #fff;
}

.pctag {
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 10px;
    display: inline-block;
    margin: 0 4px 2px 0;
}

li.item-divider {
    border-top: 1px solid #363636;
    border-bottom: 1px solid #363636;
}

.newporoduct-swiper img {
    width: 100%;
    max-height: 420px;
}

.order-swiper a {
    color: #464646 !important;
}

.ptags {
    position: relative;
    bottom: 30px;
    width: 100%;
    z-index: 999;
}

.swiper-container.newporoduct-swiper {
    max-height: 420px !important;
    overflow: hidden !important;
    margin-top: -80px;
}

.ptags .pctag {
    float: left !important;
    margin-left: 10px;
}

.block-sefid {
    background: #fff;
    margin: 10px auto;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 98%;
}

.block-sefid2 {
    background: #fff;
    margin: 10px auto;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 90%;
}

.inside {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 10px 0;
    position: relative;
}

.inside2 {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0 10px 0;
}

.pname {
    color: #000;
    font-family: joominabold;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 30px;
}

.block-gray {
    background: #fff;
    margin: 20px auto;
    margin-top: 0;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.3), 0 10px 10px rgba(117, 117, 117, 0.3);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-radius: 5px;
}

.block-gray6 {
    background: #fff;
    margin: 20px auto;
    margin-top: 0;
    border-radius: 5px;
}

.block-gray5 {
    border-radius: 0 0 5px 5px;
    background: #fff;
    margin: 20px auto;
    margin-top: 0;
    padding-top: 15px;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.3), 0 10px 10px rgba(117, 117, 117, 0.3);
}

.block-gray7 {
    background: #fff;
    margin: 20px auto;
    margin-top: 0;
    border-radius: 5px;
    margin-top: 0;
    padding-top: 15px;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.1), 0 10px 10px rgba(117, 117, 117, 0.1);
}

.block-gray2 {
    background: #fff;
    margin: 10px auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.inside a {
    color: #7d7d7d;
    text-align: left;
    float: left;
    margin-right: 20px;
}

.iconsproduct {
    width: 100%;
    clear: both;
}

.prodetailss {
    text-align: right;
    width: 100%;
    margin: 10px 15px 10px 0;
}

.prodetailss i {
    margin-left: 10px;
    margin: 0 !important;
    padding: 0 !important;
    width: 20px !important;
}

.prodetailss a {
    color: #464646;
    float: right;
}

.clr {
    width: 100%;
    height: 1px;
    clear: both;
}

.clr2 {
    width: 100%;
    height: 20px;
    clear: both;
}

.clr3 {
    width: 100%;
    height: 10px;
    clear: both;
}

a.prodoa {
    width: 100%;
    text-align: center;
}

.productdetails {
    margin-top: -60px;
    padding-bottom: 50px;
}

.prcolor {
    width: 50px;
    height: 40px;
    text-align: center !important;
    border: 1px solid gray;
    padding: 10px;
    float: right;
}

a.prcolor {
    float: right !important;
}

.colorcircule {
    margin: 0 auto;
    margin-bottom: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.prcolor.active {
    border: 1px solid #f40157;
}

.color-gray {
    color: #fff !important;
    font-weight: bold;
}

.productcustomfiled a {
    float: right;
}

.input-dropdown-wrap:before,
.input-dropdown:before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #727272;
    right: 100%;
}

.navvan {
    background: url('../image/topback.png') repeat-x top;
    color: #FFF;
    box-shadow: none !important;
}

.navvan a {
    color: #fff !important;
}

.inside .title {
    padding: 0 0 15px 0;
}

a.colwith {
    width: 100% !important;
    color: #fff;
    text-align: center !important;
}

.probasketbt i {
    margin-left: 10px;
    position: relative;
    top: 4px;
}

.title.prodec {
    padding-top: 10px;
    padding-right: 20px;
    background-image: linear-gradient( 109.6deg, rgba(62, 161, 219, 1) 11.2%, rgba(93, 52, 236, 1) 100.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.title.prodec2 {
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    color: #fff;
    background: rgb(0, 114, 255);
    background: -moz-linear-gradient(277deg, rgba(0, 114, 255, 1) 0%, rgba(0, 198, 255, 1) 100%);
    background: -webkit-linear-gradient(277deg, rgba(0, 114, 255, 1) 0%, rgba(0, 198, 255, 1) 100%);
    background: linear-gradient(277deg, rgba(0, 114, 255, 1) 0%, rgba(0, 198, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0072ff", endColorstr="#00c6ff", GradientType=1);
    display: inline-block;
}

.shortdescrition {
    text-align: justify;
}

.productDesIcon {
    color: #fff;
    position: absolute;
    top: -15px;
    left: 5%;
    padding: 20px 8px 10px 8px;
    background-color: #ebf43f;
    background-image: linear-gradient(132deg, #ebf43f 0%, #4dc743 100%);
    border-radius: 0 0 20px 20px;
}

.favicon a {
    background-color: #eff2f2;
    background-image: linear-gradient(0deg, #eff2f2 0%, #ababac 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.favicon a.color-red {
    background: -webkit-linear-gradient(#ea4d5b, #ea4d5b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.spacer {
    width: 100%;
    height: 20px;
}

.spacer2 {
    width: 100%;
    height: 10px;
}

.boxLogin .list.form-store-data {
    padding: 0 !important;
    margin: 0 !important;
}

a.registerorlogin {
    width: 100%;
    text-align: center !important;
    color: #fff !important;
    padding: 15px 0 !important;
    margin: 20px 0;
    border-radius: 5px;
    background-color: #ff6a88;
    background-image: linear-gradient(90deg, #ff6a88 0%, #FF6A88 55%, #FF99AC 100%);
}

.lists ul li,
.lists ul {
    text-decoration: none;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

.lists .item-label {
    font-family: joominabold;
    font-size: 16px;
    text-align: center;
    width: 100%;
    margin: 20px 0 10px 0;
}

.lists .item-input-wrap {
    width: 80%;
    margin: 15px auto;
    margin-bottom: 0;
}

.lists .item-input-wrap input {
    border-radius: 5px;
    padding: 15px;
    background-color: #fff;
    color: #000;
    opacity: 0.5;
    -webkit-transition: all 0.4ms ease;
    -moz-transition: all 0.4ms ease;
    -ms-transition: all 0.4ms ease;
    -o-transition: all 0.4ms ease;
    transition: all 0.4ms ease;
}

.lists .item-input-wrap input:focus {
    opacity: 1;
    -webkit-transition: all 0.4ms ease;
    -moz-transition: all 0.4ms ease;
    -ms-transition: all 0.4ms ease;
    -o-transition: all 0.4ms ease;
    transition: all 0.4ms ease;
}

#mobailinput {
    text-align: left;
    direction: ltr;
    letter-spacing: 5px;
    font-size: 18px;
    text-align: center;
    width: 100%;
}

.indexpage .containertext {
    margin: 0 0 9px 0;
}

.indexpage .swiper-container {
    padding-bottom: 5px;
}

.indexpage .bestboxproposal {
    margin-bottom: 30px;
}

.indexpage .textcatline {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.indexpage .textcatline a {
    color: #000000;
}

a.registerorlogin2,
a.userinformationform {
    width: 100%;
    text-align: center !important;
    color: #fff !important;
    padding: 10px 0 !important;
    margin: 20px 0 10px 0;
    background-color: #1eb93b;
    background-image: linear-gradient(45deg, #1eb93b 0%, #dcd135 100%);
    border-radius: 5px;
}

.row.button.bg-color-green.color-white.talign-center a {
    color: #fff
}

.row.button.bg-color-green.color-white.talign-center {
    width: 100%;
    text-align: center !important;
    color: #fff !important;
    background-color: #08AEEA;
    background-image: linear-gradient(49deg, #08AEEA 0%, #2AF598 100%);
    border-radius: 8px;
}

.row.button.bg-color-red.color-white.talign-center {
    background-image: linear-gradient( 109.6deg, rgba(254, 87, 98, 1) 11.2%, rgba(255, 107, 161, 1) 99.1%);
    border-radius: 5px;
}

.row.button.bg-color-green.color-white.talign-center i {
    margin-left: 5px;
    position: relative;
    top: 5px
}

a.col.button {
    color: #fff
}

a.col.button.button-large.button-fill.color-blue.link.popup-close {
    border-radius: 25px !important;
}

a.sendl {
    width: 100%;
    text-align: center !important;
    color: #fff !important;
    padding: 10px 0 !important;
    margin: 0;
    background-color: #ff6a88;
    background-image: linear-gradient(90deg, #ff6a88 0%, #FF6A88 55%, #FF99AC 100%);
    border-radius: 5px;
    display: block;
}

#countdown1 {
    text-align: center !important;
    width: 100% !important;
    display: block;
    margin-top: 10px;
}

.complitedproduct img {
    width: 100%;
    height: auto;
    text-align: center;
}

.complitedproduct {
    text-align: center;
}

.complitedproduct i {
    font-size: 40px !important;
    padding-top: 8px;
}

.remove {
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
}

.remove i {
    font-size: 30px;
    color: #d32f2f;
}

.subcostom.active {
    background: #000 !important;
}

.login-screen-title.color-red2 {
    color: #d32f2f !important;
}

.prolinkdetails {
    text-align: left !important;
    width: 100%;
    float: left !important;
}

.prolinkdetails a {
    background: #06beb6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #48b1bf, #06beb6);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #48b1bf, #06beb6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border-radius: 5px;
    color: #ffffff;
    position: relative;
    top: 10px;
    margin-bottom: 10px;
}

.discount {
    color: #d32f2f;
    text-decoration: line-through;
    display: block;
    text-align: center;
}

.finalpricepro {
    color: #388e3c;
    font-weight: bold;
    font-size: 16px;
    display: block;
    width: 100%;
    text-align: center
}

.cols {
    width: 50%;
    float: right;
}

.cols2 {
    width: 50%;
    float: left;
    text-align: left;
}

.profilelist a {
    color: #363636 !important;
}

.profilelist i {
    position: relative;
    top: 8px !important;
    margin-left: 5px;
    color: #464646 !important;
}

.ios {
    --f7-toast-bg-color: rgba(244, 1, 87, 0.75);
    --f7-toast-translucent-bg-color-ios: rgba(0, 0, 0, 0.75);
    --f7-toast-padding-horizontal: 15px;
    --f7-toast-padding-vertical: 12px;
    --f7-toast-border-radius: 8px;
    --f7-toast-button-min-width: 64px;
}

.md {
    --f7-toast-bg-color: #f40157;
    --f7-toast-padding-horizontal: 24px;
    --f7-toast-padding-vertical: 14px;
    --f7-toast-border-radius: 4px;
    --f7-toast-button-min-width: 64px;
}

.ordernumberno {
    color: #388e3c;
}

.orderslist ul li {
    list-style: none;
    padding: 8px 0;
}

li.ordernumberline,
li.ordetails {
    border-bottom: #e9e9e9 1px solid;
    padding: 5px 0;
}

li.ordetails {
    margin: 10px 0;
    padding: 5px 0;
}

.ordetails a {
    text-align: right !important;
    color: #03A9F4 !important;
    padding: 0 !important;
    margin: 0 !important;
}

a.orderdetailsicon i {
    font-size: 32px !important;
    height: 20px !important;
    line-height: 20px !important;
    overflow: hidden !important;
    color: #fff
}

.bestboxproposal4 .inside2 ul {
    padding-right: 0 !important;
}

li.ordernumberline .col-33 {
    letter-spacing: 3px;
    padding: 5px 8px;
    border-radius: 10px;
    color: #ffffff;
    background-color: #FFE53B;
    background-image: linear-gradient(225deg, #FFE53B 0%, #FF2525 74%);
}

a.orderdetailsicon i {
    position: absolute;
    left: 0;
    padding: 5px 8px 5px 15px;
    border-radius: 0 5px 5px 0;
    top: 73px;
    background-color: #21D4FD;
    background-image: linear-gradient(225deg, #21D4FD 0%, #B721FF 100%);
}

.ordericon {
    text-align: center !important;
}

.inside2 ul {
    margin: 10px 0 0 0 !important;
}

.orderbox {
    margin: 15px auto;
    width: 93%;
    padding: 15px 0;
    margin-top: 0;
}

.orderbx a {
    color: #464646;
}

.titleorder {
    padding: 15px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.3), 0 10px 10px rgba(117, 117, 117, 0.3);
}

.orderbox .swiper-container {
    overflow: visible !important;
}

.colorwi {
    background: #fff;
    line-height: 25px;
    padding: 14px;
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.1), 0 10px 10px rgba(117, 117, 117, 0.1);
}

.orderbox .block-gray2 {
    background-color: #fff !important;
    box-shadow: none;
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.1), 0 10px 10px rgba(117, 117, 117, 0.1);
}

.orderbox .inside2.orderlist {
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.1), 0 10px 10px rgba(117, 117, 117, 0.1);
}

.talign-center {
    text-align: center !important;
    display: block;
    margin: 0 auto;
}

.talign-center i {
    position: relative;
    top: 5px;
}

.aboutus {
    text-align: justify;
    line-height: 32px;
    color: #464646;
}

.titlelogin {
    padding: 10px;
    background: #d32f2f;
    color: #fff;
    font-family: joomina;
    font-size: 18px;
    text-align: center;
    width: 90%;
    border-radius: 8px;
    margin: 0 auto;
}

.itemtext {
    padding: 10px;
    background: #f7f7f7;
    color: #464646;
    font-family: joomina;
    font-size: 18px;
    text-align: center !important;
    width: 90%;
    border-radius: 8px;
    margin: 15px auto;
}

.itemtext p {
    text-align: center !important;
}

.swiper-container {
    direction: ltr !important;
}

.swiper-slide {
    direction: rtl !important;
}

img.demo-lazy {
    height: auto;
    display: block;
}

.banerw img {
    width: 100%;
    height: auto !important;
    border-radius: 5px;
}

.modaltitle {
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    font-family: joominabold;
    font-size: 14px;
    margin-bottom: 10px !important;
    color: #fff !important;
    text-align: right !important;
}

.autoalign {
    text-align: left;
}

.insiderow {
    width: 90%;
    margin: 0 auto;
}

.color-tint {
    color: #388e3c !important;
}

.slt select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #ebebeb;
    background-image: none;
}


/* Remove IE arrow */

.slt select::-ms-expand {
    display: none;
}


/* Custom Select */

.slt .select {
    position: relative;
    display: flex;
    width: 80%;
    height: 2.2em;
    text-align: center !important;
    line-height: 3;
    background: #2c3e50;
    overflow: hidden;
    border-radius: .25em;
    color: #000;
}

.slt select {
    flex: 1;
    padding: 0 1em;
    color: #000;
    cursor: pointer;
    text-align: center !important;
}


/* Arrow */

.slt .select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 .5em;
    background: #7d7d7d;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}


/* Transition */

.slt .select:hover::after {
    color: #f39c12;
}

li.ordernumberline2 {
    padding: 2px 0;
}

.colorcircule2 {
    float: right;
    margin-bottom: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.colorcircule3 {
    margin-bottom: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

span.vtext {
    padding-right: 40px;
}

.qunt {
    padding-top: .3em;
}

.bg-color-gray2 {
    background: #ebebeb !important;
}

ul.bg-color-gray2 {
    margin: 10px 0 !important;
    padding: 0 !important;
}

ul.bg-color-gray2 li {
    border-bottom: rgb(216, 216, 216) 1px solid;
    padding: 10px 10px;
}

.color-red {
    color: #d32f2f;
}

.ordernumberline2 img {
    width: 100%;
}

.insidecard {
    font-size: 12px;
    text-align: justify;
    line-height: 22px;
    color: #8E8E93;
}

.bottomcard {
    width: 100%;
    text-align: center;
    background: #388E3C;
}

.bottomcard a {
    color: #fff;
    font-size: 18px;
    top: 10px;
    font-family: joominabold;
}

.linetru {
    background: linear-gradient(to bottom, white calc(100% - 1px), black calc(100% - 1px) calc(100% + 1px), white calc(100% + 1px));
}

.align-cent {
    text-align: center !important;
}

.flotright {
    float: right;
}

.step3 .block-strong {
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.stepholder {
    background-image: url("../image/cardstepar.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80px;
    width: 90%;
    border-radius: 5px;
    margin: 10px auto;
    box-shadow: 0 1px 3px rgba(117, 117, 117, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.orderslistcard ul,
.orderslistcard ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.orderslistcard ul li {
    padding: 5px;
}

.orderslistcard ul {
    width: 95%;
    margin: 0 auto;
    font-size: 12px !important;
}

.titlecardswiper {
    width: 100%;
    background: #ebebeb;
}

.graytopcard {
    background: #ebebeb;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}


/* A bit of demo styles */

.swipercard .swiper-slide {
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    padding: 0 0 10px 0;
    float: left;
}

.swipercard {
    font-size: 18px;
    padding: 0 10px;
}

.step3 .block-gray3 {
    margin: 10px auto;
    padding: 10px 0;
    box-shadow: none;
    margin-bottom: 0;
}

.step3 .swiper-wrapper {
    padding-bottom: 25px;
}

.block-gray3 {
    background: #f6f6f6;
    margin: 10px auto;
    padding: 10px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.editcard {
    background-color: #FF9A8B;
    background-image: linear-gradient(90deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    margin: 15px 0 8px 0 !important;
}

.orderslistcard ul:after {
    background: none;
}

.editcard a {
    color: #fff;
}

.ullilistship.list {
    padding: 10px 0 !important;
    margin: 0 !important;
}

.adresseshipment {
    width: 90%;
    margin: 5px auto;
    background-color: #ffffff;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.step3 .block-strong:after {
    background: none !important;
}

.step3 .inside3 {
    box-shadow: none;
}

.adresseshipment .row {
    background-color: #ffffff;
    padding: 15px;
}

.align-left {
    text-align: left;
    padding-left: 10px;
    color: #eeeeee;
}

.align-left a {
    color: #ffffff;
    padding: 8px 10px 8px 25px;
    border-radius: 0 5px 5px 0;
    background-color: #21D4FD;
    background-image: linear-gradient(237deg, #21D4FD 0%, #B721FF 100%);
    position: absolute;
    left: 0;
    top: 7px
}

.paddingtop {
    padding-top: 6px !important;
}

.block-gray4 {
    background: #ffffff;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.stepholder2 {
    background-image: url("../image/cardstepar.jpg");
    background-position: center -80px;
    background-repeat: no-repeat;
    height: 80px;
    background-size: cover;
    height: 80px;
    width: 90%;
    border-radius: 5px;
    margin: 10px auto;
    box-shadow: 0 1px 3px rgba(117, 117, 117, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.sp4,
.sp5 {
    width: 100%;
    height: 6px;
}

.sp5 {
    clear: both;
    height: 2px;
}

.doday {
    background: #000;
    color: #fff;
    font-size: 11px;
    text-align: center;
    padding: 5px 8px;
    margin-top: 5px;
}

body .flip-clock-wrapper ul li a div div.inn,
body .flip-clock-small-wrapper ul li a div div.inn {
    color: #CCCCCC;
    background-color: #333333;
}

body .flip-clock-dot,
body .flip-clock-small-wrapper .flip-clock-dot {
    background: #323434;
}

body .flip-clock-wrapper .flip-clock-meridium a,
body .flip-clock-small-wrapper .flip-clock-meridium a {
    color: #323434;
}

.bestboxproposal {
    background: #fff;
    margin: 0 auto;
    padding: 10px 0 0 0;
    position: relative;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.3), 0 10px 10px rgba(117, 117, 117, 0.3);
    width: 93%;
    border-radius: 5px;
    margin-bottom: 15px;
}

.bestboxproposal5 {
    background: #fff;
    margin: 0 auto;
    padding: 5px 0 5px 0;
    position: relative;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.3), 0 10px 10px rgba(117, 117, 117, 0.3);
    width: 93%;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-top: 50px;
}

.bestboxproposal4 .block-gray2 {
    margin-bottom: 15px;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.3), 0 10px 10px rgba(117, 117, 117, 0.3);
}

.step3 .bestboxproposal5 {
    margin: 20px auto;
    padding: 5px;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.1), 0 10px 10px rgba(117, 117, 117, 0.1);
}

.bestboxproposal5 .block-gray2 {
    box-shadow: none;
    background: none;
}

.step3 .bestboxproposal4 .block-gray2 {
    margin-bottom: 15px;
    border-radius: 5px;
    margin-top: 0 !important;
    position: relative;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.3), 0 10px 10px rgba(117, 117, 117, 0.3);
}

.bestboxproposal5 .userinformationform {
    width: 70%;
    margin: 0 auto;
    margin-top: 15px;
}

.flip-clock-small-wrapper {
    width: 318px !important;
    margin: 0 auto !important;
    padding: 25px 0 15px 0 !important;
    font-size: 12px !important;
}

.flip-clock-before {
    font-size: 12px !important;
}

.indicator {
    width: 100%;
    min-height: 800px;
    background: #ffffff url("../image/loader.gif") no-repeat center 20%;
    display: none;
}

.li.item-divider {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.prepre {
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
    display: none;
    min-height: 150px;
}

#productnotfund3,
#productnotfund2,
#productnotfund,
#errorinconnection,
#productnotfund6 {
    display: none;
}

.cityareadiv,
.citycitydiv,
#proprice {
    display: none;
}

.proprice {
    padding-top: 8px;
}

:root {
    --f7-preloader-modal-padding: 8px;
    --f7-preloader-modal-bg-color: rgba(255, 255, 255, 0.8);
}

#productnotfund3,
#productnotfund2,
#productnotfund,
#errorinconnection,
#productnotfund6 {
    color: #ffffff;
    background: #f40157;
    padding: 20px 0;
    width: 100%;
    margin: 50px 0;
    text-align: center;
}

.productcustomfiled select {
    font-size: 12px !important;
}

.compilited-swiper-slides .textdealtoday {
    height: 50px;
    overflow: hidden;
    text-align: center;
}

.compilited-swiper-slides .baseprice {
    height: 25px;
    overflow: hidden;
    text-align: center;
}

.countbasket {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #f5f5f5;
    color: #f40157;
    font-size: 12px;
    text-align: center;
}

.searchres {
    width: 100%;
    padding: 10px 20px 10px;
    margin: 0 0 10px 0;
    background: #4DD0E1;
    color: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    display: none;
}

.pctags {
    min-height: 30px;
}

.langbot .button.button-large.button-raised.button-fill {
    font-size: 12px !important;
}

.textdealtoday {
    text-align: right;
    padding-right: 10px;
}

.direction {
    direction: rtl;
}

.productcustomfiled select {
    padding-right: 15px;
}

.galleriesproduct {
    max-height: 350px;
}

.tabledetails {
    margin: 0 0 300px 0;
}

.galleriesproduct img {
    width: 100%;
    min-height: 300px;
}

.navbar::before {
    display: none;
}

.out-of-stock {
    background: #8d8d8d;
    opacity: 0.8;
}

.out-of-stock-warning {
    text-align: center;
    background: #212121;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

.logout {
    float: left;
    text-align: left;
    width: 60px;
}

.inside3 {
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    font-family: joominabold;
    font-size: 18px;
}

.blockshipment {
    width: 95%;
    margin: 5px auto;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(117, 117, 117, 0.2), 0 6px 6px rgba(117, 117, 117, 0.2);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.blockshipmenttitle {
    padding: 10px;
    background: #f5f5f5;
    border-radius: 5px 5px 0 0;
    font-family: joominabold;
    font-size: 14px;
}

.blockshipment img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.productship {
    width: 95%;
    margin: 0 auto;
}

.title-ship-kind {
    padding: 8px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 8px;
}

.col-30s {
    width: 28%;
    float: left;
    margin-right: 5%;
    margin-bottom: 15px;
    display: inline-block;
}

.addr {
    text-align: center;
    min-height: 220px;
    padding: 20px 0;
}

a .addr {
    color: #79797f !important;
}

a .addr i {
    font-size: 160px !important;
}

a.addressadddes {
    color: #ad5c98 !important;
}

.step3 .ordernumberno {
    color: #ad5c98 !important;
}

.shipmentpricebox {
    font-family: joomina;
    font-size: 12px;
    color: #212121;
    width: 85%;
    margin: 5px auto;
}

.shipmentpricebox .row {
    margin: 8px 0 !important;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 5px !important;
}

.stitle,
.sprice {
    width: 50%;
    float: right;
}

.stitle {
    font-family: joominabold !important;
}

.sprice {
    text-align: right;
}

.countsp {
    color: #006d63;
    font-size: 10px;
}

.colorcircule2 {
    display: block;
}

.colorcircule3 {
    display: inline-block;
    vertical-align: middle;
    float: right;
}

.titleorder .lang {
    font-size: 13px;
    font-family: joominabold;
}

.pcdes {
    text-align: right !important;
    direction: rtl !important;
}

.color-green-btn {
    width: 100%;
    background-color: #6A1B9A;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-family: joominabold;
    margin: 5px 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.add-button i {
    position: relative;
    top: -5px !important;
    font-size: 32px !important;
    height: 32px;
    padding: 0;
    margin: 0;
}

.instaalapp {
    position: relative;
    top: -8px;
}

.icon.icon-radio {
    margin-left: 15px;
}

.address-swiper {
    direction: rtl;
}

.swipercard .swiper-slide {
    border-radius: 5px !important;
    box-shadow: 0 10px 20px rgba(117, 117, 117, 0.3), 0 6px 6px rgba(117, 117, 117, 0.3);
}

.bg-color-brown {
    background-color: #593125 !important;
    color: #ffffff !important;
}

.color-theme-brown a {
    color: #593125;
}

a.elevation-3 {}

.navbar.bg-color-brown a {
    color: #ffffff !important;
}

.elevation-2 {
    background-color: #ffffff !important;
    margin: 5px 0;
}

.navbar.bg-color-brown {
    background-image: url('../image/topback.png');
}

.half {
    padding: 0 10px;
}

.half img {
    width: 100%;
    display: block;
    height: auto;
    background-color: #ffffff;
    border-radius: 5px;
}

.elevations p {
    font-size: 12px;
    text-align: center;
}

.elevations {
    background-color: #ffffff;
    padding: 5px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.probasketbt a,
.bg-color-red a,
.bg-color-tint a,
.bottomcard a,
.bottomcard {
    color: #ffffff !important;
}

.list .item-title {
    overfllow: none !important
}

.bg-color-teal a {
    color: #fff !important;
}

.bg-color-teal i {
    top: 8px;
    position: relative;
}

select option {
    font-family: joomina !important;
}

.editcard a {
    color: #ffffff !important
}

.inline-label .item-floating-label,
.inline-label .item-label,
.inline-labels .item-floating-label,
.inline-labels .item-labe {
    width: 100%;
}

span.ordernumber {
    background-color: #21D4FD;
    background-image: linear-gradient(225deg, #21D4FD 0%, #B721FF 100%);
    color: #fff;
    letter-spacing: 3px;
    padding: 5px 10px;
    border-radius: 5px;
    float: left;
    margin-left: 5px;
    margin-top: 0;
    position: relative;
    top: -4px
}

.ordersingleoutline {
    position: relative;
}

.staraddress {
    position: absolute;
    top: 0;
    right: -10px
}

.staraddress.gold .material-icons {
    position: absolute;
    top: -25px;
    right: -20px
}

.staraddress.gold .material-icons {
    color: #ffffff;
    background-color: #FAD961;
    background-image: linear-gradient(90deg, #FAD961 0%, #F76B1C 100%);
    margin: 10px;
    border-radius: 50%;
    width: 40px;
    height: 33px;
    text-align: center;
    padding-top: 7px;
}

.staraddress .material-icons {}

.staraddress.gold i {
    position: relative;
    top: 4px
}

.orderbox .colorwi div span {
    width: 85px;
    display: inline-block;
}


/************/


/**** Theme Setting **/

.navbar.bg-color-pink,
.navbar.bg-color-pink a {
    color: #ffffff
}

.textcat,
.leftalign .lang {
    background-color: #9168e6
}

.realprice,
.finalpricepro {
    color: rgb(14, 14, 14)
}

.finalpricepro2 {
    color: rgb(14, 14, 14);
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
    top: 10px
}

.doday {
    border-radius: 0 0 5px 5px;
}

.baseprice,
.discount,
.pcdescount {
    color: #ea4d5b
}

.pcname {
    color: #000000
}

.pcfinalprice {
    color: #000
}

.bottomcard {
    background-image: linear-gradient( 135deg, #43CBFF 10%, #9708CC 100%);
}

.cardpage .page-content {
    padding-bottom: 60px
}

.colwith.button.button-large.button-raised.button-fill.color-gray i {
    top: 8px
}

.box21 {
    text-align: justify !important;
    line-height: 24px !important;
}

.dialog-buttons .acolor,
.dialog-buttons .acolor a,
.dialog-buttons .acolor.bg-color-green,
.dialog-buttons .acolor.bg-color-green a,
.dialog-buttons .acolor.bg-color-red,
.dialog-buttons .acolor.bg-color-red a {
    color: #fff !important;
}

.cream {
    background-color: #fce9d2;
}

.redy {
    background-color: #f2fddf;
}

.spai {
    background-color: #c2ecf3
}

.device-ios .textcat {
    background: #000;
}

.logoimage {
    width: 100%;
}

.logoimage img,
.imagegotobank img {
    display: block;
    height: auto;
    width: 40%;
    margin: 40px auto;
    border-radius: 10px;
    margin-bottom: 20px;
}

.boxinpopover {
    background-color: #f5f5f5;
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    padding: 5px 15px 15px 15px !important;
    line-height: 30px;
    color: #000;
    font-size: 14px;
}

.pop .titlebase {
    margin-bottom: 30px;
}

.flineforhome i {
    color: #489ed9
}

.flineforhome2 i {
    color: #c6c6c6
}

.btngotobank a {
    color: #fff;
}

.btngotobank {
    text-align: center;
    width: 45%;
    margin: 0 auto;
}


/* new app */

.cat-swiper {
    padding-bottom: 10px;
}

.cattop {
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 0 1px 3px rgba(117, 117, 117, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    text-align: center;
    color: #ffffff;
    min-height: 40px;
    align: center
}

.cattop a {
    color: #4c5157
}

.cattop img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.bestboxproposal3,
.bestboxproposal4,
.bestboxproposal7 {
    width: 93%;
    margin: 0 auto;
    padding: 0 5px;
}

.bestboxproposal7 .list {
    margin: 0;
}

.bestboxproposal7 .list ul:before,
.bestboxproposal7 .list ul,
.bestboxproposal7 .list ul:after {
    background: none;
}

.bestboxproposal7 a.userinformationform {
    color: #ffffff;
    padding: 10px 0;
    border-radius: 5px;
    text-align: center;
    background-color: #FFE53B;
    background-image: linear-gradient(234deg, #FFE53B 0%, #FF2525 74%);
    width: 70%;
    margin: 10px auto;
}

.bestboxproposal7 {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px 0;
    margin-top: 20px;
    margin-bottom: 40px;
    box-shadow: 0 10px 20px rgba(117, 117, 117, 0.3), 0 6px 6px rgba(117, 117, 117, 0.3);
}

.swiper-wrapper.dealofdayclass img {
    width: 90% !important;
    box-shadow: 0 10px 20px rgba(117, 117, 117, 0.19), 0 6px 6px rgba(117, 117, 117, 0.23);
    border-radius: 50%;
}

.dealtoday-swiper {
    background: #ff6a08;
    padding: 15px;
    border-radius: 5px;
}

.allcat {
    width: 45px;
    height: 45px;
    font-size: 20px;
    text-align: center;
    line-height: 45px;
    position: absolute;
    right: 5px;
    top: 12px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #fff;
    border-radius: 50%;
    background: rgb(163, 113, 250);
    background: linear-gradient(302deg, rgba(163, 113, 250, 1) 0%, rgba(0, 212, 255, 1) 100%);
    /* background: rgb(253, 184, 73);
    background: linear-gradient(118deg, rgba(253, 184, 73, 1) 0%, rgba(250, 116, 149, 1) 43%);
*/
}

.allcat4 {
    padding: 18px 15px 18px 12%;
    font-size: 20px;
    float: right;
    position: absolute;
    top: 0;
    right: 15px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #fff;
    border-radius: 0 15px 15px 0;
    background-color: #FBDA61;
    background-image: linear-gradient(255deg, #FBDA61 0%, #FF5ACD 100%);
}

.profilelist ul.maincat li,
.profilelist ul.maincat {
    padding: 0;
    margin: 0;
}

.addreseesIcon .allcat {
    padding-top: 4px;
    padding-bottom: 4px;
    top: 15px
}

.addreseesIcon .containertext a {
    color: #000
}

.addreseesIcon .containertext a i {
    color: #fff
}

.addreseesIcon .containertext i.material-icons,
.iconfontbalance i.material-icons {
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    top: 4px
}

.iconfontbalance a {
    color: #000
}

.iconfontbalance .allcat,
.iconfontbalance .allcat2 {
    top: 8px
}

.allcat3 {
    padding: 10px 15px 10px 10%;
    font-size: 20px;
    float: left;
    position: absolute;
    left: 0;
    top: 12px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #fff;
    border-radius: 0 15px 15px 0;
    background: rgb(163, 113, 250);
    background: linear-gradient(302deg, rgba(163, 113, 250, 1) 0%, rgba(0, 212, 255, 1) 100%);
}

a.allcat3 {
    color: #fff
}

.allcat i.f7-icons,
.allcat3 i.f7-icons {
    font-size: 20px !important;
}

.profilelist {
    position: relative;
}

.allcat2 {
    width: 45px;
    height: 45px;
    font-size: 20px;
    position: absolute;
    text-align: center;
    line-height: 45px;
    left: 0;
    top: 12px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 50%;
    background: rgb(246, 67, 179);
    background-color: #FBAB7E;
    background-image: linear-gradient(180deg, #FBAB7E 0%, #F7CE68 100%);
}

.allcat2 a {
    color: #FFF
}

.linkto {
    padding: 6px 6px 3% 6px;
    font-size: 20px;
    color: #fff;
    position: absolute;
    left: 8%;
    bottom: 0;
    -webkit-transition: all 0.4ms ease;
    -moz-transition: all 0.4ms ease;
    -ms-transition: all 0.4ms ease;
    -o-transition: all 0.4ms ease;
    transition: all 0.4ms ease;
    border-radius: 15px 15px 0 0;
    background: rgb(253, 184, 73);
    background: linear-gradient(118deg, rgba(253, 184, 73, 1) 0%, rgba(250, 116, 149, 1) 43%);
}

.allcat a {
    color: #fff
}

.containertext {
    width: 100%;
    position: relative;
    margin: 15px auto;
}

.textcatline {
    background: #fff;
    text-align: center;
    width: 85%;
    border-radius: 8px;
    padding: 25px 0;
    margin: 0 auto;
    font-family: joominabold;
    box-shadow: 0 10px 20px rgba(117, 117, 117, 0.19), 0 6px 6px rgba(117, 117, 117, 0.23);
}

.colwith.button.button-large.button-raised.button-fill.color-red {
    border-radius: 5px;
    background-image: linear-gradient( 109.6deg, rgba(254, 87, 98, 1) 11.2%, rgba(255, 107, 161, 1) 99.1%);
    margin-bottom: 10px;
}

.backinslogin {
    background-color: #000;
    color: #fff
}

.boxLogin {
    width: 70%;
    padding: 20px 15px 15px 10px;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    margin-top: 30%;
    box-shadow: 0 10px 20px rgba(117, 117, 117, 0.19), 0 6px 6px rgba(117, 117, 117, 0.23);
    background: rgba(225, 225, 225, 0.3);
}

#partitioned {
    letter-spacing: 20px;
    border: 0;
    width: 100%;
    margin-top: 0;
    font-size: 22px;
    direction: ltr;
    text-align: center;
}

.llbb {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    font-family: joominabold;
}

.topheaderLogin {
    font-family: joominabold;
    font-size: 16px;
    padding-bottom: 10px;
}

.descriptionLogin {
    line-height: 25px;
}

.validatecellphoneback {
    background-color: #000;
    color: #fff
}

.orderbox li.ordernumberline .col-33 {
    padding: 3px 4px !important;
    letter-spacing: 2px;
}

.fpagecard .block-strong:before,
.list ul:before {
    background: none;
}

.fpagecard .saepageinside {
    width: 93%;
    margin: 0 auto;
}

.fpagecard .block-strong.color-tint {
    border-radius: 5px;
    color: #414141 !important;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.1), 0 10px 10px rgba(117, 117, 117, 0.1);
    margin-bottom: 15px;
}

.fpagecard .block-gray2 {
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 14px 28px rgba(117, 117, 117, 0.2), 0 10px 10px rgba(117, 117, 117, 0.2);
}

.fpagecard .ordernumberline2 img {
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.fpagecard .bg-color-gray2 {
    border-radius: 10px 10px 0 0;
}

.fpagecard ul.bg-color-gray2 {
    margin-bottom: 10px;
    background-color: #f3f3f3 !important;
}

.fpagecard .bg-color-gray2 li:after {
    background: none !important;
}

.fpagecard .color-tint {
    color: #414141 !important;
}

.detailproducts .lang {
    padding-top: 15px
}

.probasket .list,
.prodvcustomtitle .list {
    margin: 5px 0
}

.prodvcustomtitle {
    border-top: 1px solid #ebebeb
}

.popup-details .page-content {
    padding-top: 0
}

.vendor-item {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 5px;
    background-color: #d9f4ff;
    color: #666666;
    padding: 8px 10px;
    border-radius: 8px;
    clear: both;
}

.vendor-item2 {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 5px;
    background-color: #b5e9ff;
    color: #666666;
    padding: 8px 10px;
    border-radius: 8px;
    clear: both;
}

.vendor-item-name {
    float: right;
}

.vendor-item-price {
    float: left
}

.shortdescritionText {
    height: 200px;
    overflow: hidden;
}

.moredes {
    margin-top: 10px;
    text-align: center
}

.mooretext {
    padding: 4px 5px;
    margin: 6px 0;
    border-radius: 5px;
    background-color: #ebebeb;
    display: block;
}

.active-vendor {
    background-image: radial-gradient( circle farthest-corner at 12.3% 19.3%, rgba(95, 209, 249, 1) 0%, rgba(85, 88, 218, 1) 100.2%);
    color: #fff;
}

.active-vendor .vendor-item-name::before {
    content: "<span class="material-icons">check_box_outline_blank</span>";
}

textarea#addajax {
    height: 80px !important;
    font-size: 11px !important;
    font-family: joomina !important;
    font-weight: normal !important
}

.mapdefine img {
    width: 90%;
    margin: 0 auto
}

.mapdefine {
    width: 90%;
    margin: 0 auto;
    margin-top: 10px
}

.searchbar .searchbar-input-wrap {
    width: 90%
}

.subnavbar {
    background-color: #FFF !important
}

.textcatline2 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    background: #f4f4f4;
    text-align: center;
    width: 100%;
    padding: 5px 0;
    margin: 0 auto;
    font-family: joomina;
    box-shadow: 0 10px 20px rgba(117, 117, 117, 0.19), 0 6px 6px rgba(117, 117, 117, 0.23);
}

.textcatline2 p {
    text-align: center
}

.citylink {
    padding: 10px;
    border-bottom: #ebebeb 1px solid;
    width: 100%;
    margin: 0 auto;
    color: #dc1212 !important
}

.changecity a {
    color: #fff;
    padding: 2px 8px !important;
    border-radius: 8px;
    background-color: #C30;
    float: left
}

.btnmodal a {
    width: 100% !important;
    color: #FFF;
    border-radius: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important
}

.btnmodal {
    color: #FFF;
    border-radius: 20px !important;
    width: 100% !important;
}

.md .dialog-button {
    width: 100% !important;
}

.cannotshipping {
    opacity: 0.5;
    background-color: #EECDC8;
}

#map {
    width: 100%;
    height: 700px;
    padding: 0;
    margin: 0
}

.submitmap {
    background-color: #6c5ce7;
    color: #fff;
    padding: 8px 10px;
    width: 40%;
    clear: both;
    text-align: center;
    border-radius: 8px;
    position: absolute;
    left: 10px;
    bottom: 5px
}

.addressselect {
    width: 80%;
    margin: 10px auto;
    line-height: 25px;
    padding: 10px;
    padding-bottom: 60px;
    font-size: 11px !important;
    background: #FFF;
    position: fixed;
    bottom: 10px;
    z-index: 999;
    right: 7%;
    border-radius: 20px
}

.tomanprince,
.baseprice {
    text-align: center
}

.flip-clock-label {
    font-family: joomina
}

.tomanprice {
    font-size: 11px;
    text-align: center;
    width: 100%;
    display: block
}

.navbar.orangedeep {
    background: #ff6a08 !important;
    color: #fff
}

.orangedeep a {
    color: #fff
}

.bg-color-gradiant {
    background-color: #21D4FD;
    background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}