/*
Theme Name:         MentorVid
Theme URI:          http://mentorvid.com/
Description:        قالب فروشگاهی تک صفحه ای منتوروید حرفه ای ترین قالب فروشگاهی ووکامرس برای فروش گیفت کارت
Author:             پیام یزدانیان
Author URI:         http://mentorvid.com/
Version:            1.0
*/
.g_cart-buy  .col-1 ,.g_cart-buy  .col-2  {
    width:100% !important;
    max-width:100%;
}
.payment_box {
    display:none;
}
.price ins  {text-decoration: none;}

#comments {
    padding: 10px
}

a:focus,
a:hover {
    color: #a787e6
}

.woocommerce-input-wrapper input:hover {
    box-shadow: 0 2px 9px 1px rgb(173 154 210);
    transition-duration: .2s;
    border-radius: 4px
}

.pym-tag-blog p a {
    background-color: #9ea0bb;
    display: inline-flex;
    padding: 5px 15px 4px 5px;
    color: #fff !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.pymvar {
    display: none
}

.feats {
    padding: 30px 0;
    border-bottom: 1px solid #e3e5e5;
    background: url(images/background4.gif) no-repeat right bottom #fff;
    margin-right: auto;
    margin-left: auto
}

.feats .col33 {
    padding: 0 10px 0 0
}

.col33 {
    width: 33%;
    float: right
}

.iconfeat {
    float: right;
    width: 15%
}

.iconf1 {
    background: url(images/sprite.png) no-repeat -440px -160px
}

.iconf {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: block
}

.descfeatlined {
    padding-left: 15px;
    color: #777
}

.descfeat {
    float: left;
    width: 80%
}

.iconf2 {
    background: url(images/sprite.png) no-repeat -380px -160px
}

.iconf3 {
    background: url(images/sprite.png) no-repeat -320px -160px
}

.descfeat a {
    display: inline-flex
}

.descfeat {
    float: left;
    width: 82%;
    color: #777;
    text-align: justify;
    font-family: dana-bold;
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
}

.pym_support_tele {
    background: linear-gradient(-45deg, #6c7fe8 0, #16b203 100%);
    padding: 20px
}

.pym_support_tele .fa-user {
    font-size: 24px;
    color: #fff;
    margin-left: 10px
}

.pym_support_tele p {
    color: #fff;
    display: inline;
    font-size: 16px;
    vertical-align: middle
}

.sprite-pym_phone {
    width: 28px;
    height: 28px;
    background-position: -5px -123px;
    margin-left: 5px;
    vertical-align: bottom
}

.sprite-pym_chat {
    width: 28px;
    height: 28px;
    background-position: -85px -5px
}

.sprite-pym_email {
    width: 28px;
    height: 28px;
    background-position: -123px -5px
}

.top-footer-a {
    position: absolute;
    top: 10px;
    right: 50px
}

.gform_button,
.lighte {
    background: #6d78ee
}

.gfield_label {
    font-family: dana-med
}

.gform_button {
    background: #6d78ee;
    padding: 10px;
    color: #fff;
    border-radius: 4px;
    border: 1px
}

.ginput_container input,
.ginput_container textarea {
    background: #ced1ef;
    border: 1px solid #6d78ee80;
    border-radius: 5px
}

.postlist li:before {
    display: none !important
}

.pym-content-single-blog #content-single-blog .postlist li a {
    background: 0 0;
    color: #6085a6
}

.pym-content-single-blog #content-single-blog .postlist li a:hover {
    color: #fff !important;
    background-color: #f48a8aa3;
    border-radius: 10px;
    transition: all .3s ease-in-out
}

.postlist {
    display: block
}

.postlist li a {
    padding: 7px;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    width: 96%;
    margin: 0 auto;
    font-size: 13px
}

.postlist li a img {
    border-radius: 10px;
    width: 80px;
    height: auto;
    float: right;
    margin-left: 10px
}

.postlist li a span {
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.7em;
    padding-top: 15px;
    display: block
}

.apostlista {
    text-align: center;
    background: #34a04bb0;
    padding: 15px;
    color: #fff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.apostlist {
    background: #fff;
    margin-bottom: 20px;
    border-radius: 10px;
    padding-bottom: 7px;
    box-shadow: 0 10px 30px rgba(28, 76, 156, .15)
}

.blog-visit p {
    display: block !important
}

.sms-notif-groups-label {
    display: none
}

.sms-notif-mobile-div input {
    color: #5c7f9e;
    border-radius: 3px;
    border: 1px solid #fff;
    display: block;
    text-align: center
}

.sms-notif-enable-label input {
    display: none
}

.ss {
    width: 100%
}

.ss .g_nosale {
    background-color: #989898
}

.ss .g_nosale:hover {
    background-color: #323337
}

.sms-notif-enable-label strong {
    cursor: pointer;
    text-align: center
}

.sms-notif-submit {
    border-radius: 5px;
    display: block;
    border: 1px solid #88888861;
    width: 50%;
    padding: 5px;
    text-align: center;
    background: #51cf66;
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

::-webkit-scrollbar-track {
    background: #fff
}

::-webkit-scrollbar {
    width: 12px
}

::-webkit-scrollbar-thumb {
    background: #305f7c !important;
    border-width: 3px !important;
    border-style: solid !important;
    border-color: #fff !important;
    border-radius: 10px !important
}

::-webkit-input-placeholder {
    color: #555;
    font-weight: 500
}

:-moz-placeholder {
    color: #555;
    font-weight: 500
}

::-moz-placeholder {
    color: #555;
    font-weight: 500
}

:-ms-input-placeholder {
    color: #555;
    font-weight: 500
}

.g_account a.digits-login-modal {
    width: 100%;
    border: none;
    height: auto;
    background-color: #9ea0bb;
    border-radius: 4px;
    font-size: 13px;
    color: #fff;
    padding: 10px 0;
    margin: 5px 0 0;
    transition: .2s all;
    align-items: center;
    justify-content: center;
    display: flex
}

a.digits-login-modal {
    width: 100%;
    border: none;
    height: auto;
    background-color: var(--color-green);
    border-radius: 0 0 10px 10px;
    font-size: 13px;
    color: #fff;
    padding: 10px 0;
    margin: 5px 0 0;
    transition: .2s all;
    align-items: center;
    justify-content: center;
    display: flex
}

@font-face {
    font-family: FontAwesome;
    src: url(fonts/fontawesome-webfont.eot?v=4.6.3);
    src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff2?v=4.6.3) format("woff2"), url(fonts/fontawesome-webfont.woff?v=4.6.3) format("woff"), url(fonts/fontawesome-webfont.ttf?v=4.6.3) format("truetype"), url(fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

:root {
    --color-red: #f03e3e;
    --color-red-hover: #d83333;
    --color-blue: #228be6;
    --color-blue-hover: #217dcc;
    --color-yellow: #fcc419;
    --color-green: #51cf66;
    --color-green-hover: #4dc562;
    --color-orange: #ff922b
}

a {
    text-decoration: none !important
}

.wc-backward {
    display: none
}

.sticky {
    position: fixed !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 1000001 !important;
    box-shadow: 0 0 5px #ccc;
    border-top: 0 !important;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    animation: fadein 1s;
}

@keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.g_cart-bank-border {
    border: 1px solid var(--color-yellow) !important
}

.g_cart-bank-content figure>img {
    width: 48px !important
}

.restore-item {
    display: none !important
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 33px;
    height: 33px
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 33px;
    height: 33px;
    margin: 6px;
    border: 3px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border-color: #f7a2ab transparent transparent
}

.lds-ring div:nth-child(1) {
    animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
    animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes lds-ring {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.g_cart_loader {
    height: 6em;
    width: 6em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    display: block;
    background-image: url(images/my_spinner.gif) !important;
    background-position: center center;
    background-size: cover;
    z-index: 9999;
    opacity: 0
}

.wc-item-meta {
    margin: 10px 0 -8px !important;
    padding: 9px
}

.wc-item-meta li {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start
}

.wc-item-meta li>strong {
    font-size: 14px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    margin: 0 0 10px
}

.wc-item-meta li>p {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    color: #f03e3e;
    width: 100%;
    text-align: center
}

.wc-item-meta li>p>strong {
    color: #666
}

.g_suggestion-price .price del span {
    color: var(--color-blue)
}

.g_suggestion-price .price ins span {
    color: #fff
}

.g_account_menu_red {
    color: var(--color-blue) !important;
    border-right-color: var(--color-blue) !important
}

.g_bg-red ins {
    background: linear-gradient(-45deg, #bf74e0 0, #eda3f1 100%);
}

.g_bg-blue ins {
   background: linear-gradient(-45deg, #748be0 0, #a3cff1 100%);
}

.g_bg-yellow ins {
    background: linear-gradient(-45deg, #75e085 0, #589633 100%);
}

.g_bg-green ins {
    background: linear-gradient(-45deg, #bf74e0 0, #eda3f1 100%);
}

.g_bg-orange ins {
  background: linear-gradient(-45deg, #748be0 0, #a3cff1 100%);
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    width: 100%;
    height: auto;
    background-color: #fff !important;
        font-family: dana !important;
    font-weight: 400;
    line-height: 1.7;
    color: #747794
}

.content {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.align-items-flex-start {
    align-items: flex-start
}

.header {
    width: 100%;
    height: 75px;
    background-color: #fff;
    position: relative;
    padding: 30px 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 1px 4px 2px rgba(0, 0, 0, .1);
}

.g_menu {
    width: 45%;
    height: auto;
    display: block;
    justify-content: flex-start
}

.g_menu ul>li {
    display: inline-block;
    padding: 5px 12px;
    font-size: 15px;
    font-weight: 400;
    color: #777;
    position: relative;
    transition: .4s all;
    z-index: 999999;
    font-family: 'dana-bold';
}

.g_menu ul>li::after {
    content: '|';
    font-size: 14px;
    font-weight: 300;
    color: #e5e5e5;
    margin: 0 -11px 0 0;
    position: absolute;
    top: 20%;
    bottom: 0;
    right: 10px;
    margin-top: auto;
    margin-bottom: auto
}

.g_menu ul>li:first-child::after {
    content: '';
    margin: 0
}

.g_menu ul>li a:hover {
    color: #4d434b
}

.g_menu ul>li:hover {
    padding: 5px 12px;
    border-radius: 99px;
    background: rgba(255, 255, 255, .1);
    color: #4d434b
}

.g_menu-red-color {
    color: var(--color-red) !important
}

.g_logo {
    width: 10%;
    height: auto;
    display: flex;
    justify-content: center;
    z-index: 3;
    position: absolute;
    bottom: -29px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}

.g_search-account {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 3
}

.g_search {
    font-size: 16px;
    font-weight: 300;
    color: #777;
    margin: 0 0 0 15px;
    position: relative
}

.g_search-btn {
    cursor: pointer
}

.g_search-content {
    width: 200px;
    height: auto;
    background-color: #fff;
    border-radius: 0 0 3px 3px;
    display: none;
    position: absolute;
    bottom: -72px;
    left: -95px;
    z-index: 2;
    padding: 8px
}

.g_search-content form {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.g_search-content form>input {
    width: 80%;
    height: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 0 3px 3px 0;
    padding: 0 5px 0 0;
    font-size: 12px;
    font-weight: 300;
    color: #000
}

.g_search-content form>button {
    width: 20%;
    height: 30px;
    background-color: var(--color-red);
    border-radius: 3px 0 0 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
    border: 0;
    cursor: pointer
}

.g_account {
    font-size: 14px;
    font-weight: 500;
    color: #4d434b;
    display: flex;
    align-items: center;
    font-family: 'dana-bold';
}

.g_account span {
    margin: 0 5px
}

.g_account a {
    transition: .4s all
}

.g_account a:hover {
    color: var(--color-red)
}

.main {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.col-md-9 .g_slider::before {
    top: -10px !important;
    display: none
}

.col-md-9 .owl-slider::after {
    top: 460px !important
}

.col-md-9 .g_slider {
    border: 1px solid #1ca2bd2b
}

.slidee {
    padding: 10px;
    position: absolute;
    top: 2px;
    right: 38%;
    margin-right: auto;
    margin-left: auto;
    z-index: 2;
    color: #fff;
    background-color: #1ca2bd
}

.g_slider {
    width: 100%;
    height: auto;
    position: relative
}

.g_slider::before {
    content: '';
    width: 340px;
    height: 47px;
    background-image: url(images/header.shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: -14px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 2
}

.owl-slider::after {
    content: '';
    width: 224px;
    height: 41px;
    background-image: url(images/header.shape.down.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 2
}

.g_slider-item {
    width: 100%;
    height: 100%;
    position: relative
}

.g_slider-item::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.g_slider-item figure {
    width: 100%;
    height: 100%
}

.g_slider-item figure>img {
    width: 100%;
    height: auto
}

.g_blog-post {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 20px 0 30px;
    border-bottom: 1px solid #9b9898
}

.ln_left_arrow {
    width: 0;
    height: 0;
    border-top: 16.5px solid transparent;
    border-bottom: 16.5px solid transparent;
    border-right: 18px solid #9b9898;
    position: absolute;
    right: 262px;
    z-index: 100;
    display: none;
    margin-top: 5px
}

.g_blog-post-title {
    font-size: 16px;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    padding: 2px 15px 10px 10px;
    background: bottom;
    background: #56515196;
    padding: 15px;
    border-radius: 7px;
    margin-bottom: -10px;
    font-family: 'dana-bold';
}

.owl-blog-post {
    width: 84% !important;
    height: auto;
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center
}

.g_blog-post-itam {
    width: 91%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0 0
}

.owl-blog-post .owl-nav {
    width: 10%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.owl-blog-post .owl-nav::before {
    content: '';
    width: 1px;
    height: 20px;
    background-color: #e5e5e5;
    position: absolute;
    right: 0
}

.owl-blog-post .owl-nav::after {
    content: '';
    width: 1px;
    height: 20px;
    background-color: #e5e5e5;
    position: absolute;
    left: 0
}

.owl-blog-post .owl-nav button {
    width: 30px;
    height: auto;
    display: flex;
    justify-content: center
}

.owl-blog-post .owl-nav button>span {
    font-size: 40px;
    color: var(--color-blue);
    font-weight: 300
}

.owl-blog-post .owl-stage-outer {
    width: 100%;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0 0 1px
}

.g_blog-post-item-name {
    font-size: 14px;
    color: #555;
    transition: .3s all
}

@keyframes g_color {
    from {
        color: #555
    }
    to {
        color: var(--color-red)
    }
}

.g_blog-post-item-time {
    display: flex;
    align-items: baseline;
    font-size: 12px;
    font-weight: 300;
    color: #555
}

.g_blog-post-item-time i {
    font-size: 13px;
    margin: 0 0 0 3px
}

.blog-post-all {
    width: 90px;
    height: auto;
    background-color: var(--color-blue);
    border-radius: 0 40px 40px 0;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    padding: 10px 0;
    transition: .4s all;
    margin: 8px 0 0
}

.blog-post-all a {
    width: 100%;
    height: auto;
    justify-content: center
}

.blog-post-all:hover {
    background-color: #1371ff
}

.g_suggestion {
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
    padding: 15px 0;
    margin: 0 0 0
}

.g_suggestion-title:before {
    width: 6px;
    right: 5px;
    background-color: #fc909bc7 !important
}

.g_suggestion-title:after,
.g_suggestion-title:before {
    position: absolute;
    top: 55%;
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    bottom: 5px;
    border-radius: 3px;
    background-color: #ca3b5f;
    right: 0
}

.g_suggestion-title {
    position: relative;
    overflow: hidden;
    margin: 10px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    text-transform: uppercase;
    color: #666;
    display: inline-flex;
    padding: 10px 13px 10px 10px
}

.g_suggestion-title h2 {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    font-family: 'dana-bold';
}

.g_suggestion-title h2>span {
    color: var(--color-green)
}

.g_suggestion-title p {
    color: #555;
    margin: 0 8px 0 0;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    font-family: dana-med;
    font-weight: 700
}

.owl-suggestion {
    font-size: 12px;
    font-weight: 300;
    color: #e74c3c
}

.owl-suggestion .owl-item {
    display: flex;
    justify-content: center
}

.page-template-home .g_suggestion-item {
    width: 180px !important;
    height: 285px !important
}

.archive .g_suggestion-item a {
    background:none !important;
    margin-bottom: 5px;
}
.archive .g_suggestion-item figure>a>figcaption { 
          margin-bottom: 15px;

}
.archive .g_suggestion-item {
      margin-bottom: 10px;
  
}
.archive .g_suggestion-item figure>a>img {
    width: 280px;
    height: 185px;
    position: relative;
    top: -15%;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    margin-bottom: 100px;
}
.g_suggestion-item:hover figure img {
    filter: blur(2px) !important;
    /* opacity: .6 !important; */
}

.g_suggestion-item:hover .endd2 {
    display: block
}

.g_suggestion-item:hover figure {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    transition-duration: .2s
}

.page-template-home .g_suggestion-item figure {
    width: 200px;
    height: 285px;
    background-color: #fff;
    position: relative;
    border-radius: 5px;
}

.g_suggestion-item figure::before {
    content: '';
    width: 55px;
    height: 12px;
    background-color: #2b323c;
    margin: 0 auto;
    margin-top: 0;
    border-radius: 30px;
    margin-top: 18px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 2
}

.g_suggestion-item figure::after {
    content: '';
    width: 13px;
    height: 13px;
    background-color: #2b323c;
    margin: 0 auto;
    border-radius: 30px;
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    z-index: 2
}

.page-template-home .g_suggestion-item figure>a {
    width: 200px;
    height: 285px;
    background-color: #fff;
    position: relative;
    border-radius: 7px;
    border: 1px solid #f6edff;
    display: inline-flex;
}

.page-template-home .g_suggestion-item figure>a>img {
    width: 110px !important;
    height: auto !important;
    position: absolute;
    top: -15%;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.pymcat .g_suggestion-item figure>a>img {
    width: 160px !important;
    height: auto !important;
    position: absolute;
    top: -15%;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.g_suggestion-item figure>img {
    width: 140px !important;
    height: auto !important;
    position: absolute;
    top: -10%;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.g_have-suggestion {
    filter: blur(0) !important
}

.g_end-suggestion {
    filter: blur(2px) !important;
    /* opacity: .6 !important; */
}

.g_dark_withe {
    filter: grayscale(100%) !important;
    opacity: .6 !important
}

.g_suggestion-item figure>a>figcaption {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.g_suggestion-item figure>figcaption {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.g_suggestion-item-name {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 600;
    color: #797979;
    padding: 0 3px;
    line-height: 1.4;
    text-align: center;
}
.bordertitle {
    width: 100%;
    height: 30px;
    border-right: 1px solid #7979b7;
    border-left: 1px solid #7979b7;
}

.g_suggestion-price {
    width: 100%;
    height: auto
}

.g_suggestion-price .price {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px 0 0;
    margin: 6px 0 0
}

.g_suggestion-price ins {
    width: 50%;
    height: auto;
    border-radius: 0 5px 5px 0;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 8px 0;
    text-decoration: none
}

.none {
    display: none
}

.g_suggestion-price del {
    width: 50%;
    height: auto;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    position: relative;
    text-decoration: none
}

.g_suggestion-price del::before {
    content: '';
    width: 75px;
    height: 1px;
    background-color: var(--color-red);
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    transform: rotate(-12deg)
}

.g_suggestion-item .g_select-card-addcart a {
    margin: 15px 0 0 !important
}

.g_suggestion-timer {
    width: 90%;
    height: auto;
    background-color: #fff;
    padding: 7px 0;
    font-weight: 400;
    color: var(--color-red);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.g_suggestion-timer .ywpc-timer {
    width: 100%;
    font-family: dana-med;
    height: auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between
}

.g_suggestion-timer .ywpc-days {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 8px 0 0;
    position: relative
}

.g_suggestion-timer .ywpc-days::before {
    content: ':';
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: -6px;
    font-size: 14px;
    font-weight: 700
}

.g_suggestion-timer .ywpc-hours {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.g_suggestion-timer .ywpc-hours::before {
    content: ':';
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: -6px;
    font-size: 14px;
    font-weight: 700
}

.g_suggestion-timer .ywpc-minutes {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 8px;
    position: relative
}

.g_suggestion-timer .ywpc-minutes::before {
    content: ':';
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: -6px;
    font-size: 14px;
    font-weight: 700
}

.g_suggestion-timer .ywpc-seconds {
    display: flex;
    flex-direction: column;
    align-items: center
}

.g_suggestion-timer .ywpc-days .ywpc-amount {
    font-size: 13px;
    width: 40px
}

.g_suggestion-timer .ywpc-amount {
    font-size: 13px;
    color: #fff;
    background: #5d5d5d;
    padding: 4px;
    width: 30px
}

.g_suggestion-timer .ywpc-label {
    display: none
}

.owl-suggestion .owl-nav {
    position: absolute;
    top: -24%;
    left: 0
}

.owl-suggestion .owl-nav button {
    width: auto;
    height: auto;
    display: flex;
    justify-content: center
}

.owl-suggestion .owl-nav button>span {
    font-size: 40px;
    color: #e55866;
    font-weight: 800
}

.g_select-brand {
    width: 100%;
    height: auto;
    margin: 0 0 10px
}

.g_select-brand-title {
    width: 100%;
    height: auto;
    margin: 15px 0 10px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.g_select-brand-title-first {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.g_icon {
    font-family: 'dana-bold';
    width: 45px;
    height: 45px;
    background-image: linear-gradient(-45deg, #748be0 0, #a3cff1 100%);
    -webkit-box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #a3cff1;
    box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #a3cff1;
    border-radius: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 0 10px;
}

.g_select-brand-title-first h2 {
    font-size: 18px;
    font-weight: 800;
    color: #555;
    font-family: 'dana-bold';
}

.g_select-brand-title-first h2>span {
    color: var(--color-blue);
    font-weight: 800
}

.g_select-brand-title p {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background-image: linear-gradient(-45deg, #748be0 0, #a3cff1 100%);
    -webkit-box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #a3cff1;
    box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #a3cff1;
    padding: 8px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    font-family: 'dana-bold';
}

.g_select-brand-content {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

.g_select-brand-content-box {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start
}

#g_select-brand-item-15 {
    display: none
}

.g_select-brand-item {
    width: 24%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px 1%;
    cursor: pointer;
    flex: 0 0 24%
}

.g_select-brand-item button {
    width: 100%;
    height: auto;
    background-color: transparent;
    border: 0;
    font-family: dana-med, roboto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    border-radius: 5px;
    transition: .3s all;
    cursor: pointer
}

.g_select-brand-item-img {
    width: 50px;
    height: 50px
}

.g_select-brand-item-img img {
    width: 58px;
    height: 50px;
    border-radius: 100%
}

.g_select-brand-item-name {
    font-size: 17px;
    color: #7d7d7d;
    font-family: 'dana-bold';
}

.g_select-brand-item span {
    background: #e1e1e1;
    padding: 30px
}

.g_select-brand-item {
    margin: 5px
}

.g_select-brand-item-icon {
    display: flex
}

.g_select-brand-item-icon::before {
    content: "\f053";
    font-family: fontawesome;
    font-weight: 300;
    font-size: 15px;
    color: #777
}

.g_select-brand-item button {
    box-shadow: 0 2px 10px rgba(43, 169, 228, .33)
}

.g_select-brand-item button:hover {
    border: 1px solid #5893fb;
    box-shadow: 0 2px 10px rgba(43, 169, 228, .33)
}

.g_select-brand-item .active {
    background-color: rgba(0, 0, 0, .1)
}

.g_select-card {
    width: 100%;
    height: auto;
    margin: 0 0 30px
}

.g_select-card-title {
    width: 100%;
    height: auto;
    margin: 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.g_select-card-title p {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    background-image: linear-gradient(-45deg, #748be0 0, #a3cff1 100%);
    -webkit-box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #a3cff1;
    box-shadow: 0 1px 7px rgba(255, 255, 255, .6), 0 2px 15px #a3cff1;
    padding: 8px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px
}

.g_select-card-title-first {
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-start
}

.g_select-card-title-first h2 {
    font-size: 18px;
    font-weight: 800;
    color: #555;
    font-family: 'dana-bold';
}

.g_select-card-title-first h2>span {
    color: var(--color-blue);
    font-weight: 800
}

.g_select-card-title p {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    font-family: 'dana-bold';
}

.g_select-card-box {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 20px 0 0
}

.g_select-card-box::before {
    content: '';
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.g_select-card-box-for {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

.cat-description {
    width: 100%;
    padding: 14px;
    color: #656565;
    line-height: 24px;
    transform: translate(0, 0);
    transition: transform .6s ease .1s, opacity .6s linear .1s;
    border-radius: 5px;
    height: auto;
    display: flex;
    text-align: right;
    z-index: 10;
    margin-bottom: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    direction: rtl;
    box-shadow: 0 0 15px rgb(51 51 51 / 26%);
    background-color: #adace657;
    z-index: 5;
    height: auto;
    color: #fff;
    border-radius: 5px
}

.g_select-card-content {
    width: 100%;
    height: auto;
    display: none;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    transition: .3s all;
    direction: ltr
}

 
.g_show {
    display: flex
}

.g_select-card-item:hover {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    transition-duration: .2s
}

.g_select-card-item {
    width: 20%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 20px;
    animation: zoomIn .4s ease-in 1
}

@keyframes zoomIn {
    0% {
        transform: scale(.2, .2)
    }
    50% {
        transform: scale(.5, .5)
    }
    100% {
        transform: scale(1, 1)
    }
}

.g_select-card-item figure {
    width: 200px;
    height: 292px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    border-radius: 5px;
    border-radius: 5px 5px 10px 10px;
}

.g_select-card-item figure::before {
    content: '';
    width: 72px;
    height: 13px;
    background-color: #2b323c;
    margin: 0 auto;
    margin-top: 0;
    border-radius: 30px;
    margin-top: 18px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.g_select-card-item figure::after {
    content: '';
    width: 21px;
    height: 16px;
    background-color: #2b323c;
    margin: 0 auto;
    border-radius: 30px;
    position: relative;
    top: 9px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.g_select-card-item figure>img {
    width: 138px;
    height: auto;
    position: absolute;
    top: -20%;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.g_doller_price {
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: var(--color-orange);
    z-index: 1;
    font-family: dana-med;
    padding: 2px
}

.g_nosale_item .g_doller_price {
    color: #999 !important
}

.g_nosale_item .g_select-card-name {
    color: #999 !important
}

.g_nosale_item .price span {
    color: #999 !important
}

.g_nosale_item figcaption .g_select-card-addcart .g_nosale {
    background-color: #999 !important
}

.g_select-card-item figure>figcaption .g_select-card-name {
    display: block;
    font-family: dana-med;
    font-weight: 600;
    margin-bottom: 3px;
}

.variations_form {
    z-index: 10000 !important
}

.g_select-card-item figure>figcaption {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 0 0 15px 15px;
    z-index: 1000000;
    background: white;
}

.g_select-card-name {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 300;
    color: #777;
    padding: 0 3px;
    line-height: 2.4;
    text-align: center;
}

.g_select-card-price small {
    color: #777;
    font-size: 13px
}

.g_select-card-price {
    z-index: 10000;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}

.g_select-card-price .price {
        width: 100%;
    height: auto;
    font-size: 16px;
    display: block;
    text-align: center;
    justify-content: space-between;
    font-family: dana-med;
    background-color: #fff;
    -webkit-backdrop-filter: blur(5px);
    padding: 4px;
    transition-duration: .2s;
}

@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-20px)
    }
    60% {
        -webkit-transform: translateY(-15px)
    }
}

@-moz-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-20px)
    }
    60% {
        -moz-transform: translateY(-15px)
    }
}

@-o-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -o-transform: translateY(0)
    }
    40% {
        -o-transform: translateY(-20px)
    }
    60% {
        -o-transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-20px)
    }
    60% {
        transform: translateY(-15px)
    }
}

.g_select-card-price ins {
    width: 50%;
    height: auto;
    background-color: #ff637d;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    justify-content: center;
    padding: 8px 0;
    text-decoration: none
}

.g_select-card-price del {
    width: 40%;
    height: auto;
    font-size: 14px;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    position: relative;
    text-decoration: none;
    background-color: #777;
    padding: 8px 0
}

.g_select-card-price del::before {
    content: '';
    width: 45px;
    left: 20px;
    height: 2px;
    background-color: #f0415e;
    position: absolute;
    top: -8%;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    transform: rotate(-12deg)
}

.price span {
    font-family: 'dana-bold';
    width: 100%;
    font-size: 14px;
    font-weight: 800;
    color: #b47df1;
    text-align: center;
}

.g_select-card-item .ooffer:after {
    background: url(images/takhfif-tag.png);
    position: relative;
    left: -151px;
    width: 61px;
    height: 94px;
    z-index: 9;
    display: block;
    top: 55px;
    content: ''
}

.price ins span {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center
}

.price del span {
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: center
}

.g_select-card-addcart {
    width: 100%;
    height: auto;
    z-index: 1000000
}

.woocommerce-variation {
    background-color: #fff
}

.variations {
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    color: #777;
    background: #fff
}

.reset_variations:before {
    display: none !important
}

.reset_variations {
    display: none !important
}

.woocommerce-variation-availability,
.woocommerce-variation-price {
    display: block;
    text-align: center;
    background-color: #fff
}

.single_variation_wrap .quantity {
    display: none !important
}

.variations .value {
    display: block
}

.variations .label {
    display: block;
    color: #fff;
    background: #9acd32
}

.g_nosale,
.g_select-card-addcart .button {
    width: 100%;
    border: none;
    height: auto;
    background-color: var(--color-green);
    border-radius: 0 0 5px 5px;
    font-size: 14px;
    color: #fff;
    padding: 10px 0;
    margin: 5px 0 0;
    transition: .2s all;
    align-items: center;
    justify-content: center;
    display: flex;
    font-family: dana-med
}

.g_nosale::before,
.g_select-card-addcart a::before {
    content: "\f217";
    font-family: fontawesome;
    font-size: 13px;
    margin: 0 0 0 5px;
    display: flex
}

.g_nosale i,
.g_select-card-addcart a>i {
    font-size: 13px;
    margin: 0 0 0 5px;
    display: flex
}

.g_no-icon::before {
    content: "" !important;
    margin: 0 !important
}

.g_nosale:hover,
.g_select-card-addcart:hover .button {
    background-color: var(--color-green-hover);
    color: #fff
}

.g_select-card-addcart .wc-forward {
    display: none
}

.g_unavailable-product {
    width: 75px;
    height: 75px;
    background-image: url(images/unavailable-product.png);
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    padding: 12px 0 0 10px
}

.g_unavailable-product div {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    transform: rotate(-43deg)
}

.g_noproduct {
    font-size: 15px;
    color: #fff;
    z-index: 2;
    margin: 0 0 20px
}

.g_cart {
    width: 100%;
    height: auto;
    position: relative
}

.g_cart-title {
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.g_cart-title-first {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.g_cart-title-first h2 {
    font-size: 18px;
    font-weight: 800;
    color: #555;
    font-family: 'dana-bold';
}

.g_cart-title-first h2>span {
    color: var(--color-blue);
    font-weight: 800
}

.g_cart-products-title {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
    background: #a9a9a9;
    border-top-left-radius: 10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.g_cart-pay-title {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
    background: #ff5473;
    border-top-left-radius: 10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.g_cart-products-title span {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #fff;
    position: relative
}

.g_number {
    width: 30px;
    height: 28px;
    background-color: #41bc67;
    border-radius: 15%;
    font-size: 19px;
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -15px;
    font-family: 'dana-bold';
    right: -16px;
}

.g_cart-products-title h3 {
    width: 87%;
    height: auto;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0 10px 0 0;
    position: relative;
    font-family: 'dana-bold';
}

.g_cart-products-title h3::before {
    content: '';
    width: 74%;
    height: 1px;
    background-color: #eaeaea;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto
}

.g_cart-pay {
    width: 35%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.g_cart-pay-title {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px
}

.g_cart-pay-title span {
    width: 40px;
    height: 40px;
    border-radius: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #fff;
    position: relative
}

.g_cart-pay-title h3 {
    width: 87%;
    height: auto;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0 10px 0 0;
    position: relative;
    font-family: 'dana-bold';
}

.g_cart-pay-title h3::before {
    content: '';
    width: 69%;
    height: 1px;
    background-color: #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto
}

.g_cart-bank {
    width: 32%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.g_cart-bank-title {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
    background: #ff5473;
    border-top-left-radius: 10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.g_cart-bank-title span {
    width: 40px;
    height: 40px;
    border-right: 1px solid #fff;
    border-radius: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #fff;
    position: relative;
    -webkit-box-shadow: 0 7px 50px rgba(252, 223, 230, .7);
    box-shadow: 0 7px 50px rgba(252, 223, 230, .7)
}

.g_cart-bank-title h3 {
    width: 87%;
    height: auto;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0 10px 0 0;
    position: relative;
    font-family: 'dana-bold';
}

.g_cart-bank-title h3::before {
    content: '';
    width: 65%;
    height: 1px;
    background-color: #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto
}

.g_cart-bank-content {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

.g_cart-bank-content label {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 300;
    color: #555;
    cursor: pointer
}

.g_cart-bank-content figure {
    width: 32%;
    height: 35px;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.g_cart-bank-content figure>img {
    height: auto !important;
    min-width: auto !important;
    max-width: auto !important;
    margin: 0 0 0 8px
}

.g_cart-bank-content figure>span {
    font-size: 12px;
    font-weight: 300;
    color: #777
}

.g_cart-bank-content p {
    width: 100%;
    height: auto;
    color: #555
}

.g_cart-buy {
    width: 100%;
    height: auto;
    display: inline-block;
    justify-content: center;
    align-items: center
}

.g_cart-buy a {
    width: 160px;
    height: auto;
    border-radius: 30px;
    background-color: var(--color-green);
    border-bottom: 2px solid #32bf6e;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    padding: 8px 0;
    justify-content: center;
    align-items: center
}

.g_cart .woocommerce-cart-form {
    width: 100%;
    height: auto
}

.g_cart table.shop_table {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

.g_cart-products {
    background: url(images/background1.gif) no-repeat top;
    background-size: 80%;
    width: 32%;
    height: 285px;
    direction: ltr;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative
}

.g_cart-products tr {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #e5e5e5
}

.g_cart_timer {
    font-size: 13px !important;
    color: #555 !important;
    font-weight: 300 !important;
    margin: 5px 0 0 !important;
    border: 0 !important;
    padding: 0 !important;
    justify-content: flex-start !important;
    text-align: justify;
    line-height: 21px
}

.g_cart_timer td {
    margin: 0 0 0 5px
}

.g_cart-pay tr {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 0 14px;
    margin: 0 0 14px;
    border-bottom: 1px solid #e5e5e5
}

.g_cart-product-tr {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 0 !important
}

.g_cart-bank-tr {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 0 !important;
    width: 100%
}

.g_cart-pay-tr {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 0 !important
}

.g_cart .screen-reader-text {
    display: none
}

.g_cart table.shop_table td img {
    height: auto;
    min-width: 40px;
    max-width: 40px
}

.g_cart .product-thumbnail {
    width: 12%;
    height: 60px
}

.g_cart .product-name {
    width: 80%;
    height: auto;
    font-family: 'dana-bold';
    font-size: 14px;
    font-weight: 300;
    color: #777;
    margin: -38px 0 0;
    padding: 0 3px 0 0;
}

.g_cart .product-remove {
    width: 8%;
    height: auto;
    display: flex;
    justify-content: flex-end;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #ff5473;
    padding: 10px
}

.g_cart .product-remove a {
    color: #fff;
    cursor: pointer;
    transition: .3s all
}

.g_cart .product-remove a:hover {
    color: var(--color-red)
}

.g_cart .woocommerce-Price-amount {
    font-size: 12px;
    color: #43ab54;
    font-weight: 400
}

.g_cart .quantity {
    width: 50%;
    height: auto;
    position: absolute;
    top: 34px;
    right: 48px;
    font-family: dana-med
}

.g_cart .quantity input {
    width: 100%;
    height: auto;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    font-size: 13px;
    color: #666;
    padding: 3px 46% 3px 0;
    -moz-appearance: textfield !important
}

.quantity button.qty {
    background-color: transparent;
    border: 0
}

.popout li {
    list-style: none
}

button.qty.minus {
    position: absolute;
    top: 0;
    left: -4%;
    font-size: 15px;
    color: #999;
    border-right: 1px solid #e5e5e5 !important;
    height: 25px;
    padding: 0 10px 0 12px !important;
    cursor: pointer
}

button.qty.plus {
    position: absolute;
    color: #999;
    top: 3%;
    right: 0;
    font-size: 13px;
    border-left: 1px solid #e5e5e5;
    height: 25px;
    padding: 0 8px 0 13px !important;
    cursor: pointer
}

button.qty:hover {
    box-shadow: 0 0 !important;
    transform: scale(1) !important
}

.g_cart .product-subtotal {
    position: absolute;
    top: 40px;
    left: 35px
}

.woocommerce-message {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 99999999999;
    transition: .5s all;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(2px)
}

.woocommerce-message-close {
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #bbb;
    position: absolute;
    top: 3.5%;
    left: 1.5%;
    cursor: pointer;
    transition: .3s all
}

.woocommerce-message-close:hover {
    color: var(--color-red)
}

.woocommerce-message_content {
    width: 400px;
    padding: 15px;
    background: #424141 none repeat scroll 0 0;
    border-radius: 0;
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 9999999;
    color: #fefefe;
    line-height: 40px;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.5;
    transition: .3s all;
    border-radius: 7px
}

.woocommerce-message-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #f7f7f7;
    margin: 10px 0
}

.woocommerce-message-text i {
    font-size: 60px;
    color: var(--color-green);
    margin: 0 0 10px
}

.woocommerce-error_pouya {
    color: var(--color-red) !important
}

.woocommerce-orange_pouya {
    color: var(--color-orange) !important
}

.woocommerce-info {
    width: 400px;
    height: 100px;
    position: fixed;
    bottom: 15px;
    left: 10px;
    z-index: 9999999;
    cursor: pointer;
    background: var(--color-red);
    border-radius: 3px;
    padding: 0 27px 0 0;
    color: #fff;
    line-height: 40px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .4s all
}

.woocommerce-info::before {
    content: "\f129";
    font-family: "Font Awesome 5 Pro";
    font-size: 17px;
    color: #fff;
    margin: 0 0 0 7px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin-top: auto;
    margin-bottom: auto
}

.woocommerce-info .woocommerce-Button {
    display: none
}

.g_cart .g_coupon-box {
    width: 100%;
    height: auto
}

.g_cart-pay tr>td {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.g_cart .coupon {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.g_cart #coupon_code {
    width: 480px;
    height: 36px;
    padding: 8px 5px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 300;
    color: #777;
    background: rgba(255, 255, 255, .12)
}

.g_cart-pay .button {
    box-shadow: 0 2px 12px rgb(65 188 103);
    background-color: #41bc67;
    border: 0;
    border-radius: 5px;
    left: 0;
    font-size: 14px;
    color: #fff;
    font-family: dana-med, roboto;
    cursor: pointer;
    transition: .3s all;
    position: absolute;
    top: 2px;
    left: 2px;
    height: 32px;
    width: 80px;
    border: none;
    border-radius: 5px;
    color: #fff
}

.g_cart-pay .button:hover {
    background-color: #62b37a
}

.g_cart-pat-td .button {
    width: 150px
}

.g_cart .coupon label {
    font-size: 14px;
    font-weight: 300;
    color: #555
}

.g_cart-label {
    font-size: 14px;
    font-weight: 300;
    color: #555
}

.g_cart-have-coupon {
    width: 50% !important;
    height: auto
}

.justify-content-flex-end {
    justify-content: flex-end !important;
    position: relative
}

.g_cart-have-coupon .woocommerce-Price-amount {
    font-size: 14px;
    font-weight: 300;
    color: #555;
    margin: 0 8px
}

.g_cart-have-coupon .woocommerce-Price-amount::after {
    width: 10px;
    height: 10px;
    content: "";
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 22%;
    margin-top: auto;
    margin-bottom: auto
}

.g_cart-have-coupon .woocommerce-remove-coupon {
    font-size: 12px;
    font-weight: 300;
    color: #ccc
}

.g_cart-total {
    font-size: 14px;
    font-weight: 300;
    color: #555
}

.g_cart-total-price {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-blue)
}

.g_cart-pay-law {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 300;
    color: #555;
    text-align: justify;
    line-height: 1.7
}

.g_cart-pay-tr-last {
    border-bottom: 0 !important
}

.g_cart-total-price .woocommerce-Price-amount {
    font-size: 16px;
    font-weight: 400;
    color: #096aff;
    font-family: dana-med
}

.g_cart-update {
    display: none
}

.g_cart-update .button {
    width: 160px;
    height: auto;
    border-radius: 30px;
    background-color: var(--color-blue);
    border-bottom: 2px solid #1371ff;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    font-size: 13px;
    font-family: dana-med, roboto;
    font-weight: 500;
    color: #fff;
    padding: 6px 0;
    justify-content: center;
    cursor: pointer
}

.footer {
    width: 100%;
    height: auto;
    box-shadow: 0 0 5px #ccc;
    padding: 15px 0 0;
    background: #4d66ae;
    color: #fff;
    font-size: 15px;
    position: relative;
    box-shadow: 0 -6px 0 0 #a1aac7
}

.g_footer-right {
    width: 65%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

.g_footer-right-title {
    width: 100%;
    height: auto;
    font-size: 16px;
    font-weight: 500;
    color: #444;
    margin: 0 0 20px
}

.g_footer-menu {
    width: 17%;
    height: auto
}

.g_footer-menu li {
    font-size: 13px;
    font-weight: 300;
    color: var(--color-green);
    list-style: square inside;
    margin: 0 0 10px
}

.g_footer-menu li>a {
    color: #555;
    display: initial;
    transition: .3s all
}

.g_footer-menu li:hover a {
    color: #000
}

.g_footer-img:hover {
    border: .1rem solid #bfc4c9
}

.g_footer-img {
    background: #fff;
    height: 140px;
    width: 115px;
    display: inline-block;
    float: left;
    border: .1rem solid #f0f3f6;
    padding: 0px;
    text-align: center;
    transition: .3s ease-in-out;
    margin-top: 6px;
    margin-right: 10px;
    position: relative;
    border-radius: 5px
}

.g_footer-aboutus {
    width: 40%;
    height: auto;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    line-height: 1.6;
    text-align: justify
}
.g_notification span {
       line-height: 1.6;
    text-align: justify;
    direction: rtl;
    color: #fff;
}
.g_notification {
    width: 100%;
    height: auto;
    margin: 5px 0 0 10px;
    line-height: 1.6;
    text-align: justify;
    direction: rtl;
    color: #fff;
    font-weight: 400;
    background: #857ab88f;
    padding: 10px;
    border-radius: 7px;
    border-right: 3px solid;
}

.g_notification li {
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 300;
    margin: 0 0 10px;
    color: #82848e;
    cursor: help
}

.g_notification li>i {
    margin: 0 0 0 5px;
    font-size: 13px
}

.g_footer-left {
    width: 30%;
    height: auto;
    border-right: 1px dashed #e5e5e5;
    padding: 0 10px 0 0
}

.g_symbols {
    width: 100%;
    height: auto;
    margin: 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.g_symbols img {
    padding: 5px
}

.g_newsletters {
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: auto;
    border-top: 1px dashed #e5e5e5;
    padding: 15px 0 0
}

.g_newsletters label {
    font-size: 13px;
    color: #fff;
    font-weight: 300
}

.g_newsletters form {
    width: 70%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0 0
}

.g_newsletters form>input {
    width: 80%;
    height: 45px;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    border-left: 0;
    color: #777;
    padding: 0 5px 0 0
}

.g_newsletters form>button {
    width: 20%;
    height: 30px;
    border-right: 0;
    background-color: #1ca2bd;
    font-weight: 300;
    box-shadow: inset 0 0 0 4px #fff;
    border: 1px solid #d0d8db;
    color: #fff;
    text-align: center;
    font-family: dana-med, roboto;
    width: 30%;
    height: 45px;
    cursor: pointer
}

.g_social {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.g_social a {
    text-align: center;
    border-radius: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    margin: 0 5px;
    transition: .3s all
}

.g_social a:hover {
    background-color: #f03e3e
}

.g_page {
    width: 100%;
    height: auto;
    margin: 0 0 30px
}

.g_page-article {
    width: 100%;
    height: auto
}

.g_page-header {
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.g_page-header::before {
    content: '';
    width: 340px;
    height: 47px;
    background-image: url(images/header.shape.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -14px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 2
}

.g_page-header h2 {
    height: 35px;
    position: absolute;
    top: -20px;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.g_page-box {
    width: 100%;
    height: auto
}

.g_page-content {
    width: 100%;
    height: auto;
    background-color: #fff;
    box-shadow: 0 0 35px 3px rgba(0, 0, 0, .1);
    border-radius: 5px;
    z-index: 3;
    margin: -50px 0 0;
    padding: 15px
}

.g_page-content img {
    border-radius: 3px;
    margin: 0 0 15px
}

.g_page-content h3 {
    font-size: 15px;
    font-weight: 500;
    color: #5a5a5a;
    margin: 0 0 15px
}

.g_page-content h4 {
    font-size: 14px;
    font-weight: 500;
    color: #5a5a5a;
    margin: 0 0 15px
}

.g_page-content h5 {
    font-size: 13px;
    font-weight: 500;
    color: #5a5a5a;
    margin: 0 0 15px
}

.g_page-content p {
    font-size: 14px;
    line-height: 1.7;
    text-align: justify;
    color: #666;
    font-weight: 300
}

.g_page-content ul {
    width: auto;
    height: auto;
    margin: 0 0 15px
}

.g_page-content ul>li {
    /* display: list-item; */
    /* list-style: inside square; */
    font-size: 14px;
    color: #666;
    font-weight: 300;
    margin: 0 0 10px
}

.g_page-content ul>li:last-child {
    margin: 0
}

.collapsible li:last-child {
    margin: 0 24px !important
}

.g_page-content blockquote {
    border-right: 4px solid var(--color-green);
    padding: 5px 8px 5px 0;
    font-weight: 300;
    font-size: 14px;
    color: #666;
    margin: 0 0 15px
}

.g_page-content blockquote>p {
    margin: 0 !important
}

.woocommerce-LostPassword {
    margin: 5px 0 0
}

.form-control {
    border: #ccc 1px solid;
    font-size: 13px;
    border-radius: 0;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: dana-med, roboto
}

.show_if_seller {
    width: 100%;
    height: auto;
    margin: 0 0 15px
}

.form-group {
    width: 100% !important;
    height: auto;
    margin: 0 0 15px !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.g_page .woocommerce {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 0
}

.woocommerce-privacy-policy-link {
    display: initial !important
}

.g_page-content .woocommerce-Button {
    width: 160px;
    height: auto;
    border-radius: 5px;
    background-color: var(--color-blue);
    border: 0;
    font-size: 15px;
    font-family: dana-med, roboto;
    font-weight: 500;
    color: #fff;
    padding: 6px 0;
    justify-content: center;
    cursor: pointer;
    transition: .3s all
}

.g_page-content .woocommerce-Button:hover {
    background-color: var(--color-blue-hover)
}

.woocommerce-form-login__submit {
    width: 160px;
    height: auto;
    border-radius: 5px;
    background-color: var(--color-red);
    border: 0;
    font-size: 15px;
    font-family: dana-med, roboto;
    font-weight: 500;
    color: #fff;
    padding: 6px 0;
    justify-content: center;
    cursor: pointer;
    margin: 5px 0 0;
    transition: .3s all
}

.woocommerce-form-login__submit:hover {
    background-color: var(--color-red-hover)
}

.woocommerce-checkout .woocommerce {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 0
}

.woocommerce-checkout .col2-set {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

.woocommerce-checkout .col-1 {
    width: 100%
}

.woocommerce-checkout .col-2 {
    width: 100%
}

.woocommerce-checkout .woocommerce-billing-fields {
    width: 100%
}

.woocommerce-checkout .woocommerce-billing-fields h3 {
    margin: 0 0 15px;
    color: #666
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 15px
}

.g_custum_fild {
    height: auto;
    font-size: 14px;
    color: #4a96e1;
    border-radius: 7px;
    line-height: 1.5
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row label {
    width: 100%;
    margin: 0 0 8px;
    display: block
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper {
    width: 100%
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input {
    border: #ccc 1px solid;
    font-size: 13px;
    border-radius: 0;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: dana-med, roboto
}

.woocommerce-checkout .woocommerce-additional-fields {
    width: 100%
}

.woocommerce-checkout .woocommerce-additional-fields h3 {
    width: 100%;
    margin: 0 0 15px
}

.woocommerce-checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper {
    width: 100%
}

.woocommerce-checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper label {
    width: 100%;
    margin: 0 0 8px;
    display: block
}

.woocommerce-checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper {
    width: 100%
}

.woocommerce-checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper textarea {
    border: #ccc 1px solid;
    font-size: 13px;
    border-radius: 0;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: dana-med, roboto
}

.order_review_heading {
    margin: 0 0 15px;
    color: #666
}

.woocommerce-checkout-review-order {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    display: inline-block;
    background-color: transparent
}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table {
    width: 100%;
    color: #555
}

.woocommerce-checkout-review-order td,
.woocommerce-checkout-review-order th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.woocommerce-checkout-review-order thead th {
    vertical-align: bottom;
    text-align: right
}

.woocommerce-checkout-review-order tbody+tbody {
    border-top: 2px solid #dee2e6;
    text-align: right
}

.woocommerce-checkout-review-order {
    background-color: #fff
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.woocommerce-checkout-review-order td,
.woocommerce-checkout-review-order th {
    text-align: right;
    font-size: 14px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0;
    text-align: right
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.woocommerce-checkout-payment {
    width: 100%
}

.woocommerce-checkout-payment .payment_methods {
    width: 100%;
    display: inline-block
}

.woocommerce-checkout-payment .payment_methods li input {
    display: block;
    cursor: pointer;
    float: right
}

.woocommerce-checkout-payment .payment_methods li {
    margin-bottom: 5px;
    height: 45px;
    border-radius: 4px;
    padding: 5px;
    display: block;
    font-size: 13px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: inline-flex;
    box-shadow: 1px 0 7px 0 rgba(46, 61, 73, .2);
    right: 0
}

.woocommerce-checkout .woocommerce-order {
    width: 100%
}

.woocommerce-checkout .woocommerce-order .woocommerce-order-details__title {
    margin: 35px 0 15px;
    font-size: 15px;
    color: #555
}

.woocommerce-checkout .woocommerce-order-details {
    width: 100%
}

.woocommerce-table--order-details {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table {
    width: 50%;
    float: right;
    display: inline-block;
    border: none
}

.woocommerce-table--order-details td,
.woocommerce-table--order-details th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.woocommerce-table--order-details thead th {
    vertical-align: bottom
}

.woocommerce-table--order-details tbody+tbody {
    border-top: 2px solid #dee2e6
}

.woocommerce-table--order-details {
    background-color: #fff
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.woocommerce-table--order-details td,
.woocommerce-table--order-details th {
    border: 1px solid #dee2e6;
    font-size: 14px;
    color: #666;
    text-align: center
}

.woocommerce-checkout .woocommerce-order .woocommerce-order-overview {
    margin: 15px 0
}

.woocommerce-checkout .woocommerce-order .woocommerce-column__title {
    font-size: 18px;
    margin: 0 0 20px
}

.woocommerce-checkout .woocommerce-customer-details {
    display: none
}

.woocommerce-checkout .woocommerce-notice--success {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-green);
    margin: 0 0 23px
}

.woocommerce-order-downloads__title {
    font-size: 15px;
    color: #555;
    margin: 30px 0 20px
}

.woocommerce-table--order-downloads {
    width: 100%;
    max-width: 100%;
    height: auto
}

.woocommerce-table--order-downloads thead th {
    vertical-align: bottom
}

.woocommerce-table--order-downloads td,
.woocommerce-table--order-downloads th {
    border: 1px solid #dee2e6;
    font-size: 14px;
    color: #666;
    text-align: center;
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.woocommerce-column__title {
    font-size: 15px;
    color: #555;
    margin: 0 0 15px
}

.woocommerce-MyAccount-orders {
    width: 100%
}

.woocommerce-MyAccount-orders td,
.woocommerce-MyAccount-orders th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: 14px;
    color: #555;
    text-align: center
}

.woocommerce-MyAccount-orders td>a,
.woocommerce-MyAccount-orders th>a {
    font-size: 14px;
    justify-content: center;
    color: var(--color-red)
}

#place_order {
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 4px;
    padding: 10px;
    font-size: 20px;
    margin-top: 5px;
    color: #fff;
    font-family: dana-med;
    font-weight: 800;
    cursor: pointer;
    transition: .3s all;
    box-shadow: 0 2px 12px rgba(80, 215, 154, .6);
    background-color: #23d059e3
}

.premiumuser_p {
    display: flex !important;
    align-items: center !important
}

.premiumuser_label {
    width: auto !important;
    margin: 0 !important
}

.premiumuser_input {
    width: 3% !important;
    height: 3% !important
}

#place_order:hover {
    background-color: #24df24
}

#nta-wabutton-60 {
    margin: 0 !important;
    position: fixed !important;
    bottom: 1% !important;
    right: 1% !important;
    z-index: 9999999 !important
}

.wa__btn_w_icon .wa__btn_txt .wa__btn_title {
    margin: 10px 0 0 !important;
    font-family: dana-med, roboto !important;
    font-size: 13px !important
}

#nta-wabutton-60 .wa__stt_online .wa__cs_name {
    margin: 0 0 0 8px !important;
    font-family: dana-med, roboto !important;
    font-size: 11px !important
}

@media (min-width:1200px) {
    .content {
        width: 1270px;
        height: auto
    }
}

@media (min-width:768px) and (max-width:979px) {
    .content {
        width: 724px;
        height: auto
    }
    .g_menu {
        position: relative
    }
    .g_menu::before {
        content: '\f0c9';
        font-family: "Font Awesome 5 Pro";
        font-size: 17px;
        color: #777;
        position: absolute;
        top: -8px;
        right: 0;
        cursor: pointer
    }
    .g_menu ul {
        width: 200px;
        height: auto;
        background-color: #fff;
        border-radius: 0 0 3px 3px;
        display: none;
        position: absolute;
        top: 36px;
        right: 0;
        z-index: 9999
    }
    .g_menu_979res_active {
        display: block
    }
    .g_menu ul>li {
        width: 100%;
        height: auto;
        display: block;
        padding: 10px 8px;
        margin: 0
    }
    .g_menu ul>li::after {
        content: ''
    }
    .g_search-content {
        bottom: -66px
    }
    .owl-blog-post {
        width: 65% !important
    }
    .g_select-brand-item {
        width: 32%
    }
    .g_select-card-item {
        width: 33%
    }
    .g_cart-products {
        width: 100%;
        margin: 0 0 25px
    }
    .g_cart-products-title h3 {
        width: 92%
    }
    .g_cart-products-title h3::before {
        width: 86%
    }
    .g_cart-pay {
        width: 100%;
        margin: 0 0 25px
    }
    .g_cart-pay-title h3 {
        width: 92%
    }
    .g_cart-pay-title h3::before {
        width: 84%
    }
    .g_cart #coupon_code {
        width: 535px
    }
    .g_cart-bank {
        width: 100%
    }
    .g_cart-bank-title h3 {
        width: 92%
    }
    .g_cart-bank-title h3::before {
        width: 82%
    }
    .g_cart-buy {
        justify-content: flex-start
    }
    .g_footer-right {
        width: 100%;
        margin: 0 0 15px
    }
    .g_footer-menu {
        width: 19%
    }
    .g_footer-aboutus {
        width: 63%;
        font-size: 13px
    }
    .g_notification li {
        font-size: 11px
    }
    .g_footer-left {
        width: 100%;
        border-right: 0;
        padding: 0;
        margin: 0 0 15px
    }
    .woocommerce-MyAccount-orders td,
    .woocommerce-MyAccount-orders th {
        line-height: 1.5
    }
    .g_account p {
        display: none
    }
    .g_account span:nth-child(2) {
        display: none
    }
}

@media (max-width:767px) {
    .woocommerce-checkout-payment {
        width: 100%
    }
    .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table {
        width: 100%
    }
    .content {
        width: auto;
        height: auto;
        padding-right: 15px !important;
        padding-left: 15px !important
    }
    .copyright {
        min-height: 150px
    }
    .footer .footer-extra {
        display: none
    }
    .owl-slider .owl-item img {
        display: block;
        width: 100%;
        height: 230px
    }
    .header {
        height: 70px;
        padding: 25px 0
    }
    .g_menu {
        width: 15px
    }
    .g_menu2 {
        display: block !important
    }
    .navbar,
    .toolbar {
        display: block !important
    }
    .g_menu ul {
        width: 200px;
        height: auto;
        background-color: #fff;
        box-shadow: 0 0 2px #ccc;
        border-radius: 0 0 3px 3px;
        display: none;
        position: absolute;
        top: 43px;
        right: 0;
        z-index: 9999
    }
    .g_menu_979res_active {
        display: block
    }
    .g_menu ul>li {
        width: 100%;
        height: auto;
        display: block;
        padding: 10px 8px;
        margin: 0
    }
    .g_menu ul>li::after {
        content: ''
    }
    .sticky .g_logo {
        width: 19% !important;
        bottom: 9px !important;
    }
    .g_logo {
        width: 26%;
        bottom: 27px;
        height:40px;
    }
    .sticky .g_logo a {
        height: 40px
    }
    .g_search-account {
        display: flex;
        justify-content: flex-end
    }
    .g_account {
        font-size: 12px
    }
    .g_search {
        display: none
    }
    .g_slider::before {
        width: 264px;
        height: 28px;
        display: none
    }
    .owl-slider::after {
        display: none
    }
    .g_slider .owl-dots {
        display: none
    }
    .g_blog-post-title::before {
        display: none
    }
    .g_blog-post-title {
        display: none
    }
    .owl-blog-post .owl-nav {
        display: none
    }
    .owl-blog-post .owl-stage-outer {
        width: 100%
    }
    .owl-blog-post {
        width: 100% !important
    }
    .g_blog-post-itam {
        width: 96%
    }
    .blog-post-all {
        display: none
    }
    .g_suggestion-title p {
        display: none
    }
    .g_select-brand-title p {
        display: none
    }
    .g_select-brand-item {
        width: 100%;
        flex: auto
    }
    .g_select-card-title p {
        display: none
    }
    .g_select-card-item {
        width: 50%;
        padding: 5px
    }
    .g_cart-products {
        width: 100%;
        margin: 0 0 25px
    }
    .g_cart-products-title h3 {
        width: 92%
    }
    .g_cart-products-title h3::before {
        width: 70%
    }
    .g_cart .product-name {
        width: 75%
    }
    .g_cart-pay {
        width: 100%;
        margin: 0 0 25px
    }
    .g_cart-pay-title h3 {
        width: 92%
    }
    .g_cart-pay-title h3::before {
        width: 65%
    }
    .g_cart #coupon_code {
        width: 90%
    }
    .g_cart-bank {
        width: 100%
    }
    .g_cart-bank-title h3 {
        width: 92%
    }
    .g_cart-bank-title h3::before {
        width: 60%
    }
    .g_footer-right {
        width: 100%;
        margin: 0 0 15px
    }
    .g_footer-menu {
        width: 50%
    }
    .g_footer-img {
        width: 50%;
        height: 100px
    }
    .g_footer-aboutus {
        width: 100%;
        font-size: 14px
    }
    .g_notification li {
        font-size: 12px;
        line-height: 1.5;
        text-align: justify
    }
    .g_notification li>i {
        font-size: 17px
    }
    .g_footer-left {
        width: 100%;
        border-right: 0;
        padding: 0;
        margin: 0 0 15px
    }
    .woocommerce-message {
        width: 94%;
        font-size: 12px
    }
    .woocommerce-message .restore-item {
        display: none
    }
    #customer_login {
        flex-wrap: wrap
    }
    .u-column1 {
        width: 100%
    }
    .u-column2 {
        width: 100%
    }
    nav.woocommerce-MyAccount-navigation {
        width: 100%
    }
    .woocommerce-MyAccount-content {
        width: 100%;
        margin: 20px 0 0;
        overflow-y: auto
    }
    .woocommerce-MyAccount-orders td,
    .woocommerce-MyAccount-orders th {
        font-size: 9px
    }
    .woocommerce-table--order-details td,
    .woocommerce-table--order-details th {
        line-height: 1.6
    }
    .woocommerce-checkout-review-order td,
    .woocommerce-checkout-review-order th {
        line-height: 1.6
    }
    .woocommerce-table--order-details td,
    .woocommerce-table--order-details th {
        line-height: 1.6
    }
    .g_account p {
        display: none
    }
    .g_account span:nth-child(2) {
        display: none
    }
    .g_account span {
        margin: 0 1px
    }
    .lds-ring {
        display: none
    }
}

.shadow-around {
    box-shadow: 0 3px 18px rgba(66, 71, 74, .09) !important;
    border-radius: .25rem !important
}

ul {
    list-style: none
}

.pym-cover-single {
    width: 100%;
    color: #fff;
    font-size: 14px;
    padding: 50px 10px;
    position: relative;
    background-image: url(../images/cover-single-product.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.pym-cover-single h2 {
    font-size: 24px;
    padding: 10px 0;
    text-align: right
}

.pym-cover-single p {
    text-align: right
}

.pym-cover-single .fa {
    margin-left: 5px;
    float: right
}

.pym_si-blog-img,
.pym_si-product-img {
    width: 100%;
    height: auto;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    border-radius: 4px;
    margin: 0 0 20px;
    padding: 15px
}

.pym_si-blog-img figure img {
    width: 100%
}

.pym_si-blog-img footer {
    width: 100%;
    height: auto;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0 0
}

.single-blog .time-data {
    margin: 0;
    padding: 0;
    font-size: 13px;
    margin-top: 10px
}

.pym-single-blog {
    padding: 20px 10px;
    margin: 5px 0;
    background: #f7f6f6
}

.pym-single-blog .single-blog .time-data .fa-calendar {
    color: #777;
    float: right
}

.pym_amazin-social {
    width: 100%
}

.pym_amazin-social .icons {
    margin-top: 5px
}

.pym_amazin-social p {
    display: contents;
    margin-left: 10px;
    float: right
}

.pym_amazin-social .icons a {
    background-color: #6a3fc4;
    box-shadow: 0 0 0 0 #fff !important;
    padding-top: 3px;
    font-size: 21px;
    display: inline-block;
    transition: .3s all;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -o-box-shadow: -1px 2px 3px rgba(0, 0, 0, .2);
    border-radius: 5px
}

.pym_amazin-social .icons .fa {
    color: #fff;
    padding: 3px 7px 6px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -o-box-shadow: -1px 2px 3px rgba(0, 0, 0, .2)
}

#content-single-blog p img {
    height: auto
}

#content-single-blog p img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    margin-bottom: 15px;
    display: block;
    border: 1px dashed #8f7ac7b0
}

#content-single-blog h1 strong {
    line-height: 35px
}

#content-single-blog h2 strong {
    line-height: 35px
}

#content-single-blog h3 strong {
    line-height: 35px
}

#content-single-blog h4 strong {
    line-height: 35px
}

#content-single-blog h5 strong {
    line-height: 35px
}

#content-single-blog h6 strong {
    line-height: 35px
}

#content-single-blog h1 {
    margin-bottom: 10px
}

#content-single-blog h2 {
    margin-bottom: 10px
}

#content-single-blog h3 {
    margin-bottom: 10px
}

#content-single-blog h4 {
    margin-bottom: 10px
}

#content-single-blog h5 {
    margin-bottom: 10px
}

#content-single-blog h6 {
    margin-bottom: 10px
}

.pym-content-single-blog .nav {
    direction: rtl
}

.pym-content-single-blog .nav-tabs>li {
    float: right
}

.pym-content-single-blog .fa {
    margin-left: 5px
}

.pym-content-single-blog .nav>li>a {
    color: #777
}

.nav-tabs .active {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.nav-tabs>li>a:hover {
    background: #a787e6;
    border-color: #eee #eee #ddd;
    color: #fff;
    cursor: pointer
}

.pym-content-single-blog,
.pym-content-single-product {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    padding: 15px
}

.pym-content-single-blog #content-single-blog {
    margin-top: 15px
}

.pym-content-single-blog #content-single-blog a {
    color: #9a78fe94;
}

.pym-content-single-blog #content-single-blog h2 {
    font-size: 18px;
    text-align: right;
    margin-bottom: 10px;
    direction: rtl
}

.pym-content-single-blog #content-single-blog p {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    text-align: right;
    direction: rtl;
    color: #616161
}

.pym-content-single-blog #content-single-blog h5 {
    font-size: 15px;
    text-align: right;
    direction: rtl
}

.pym-content-single-blog #content-single-blog ul li {
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    direction: rtl
}

.pym-content-single-blog #content-single-blog ul li:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    float: right;
    margin-left: 5px;
    font-size: 16px;
    color: #ea9f3a
}

.pym-content-single-blog #content-single-blog .join-telegram {
    margin-top: 25px
}

.pym-content-single-blog #content-single-blog p {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    text-align: justify
}

.pym-content-single-blog #content-single-blog .join-telegram-a {
    color: #fff;
    background: #2970f6;
    padding: 3px 20px;
    border-radius: 50px
}

.pym-single-blog .single-blog .pym-tag-blog,
.pym-tag-product {
    margin-top: 15px
}

.pym-content-single-blog #content-single-blog p {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    text-align: justify
}

.pym-single-blog .single-blog .pym-tag-blog .fa-tags {
    margin-left: 5px;
    color: #777
}

.pym-content-single-blog #content-single-blog p {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    text-align: justify
}

.blog-section-summary {
    background: #fff;
    border-radius: 2px;
    float: right;
    width: 100%;
    overflow: visible;
    padding-bottom: 10px;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 40%, .1);
    border: 1px solid #efefef
}

.blog-section-summary header {
    width: 100%;
    height: 100px;
    border-radius: 0 0 100% 100%;
    background: linear-gradient(324deg, #ff86ce 0, #e2ccd3 100%)
}

.blog-section-summary img {
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    width: 80px;
    height: 80px;
    bottom: 50px;
    position: relative;
    margin: 0 auto;
    display: block
}

.blog-section-summary p {
    font-size: 13px;
    padding: 5px;
    position: relative;
    top: -30px;
    line-height: 1.8;
    text-align: right;
    direction: rtl
}

.sidebar-single-blog .blog-section-summary .pym-author-footer {
    position: absolute;
    left: 20px;
}

.sidebar-single-blog .blog-section-summary .pym-author-footer p {
    display: inline-block;
    padding: 0;
    color: #777;
    direction: rtl
}

.sidebar-single-blog .blog-section-summary .pym-author-footer .fa-user {
    padding: 4px 7px;
    color: #777;
    float: right
}

.sidebar-single-blog .average-rating-sidebar {
    border-bottom: 0;
    padding: 10px 0
}

.average-rating-sidebar .rating {
    float: left
}

.average-rating-sidebar span.fa.fa-star {
    font-size: 18px
}

.average-rating-sidebar span.fa.fa-star.checked {
    color: #ffc107
}

span.fa.fa-star.checked {
    color: #ffc107
}

.average-rating-sidebar {
    width: 100%;
    height: auto;
    background: 0 0;
    padding: 10px 0 20px;
    border-bottom: 1px solid #ddd;
    float: right
}

.rate_summary {
    direction: rtl
}

.pym-blog-sidebar-img {
    margin-top: 15px;
    margin-bottom: 0;
    background-color: #fff;
    margin-bottom: 12px;
    padding-bottom: 10px;
    box-shadow: 0 3px 18px rgba(66, 71, 74, .09) !important;
    border: 1px solid #efefef;
    border-radius: .25rem !important
}

.pym-blog-sidebar-img ul li a:hover {
    text-decoration: none;
    background-image: -webkit-linear-gradient(169deg, #a787e6 0, #bac7e6 100%);
    color: #fff;
    padding-bottom: 11px;
    z-index: 10000;
    cursor: pointer;
    overflow: visible;
    box-shadow: 0 4px 13px #d4d5db
}

.pym-blog-sidebar-img ul li a {
    line-height: 26px;
    list-style-position: inside;
    font-size: 13px;
    vertical-align: top;
    color: #676565;
    padding: 10px;
    transition-duration: .3s;
    border-bottom: 1px solid #edf0f7;
    width: 100%;
    display: inline-flex;
}

.pym-blog-sidebar-img img {
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.pym-blog-sidebar-img img,
.pym-category-sidebar-img img {
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.blog-section-summary .qe_img {
    width: 90px;
    height: 90px;
    display: table;
    position: relative;
    margin: 0 auto;
    border: 0;
    border-radius: inherit;
    bottom: 0
}

.kksr-inactive-stars {
    display: none
}

.kksr-legend {
    margin-top: 10px
}

.pym-h-sidebar {
    font-size: 13px;
    font-weight: 700;
    color: #555;
    margin: 12px 20px 5px;
    padding: 0 0 8px;
    border-bottom: 1px solid #ddd
}

.g_footer-aboutus .col-md-3 {
    width: 100%
}

.pym_container_single {
    background: #f7f6f6
}

.blog-page {
    width: 100%;
    margin: 10px 0;
    float: right
}

.pym-blog-sidebar {
    overflow: hidden;
    -moz-box-shadow: 0 1px 2px 1px #d3d2d3
}

.pym-blog-sidebar .blog-social-telegram {
    color: #00aeef;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.pym-blog-sidebar .blog-social-instagram,
.pym-blog-sidebar .blog-social-telegram {
    text-align: center;
    width: 45%;
    padding: 8px
}

.pym-blog-sidebar a {
    font-size: 13px;
    /* color: #00aeef; */
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.pym-blog-sidebar .fa {
    display: block;
    font-size: 35px;
    margin-bottom: 5px
}

.pym-blog-sidebar .blog-social-instagram {
    margin-left: 24px;
    background: #fff;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.pym-blog-sidebar .blog-social-instagram:hover {
    color: #fff;
    background: #d35400;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.pym-blog-sidebar .blog-social-instagram:hover a {
    color: #fff
}

.pym-blog-sidebar .blog-social-instagram a {
    color: #d35400;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.pym-blog-sidebar .blog-social-telegram {
    color: #00aeef;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.pym-blog-sidebar .blog-social-telegram:hover {
    background: #00aeef;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.pym-blog-sidebar .blog-social-telegram:hover a {
    color: #fff !important
}

.pym-blog-sidebar {
    margin-bottom: 12px
}

.pym-blog-sidebar h2 {
    font-size: 13px;
    font-weight: 700;
    color: #555;
    margin: 12px 20px 5px;
    padding: 0 0 8px;
    border-bottom: 1px solid #ddd
}

.pym-blog-sidebar hr {
    margin: 12px auto
}

.pym-blog-sidebar h2 .fa {
    display: inline;
    font-size: 18px;
    vertical-align: middle;
    margin-left: 5px;
    color: #777
}

.pym-blog-sidebar .fa {
    display: block;
    font-size: 35px;
    margin-bottom: 5px
}

.pym-blog-sidebar ul li {
    margin-bottom: 5px
}

.pym-blog-sidebar .product-title {
    line-height: 26px;
    list-style-position: inside;
    font-size: 11px;
    vertical-align: top;
    color: #676565;
    padding: 10px;
    transition-duration: .3s;
    border-bottom: 1px solid #edf0f7
}

.pym-blog-sidebar a {
    font-size: 13px;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    /* background: #fff; */
}

.blog-page .blog-page-content .post-blog a {
    display: block
}

.blog-page .blog-page-content .post-blog a:hover {
    display: block;
    color: #fff !important
}

.blog-page .blog-page-content .post-blog {
    background: #fff;
    padding: 0
}

.blog-page .blog-page-content .post-blog:hover figure::before {
    opacity: 1
}

.blog-page .blog-page-content .post-blog:hover .blog-visit {
    visibility: visible;
    opacity: 1;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.blog-page .blog-page-content .post-blog figure {
    position: relative
}

.blog-page .blog-page-content .post-blog figure img {
    width: 258px;
    height: 180px
}

.blog-page .blog-page-content .post-blog figure::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: -webkit-gradient(linear, left bottom, left top, from(#2f2727), to(transparent));
    background: linear-gradient(to top, #262020, transparent)
}

.blog-page .blog-page-content .post-blog figure img {
    width: 100%
}

.blog-page .blog-page-content .post-blog figure .blog-visit {
    width: 100%;
    position: absolute;
    z-index: 1000;
    bottom: 0;
    background: #85adf7;
    display: inline-block;
    right: 0;
    visibility: hidden;
    opacity: 0;
    text-align: right;
    direction: rtl;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.blog-page .blog-page-content .post-blog figure .blog-visit p {
    margin: 0;
    padding: 4px;
    text-align: right;
    color: #fff;
    font-size: 11px
}

.blog-page .blog-page-content .post-blog p {
    margin: 0;
    text-align: right;
    line-height: 1.5
}

.blog-page .blog-page-content .post-blog figure .blog-visit .fa-pie-chart {
    margin-left: 5px
}

.blog-page .blog-page-content .post-blog p {
    margin: 0;
    display: none;
    text-align: right;
    line-height: 1.5;
    font-size: 14px;
    text-align: justify;
    padding: 5px
}

.blog-page .blog-page-content .post-blog .btd-blog {
    background: #1ca2bd;
    display: block;
    color: #fff;
    padding: 5px;
    text-align: center;
    margin-top: 10px
}

.blog-page .blog-page-content .post-blog h2 {
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: normal;
    font-weight: 600;
    color: #777;
    padding: 20px 10px 5px;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 80px
}

.blog-page .blog-page-content .post-blog h2:hover {
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: normal;
    font-weight: 600;
    color: #777;
    padding: 20px 10px 5px;
    width: 250px !important;
    text-overflow: inherit;
    white-space: normal;
    position: inherit
}

.blog-page .blog-page-content .post-blog h2:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #1ca2bd;
    left: 0;
    right: -25px;
    margin-right: 50%;
    margin-top: 25px
}

nav.navigation.pagination {
    float: right;
    width: 100%;
    text-align: center
}

nav.pagination {
    margin: 0
}

nav.navigation.pagination .nav-links {
    display: inline-block;
    text-align: center;
    direction: ltr;
    border-radius: 10px;
    margin: 15px 0;
    border: none;
    overflow: hidden;
    font-size: 0
}

nav.navigation.pagination .nav-links a,
nav.navigation.pagination .nav-links span {
    text-align: center;
    line-height: 32px;
    display: inline-block;
    margin: 0;
    color: #6c6f78;
    font-size: 13px;
    padding: 0 15px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

nav.navigation.pagination .nav-links a:hover,
nav.navigation.pagination .nav-links span.current {
    background: #ea9f3a;
    color: #fff
}

@media screen and (min-width:991px) {
    .blog-page .blog-page-content .col-md-4 {
        width: 30.3333%;
        margin-left: 10px;
        margin-bottom: 11px;
        margin-right: 13px
    }
}

nav.navigation.pagination {
    float: right;
    width: 100%;
    text-align: center
}

nav.pagination {
    margin: 0
}

nav.navigation.pagination .nav-links {
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    margin: 15px 0
}

.navigation li {
    display: inline;
    padding: 0 5px
}

nav.navigation.pagination .nav-links a,
nav.navigation.pagination .nav-links span {
    text-align: center;
    line-height: 32px;
    display: inline-block;
    margin: 0;
    color: #fff;
    font-size: 13px;
    padding: 0 15px
}

.navigation li a:hover,
.navigation li.active a {
    background-color: #2970f6 !important;
    color: #fff !important
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #29b6f6 !important;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: .75rem;
    color: #fff;
    text-decoration: none
}

nav.navigation.pagination .nav-links a,
nav.navigation.pagination .nav-links span {
    text-align: center;
    line-height: 32px;
    display: inline-block;
    margin: 0;
    color: #fff;
    font-size: 13px;
    padding: 0 15px
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #29b6f6 !important;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: .75rem
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration: none
}

.comment-single-blog,
.comment-single-product {
    margin-top: 20px
}

.comment-single-blog .pym-comment-single-blog,
.comment-single-product .pym-comment-single-product {
    position: relative;
    min-height: 100px;
    border-right: 3px solid #29b6f6;
    padding: 15px 0 10px;
    margin: 0 40px 0 0;
    background: #fff;
    background: -moz-linear-gradient(top, #fafafa 0, #fff 20%, #fff 100%);
    background: -webkit-linear-gradient(top, #fafafa 0, #fff 20%, #fff 100%);
    background: linear-gradient(to bottom, #fafafa 0, #fff 20%, #fff 100%)
}

.comment-single-blog .pym-comment-single-blog figure img,
.comment-single-product .pym-comment-single-product figure img {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    right: -24px;
    background-color: #fff;
    border: 3px solid #29b6f6;
    border-radius: 100%;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, .1)
}

.comment-single-blog .pym-comment-single-blog .pym-userInfo,
.comment-single-product .pym-comment-single-product .pym-userInfo {
    margin-right: 30px
}

.comment-single-blog .pym-userInfo span.pym-name,
.comment-single-product .pym-userInfo span.pym-name {
    font-weight: 700;
    display: inline-block;
    margin-left: 15px
}

.comment-single-blog .pym-userInfo span.pym-Date {
    font-size: 12px;
    font-weight: 300;
    display: inline-block;
    margin-left: 15px
}

.comment-single-blog .pym-userInfo span.pym-Date:before,
.comment-single-product .pym-userInfo span.pym-Date:before {
    content: "(";
    margin-left: 2px
}

.comment-single-blog .pym-userInfo span.pym-Date:after,
.comment-single-product .pym-userInfo span.pym-Date:after {
    content: ")";
    margin-right: 2px
}

.comment-single-blog .pym-userInfo span.reply,
.comment-single-product .pym-userInfo span.reply {
    position: absolute;
    top: 15px;
    left: 45px;
    display: inline-block;
    color: #777;
    cursor: pointer;
    font-weight: 400
}

.comment-single-blog .pym-Body,
.comment-single-product .pym-Body {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 30px 20px 20px;
    line-height: 28px
}

.comment-single-blog .pym-Body p,
.comment-single-product .pym-Body p {
    font-size: 13px
}

.comment-single-blog .pym-child-comment,
.comment-single-product .pym-child-comment {
    position: relative;
    width: 100%
}

.comment-single-blog .pym-child-comment:before,
.comment-single-product .pym-child-comment:before {
    content: " ";
    position: absolute;
    top: 15px;
    right: -10px;
    width: 70px;
    height: 16px;
    background: transparent url(images/pym-child-comment-attach-line.png) no-repeat center center
}

.comment-single-blog .depth-1 {
    position: relative;
    min-height: 100px;
    padding: 15px 0 10px;
    margin: 0 40px 0 0;
    background: #fff;
    background: -moz-linear-gradient(top, #fafafa 0, #fff 20%, #fff 100%);
    background: -webkit-linear-gradient(top, #fafafa 0, #fff 20%, #fff 100%);
    background: linear-gradient(to bottom, #fafafa 0, #fff 20%, #fff 100%);
    margin: 0;
    list-style: none
}

.comment-single-blog .comment-body img {
    width: 56px;
    height: 56px;
    top: 10px;
    position: absolute;
    right: -24px;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, .1)
}

.pym_comments_single .comment-single-blog .comments-title {
    padding: 10px 0 20px !important
}

.comment-respond .comment-reply-title {
    padding: 15px 0 !important
}

.comment-form .comment-form-author label {
    padding: 20px 0 !important
}

.comment-respond .comment-form .comment-form-author label {
    padding: 10px 0 !important
}

.comment-respond .comment-form label {
    color: #b1cbe1
}

.comment-respond .comment-form .comment-form-email label {
    padding: 10px 0 !important;
    color: #b1cbe1
}

.comment-respond .comment-form .comment-form-url label {
    padding: 10px 0 !important
}

.comment-respond .comment-form .comment-form-cookies-consent label {
    padding: 10px 0 !important
}

.comment-form .comment-form-comment label {
    padding: 10px 0 !important
}

.comment-single-blog .comment-body {
    padding: 10px 45px
}

.comment-single-blog .comment-body p {
    border-radius: 10px;
    border: 1px solid #ccc;
    width: 97%;
    display: inline-block;
    padding: 25px;
    line-height: 1.4;
    border-radius: 30px 0 30px 10px;
    background-color: #f9f9f9;
    color: #666 !important;
    margin-top: 0;
    border: 1px solid #8989a4;
    background-color: #a4a4b5;
    color: #fff !important;
    direction: rtl
}

.comment-single-blog .comment-body .comment-author:after,
.comment-single-blog .comment-body .comment-author:before {
    position: absolute;
    height: 56px;
    top: 55%;
    content: '';
    display: block;
    position: absolute;
    top: 25px;
    bottom: 5px;
    border-radius: 3px;
    background-color: #9a7dd6;
    right: 35px;
    width: 7px;
    height: 40px
}

.comment-single-blog .comment-body .comment-author:before {
    width: 3px;
    right: 45px;
    background-color: #9a7dd6 !important
}

.comment-single-blog .comment-body .comment-author .fn a {
    background: #fff;
    padding: 5px;
    border-radius: 7px
}

.comment-single-blog .comment-body .comment-author {
    display: inline-block;
    margin-bottom: 17px;
    margin-right: 10px;
    background: #fff;
    border: 1px solid #a4a4b5;
    border-radius: 5px;
    padding: 6px
}

.comment-single-blog .comment-body .comment-meta {
    float: left;
    margin-left: 10px;
    background: -webkit-linear-gradient(169deg, #a787e6 0, #bac7e6 100%);
    color: #fff;
    padding: 10px;
    border-radius: 0 30px 30px 30px
}

.comment-single-blog .comment-body .comment-meta:before {
    content: "(";
    margin-left: 2px
}

.comment-single-blog .comment-body .comment-meta:after {
    content: ")";
    margin-left: 2px
}

.comment-single-blog .comment-body .comment-meta a {
    color: #fff;
    display: inline !important
}

.pym_comments_single .comment-single-blog .comment-list {
    margin-right: 10px !important
}

.comment-single-blog .even .children {
    position: relative;
    width: 100%
}

.comment-single-blog .even .children:before {
    content: " ";
    position: absolute;
    top: 30px;
    right: -10px;
    width: 70px;
    height: 16px;
    background: transparent url(images/pym-child-comment-attach-line.png) no-repeat center center
}

.comment-single-blog .even .children .byuser {
    position: relative;
    background: #d2eaf6 !important;
    border: 1px solid #bad8e7 !important;
    min-height: 100px;
    border-right: 3px solid #29b6f6;
    padding: 15px 0 10px;
    margin: 0 40px 0 0;
    background: #fff;
    background: -moz-linear-gradient(top, #fafafa 0, #fff 20%, #fff 100%);
    background: -webkit-linear-gradient(top, #fafafa 0, #fff 20%, #fff 100%);
    background: linear-gradient(to bottom, #fafafa 0, #fff 20%, #fff 100%);
    margin: 0;
    margin-right: 60px
}

.comment-respond .comment-form textarea {
    width: 100%;
    height: 150px;
    border: 1px solid #ccc
}

.comment-respond input {
    width: 100%;
    display: block;
    padding: 8px;
    border: 1px solid #9dc8ee91;
    border-radius: 4px
}

.comment-respond .comment-form-cookies-consent input {
    display: inline !important;
    width: auto !important;
    margin-left: 5px !important;
    vertical-align: middle
}

.comment-respond .comment-form-cookies-consent label {
    padding: 0;
    margin: 0;
    vertical-align: middle;
    margin-top: 3px
}

.comment-respond .form-submit .submit:hover {
    box-shadow: 0 0 0 rgba(255, 255, 255, .25), 0 5px 15px rgb(159 134 216)
}

.comment-respond .form-submit .submit {
    margin-top: 30px;
    height: 43px;
    border: 0;
    line-height: 43px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 0 27px;
    float: right;
    transition: all .3s ease;
    background: #9f86d8;
    color: #fff;
    box-shadow: 0 2px 5px rgba(255, 255, 255, .25), 0 5px 15px rgb(159 134 216)
}

.woocommerce-Reviews h2 {
    font-size: 14px
}

.woocommerce-Reviews ol .review {
    position: relative;
    min-height: 100px;
    border-right: 3px solid #29b6f6;
    padding: 0;
    margin: 0 40px 0 0;
    background: #fff;
    background: -moz-linear-gradient(top, #fafafa 0, #fff 20%, #fff 100%);
    background: -webkit-linear-gradient(top, #fafafa 0, #fff 20%, #fff 100%);
    background: linear-gradient(to bottom, #fafafa 0, #fff 20%, #fff 100%);
    margin: 0
}

.woocommerce-Reviews .comment_container {
    padding: 10px 45px
}

.woocommerce-Reviews .comment_container img {
    width: 48px;
    height: 48px;
    top: 0;
    position: absolute;
    right: -24px;
    background-color: #fff;
    border: 3px solid #29b6f6;
    border-radius: 100%;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, .1)
}

.woocommerce-Reviews .comment_container p .woocommerce-review__author {
    font-weight: 700;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 7px
}

.woocommerce-Reviews .comment_container .star-rating {
    margin-bottom: 10px
}

.woocommerce-Reviews .comment_container .star-rating span {
    width: 100%;
    background: #29b6f6;
    color: #fff;
    padding: 1px 10px;
    border-radius: 15px;
    font-size: 10px
}

.woocommerce-Reviews .comment_container .meta time:before {
    content: "(";
    margin-left: 2px
}

.woocommerce-Reviews .comment_container .meta time:after {
    content: ")";
    margin-left: 2px
}

.woocommerce-Reviews .comment_container .description p {
    font-weight: 400;
    line-height: 25px;
    font-size: 13px
}

.reply {
    display: none
}

@media screen and (max-width:768px) {
    .g_symbols a {
        height: 70px !important
    }
    .g_symbols a img {
        height: 70px !important
    }
    .pym_amazin-social .pym_responsive_social {
        width: 100% !important
    }
    .xs-responsive-hidden {
        display: none !important
    }
    .pym_amazin-social .col-xs {
        width: 22% !important;
        text-align: center
    }
    .comment-single-blog .comment-body .comment-author {
        display: block !important
    }
}

#order_review_heading,
.woocommerce-terms-and-conditions-wrapper {
    display: none !important
}

#custom_checkout_field {
    border-radius: 4px;
    text-align: center;
    border: 2px solid #6638c3;
    margin-bottom: 5px;
    padding: 5px
}

.payment_method_WC_IDPay p {
    display: none
}

.cart-subtotal {
    display: none
}

.quantity select {
    color: #fff;
    box-shadow: 0 2px 8px #eee;
    background: #ff5473;
    font-family: dana-med;
    font-size: 18px
}

.modal-content,
.modal-header {
    z-index: 9999 !important
}

.modal {
    display: none;
    position: fixed;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(244, 103, 103, .2), 0 6px 20px 0 #00bbd3;
    animation: zoomIn .4s ease-in 1
}

.modal-body p {
    margin-top: 10px;
    font-size: 13px;
    color: #74726e
}

.modal-body li {
    line-height: 23px
}

.modal-body li:before {
    content: "";
    width: 4px;
    float: right;
    height: 18px;
    margin-left: 10px;
    background-color: #ffd000;
    border-radius: 100px
}

.modal-header .close {
    margin-top: -2px;
    display: none
}

.close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: 700
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.modal-header {
    background-color: #f25f73;
    color: #fff;
    border-radius: 10px
}

.modal-body {
    padding: 2px 16px
}

.btn-default {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    background: #51b24a;
    color: #fff
}

.modal-footer {
    background-color: #e8e8e8;
    color: #fff;
    border-radius: 10px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1
}

.g_cart-title1 {
    font-size: 12px;
    color: #4873d4;
    border-right: 2px solid;
    border-left: 2px solid;
    box-shadow: 1px 0 0 0 rgba(46, 61, 73, .2);
    border-radius: 7px;
    padding: 5px
}

.g_cart-buy .col-1 h3 {
    display: none
}

.g_cart-buy .col-1 .form-row-first {
    margin-bottom: 5px
}

.woocommerce-input-wrapper input {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    padding: 8px;
    margin-bottom: 5px
}

.empty-cart h3 {
    display: block;
    font-family: dana-med;
    text-align: center;
    margin-right: 50px
}

.empty-cart {
    width: 100%;
    display: block
}

svg {
    max-width: 800%
}

svg #bubble-rounded,
svg #diamond,
svg #oval,
svg #plus {
    -webkit-animation: plopp 4s ease-out infinite;
    animation: plopp 4s ease-out infinite
}

svg #bubble-rounded:nth-child(1),
svg #diamond:nth-child(1),
svg #oval:nth-child(1),
svg #plus:nth-child(1) {
    -webkit-animation-delay: -240ms;
    animation-delay: -240ms
}

svg #bubble-rounded:nth-child(2),
svg #diamond:nth-child(2),
svg #oval:nth-child(2),
svg #plus:nth-child(2) {
    -webkit-animation-delay: -480ms;
    animation-delay: -480ms
}

svg #bubble-rounded:nth-child(3),
svg #diamond:nth-child(3),
svg #oval:nth-child(3),
svg #plus:nth-child(3) {
    -webkit-animation-delay: -720ms;
    animation-delay: -720ms
}

svg #bubble-rounded:nth-child(4),
svg #diamond:nth-child(4),
svg #oval:nth-child(4),
svg #plus:nth-child(4) {
    -webkit-animation-delay: -960ms;
    animation-delay: -960ms
}

svg #bubble-rounded:nth-child(5),
svg #diamond:nth-child(5),
svg #oval:nth-child(5),
svg #plus:nth-child(5) {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}

svg #bubble-rounded:nth-child(6),
svg #diamond:nth-child(6),
svg #oval:nth-child(6),
svg #plus:nth-child(6) {
    -webkit-animation-delay: -1.44s;
    animation-delay: -1.44s
}

svg #bubble-rounded:nth-child(7),
svg #diamond:nth-child(7),
svg #oval:nth-child(7),
svg #plus:nth-child(7) {
    -webkit-animation-delay: -1.68s;
    animation-delay: -1.68s
}

svg #bubble-rounded:nth-child(8),
svg #diamond:nth-child(8),
svg #oval:nth-child(8),
svg #plus:nth-child(8) {
    -webkit-animation-delay: -1.92s;
    animation-delay: -1.92s
}

svg #bubble-rounded:nth-child(9),
svg #diamond:nth-child(9),
svg #oval:nth-child(9),
svg #plus:nth-child(9) {
    -webkit-animation-delay: -2.16s;
    animation-delay: -2.16s
}

svg #bubble-rounded:nth-child(10),
svg #diamond:nth-child(10),
svg #oval:nth-child(10),
svg #plus:nth-child(10) {
    -webkit-animation-delay: -2.4s;
    animation-delay: -2.4s
}

svg #bubble-rounded:nth-child(11),
svg #diamond:nth-child(11),
svg #oval:nth-child(11),
svg #plus:nth-child(11) {
    -webkit-animation-delay: -2.64s;
    animation-delay: -2.64s
}

svg #bubble-rounded:nth-child(12),
svg #diamond:nth-child(12),
svg #oval:nth-child(12),
svg #plus:nth-child(12) {
    -webkit-animation-delay: -2.88s;
    animation-delay: -2.88s
}

svg #bubble-rounded:nth-child(13),
svg #diamond:nth-child(13),
svg #oval:nth-child(13),
svg #plus:nth-child(13) {
    -webkit-animation-delay: -3.12s;
    animation-delay: -3.12s
}

svg #bubble-rounded:nth-child(14),
svg #diamond:nth-child(14),
svg #oval:nth-child(14),
svg #plus:nth-child(14) {
    -webkit-animation-delay: -3.36s;
    animation-delay: -3.36s
}

svg #bubble-rounded:nth-child(15),
svg #diamond:nth-child(15),
svg #oval:nth-child(15),
svg #plus:nth-child(15) {
    -webkit-animation-delay: -3.6s;
    animation-delay: -3.6s
}

svg #bubble-rounded:nth-child(16),
svg #diamond:nth-child(16),
svg #oval:nth-child(16),
svg #plus:nth-child(16) {
    -webkit-animation-delay: -3.84s;
    animation-delay: -3.84s
}

svg #bg-line:nth-child(2) {
    fill-opacity: .3
}

svg #bg-line:nth-child(3) {
    fill-opacity: .4
}

@-webkit-keyframes plopp {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
        opacity: 0
    }
}

@keyframes plopp {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
        opacity: 0
    }
}

::selection {
    background: #6d95e8;
    color: #fff
}

@media only screen and (min-width:980px) {
    .mainmenu {
        padding: 20px 0;
        font-size: 14px;
        width: 85%;
        float: left;
        padding: 5px 20px
    }
    .mainmenu li {
        float: right;
        display: block;
        margin: 0 0 0 15px
    }
    .mainmenu li a {
        color: rgba(255, 255, 255, .6);
        padding: 8px 14px;
        border-radius: 99px
    }
    .mainmenu li a:hover {
        color: #fff;
        background: rgba(255, 255, 255, .1);
        color: #fff
    }
    .mainmenu li.fleft {
        float: left !important;
        font-weight: 700
    }
    .mainmenu li.login a {
        color: #fff;
        border: 1px solid #fff
    }
    .mainmenu li.register a {
        color: #fff;
        background: #39d17c;
        border: 1px solid #39d17c
    }
    .moblogo,
    a.close {
        display: none
    }
}

@media only screen and (max-width:980px) {
    .loginform {
        margin: 50px 0;
        padding: 0 15px
    }
    .whitebg,
    .whitebg2 {
        width: 95% !important;
        margin: 40px auto
    }
    .loginform h3::after,
    .loginform h3::before {
        background: 0 0
    }
    .logo {
        width: 150px;
        margin: 0 auto;
        float: right;
        display: none
    }
    .moblogo {
        margin: 15px
    }
    .mainmenu li a {
        display: block;
        color: rgba(255, 255, 255, .75);
        font-size: 15px;
        padding: 10px 0;
        border-radius: 5px;
        text-align: center;
        border-bottom: 1px dashed rgba(255, 255, 255, .1)
    }
    .mainmenu li.fleft {
        padding: 10px
    }
    .mainmenu li.login a {
        color: #fff;
        border: 1px solid #fff
    }
    .mainmenu li.register a {
        color: #fff;
        background: #39d17c;
        border: 1px solid #39d17c
    }
    .mainmenu2 li {
        display: inline-block;
        margin: 5px
    }
    .mainmenu2 li a {
        display: block;
        color: rgba(255, 255, 255, .75);
        font-size: 12px;
        padding: 5px 10px;
        border-radius: 15px;
        text-align: center;
        border-bottom: 1px dashed rgba(255, 255, 255, .1)
    }
    .mainmenu2 li.fleft {
        padding: 0
    }
    .mainmenu2 li.login a {
        color: #fff;
        border: 1px solid #fff
    }
    .mainmenu2 li.register a {
        color: #fff;
        background: #39d17c;
        border: 1px solid #39d17c
    }
    a.close {
        position: fixed;
        top: -120px;
        -webkit-transition: all .4s ease-out;
        -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
        -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
        left: 22.5%;
        font-size: 18px;
        text-align: center;
        background: #fff;
        width: 40px;
        z-index: 100;
        height: 40px;
        padding: 4px 10px;
        border-radius: 99px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .1)
    }
    .toparticle {
        padding: 30px 10px;
        background: 0 0;
        margin: 0;
        float: none;
        width: 100%
    }
    .telno {
        width: 100%;
        float: none;
        margin: 0
    }
    #mask {
        display: none;
        width: 100%;
        position: fixed;
        height: 100%;
        right: 0;
        z-index: 150;
        background: rgba(0, 0, 0, .75);
        top: 0
    }
    .mainmenu {
        display: block;
        position: fixed;
        right: -750px;
        background: #fff;
        width: 80%;
        height: 100%;
        top: 0;
        z-index: 99999;
        background: linear-gradient(135deg, #2c3d98 0, #231f6a 100%);
        -webkit-transition: all .4s ease-out;
        -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
        -o-transition: all .4s ease-out;
        transition: all .4s ease-out
    }
    .mobileclear {
        clear: both
    }
    .resmenu {
        display: none
    }
    .moblogo {
        background: url(images/sprite.png) no-repeat top right;
        width: 150px;
        height: 35px;
        display: block
    }
    .resmenu {
        display: block;
        position: fixed;
        top: 20px;
        left: 20px;
        background: linear-gradient(180deg, #9576da 6%, #917dde 95%);
        width: 30px;
        z-index: 100;
        height: 30px;
        padding: 8px 10px;
        border-radius: 99px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
        opacity: .7
    }
    .resmenu span {
        display: block;
        height: 2px;
        margin: 2px 0;
        width: 100%;
        border-radius: 4px;
        background: #fff
    }
    .card-item {
        width: 23.5%
    }
    .col33 {
        width: 100%;
        float: none
    }
    .card {
        width: 23%;
        height: 244px
    }
    .card::nth-child(4n) {
        margin-left: 0 !important
    }
    .card::nth-child(6n) {
        margin: 0 1% !important
    }
    .feats .col33 {
        border-radius: 4px;
        padding: 10px;
        border: none
    }
    .descfeatlined {
        border: none
    }
    .feats .col33::after {
        clear: both;
        display: block;
        content: ""
    }
    .alpha {
        clear: both;
        float: none
    }
    .col33,
    .col66 {
        width: 100%;
        float: none
    }
    .col25 {
        width: 50%
    }
}

@media only screen and (max-width:768px) {
    .card {
        height: 200px
    }
    .card-item img {
        right: 26%
    }
    .card-item {
        height: 200px;
        min-height: 200px
    }
}

@media only screen and (max-width:640px) {
    .gozaresh {
        margin: 10px;
        width: 100%
    }
    .applicationdesc {
        width: 100%;
        margin: 0 auto
    }
    .col25 {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }
    .hasbg {
        background: 0 0;
        padding: 0
    }
    .col50 {
        float: none;
        width: 100%
    }
    .hasline {
        border: none
    }
    .card-item {
        width: 31.5%;
        height: 250px
    }
    .col33 {
        width: 100%;
        float: none
    }
    .card {
        width: 32%;
        height: 200px
    }
    .buytitle span {
        display: none
    }
    .buytitle {
        padding: 5px
    }
}

@media only screen and (max-width:480px) {
    .haslist li {
        background: 0 0
    }
    .card,
    .card-item {
        width: 48%
    }
    .card {
        height: 155px
    }
    .card-item img {
        margin: 0 auto
    }
    .card img {
        width: 50%
    }
    .card-item {
        height: 200px;
        paddin: 5px 5px;
        min-height: 200px
    }
    h2.faname {
        font-size: 13px;
        line-height: 150%
    }
    .regform {
        padding: 5px
    }
    .regico {
        margin: 5px auto
    }
    .whitebg,
    .whitebg2 {
        padding-top: 5px
    }
    .loginform {
        margin-bottom: 15px
    }
    .bluebtn {
        display: inline-block
    }
}

@media only screen and (max-width:360px) {
    .card,
    .card-item {
        width: 48%
    }
    .card {
        height: 160px
    }
    .card img {
        width: 75%
    }
}

@media only screen and (max-width:320px) {
    .logo {
        width: 150px;
        margin: 0 auto;
        float: none
    }
    .card,
    .card-item {
        width: 98%
    }
    .card {
        height: 160px
    }
    .card img {
        width: 41%
    }
}

.g_select-card-item:hover .payamnot {
    display: block
}

.g_select-card-item:hover figure {
    -webkit-backdrop-filter: blur(2px)
}

.g_select-card-item:hover .g_select-card-name,
.g_select-card-item:hover .g_select-card-price .price {
    z-index: 11000;
    background-color: #fff;
    -webkit-backdrop-filter: blur(5px);
    padding: 2px;
    transition-duration: .2s;
}

.g_select-card-item:hover .g_doller_price {
    /* z-index: 0; */
    /* display: none; */
}

.g_menu2 {
    display: none
}

.navbar,
.toolbar {
    display: none
}

@keyframes slideDownLarge {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(120%)
    }
}

@keyframes slideleftLarge {
    0% {
        right: -250px
    }
    100% {
        right: 0
    }
}

@keyframes sliderightLarge {
    0% {
        right: 0
    }
    100% {
        right: -250px
    }
}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    right: 0;
    overflow-x: hidden;
    animation: slideleftLarge .5s cubic-bezier(.165, .84, .44, 1) forwards;
    position: fixed;
    transition-duration: .5s;
    z-index: 999999999;
    background: #fff;
    overflow-y: auto;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px
}

.overlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    background: #e8e7ed;
    padding: 5px
}

.overlay .closebtn {
    position: absolute;
    top: 10px;
    left: 25px;
    border: 1px dashed #fff;
    border-radius: 100px;
    background: #fff;
    color: #ff637d
}

.overlay a {
    padding: 10px;
    text-decoration: none;
    font-size: 36px;
    display: block
}

.overlay a:focus,
.overlay a:hover {
    color: #f1f1f1
}

@media screen and (max-height:450px) {
    .overlay a {
        font-size: 20px
    }
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px
    }
}

.sidemenu-header {
    position: relative;
    top: 10%;
    margin: 18px 42px;
    padding-bottom: 20px
}

.overlay-content ul li {
    margin-bottom: 10px
}

.overlay-content ul li a {
    box-shadow: 0 2px 5px rgba(152, 152, 152, .3);
    border-radius: 7px;
    background-color: #fff;
    color: #6f6f70;
    text-decoration: none;
    font-size: 15px;
    line-height: 27px;
    margin: 5px
}

span.bar {
    background-color: #8fcc1a;
    display: block;
    width: 28px !important;
    height: 5px;
    background-color: #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 2px auto 0
}

.toolbar {
    position: absolute
}

.tabbar {
    z-index: 5001
}

.toolbar {
    left: 0;
    bottom: 0;
    box-shadow: 0 0 7px rgba(0, 0, 0, .12)
}

.tabbar,
.tabbar a {
    color: #929292
}

.navbar,
.subnavbar,
.toolbar {
    background: #fff
}

.navbar,
.toolbar {
    height: 65px;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    position: fixed;
    margin: 0;
    z-index: 500;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.toolbar:before {
    top: 0;
    bottom: auto;
    height: 1px;
    background-color: #c4c4c4;
    display: block;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.subnavbar:after,
.toolbar:before {
    position: absolute;
    z-index: 15;
    width: 100%;
    left: 0
}

@media (min-width:768px) {
    .tabbar .toolbar-inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.swiper-slide:hover {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    transition-duration: .2s
}

.swiper-slide {
    width: 234px;
    margin-right: 0;
    padding-top: 10px
}

.card.blog {
    width: 234px;
    height: 245px;
    background-size: cover;
    background-position: center;
    background-color: #fff
}

.card {
    margin: 0 5px;
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    overflow-y: visible;
    background: #fff;
    border-radius: 2px;
    font-size: 12px
}

.card.blog .title {
    position: relative;
    color: #fff;
    bottom: -157px;
    align-items: center;
    z-index: 2;
    padding-bottom: 5px;
    padding-top: 45px;
    text-align: center;
    font-size: 16px;
    font-family: 'dana-bold';
    height: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(#146782), to(#0000005c));
}

.card.blog:before {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    position: absolute
}

.owl-prev {
    background-color: #d51b38
}

.separator {
    width: 2px;
    height: 20px;
    background-color: #f7a2ab;
    border-radius: 2px;
    margin-right: 2px
}

.g_select_show {
    display: none
}

.g_select-card-item:hover .g_select_show {
    background: #f66bdc !important;
    display: block !important;
    padding: 10px;
    width: 100%;
    height: auto;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.4;
    text-align: center
}

.copyright {
    position: absolute;
    color: #797777;
    font-size: 13px;
    margin-bottom: 10px;
    padding-top: 20px;
    line-height: 1.5;
    font-weight: 200
}

footer .copyright:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 70%;
    height: 1px;
    transform: translateX(-50%)
}

.top1 {
    margin-right: 30px;
    float: right
}

.copyright span.top {
    margin-bottom: 5px;
    text-align: center;
    display: inline-flex
}

.shopfa {
    color: #f97785 !important;
    margin-right: 10px;
    margin-left: 10px
}

.footer-col {
    float: right;
    width: 29%;
    margin: 15px 10px 20px 10px;
}

.footer-col .title * {
    font-size: 15px;
    border-bottom: 2px solid #e2e2e2;
    padding-bottom: 4px;
    line-height: 27px;
    color: #fff;
    font-family: dana-med
}

.footer-col .cnt {
    margin: 20px 0 0
}

.footer-col .cnt ul li:first-child {
    margin-top: 0
}

.footer-col .cnt ul li {
    list-style: none;
    margin-top: 19px;
    font-size: 14px;
    list-style: circle;
    margin-top: 18px;
    font-size: 13px;
    display: list-item
}

.footer .footer-extra {
    background: #efefef;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.footer .footer-extra .inner {
    width: 80%;
    margin: 0 auto;
    height: 40px
}

.footer .footer-extra .inner .footer-extra-links {
    margin-top: 27px;
    margin-right: -40px;
    color: #353b48
}

.footer .footer-extra .inner .footer-extra-links ul li:first-child {
    border-right: 0;
    padding-right: 0
}

.footer .footer-extra .inner .footer-extra-links ul li a {
    display: block;
    font-family: 'dana-bold';
}

.footer .footer-extra .inner .footer-extra-links ul li.bank-transfer-link {
    border-right: 0;
    padding: 0
}

.footer .footer-extra .inner .footer-extra-links ul li.mentorvid {
    border-right: none;
    padding: 0;
    margin-right: 5px
}

.footer .footer-extra .inner .footer-extra-links ul li {
    float: right;
    padding: 0 17px;
    font-size: 14px;
    border-right: 1px solid #bcbcbc
}

.footer .footer-extra .inner .footer-extra-links ul li.bank-transfer-link a {
    color: #fff;
    display: inline;
    background: #3cb36f;
    border-radius: 5px;
    padding: 0 10px;
    padding-bottom: 8px;
    padding-top: 4px;
    font-family: dana-med
}

.footer .footer-extra .inner .footer-extra-links ul li.mentorvid a {
    color: #fff;
    display: inline;
    background: #a787e6;
    border-radius: 5px;
    padding: 0 10px;
    padding-bottom: 8px;
    padding-top: 4px;
    font-family: dana-med;
    border-right: 4px solid #707275
}

.footer .footer-extra .inner .footer-extra-contact {
    margin-top: -5px;
    position: relative;
    float: left !important;
    display: inline-flex;
    font-family: dana-med
}

.footer .footer-extra .inner .footer-extra-contact>div.telephone {
    direction: ltr;
    margin-right: 10px;
    position: relative;
    z-index: 2;
    margin-left: 10px;
    border-radius: 5px;
    padding: 10px
}

.footer .footer-extra .inner .footer-extra-contact>div.contact-mail {
    font-size: 11px;
    letter-spacing: 2px;
    font-family: sans-serif;
    border-radius: 5px;
    padding: 10px
}

.footer .footer-extra .inner .footer-extra-contact>div {
    background: #4f4f4f;
    color: #fff;
    padding: 5px 10px;
    font-size: 15px;
    font-style: normal
}

.footer .footer-extra .inner .footer-extra-contact>div span {
    float: left;
    margin-right: 7px;
    font-size: 18px;
    line-height: 18px
}

.footer .footer-extra .inner .footer-extra-contact>div.contact-mail em {
    margin-top: 4px
}

.footer .footer-extra .inner .footer-extra-contact>div.contact-mail em a {
    color: #fff
}

.footer .footer-extra .inner .footer-extra-contact>div em a {
    color: #fff
}

.footer .footer-extra .inner .footer-extra-contact .footer-24-7-tag {
    position: absolute;
    left: 6px;
    top: 18px;
    z-index: 1;
    background-image: url(images/sprite2.png);
    background-position: 0 -306px;
    width: 270px;
    height: 67px;
    background-color: transparent;
    background-size: auto;
    width: 270px;
    position: absolute;
    left: 6px;
    top: 18px;
    z-index: 1
}

.product-box {
    margin: 55px 15px 0
}

.product-box {
    -webkit-animation: fadeIn .4s;
    animation: fadeIn .4s;
    width: 350px;
    min-height: 85px;
    max-width: 90%;
    margin: 35px 15px 0;
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: 0 5px 20px 0 #dae1e8;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.product-box .prd-img {
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 64px;
    height: auto;
    max-height: 64px;
    border-radius: 5px
}

.product-box .prd-detail {
    padding: 0 80px 5px 40px
}

.product-box .prd-name {
    font-size: 1.2em;
    font-weight: 400;
    margin: 11px 0;
    line-height: 1.1
}

.product-box .prd-desc {
    font-size: 13px;
    color: #777;
    margin: 0 0 5px
}

.inherit-h-style {
    display: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: inherit
}

.product-box .prd-desc .label {
    padding: 0;
    background-color: #fff;
    font-weight: 500;
    font-size: 1.1em;
    color: #242424
}

.product-box .prd-desc.more {
    font-size: 13px;
    min-height: 18px;
    font-family: iransans
}

.product-box .add-btn {
    color: #aaa;
    display: block;
    position: absolute;
    left: 22px;
    top: 20px;
    width: 20px;
    height: 20px;
    -webkit-transition: top .1s ease-in-out;
    transition: top .1s ease-in-out
}

.product-box .add-btn svg {
    font-size: 30px
}

.jss59 {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 24px;
    transition: fill .2s cubic-bezier(.4, 0, .2, 1) 0;
    user-select: none;
    flex-shrink: 0
}

.product-box .prd-name {
    font-size: 15px;
    font-family: iransans;
    font-weight: 300;
    margin: 11px 0;
    line-height: 1.1
}

.product-box .top-detail .prd-am {
    font-weight: 100;
    padding-top: 5px;
    background-color: #333
}

.product-box .top-detail {
    display: block;
    position: absolute;
    right: 5px;
    top: -12px;
    background-color: #eee;
    border-radius: 20px
}

.product-box .prd-user-rates {
    position: absolute;
    bottom: -26px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    padding: 2px 7px;
    border-radius: 0 0 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a4a4a;
    box-shadow: 0 8px 10px 0 #dae1e8
}

.product-box .prd-user-rates .prd-like-text {
    padding: 0 5px;
    position: relative;
    right: 2px
}

.product-box .prd-user-rates svg {
    width: 15px;
    fill: #363636
}

.product-box .prd-remove {
    font-size: 19px;
    color: #ccc;
    position: absolute;
    bottom: 0;
    left: 7px;
    padding: 0 11px 0 8px
}

.product-box .add-btn:hover {
    color: #777;
    border-color: #777
}

.product-box .info-button:hover {
    box-shadow: 0 0 20px #999
}

.product-box .info-button {
    position: absolute;
    right: 5px;
    bottom: 5px;
    border: none;
    border-radius: 50%;
    background-color: #fff;
    color: #fff;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 50%;
    box-shadow: 0 0 5px #ccc;
    background-image: test;
    cursor: pointer;
    -webkit-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease;
    position: absolute;
    right: 5px;
    bottom: 5px;
    border: none;
    border-radius: 50%;
    background-color: #fff;
    color: #fff;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 50%;
    box-shadow: 0 0 5px #ccc;
    background-image: url(images/download.svg);
    cursor: pointer;
    -webkit-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease
}

#searchform {
    padding: 10px
}

#searchform input[type=text] {
    border: 1px dashed #f1f1f1;
    color: #ef8a93;
    padding: 7px;
    width: 160px
}

.screen-reader-text {
    font-size: 14px;
    color: #a7a7a7;
    display: none
}

#searchsubmit {
    margin-right: 10px;
    background-color: #f7f7f7;
    padding: 10px;
    border: 1px dashed #fbfbfb;
    color: #a787e6;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    display: block;
    float: left
}

.kt-row.blog-single-social-boxes {
    margin-right: -10px;
    margin-left: -10px;
    padding-top: 10px
}

.kt-row.blog-single-social-boxes .column {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 15px
}

.blog-single-social-box-instagram .blog-single-social-box-icon:before {
    -webkit-box-shadow: -13px 0 rgba(254, 114, 103, .2), -23px 0 rgba(254, 114, 103, .1);
    box-shadow: -13px 0 rgba(254, 114, 103, .2), -23px 0 rgba(254, 114, 103, .1);
    background: #f76290;
    background: linear-gradient(295deg, #f76290 0, #fe7464 100%)
}

.blog-single-social-box {
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .07);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .07);
    top: 0;
    -webkit-transition: top .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-transition: top .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: top .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: top .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: top .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.blog-single-social-box-icon {
    min-width: 105px;
    width: 105px;
    position: relative;
    height: 90px;
    margin-left: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.blog-single-social-box-telegram .blog-single-social-box-icon:before {
    -webkit-box-shadow: -13px 0 rgba(94, 186, 232, .2), -23px 0 rgba(94, 186, 232, .1);
    box-shadow: -13px 0 rgba(94, 186, 232, .2), -23px 0 rgba(94, 186, 232, .1);
    background: #5ebae8
}

.blog-single-social-box-telegram .blog-single-social-box-icon svg {
    height: 48px;
    margin-left: 10px
}

.blog-single-social-box-icon svg {
    position: relative;
    z-index: 2;
    fill: #fff;
    margin-top: 2px
}

.blog-single-social-box-text {
    font-size: 14px;
    color: #949494;
    font-weight: 500;
    line-height: 1.7
}

.blog-single-social-box-telegram .blog-single-social-box-text b {
    color: #5ebae8
}

.blog-single-social-box-text b {
    font-size: 18px;
    font-weight: 600
}

.blog-single-social-box-instagram .blog-single-social-box-icon svg {
    height: 52px;
    margin-left: 12px
}

.blog-single-social-box-instagram .blog-single-social-box-text b {
    color: #fb6c78
}

.blog-single-social-box:hover {
    top: -2px;
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1)
}

.blog-single-social-box-icon:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px 0 0 10px;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    z-index: 1
}

.blog-single-social-box-instagram .blog-single-social-box-icon img {
    height: 88px;
    margin-left: 12px
}

.blog-single-social-box-telegram .blog-single-social-box-icon img {
    height: 85px;
    margin-left: 10px
}

.blog-single-social-box-icon img {
    position: relative;
    z-index: 2;
    fill: #fff;
    margin-top: 2px
}

.column {
    margin-bottom: 15px
}

span[class*=fa] {
    width: 35px;
    line-height: 28px;
    font-weight: 100;
    border-radius: 2px
}

.ajaxerrors {
    background-color: #ff6786;
    color: #fff
}

.payamnot {
    display: none;
    background: #ff637d;
    border: 1px solid #777;
    position: absolute;
    top: 40%;
    left: 12%;
    text-align: center;
    width: 76%;
    font-size: 14px;
    font-family: dana-med;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 100;
    opacity: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fdfdfd;
    -moz-box-shadow: 0 1px 10px #fff;
    -webkit-box-shadow: 0 1px 10px #fff;
    box-shadow: 0 1px 10px #fff;
    transition: All .3s ease;
    -webkit-transition: All .3s ease;
    -moz-transition: All .3s ease;
}

.endd {
      background: rgb(255 57 57 / 95%);
      border: 1px solid #14141466;
      position: absolute;
      top: -122%;
      display: block;
      left: 26%;
      width: 46%;
      font-size: 14px;
      font-family: 'dana-bold';
      padding-top: 5px;
      padding-bottom: 5px;
      z-index: 100;
      opacity: 1;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      color: #ffffff;
      -moz-box-shadow: 0 1px 10px #fff;
      -webkit-box-shadow: 0 1px 10px #fff;
      box-shadow: 0 1px 10px #fff;
      transition: All .3s ease;
      -webkit-transition: All .3s ease;
      -moz-transition: All .3s ease;
}



.enddvar {
    background: rgb(255 57 57 / 95%);
    border: 1px solid #14141466;
    position: absolute;
    top: -172%;
    display: block;
    left: 26%;
    width: 46%;
    font-size: 14px;
    font-family: 'dana-bold';
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 100;
    opacity: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    -moz-box-shadow: 0 1px 10px #fff;
    -webkit-box-shadow: 0 1px 10px #fff;
    box-shadow: 0 1px 10px #fff;
    transition: All .3s ease;
    -webkit-transition: All .3s ease;
    -moz-transition: All .3s ease;
}

.product-type-variable .g_suggestion-timer .endd {
     top: -162% !important;
     display:none;
}

.pymcat .endd2 {
     top: -170%;
}
.endd2 {
    display: none;
    background: #51cf66;
    border: 1px solid #fff;
    position: absolute;
    top: -70%;
    left: 21%;
    width: 56%;
    font-size: 14px;
    font-family: dana-med;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 100;
    opacity: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    -moz-box-shadow: 0 1px 10px #fff;
    -webkit-box-shadow: 0 1px 10px #fff;
    box-shadow: 0 1px 10px #fff;
    transition: All .3s ease;
    -webkit-transition: All .3s ease;
    -moz-transition: All .3s ease;
    text-align: center;
}

@keyframes psfloat {
    0% {
        transform: translatey(0)
    }
    50% {
        box-shadow: 0 10px 5px 0 rgba(0, 0, 0, .1);
        transform: translatey(-15px)
    }
    100% {
        transform: translatey(0)
    }
}

.g_cart-buy .g_cart-label1 {
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    margin-top: 5px;
    background: #55a5eb;
    color: #fff;
    padding: 10px;
    width: 50%;
    display: inline-block;
    font-family: dana-med
}

.g_cart-buy .g_cart-label2 {
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    margin-top: 5px;
    background: #228be6c4;
    color: #fff;
    padding: 10px;
    display: inline-block;
    width: 50%
}

.g_cart-buy .g_cart-label {
    animation: psfloat 3s ease-in-out infinite;
    margin-bottom: 15px;
    margin-top: 5px;
    background: #228be6;
    color: #fff;
    padding: 10px
}

.noipiran {
    background: linear-gradient(180deg, #45be43b3 33.33333%, #fff 33.33333%, #fff 66.66667%, #da000096 66.66667%);
    position: relative;
    padding: 40px;
    border-radius: 7px;
    font-size: 14px
}

.noipiran:before {
    position: absolute;
    content: "";
    left: 0;
    margin-left: auto;
    right: 0;
    margin-right: auto;
    font-size: 35px;
    text-align: right;
    font-weight: 700;
    color: #ff4f4f;
    top: 40%
}

.ooffer {
    width: 0
}

.cheknote {
    border: 1px dashed #e6e6e6;
    background-color: #84a2bc9c;
    padding: 14px;
    color: #fff;
    width: 100%;
    line-height: 24px;
    transform: translate(0, 0);
    transition: transform .6s ease .1s, opacity .6s linear .1s;
    border-radius: 5px;
    height: auto;
    display: flex;
    text-align: right;
    z-index: 10;
    margin-bottom: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    transition: .3s all;
    direction: rtl
}

.price del span .woocommerce-Price-currencySymbol {
    display: none
}

.ywpc-amount {
    background-color: #2b2b2b
}

.woocommerce-variation-description p {
    padding: 5px;
    border: 1px solid #999;
    margin: 5px;
    line-height: 20px;
    font-family: dana-med;
    color: #736f6f;
    text-align: justify;
    z-index: 100;
    font-size: 12px
}

.woocommerce-variation-price .woocommerce-Price-amount {
    font-size: 17px !important;
    text-decoration: none
}

.variations .label,
.variations .value {
    font-family: dana-med
}

.woocommerce-variation-price del {
    display: none
}

.woocommerce-variation-price {
    background-color: #aaa9e2;
    padding: 5px;
    border: 1px solid #999;
    font-size: 15px !important;
    font-family: dana-med;
    color: #736f6f;
    text-align: center
}

.tooltip-inner {
    font-family: Vazir
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

.comment__count__c4 {
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .3));
    background-color: #ffae00;
    border-radius: 5px;
    padding: 25px 15px;
    color: #fff;
    margin: 25px 0;
    height: 150px
}

.ticket__count__c4 {
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .3));
    background-color: #64bc36;
    border-radius: 5px;
    padding: 35px 15px;
    color: #fff;
    margin: 25px 0;
    height: 150px
}

.sales__count__c4 {
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .3));
    background-color: #f3103c;
    border-radius: 5px;
    padding: 35px 15px;
    color: #fff;
    margin: 25px 0;
    height: 150px
}

.order__count__c4 {
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, .3));
    background-color: #a837bb;
    border-radius: 5px;
    padding: 35px 15px;
    color: #fff;
    margin: 25px 0;
    height: 150px
}

.title_conut_d5 {
    float: right
}

.title_conut_d5 span {
    font-size: 14px;
    color: #fff;
    margin-right: 5px;
    display: inline-flex
}

.title_conut_d5 h4 {
    font-size: 46px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0 !important;
    display: inline-flex
}

.icon_conut_d5 {
    float: left;
    font-size: 46px;
    opacity: .5;
    position: absolute;
    left: 30px;
    top: 30px
}

.postholder i {
    margin-left: 5px
}

.icon_conut_d5:hover {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px
}

.div1 {
    color: #f1f1f1;
    width: 20%;
    font-size: 60px;
    font-weight: 100;
    vertical-align: middle
}

.div2 {
    font-family: dana-med;
    width: 70%;
    padding-right: 20px
}

.codeoffe__count__c4 {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06);
    border-radius: 4px;
    background: #fff;
    padding: 24px;
    float: right;
    width: 100%;
    color: #888;
    height: 165px;
    margin-top: 20px
}

.title_conut_d5 {
    float: right
}

.codeoffe__count__c4 h5,
.codeoffe__count__c4 span {
    position: relative;
    top: 25px
}

.title_conut_d5 h5 {
    font-size: 23px;
    background-color: #b505ff;
    background-image: linear-gradient(-45deg, #5c55b1, #b505ff);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -ms-background-clip: text;
    color: transparent
}

.codeoffe__count__c4 span {
    color: #333
}

.icon_conut_d5 {
    float: left;
    font-size: 46px;
    opacity: .5;
    position: absolute;
    left: 30px;
    top: 30px
}

.codeoffe__count__c4 i {
    font-size: 120px;
    opacity: .2
}

.alarm_sgm {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .06);
    border-radius: 4px;
    background: #fff;
    padding: 20px 20px 0 0;
    margin-top: 20px
}

.alarm_sgm h4 {
    font-weight: 500;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    margin-left: 20px
}

ul.last-alarm_v1 li {
    list-style: none
}

ul.last-alarm_v1 {
    padding: 5px 0 20px 0
}

ul.last-alarm_v1 li {
    font-size: 14px;
    line-height: 2
}

#my-account-content .woocommerce-MyAccount-content .container {
    width: 100%
}

#my-account-content .woocommerce-MyAccount-content .container .pageholder {
    padding: 10px
}

#my-account-content {
    border-radius: 5px;
    padding-top: 15px
}

.pym-content-single-blog .nav-tabs li {
    float: right !important
}

#content-single-blog {
    line-height: 30px !important;
    padding: 15px;
    text-align: justify;
    padding-bottom: 20px
}

.pym-tag-blog {
    margin-top: 40px
}

body a {
    outline: 0
}

.woocommerce-account input.input-text {
    text-indent: 10px;
    text-indent: 30px;
    border-radius: 2px
}

.woocommerce table.my_account_orders {
    border: 0;
    border-radius: 25px;
    font-size: 17px !important
}

.woocommerce-order-overview__order order {
    float: right;
    margin-left: 2em;
    text-transform: uppercase;
    font-size: .715em;
    line-height: 1;
    border-left: 1px dashe
}

.woocommerce table.my_account_orders,
.woocommerce-page table.my_account_orders {
    font-size: 1em
}

.woocommerce table.my_account_orders tr th,
.woocommerce-page table.my_account_orders tr th {
    background: #ccc
}

.woocommerce table.my_account_orders tr td.order-actions .button,
.woocommerce-page table.my_account_orders tr td.order-actions .button {
    background: #333;
    color: #fff;
    text-shadow: none;
    font-weight: 400;
    border: 0;
    font-size: 12px;
    padding: 15px 5px
}

.woocommerce table.my_account_orders tr td.order-actions .button:hover,
.woocommerce-page table.my_account_orders tr td.order-actions .button:hover {
    background: #d3485c
}

.woocommerce-account .entry-content .col2-set {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block
}

.woocommerce-account .entry-content .col2-set .address {
    padding-left: 15px;
    padding-right: 15px
}

.woocommerce form table.wishlist_table,
.woocommerce-page form table.wishlist_table {
    border-collapse: collapse
}

.woocommerce form table.wishlist_table tr td,
.woocommerce-page form table.wishlist_table tr td {
    text-align: start;
    padding: 10px 12px
}

.woocommerce form table.wishlist_table tr td.product-price del,
.woocommerce-page form table.wishlist_table tr td.product-price del {
    margin-right: 10px
}

.woocommerce form table.wishlist_table tr td.product-price del span,
.woocommerce-page form table.wishlist_table tr td.product-price del span {
    font-size: 16px
}

.woocommerce form table.wishlist_table tr td.product-price ins,
.woocommerce-page form table.wishlist_table tr td.product-price ins {
    text-decoration: none;
    font-weight: 600
}

.woocommerce form table.wishlist_table tr td.product-price ins span,
.woocommerce-page form table.wishlist_table tr td.product-price ins span {
    font-size: 18px
}

.woocommerce form table.wishlist_table tr td.product-price>span.amount,
.woocommerce-page form table.wishlist_table tr td.product-price>span.amount {
    font-size: 18px;
    font-weight: 600
}

.woocommerce form table.wishlist_table tr td.product-add-to-cart,
.woocommerce-page form table.wishlist_table tr td.product-add-to-cart {
    vertical-align: top
}

.woocommerce form table.wishlist_table tr td.product-add-to-cart .add_to_cart,
.woocommerce-page form table.wishlist_table tr td.product-add-to-cart .add_to_cart {
    display: inline-block !important;
    padding: 0
}

.woocommerce form table.wishlist_table tr td.product-add-to-cart a.button,
.woocommerce-page form table.wishlist_table tr td.product-add-to-cart a.button {
    background: #999;
    border: 0;
    text-transform: capitalize;
    text-shadow: none;
    color: #fff;
    position: relative;
    padding: 12px 20px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.woocommerce form table.wishlist_table tr td.product-add-to-cart a.button:before,
.woocommerce-page form table.wishlist_table tr td.product-add-to-cart a.button:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-top: -7px
}

.woocommerce form table.wishlist_table tr td.product-add-to-cart a.button:hover,
.woocommerce-page form table.wishlist_table tr td.product-add-to-cart a.button:hover {
    background: #d3485c
}

.woocommerce form table.wishlist_table tr td.product-add-to-cart .remove_from_wishlist.button,
.woocommerce-page form table.wishlist_table tr td.product-add-to-cart .remove_from_wishlist.button {
    display: none !important
}

.woocommerce form table.wishlist_table tr td.product-add-to-cart .dateadded,
.woocommerce-page form table.wishlist_table tr td.product-add-to-cart .dateadded {
    margin-bottom: 5px
}

.woocommerce form table.wishlist_table tr td.product-remove a.remove,
.woocommerce-page form table.wishlist_table tr td.product-remove a.remove {
    font-size: 1em;
    margin: 0 auto
}

.woocommerce form table.wishlist_table tbody tr,
.woocommerce-page form table.wishlist_table tbody tr {
    border-top: 1px solid #fff
}

.woocommerce form table.wishlist_table tbody tr:hover,
.woocommerce-page form table.wishlist_table tbody tr:hover {
    background: #dedede;
    cursor: pointer
}

.woocommerce tbody tr td,
.woocommerce thead tr th,
.woocommerce-page tbody tr td,
.woocommerce-page thead tr th {
    font-size: 13px
}

.woocommerce-account article header .entry-title {
    font-size: 24px;
    color: #d3485c
}

.woocommerce article .wishlist-title,
.woocommerce-account article .wishlist-title {
    display: none
}

.woocommerce-account .return-to-shop .button.wc-backward {
    background-color: #62b965;
    color: #fff;
    font-size: 12px;
    background-position: 90% center;
    padding-right: 44px
}

.woocommerce-account a.remove {
    line-height: 35px;
    color: #fff !important;
    padding: 12px 19px 5px;
    background: url(assets/img/sprite.png) no-repeat -901px 7px #4ec9c7;
    border-radius: 5px;
    width: 47px;
    height: 47px
}

.woocommerce #respond input#submit,
.woocommerce-account input.button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-color: #6b7c93;
    color: #fff;
    font-weight: 400;
    border: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    padding: 10px 30px
}

.woocommerce #respond input#submit:hover,
.woocommerce-account input.button:hover {
    background-color: #d3485c;
    color: #fff
}

.woocommerce-account table.my_account_orders a.button {
    background-color: #606cec;
    border: 1px solid #8fcc1a;
    background-image: none;
    background-position: 0 0;
    font-size: 17px !important;
    color: #fff !important;
    display: inline-block;
    border-radius: 0;
    box-shadow: none;
    background-image: none;
    border: 0;
    position: inherit;
    border-radius: 5px;
    right: 400;
    top: 110;
    width: auto;
    text-align: -webkit-center;
    font-size: 17px !important;
    margin-top: -5px;
    margin-left: 2px
}

.woocommerce-account table.my_account_orders td a {
    color: #606bdb
}

.woocommerce-account a.button {
    float: right;
    margin: 0;
    position: relative;
    background-color: #62b965;
    padding: 12px 14px;
    line-height: 1;
    border-radius: 0;
    color: #fff
}

.payamblock,
.woocommerce .woocommerce-customer-details,
.woocommerce-order-details {
    margin: 0 0 20px 0;
    background-color: #fff;
    box-shadow: 0 6px 20px rgba(168, 172, 185, .3);
    padding: 15px;
    overflow: hidden;
    border-radius: 7px;
    font-family: dana-med;
    width: 90%
}

.woocommerce-order-details .woocommerce-order-details__title:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: #ff637d;
    bottom: -1px
}

.woocommerce-order-details .woocommerce-order-details__title {
    padding-bottom: 7px;
    margin-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #eee
}

.woocommerce-account h2 {
    font-size: 18px
}

.woocommerce table.shop_table {
    text-align: right;
    width: 100%;
    border-collapse: unset;
    border-radius: 0
}

.woocommerce-table--order-details {
    background-color: #fff
}

.woocommerce-table--order-details {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

.woocommerce table.shop_table thead {
    background-color: #f7f9fa;
    border: 1px solid #e9e9e9
}

.woocommerce table.shop_table thead {
    background-color: #f7f9fa;
    border: 1px solid #e9e9e9
}

.woocommerce-account h3,
.woocommerce-account h4,
.woocommerce-account h5,
.woocommerce-account h6 {
    margin: 0 0 10px;
    line-height: 2;
    font-weight: 500;
    font-family: dana-med
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
    margin-bottom: 0;
    padding-right: 1.5em;
    border: 1px solid #99999954;
    background-color: #9999993d
}

.woocommerce .woocommerce-customer-details address {
    letter-spacing: 2px;
    margin-bottom: 0;
    border: 1px solid rgba(0, 0, 0, .06);
    border-left-width: 2px;
    font-weight: 800;
    text-align: right;
    width: 100%;
    border-radius: 5px;
    line-height: 25px;
    padding: 6px 12px
}

.woocommerce-customer-details .woocommerce-column__title {
    padding-bottom: 7px;
    margin-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #eee
}

.woocommerce-customer-details .woocommerce-column__title:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: #ff637d;
    bottom: -1px
}

.form-row {
    border: none !important;
    padding-right: 2px !important;
    color: #646464 !important
}

.woocommerce-EditAccountForm p {
    border: none !important;
    background: 0 0 !important;
    padding-right: 2px !important;
    color: #646464 !important
}

#my-account-content p {
    border-right: 6px solid #ffca00;
    background-color: #868ff1;
    padding: 5px;
    padding-right: 15px;
    font-family: dana-med;
    font-weight: 700;
    color: #fff700;
    width: inherit
}

mark {
    color: #fff
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
    overflow: visible
}

#my-account-content .woocommerce-MyAccount-content input {
    border: 1px solid #979ef7;
    width: 100%;
    float: right;
    background-color: #606cec
}

.payamtext,
.woocommerce-account form .form-row input.input-text {
    width: 100%;
    padding: 8px;
    border-radius: 5px !important;
    direction: rtl;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}

.rtl.woocommerce form .form-row label,
.rtl.woocommerce-page form .form-row label {
    text-align: right;
    font-family: dana-med
}

.woocommerce-form-row em {
    display: inline-flex
}

.woocommerce form .form-row label {
    line-height: 2
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
    display: block
}

.woocommerce fieldset {
    min-width: 100% !important
}

#my-account-content .woocommerce-MyAccount-content button {
    width: 200px;
    background-color: #606cec;
    color: #fff
}

#my-account-content .woocommerce-MyAccount-content button:hover {
    background-color: #979ef7
}

.woocommerce-orders-table__row:hover {
    transition: all .7s ease;
    background-image: linear-gradient(270deg, #999dce 0, #a1a8ef 100%);
    color: #fff !important
}

.woocommerce-orders-table__row:hover td {
    font-size: 16px;
    color: #fff !important
}

.woocommerce-orders-table__row:hover .button {
    transition: all .7s ease;
    background-color: #bf7ad9 !important
}

.woocommerce-orders-table__row:hover td a {
    transition: all .7s ease;
    font-size: 16px;
    color: #fff !important
}

.sidenav-black-overlay.active {
    opacity: 1;
    visibility: visible
}

.sidenav-black-overlay {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    width: 100%;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(2, 3, 16, .3);
    z-index: 999999999;
    opacity: 0;
    visibility: hidden
}

.sidenav-black-overlay.active~.main {
    filter: blur(7px)
}

.bottom-part .menu-bottom-widget {
    position: relative;
    background-color: #f94e60;
    z-index: 1;
    padding-top: 45px;
    margin-top: -40px;
    padding-bottom: 15px;
    border-bottom-left-radius: 25px
}

.sidebarcontact {
    direction: ltr;
    text-align: right;
    margin-right: 15px
}

.sidebarcontact a {
    color: #fff;
    line-height: 1.8;
    font-size: 16px
}

.sidebarcontact .phone_code {
    font-weight: 700
}

.menu-bottom-widget .single-settings {
    direction: ltr;
    margin-left: 15px;
    right: 63%
}

.single-settings {
    position: relative;
    z-index: 1
}

.single-settings .data-content {
    font-size: 13px;
    font-weight: 700
}

.single-settings .toggle-button-cover {
    position: relative;
    z-index: 1
}

.single-settings .button.r,
.single-settings .button.r .layer {
    border-radius: 100px
}

.single-settings .button.r {
    position: relative;
    width: 54px;
    height: 30px;
    overflow: hidden;
    background-color: #fff
}

.single-settings .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3
}

.single-settings .knobs {
    z-index: 2
}

.single-settings .knobs,
.single-settings .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.single-settings .knobs::before {
    content: "\f185";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 26px;
    height: 26px;
    background-color: #fac74b;
    border-radius: 50%;
    transition: .3s ease all, left .3s cubic-bezier(.18, .89, .35, 1.15);
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding-top: 5px
}

.single-settings .layer {
    width: 100%;
    background-color: transparent;
    transition: .3s ease all;
    z-index: 1
}

.sidebar-menupage {
    background-color: #f94e60;
    padding: 12px 35px !important;
    border-radius: 0 20px 20px;
    color: #fff;
    width: 160px;
    text-align: center;
    font-size: 18px !important;
    float: left;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 15px
}

.bottom-part {
    animation: slideleftLarge .5s cubic-bezier(.165, .44, .44, 1) forwards;
    height: auto
}

.bottom-part {
    position: fixed;
    bottom: 0;
    width: 0%;
    transition: .5s;
    display: none
}

.bottom-part .page-widget {
    text-align: left;
    border-bottom-left-radius: 25px;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    background-color: #fff;
    height: 65px;
    transition-duration: .5s
}

.single-settings .knobs {
    z-index: 2
}

.single-settings .knobs,
.single-settings .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.single-settings .checkbox:checked+.knobs::before {
    content: "\f186";
    left: 24px;
    background-color: #1f2433
}

[data-theme=dark] .bottom-part .page-widget,
[data-theme=dark] .overlay {
    background: #1d1e1f
}

[data-theme=dark] .header {
    background-color: #1b1f2b;
    box-shadow: -1px 1px 11px 0 rgb(52 59 79)
}

[data-theme=dark] .header .g_account {
    color: #fff
}

[data-theme=dark] .g_select-brand,
[data-theme=dark] body {
    background-color: #1f2839
}

[data-theme=dark] .g_select-card-title-first h2,
[data-theme=dark] .owl-stage-outer .g_blog-post-item-name {
    color: #ffb100
}

[data-theme=dark] .copyright,
[data-theme=dark] .g_select-brand-content,
[data-theme=dark] .g_suggestion {
    background-color: #1f2433
}

[data-theme=dark] .toolbar {
    background-color: #1b1f2b;
    box-shadow: 0 0 15px rgb(27 31 43)
}

[data-theme=dark] .feats,
[data-theme=dark] .g_blog-post,
[data-theme=dark] .main {
    background-color: #1f2839
}

[data-theme=dark] .feats .descfeat {
    color: #feb000
}

[data-theme=dark] .feats,
[data-theme=dark] .g_select-card-item figure {
    background: #1f2839
}

[data-theme=dark] .g_footer-img {
    background: #fff
}

[data-theme=dark] .g_select-brand-item-name,
[data-theme=dark] .g_select-brand-title-first h2 {
    color: #ffb100
}

[data-theme=dark] .tabbar a {
    color: #fff
}

.tabbar a p {
    padding-top: 9px;
    font-size: 12px !important
}

[data-theme=dark] .g_cart {
    background-color: #fff !important
}

[data-theme=dark] .g_page-header::before,
[data-theme=dark] .g_slider::before,
[data-theme=dark] .owl-slider::after {
    display: none
}

.social-link-button {
    margin: 20px auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.social-link-button a {
    box-shadow: 0 0 15px rgba(0, 0, 0, .16);
    border-radius: 10px;
    margin: 2px;
    width: 50px;
    height: 50px;
    display: inline-block;
    padding: 10px;
    vertical-align: middle
}

.owl-slider .owl-item img {
    display: block;
    width: 100%
}

.pymoffer .owl-suggestion .owl-stage-outer {
    position: relative;
    overflow: visible !important;
    -webkit-transform: translate3d(0, 0, 0)
}

.pymoffer {
    overflow: hidden
}

.g_select-brand-item:hover .g_select-brand-item-icon {
    background: linear-gradient(324deg, #c3c3c3 0, #24d6fc 100%);
    border-radius: 4px;
    color: #fff !important
}

.g_select-brand-item:hover .g_select-brand-item-icon::before {
    color: #fff !important
}

.g_select-brand-item:hover {
    animation: pulsevid 3s infinite;
    color: #fff !important
}

@keyframes pulsevid {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(116 205 245);
        box-shadow: 0 0 0 0 rgb(102 56 195);
        border-radius: 10px
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(92, 168, 44, 0);
        box-shadow: 0 0 0 10px rgba(92, 168, 44, 0)
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(92, 168, 44, 0);
        box-shadow: 0 0 0 0 rgba(92, 168, 44, 0)
    }
}

.countdown-timer {
    direction: ltr;
    text-align: center
}

.countdown-timer span {
    text-align: center;
    display: inline-block;
    color: #744dc7
}

.countdown-timer span:not(:last-child):after {
    content: ':';
    float: right
}

.timer-title {
    margin-top: 15px;
    color: #979898
}

.countdown-timer span {
    font-size: 18px;
    padding: 2px;
    font-weight: 500;
    text-align: center
}

.woocommerce-MyAccount-navigation ul li {
    list-style: none;
    padding: 10;
    margin: 0;
    font-family: dana-med;
    font-weight: 300;
    margin: 0 0 10px
}

.woocommerce-MyAccount-navigation ul li>a:hover {
    transition: all .7s ease;
    background-image: linear-gradient(270deg, #606cec 0, #a1a8ef 100%);
    color: #fff !important
}

.woocommerce-MyAccount-navigation ul li a {
    width: 100%;
    display: inline-block;
    font-size: 15px;
    padding: 9px 22px;
    transition: all .7s ease;
    border-radius: 5px;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    text-decoration: none
}

.woocommerce-MyAccount-navigation li.is-active a {
    background: linear-gradient(270deg, #606cec 0, #a1a8ef 100%);
    color: #fff !important;
    border-radius: 5px;
    opacity: .8
}

.woocommerce-MyAccount-navigation li a {
    color: #4c4c4c !important;
    border-radius: 5px;
    padding: 15px !important
}

.woocommerce-MyAccount-content p {
    border-right: 6px solid #ffca00;
    background-color: #868ff1;
    padding: 5px;
    padding-right: 15px;
    font-family: dana-med;
    font-weight: 700;
    color: #fff700;
    margin-bottom: 10px
}

.woocommerce-MyAccount-content .container {
    width: 100%
}

.woocommerce-MyAccount-content {
    float: left;
    width: 75%;
    box-sizing: border-box;
    background-color: #fff;
    background-color: #f7f7f9;
    border-radius: 0 10px 0 0;
    position: relative;
    padding-right: 25px;
    min-height: 700px
}

.woocommerce-MyAccount-navigation {
    float: right;
    width: 25%;
    box-sizing: border-box
}

.woocommerce-MyAccount-content input {
    border: 1px solid #979ef7;
    width: 100%;
    float: right;
    background-color: #606cec
}

#my-account-content p {
    border-right: 6px solid #ffca00;
    background-color: #868ff1;
    padding: 5px;
    padding-right: 15px;
    color: #fff700;
    width: inherit
}

.woocommerce-EditAccountForm p {
    width: inherit !important
}

.woocommerce-MyAccount-content button {
    width: 200px;
    background-color: #606cec !important;
    color: #fff
}

.woocommerce-MyAccount-content button:hover {
    background-color: #979ef7 !important
}

.owl-slider .owl-item img {
    display: block;
    width: 100%
}

.form-row-first,
.form-row-last,
.woocommerce-ResetPassword {
    width: 100% !important;
    margin-bottom: 5px
}

.onsale-box {
    position: absolute;
    left: 15px;
    height: auto;
    z-index: 9;
    background-color: #f94e60;
    border-radius: 0 0 25px 25px;
    text-align: center;
    padding: 9px 5px;
    font-family: 'dana-bold';
}

.onsale-box span.onsale {
    color: #fff;
    text-align: center;
    background-color: transparent;
    font-size: 14px;
    position: unset;
    line-height: normal;
}

.g_select-card-item:hover .edbtn-box ,.g_suggestion-item:hover .edbtn-box{
    display: block
}

.edbtn-box {
    position: absolute;
    display: none;
    right: 15px;
    height: auto;
    z-index: 9;
    background-color: #adace6;
    border-radius: 0 0 25px 25px;
    text-align: center;
    padding: 9px 7px
}

.edbtn-box span.edbtn {
    color: #fff;
    text-align: center;
    background-color: transparent;
    font-size: 15px
}

.g_select-card-item:hover .qvbtn {
    display: block
}

.qvbtn a {
    color: #ff637d;
    cursor: pointer
}

.qvbtn {
    position: absolute;
    display: none;
    right: -1px;
    height: auto;
    color: #fff;
    top: 211px;
    z-index: 9;
    background-color: #1c1c1c;
    border-radius: 25px 0 0 25px;
    text-align: center;
    padding: 5px 8px
}

.qvbtn span.qvbtn {
    color: #fff;
    text-align: center;
    background-color: transparent;
    font-size: 15px
}

.fixed-icon {
    position: fixed;
    left: 10px;
    bottom: 20px;
    width: 40px;
    background-color: #fff;
    z-index: 999;
    border-radius: 5px;
    box-shadow: 0 3px 10px 0 hsla(0, 0%, 40%, .4);
    text-align: center;
    padding: 8px 5px
}

#store-toc,
.dokan-store #sidebar,
.dokan-store-tabs,
.profile-frame,
.seller-items {
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 40%, .1)
}

.fixed-icon .compare-ico span,
.fixed-icon .hotoffers-ico span,
.fixed-icon .ordertrack-ico span {
    position: absolute;
    width: 116px;
    right: -185px;
    background-color: #555;
    color: #fff;
    text-align: center;
    opacity: 0;
    padding: 2px 8px;
    transition-duration: .3s;
    visibility: hidden
}

.fixed-icon .compare-ico:hover span,
.fixed-icon .hotoffers-ico:hover span,
.fixed-icon .ordertrack-ico:hover span {
    opacity: 1;
    right: -123px;
    visibility: visible
}

.fixed-icon .compare-ico,
.fixed-icon .ordertrack-ico {
    width: 30px;
    height: 36px;
    margin: 0 auto 7px;
    border-bottom: 1px solid #ddd
}

.fixed-icon .fal {
    font-size: 20px
}

.fixed-icon div:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.fixed-icon .hotoffers-ico {
    width: 24px
}

.topbanner {
    position: relative
}

.topbanner .banner-close {
    position: absolute;
    right: 20px;
    top: 50%;
    color: #999;
    font-size: 25px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 31px;
    margin-top: -15px
}

.woocommerce-checkout-payment .payment_methods li p {
    display: none
}

.footer-col a {
    font-size: 13px;
    opacity: .5;
    transition: .3s;
    color: white;
}

.footer-col a:hover {
    color: #fff;
    font-size: 13px;
    opacity: 1;
    transition: .3s;
    margin-right: 8px;
}

.footer:after {
    content: "";
    position: absolute;
    background: url(images/s.svg) 50%/101% no-repeat;
    width: 350px;
    height: 78px;
    top: -14px;
    left: 50%;
    margin-left: -181px;
    z-index: 1
}

.footer:before {
    content: "";
    position: absolute;
    width: 130px;
    height: 55px;
    top: 0;
    left: 50%;
    margin-left: -71px;
    z-index: 2;
}


.sticky .g_logo {
    width: 7%;
    height: auto;
    display: flex;
    justify-content: center;
    z-index: 3;
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}

.countdown-timer span{
   background-color:#000000;
   color:white;
   border-radius:4px;
   font-size:22px;
     
}
.countdown-timer span:last-child{

       animation: zoomIn .5s ease-out 1;
}