@font-face {
    font-family: "iran-sans";
    font-style: normal;
    font-weight: bold;
    src: url(./fonts/iranSans/IRANSansWeb_Medium.ttf) format("woff2");
}

.d-none {
    display: none !important;
}

a.button.wc-forward {
    background: #8fae1b;
    padding: 5px 10px;
    border-radius: 15px;
    color: #fff;
}

.comment-block li {
    list-style-type: none !important;
}
.filter-submit {
    float: right;
    padding: 0 16px;
    background-image: linear-gradient(
        to right,
        #f44336 0%,
        #ff5722 50%,
        #ff5722 51%
    );
    box-shadow: 0 4px 10px rgba(0, 196, 181, 0.2);
    color: #fff;
    font-weight: bold;
    line-height: 34px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
    margin: 15px;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: right !important;
    width: 100% !important;
}
.woocommerce div.product div.images img {
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
}
.container {
    margin: auto;
    padding: 0 15px;
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

* {
    padding: 0;
    margin: 0;
    outline: none !important;
    box-sizing: border-box;
    font-family: "iran-sans" !important;
}
body {
    float: right;
    width: 100%;
    background-color: #fff;
    font-size: 14px;
    color: #000;
    font-family: "iran-sans" !important;
    direction: rtl;
    cursor: default;
}
ul {
    list-style: none;
}
a,
a:hover,
a:focus {
    text-decoration: none;
}
img {
    max-width: 100%;
}
.overflow-hidden {
    overflow: hidden;
}
.search-box {
    float: right;
    width: 100%;
    border-bottom: 1px solid #eee;
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.1);
    display: none;
}
.buttons.search-button {
    float: left;
    margin-top: 8px;
}
.search-form {
    float: left;
    width: 100%;
}
.search-form input {
    float: right;
    width: calc(100% - 80px);
    height: 50px;
    border: none;
    background-color: transparent;
}
.bar {
    float: right;
    width: 30px;
    cursor: pointer;
    margin: 29px 0 0 10px;
}
.bar span {
    float: right;
    width: 100%;
    height: 3px;
    background-color: #888;
    margin-top: 6px;
    border-radius: 1.5px;
}
.bar span:first-child {
    margin-top: 0;
}
.header {
    float: right;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
    position: relative;
    z-index: 100;
}
.logo {
    float: right;
    width: 66px;
    margin: 15px 0;
}
.logo img {
    float: right;
    width: 90px;
    height: 48px;
}
.overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
    cursor: pointer;
}
.nav {
    float: right;
    width: 250px;
    height: 100%;
    font-size: 13px;
    position: fixed;
    top: 0;
    right: -300px;
    padding: 15px 0;
    background-color: #fff;
    z-index: 9999;
    visibility: hidden;
    transition: 0.4s ease-in-out;
}
.nav.active {
    right: 0;
    visibility: visible;
}
.menu-class {
    height: 100%;
}
.fixed-header {
    position: sticky;
    top: 0;
    animation: menu 0.2s ease-in-out;
}
.fixed-header .logo {
    margin: 5px 0;
    transform-origin: right;
}
.fixed-header .nav .menu-class > ul > li > a {
    line-height: 58px;
}
.fixed-header .bar {
    margin-top: 18px;
}
@keyframes menu {
    from {
        transform: translateY(-68px);
    }
    to {
        transform: translateY(0);
    }
}
.nav::before {
    content: "";
    float: right;
    width: 110px;
    height: 48px;
    background: url(images/logo.svg) center center;
    margin-right: 15px;
}
.nav::after {
    content: "";
    position: absolute;
    top: 77px;
    right: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #f0f0f0;
}
.nav .menu-class > ul {
    float: right;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    margin-top: 16px;
    position: relative;
    overflow-y: auto;
}
.nav ul li {
    float: right;
    width: 100%;
}
.nav ul li a {
    float: right;
    width: 100%;
    position: relative;
    color: #000;
}
.nav ul li:hover > a {
    color: #ed145b;
}
.nav .menu-class > ul > li > a {
    line-height: 50px;
    perspective: 80px;
}
.nav .menu-class > ul > li > a::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 21px;
    background-image: url(images/sprite.png);
    background-position-y: -20px;
    margin-left: 7px;
    position: relative;
    top: 5px;
    transition: 0.4s ease-in-out;
}
.nav .menu-class > ul > li:hover > a::before {
    transform: rotateY(180deg);
}
.about-mahak-icon > a::before {
    background-position-x: -355px;
}
.mahak-service-icon > a::before {
    background-position-x: -319px;
}
.help-icon > a::before {
    background-position-x: -281px;
}
.products-icon > a::before {
    background-position-x: -244px;
}
.nav ul ul {
    float: right;
    width: 100%;
    font-size: 12px;
    line-height: 38px;
    padding: 0 12px 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}
.nav .menu-class > ul > li > ul > li > a::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ed145b;
    margin-left: 16px;
}
.nav ul ul ul {
    padding-right: 40px;
}
.nav ul ul {
    display: none;
}
.online-help {
    float: left;
    padding: 0 16px;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    color: #fff;
    font-weight: bold;
    line-height: 34px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    margin-top: 21px;
    border: none;
}
.online-help:hover {
    background: #d62d57;
}
.online-help::before {
    content: "";
    width: 21px;
    height: 15px;
    background: url(images/sprite.png) -134px -23px;
    margin-left: 12px;
    position: relative;
    top: 4px;
    display: none;
}
.cart-button {
    float: left;
    width: 34px;
    height: 34px;
    position: relative;
    margin-top: 21px;
    background: url(images/sprite.png) -28px -46px;
    margin-right: 5px;
}
.cart-button span {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 11px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ed145b;
    color: #fff;
    text-align: center;
    line-height: 14px;
}
.fixed-header .online-help,
.fixed-header .cart-button {
    margin-top: 11px;
}
.other-links {
    float: left;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: #fff url(images/sprite.png) -269px -200px;
    box-shadow: 0 2px 10px rgba(141, 141, 141, 0.2);
    border: none;
    margin: 21px 0 0 6px;
    position: relative;
}
.sub-other {
    position: absolute;
    top: calc(100% + 20px);
    left: calc(50% - 65px);
    width: 130px;
    height: 100px;
    background: #fff;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
    border-radius: 22px;
    padding: 0 10px;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease-in-out;
}
.sub-other::before {
    content: "";
    position: absolute;
    top: -9px;
    right: calc(50% - 10px);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}
.other-links.active .sub-other {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.search-icon {
    float: left;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: #fff url(images/sprite.png) -165px -13px;
    box-shadow: 0 2px 10px rgba(141, 141, 141, 0.2);
    border: none;
    margin: 21px 0 0 12px;
}
.en {
    float: right;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background-image: #fff;
    box-shadow: 0 2px 10px rgba(141, 141, 141, 0.2);
    border: none;
    margin: 21px 12px 0 0;
    text-align: center;
    line-height: 38px;
    font-size: 13px;
    color: #000;
}
.login-register {
    float: left;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #000;
    margin-top: 10px;
    perspective: 80px;
}
.login-register:hover {
    color: #ed145b;
}
.login-register::before {
    content: "";
    float: right;
    width: 21px;
    height: 23px;
    background: url(images/sprite.png) -209px -19px;
    margin-left: 6px;
    transition: 0.4s ease-in-out;
}
.login-register:hover::before {
    transform: rotateY(180deg);
}
.menu-login a::before {
    content: "";
    float: right;
    width: 26px;
    height: 23px !important;
    background: url(images/sprite.png) -207px -19px !important;
    margin-left: 6px;
    transition: 0.4s ease-in-out;
    top: 14px !important;
}
.fixed-header .other-links {
    margin-top: 11px;
}
.en:hover,
.search-icon:hover {
    background-color: #eee;
    box-shadow: none;
}
.en:active,
.search-icon:active {
    background-color: #fafafa;
}
@media (max-width: 424px) {
    body.home .logo {
        width: 95px;
    }
}
@media (min-width: 350px) {
    .logo {
        width: 95px;
    }
}
@media (min-width: 425px) {
    .bar {
        margin-left: 20px;
    }
    .online-help::before {
        display: inline-block;
    }
    .logo img {
        width: 110px;
    }
}
@media (min-width: 768px) {
    .other-links {
        width: auto;
        background: none;
        box-shadow: none;
    }
    .sub-other {
        width: auto;
        height: auto;
        padding: 0;
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
    .search-icon {
        margin: 0 20px 0 0;
    }
    .en {
        margin: 0 0 0 7px;
    }
    .login-register {
        width: auto;
        max-width: 264px;
    }
    .menu-login {
        display: none;
    }
}
@media (min-width: 992px) {
    .bar {
        display: none;
    }
    .logo {
        margin-left: 10px;
    }
    .fixed-header .logo {
        margin: 5px 0 5px 10px;
    }
    .nav {
        display: inline-block;
        opacity: 1;
        visibility: visible;
    }
    .nav ul li.about-mahak-icon > a::before {
        width: 21px;
        background-position-x: -358px;
    }
    .nav ul li.mahak-service-icon > a::before {
        width: 19px;
        background-position-x: -322px;
    }
    .nav ul li.help-icon > a::before {
        width: 26px;
    }
    .nav ul li.products-icon > a::before {
        width: 20px;
        background-position-x: -247px;
    }
    .nav {
        width: auto;
        position: static;
        padding: 0;
    }
    .nav::before,
    .nav::after {
        display: none;
    }
    .nav .menu-class > ul {
        margin: 0;
        padding: 0;
        overflow: visible;
    }
    .nav .menu-class > ul > li {
        width: auto;
        margin-left: 10px;
    }
    .nav .menu-class > ul > li:last-child {
        margin-left: 0;
    }
    .nav .menu-class > ul > li > a {
        line-height: 78px;
    }
    .nav .menu-class > ul > li > ul {
        position: absolute;
        top: calc(100% + 20px);
        right: 0;
        width: 700px;
        background: #fff;
        box-shadow: 0 40px 60px rgba(0, 0, 0, 0.25);
        border-radius: 22px 0 22px 22px;
        border-bottom: none;
        padding: 10px 20px 50px;
        opacity: 0;
        visibility: hidden;
        transition: 0.2s ease-in-out;
        display: block;
    }
    .nav .menu-class > ul > li:hover > ul {
        top: 100%;
        opacity: 1;
        visibility: visible;
    }
    .nav .menu-class > ul > li > ul > li {
        width: 25%;
        padding: 0 10px;
    }
    .nav .menu-class > ul > li > ul > li > a {
        font-weight: bold;
        color: #ed145b;
        font-size: 13px;
    }
    .nav .menu-class > ul > li > ul > li > a::before {
        margin-left: 10px;
    }
    .nav .menu-class > ul > li > ul ul {
        border-top: 1px solid #eee;
        border-bottom: none;
        padding: 5px 0 0;
        display: block;
    }
    .nav .menu-class > ul > li > ul ul a {
        line-height: 24px;
    }
    .shop-dropdown {
        position: relative;
    }
    .nav .menu-class > ul > li.shop-dropdown > ul {
        width: 200px;
        padding: 15px 20px;
    }
    .nav .menu-class > ul > li.shop-dropdown > ul li {
        width: 100%;
    }
    .nav .menu-class > ul > li.shop-dropdown > ul li a {
        border-bottom: none;
        font-size: 12px;
        color: #000;
        font-weight: normal;
    }
    .nav .menu-class > ul > li.shop-dropdown > ul li a:hover {
        color: #ed145b;
    }
    .login-register {
        max-width: 100px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .online-help::before {
        display: none;
    }
    .search-icon {
        margin-right: 10px;
    }
}
@media (min-width: 1200px) {
    .logo {
        margin-left: 15px;
    }
    .nav .menu-class > ul > li {
        margin-left: 20px;
    }
    .nav .menu-class > ul > li > ul {
        width: 900px;
    }
    .sub-other {
        width: 280px;
    }
    .login-register {
        width: auto;
        max-width: 210px;
    }
}
.slider-block {
    float: right;
    width: 100%;
    position: relative;
    z-index: 1;
}
.slider {
    float: right;
    width: 100%;
}
.slider a {
    float: right;
    width: 100%;
    position: relative;
}
.slider a:not(:first-child) {
    display: none;
}
.slider.lightSlider a {
    display: block;
}
.slider a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 90px;
    background: url(images/curve.svg) no-repeat center bottom;
    background-size: cover;
}
.slider a img {
    float: right;
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.lSSlideOuter .lSPager.lSpg > li {
    padding: 0 3px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    width: 20px;
    height: 6px;
    background-color: #9e2c4a;
}
.lSSlideOuter .lSPager.lSpg > li.active a,
.lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: #fff;
    border: 1px solid #9e2c4a;
}
.slider-block .lSAction > a {
    width: 20px;
    height: 40px;
    top: 40%;
    background: url(images/sprite.png) -478px -101px;
    opacity: 0.25;
}
.slider-block .lSAction > a:hover {
    opacity: 1;
}
.slider-block .lSAction > .lSPrev {
    transform: rotate(180deg);
}
@media (min-width: 768px) {
    .slider-block .lSAction > .lSNext {
        right: 47px;
    }
    .slider-block .lSAction > .lSPrev {
        left: 47px;
    }
    .slider a img {
        height: auto;
    }
}
@media (min-width: 1600px) {
    .slider a::after {
        height: 125px;
    }
}
.pay-banner-block {
    float: right;
    width: 100%;
}
.flex-pay-banner {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin-top: 30px;
}
.flex-pay-banner > div {
    width: 100%;
    margin-bottom: 30px;
}
.flex-inner-pb {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    perspective: 350px;
}
.flex-inner-pb > a,
.flex-inner-pb > .pay-box {
    width: 100%;
    border-radius: 22px;
    overflow: hidden;
    transition: 0.2s ease-in-out;
    margin-bottom: 30px;
    box-shadow: 0 6px 50px rgba(0, 0, 0, 0.07);
}
.flex-inner-pb > a {
    border: 5px solid #fff;
    position: relative;
}
.flex-inner-pb > a:hover {
    animation: banner 1 0.8s ease-in-out;
}
.flex-inner-pb > a::before {
    content: "";
    position: absolute;
    right: 0;
    top: 80%;
    width: 50%;
    height: 300%;
    background-color: #fff;
    transform: rotate(65deg);
    mix-blend-mode: overlay;
    filter: blur(50px);
}
.flex-inner-pb > a:hover::before {
    animation: shine 1 0.6s forwards ease-in-out;
}
@keyframes banner {
    30% {
        filter: brightness(120%);
    }
}
@keyframes shine {
    100% {
        top: -35%;
    }
}
.flex-inner-pb > a img {
    float: right;
    width: 100%;
}
.flex-inner-pb > .pay-box {
    background-image: radial-gradient(#e4ffff, #b7f2fc);
    border: 5px solid #fff;
    height: 100%;
    padding: 20px;
}
.pay-title-block {
    float: right;
    width: 100%;
    padding-right: 80px;
    position: relative;
}
.pay-title-block img {
    position: absolute;
    top: 0;
    right: -10px;
}
.ptb-h3 {
    float: right;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #9e2c4a;
}
.ptb-des {
    float: right;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.buttons {
    float: right;
    padding: 0 20px;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    color: #fff;
    font-weight: bold;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    margin-top: 15px;
    border: none;
    line-height: 34px;
}
.buttons:hover {
    background: #d62d57;
}
@media (min-width: 700px) {
    .flex-inner-pb > a,
    .flex-inner-pb > .pay-box {
        width: 314px;
        height: 188px;
        margin-bottom: 0;
    }
    .flex-inner-pb > a:hover,
    .flex-inner-pb > .pay-box:hover {
        transform: rotateY(0);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    }
    .flex-inner-pb > .pay-box {
        transform: rotateY(-10deg);
        transform-origin: right;
        padding-top: 10px;
    }
    .flex-inner-pb > a {
        border: 5px solid #fff;
        transform: rotateY(10deg);
        transform-origin: left;
    }
    .index-pay-button {
        margin-top: 5px;
    }
    .pay-title-block img {
        top: 18px;
    }
}
@media (min-width: 992px) {
    .flex-pay-banner {
        margin-top: 60px;
    }
    .flex-pay-banner > div {
        margin-bottom: 80px;
    }
    .flex-pay-banner > div.pb-left {
        width: 57%;
    }
    .flex-pay-banner > div.pb-right {
        width: calc(43% - 30px);
    }
    .flex-inner-pb > .pay-box {
        transform: rotateY(10deg);
        transform-origin: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .flex-inner-pb > a,
    .flex-inner-pb > .pay-box {
        width: 100%;
        margin-bottom: 10px;
    }
    .flex-inner-pb > .pay-box {
        padding: 15px 20px;
    }
    .index-pay-button {
        margin-top: 0;
    }
}
.shop-help {
    float: right;
    width: 100%;
}
.shop-box {
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 6px 60px rgba(0, 0, 0, 0.1);
    border-radius: 22px 0 22px 22px;
    padding-top: 30px;
    position: relative;
}
.shop-lightslider-block {
    float: right;
    width: 100%;
}
.shop-lightslider-block .lSAction > a {
    float: right;
    width: 18px;
    height: 37px;
    background: url(images/sprite.png) -440px -101px;
    top: 40%;
}
.shop-lightslider-block .lSAction > a {
    float: right;
    width: 18px;
    height: 37px;
    background: url(images/sprite.png) -440px -101px;
    top: 40%;
}
.shop-lightslider-block .lSAction > .lSPrev {
    transform: rotate(180deg);
}
.shop-lightslider {
    float: left;
    width: 100%;
}
.inner-shop-box {
    float: right;
    width: 100%;
    text-align: center;
}
.shop-img {
    float: right;
    width: 100%;
}
.shop-img img {
    max-width: 70% !important;
    max-height: 160px;
    width: auto;
    height: auto;
    margin: auto;
    display: block;
    border-radius: 15px 0 15px 15px;
}
.shop-h2 {
    float: right;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}
.shop-h2 a {
    color: #222;
}
.shop-h2 a:hover {
    color: #ed145b;
}
.prices {
    float: right;
    width: 100%;
}
.prices li {
    display: inline-block;
    margin: 10px 0;
}
.prices li.old-price {
    font-size: 11px;
    color: #f05a72;
    text-decoration: line-through;
}
.prices li.new-price {
    font-weight: bold;
    color: #8dc63f;
}
.shop-buttons {
    float: right;
    width: 100%;
    padding-bottom: 30px;
    text-align: center;
}
.shop-buttons li {
    display: inline-block;
    margin-top: 10px;
}
.shop-read-more,
.shop-add-to-cart {
    float: right;
    padding: 0 25px;
    line-height: 34px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
}
.shop-buttons li:first-child a:hover {
    background: #fff;
}
.shop-read-more {
    font-weight: 300;
    color: #adadad;
    box-shadow: 0 4px 10px rgba(203, 203, 203, 0.2);
    background-image: linear-gradient(
        to right,
        #fff 0%,
        #f0f3f7 50%,
        #f0f3f7 51%
    );
}
.shop-add-to-cart {
    border: none;
    color: #fff;
    background-image: linear-gradient(
        to right,
        #00c5b6 0%,
        #01a99c 50%,
        #01a99c 51%
    );
    box-shadow: 0 4px 10px rgba(0, 196, 181, 0.2);
}
.shop-add-to-cart:hover {
    background: #00c5b6;
}
.shop-add-to-cart::before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(images/sprite.png) -64px -20px;
    margin-left: 7px;
    position: relative;
    top: 6px;
}
.help-block {
    float: right;
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: 30px -10px 30px rgba(0, 0, 0, 0.05);
    padding: 15px 15px 0 0;
}
.help-h3 {
    float: right;
    font-size: 18px;
    font-weight: bold;
    color: #9e2c4a;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}
.help-ul {
    float: right;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    z-index: 1;
    margin-top: 20px;
}
.help-ul li {
    float: right;
    width: 100%;
}
.help-ul li a {
    float: right;
    width: 100%;
    color: #222;
    line-height: 70px;
    perspective: 100px;
    perspective-origin: right center;
}
.help-ul li a:hover {
    font-weight: bold;
}
.help-ul li a::before {
    content: "";
    display: inline-block;
    margin-left: 15px;
    width: 40px;
    height: 40px;
    background-image: url(images/sprite.png);
    background-position-y: -103px;
    position: relative;
    top: 10px;
    transition: 0.4s ease-in-out;
}
.help-ul li a:hover::before {
    transform: rotateY(180deg);
}
.help-ul-register::before {
    background-position-x: -274px;
}
.help-ul-medical::before {
    background-position-x: -218px;
}
.help-ul-other::before {
    background-position-x: -160px;
}
.help-ul li a span {
    float: left;
    width: 2px;
    height: 20px;
    background: #ced8e8;
    position: relative;
    transition: 0.2s ease-in-out;
    margin: 20px 0 0 30px;
}
.help-ul li a span::before {
    content: "";
    position: absolute;
    top: 9px;
    right: -9px;
    width: 10px;
    height: 2px;
    background: #ced8e8;
    transition: 0.2s ease-in-out;
}
.help-ul li a span::after {
    content: "";
    position: absolute;
    top: 9px;
    left: -9px;
    width: 10px;
    height: 2px;
    background: #ced8e8;
    transition: 0.2s ease-in-out;
}
.help-ul li a:hover span {
    transform: rotate(-90deg);
}
.help-ul li a:hover span::before {
    top: 3px;
    right: -5px;
    transform: skewY(45deg);
    width: 5px;
}
.help-ul li a:hover span::after {
    top: 3px;
    left: -5px;
    transform: skewY(-45deg);
    width: 5px;
}
@media (min-width: 768px) {
    .shop-lightslider-block .lSAction > .lSNext {
        right: 30px;
    }
    .shop-lightslider-block .lSAction > .lSPrev {
        left: 30px;
    }
    .help-h3 {
        font-size: 20px;
    }
    .flex-shop .pb-left {
        width: 57%;
    }
    .flex-shop .pb-left {
        width: 57%;
    }
    .flex-shop .pb-right {
        width: calc(43% - 30px);
    }
    .help-ul li a span {
        margin-left: 13px;
    }
}
@media (min-width: 992px) {
    .shop-box::before {
        content: "";
        position: absolute;
        left: calc(100% + 5px);
        top: 28%;
        width: 70px;
        height: 190px;
        background: url(images/heart.png);
    }
    .help-ul {
        width: calc(100% - 40px);
    }
}
@media (min-width: 1200px) {
    .shop-lightslider-block .lSAction > .lSNext {
        right: 70px;
    }
    .shop-lightslider-block .lSAction > .lSPrev {
        left: 70px;
    }
    .help-block {
        padding: 30px 40px 0 0;
    }
    .help-ul {
        width: calc(100% - 100px);
    }
}
.news {
    float: right;
    width: 100%;
}
.news::before {
    content: "";
    float: right;
    width: 100%;
    height: 112px;
    background-image: linear-gradient(to right, #d62d57, #9d2c48);
}
.flex-news {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.news-right {
    width: 100%;
    margin-top: -90px;
}
.news-left {
    width: 100%;
}
.news-h3 {
    float: right;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.news-h3::before {
    content: "";
    float: right;
    width: 20px;
    height: 20px;
    background: url(images/sprite.png) -98px -20px;
}
.news-h3::after {
    content: "";
    float: right;
    width: 2px;
    height: 20px;
    background-color: #851b36;
    margin: 0 10px;
}
.flex-inner-news {
    float: right;
    width: calc(100% + 30px);
    margin-right: -15px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 15px;
}
.flex-inner-news > div {
    flex: 0 0 auto;
    width: 80%;
    padding-left: 15px;
    margin-bottom: 25px;
}
.news-box {
    float: right;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 22px 0 22px 22px;
    padding: 3px;
    box-shadow: 0 6px 40px rgba(0, 0, 0, 0.07);
}
.news-img {
    float: right;
    width: 100%;
    height: 142px;
    background: #fafafa;
    border-top-left-radius: 21px;
    overflow: hidden;
}
.news-img:hover {
    animation: banner 1 0.8s ease-in-out;
}
.news-img img {
    float: right;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-h2 {
    float: right;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    padding: 0 25px;
    margin-top: 10px;
}
.news-h2 a {
    color: #222;
    line-height: 20px;
    position: relative;
}
.news-h2 a:hover,
.news-img:hover ~ .news-h2 a {
    color: #ed145b;
}
.news-h2 a::before {
    content: "";
    position: absolute;
    top: 5px;
    right: -16px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fdc689;
}
.news-ul {
    float: right;
    width: 100%;
    padding: 0 25px;
    font-size: 11px;
    font-weight: 300;
    color: #7c7c7c;
    line-height: 16px;
    margin: 15px 0;
}
.news-ul li {
    float: right;
}
.news-ul li:first-child {
    padding: 0 7px;
    border-radius: 8px;
    background: #f2f2f2;
    margin-left: 8px;
}
.news-des {
    float: right;
    width: 100%;
    font-size: 13px;
    color: #888;
    text-align: justify;
    line-height: 24px;
    padding: 0 25px;
    margin-bottom: 25px;
}
.news-button {
    margin: 0 0 30px;
    position: relative;
    z-index: 1;
}
@media (min-width: 768px) {
    .flex-inner-news {
        justify-content: space-between;
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        overflow: visible;
    }
    .flex-inner-news > div {
        width: calc(33.3333% - 10px);
        padding-left: 0;
    }
    .news-button {
        float: left;
    }
}
@media (min-width: 1200px) {
    .news-right {
        width: 62%;
        margin-top: -90px;
    }
    .news-left {
        width: 38%;
    }
    .flex-inner-news > div {
        width: calc(33.3333% - 10px);
    }
}
.newsletter {
    float: right;
    width: 100%;
}
.flex-newsletter {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    flex-direction: row-reverse;
    margin-bottom: 100px;
}
.newsletter-box {
    width: 100%;
    border-radius: 22px;
    position: relative;
    box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.newsletter-animation {
    width: 100%;
}
.newsletter-form-block {
    float: right;
    width: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 15px;
    perspective: 200px;
    perspective-origin: center 50px;
    padding: 0 15px;
}
.newsletter-form-block::before {
    content: "";
    float: right;
    width: 51px;
    height: 64px;
    background: url(images/sprite.png) -93px -91px;
    margin-right: calc(50% - 25px);
}
.nf-h3 {
    float: right;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    margin-top: 15px;
}
.nf-des {
    float: right;
    width: 100%;
    font-size: 13px;
    color: #9a9a9a;
    margin: 10px 0;
}
.newsletter-form {
    float: right;
    width: 100%;
    padding: 0 15px;
}
.form-input,
.mailster-email {
    float: right;
    width: 100%;
    height: 34px;
    border: 1px solid #d9e1ed !important;
    background-color: #fff !important;
    border-radius: 12px !important;
    text-align: center;
    font-size: 13px;
    margin-top: 10px;
}
.form-input:focus,
.mailster-email:focus {
    border: 1px solid #c2cad5;
}
::-webkit-input-placeholder {
    color: #bbbbcd;
    letter-spacing: -0.5px;
}
:-ms-input-placeholder {
    color: #bbbbcd;
    letter-spacing: -0.5px;
}
::placeholder {
    color: #bbbbcd;
    letter-spacing: -0.5px;
}
.newsletter-button {
    margin-right: calc(50% - 97px);
}
.talk-to-mahak {
    float: right;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 30px;
    text-align: center;
    perspective: 200px;
    perspective-origin: center 50px;
}
.talk-to-mahak::before {
    content: "";
    float: right;
    width: 53px;
    height: 53px;
    background: url(images/sprite.png) -22px -98px;
    margin-right: calc(50% - 26px);
}
.ttm-button {
    margin: 15px calc(50% - 70px) 50px 0;
}
@media (min-width: 992px) {
    .newsletter-box {
        width: 50%;
    }
    .newsletter-animation {
        width: 50%;
    }
    .newsletter-form {
        padding: 0 60px;
    }
}
@media (min-width: 1200px) {
    .newsletter-box {
        width: 38%;
    }
    .newsletter-animation {
        width: 62%;
    }
    .newsletter-form-block {
        padding: 0 30px;
    }
}
.footer {
    float: right;
    width: 100%;
    border-top: 1px solid #f0f0f0;
    position: relative;
    padding-bottom: 30px;
}
.footer::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 15px;
    background-image: linear-gradient(to right, #d62d57, #9d2c48);
}
.flex-footer {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-footer > div {
    width: 100%;
    margin-top: 30px;
}
.footer-h4 {
    float: right;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    color: #9e2c4a;
    margin-bottom: 15px;
}
.footer-ul {
    float: right;
    width: 100%;
    line-height: 20px;
    font-size: 13px;
    font-weight: 300;
}
.footer-ul li {
    float: right;
    width: 50%;
}
.footer-ul li a {
    float: right;
    width: 100%;
    color: #888;
}
.footer-ul li a::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fdc689;
    margin-left: 10px;
}
.footer-ul li a:hover {
    font-weight: bold;
    color: #222;
}
.chart-box {
    float: right;
    width: 50%;
}
.chart-box img {
    margin: auto;
    display: block;
}
.chart-span {
    float: right;
    width: 100%;
    font-size: 13px;
    color: #888;
    text-align: center;
    font-weight: 300;
    margin-top: 5px;
}
.footer-social-address {
    float: left;
    width: 100%;
}
.footer-social {
    float: left;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 12px;
    margin-bottom: 15px;
}
.footer-social li {
    float: left;
    margin-right: 25px;
    perspective: 100px;
}
.footer-social li:last-child {
    margin-right: 0;
}
.footer-social li a {
    float: left;
    transition: 0.8s ease-in-out;
}
.footer-social li a:hover {
    transform: rotateY(360deg);
}
.footer-social li a span {
    float: left;
    width: 33px;
    height: 33px;
    background-image: url(images/sprite.png);
    background-position-y: -199px;
}
.footer-instagram {
    background-position-x: -22px;
}
.footer-linkedin {
    background-position-x: -72px;
}
.footer-aparat {
    background-position: -302px -434px !important;
}
.footer-email {
    background-position-x: -128px;
}
.footer-address {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    color: #888;
    direction: ltr;
    letter-spacing: -1px;
}
.footer-address li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.footer-address li a {
    color: #888;
}
.footer-address li span::after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fdc689;
    margin: 0 5px;
}
.footer-address li span::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(images/sprite.png);
    background-position-y: -207px;
    margin-right: 10px;
    position: relative;
    top: 1px;
}
.footer-phone-icon::before {
    background-position-x: -190px;
}
.footer-card-icon::before {
    background-position-x: -218px;
}
.footer-address-icon::before {
    background-position-x: -247px;
}
.bold-address {
    font-weight: bold;
    color: #222;
    font-size: 16px;
}
.flex-namad {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.flex-namad > a {
    width: 69px;
}
.footer-lightslider-block {
    width: calc(100% - 80px);
    border-left: 1px solid #f0f0f0;
    position: relative;
    padding: 0 30px;
}
.footer-lightslider {
    float: right;
    width: 100%;
}
.footer-lightslider > div {
    float: right;
    width: 100%;
}
.footer-lightslider > div img {
    margin: auto;
    display: block;
}
.footer-lightslider-block .lSAction {
    display: none !important;
}
.arrow-button {
    position: absolute;
    top: calc(50% - 11px);
    width: 12px;
    height: 23px;
    background-image: url(images/sprite.png);
    opacity: 0.25;
    border: none;
    background-color: transparent;
    transition: 0.2s ease-in-out;
}
.arrow-button:hover {
    opacity: 1;
}
.next-button {
    left: 15px;
    background-position: -409px -106px;
    transform: rotate(180deg);
}
.prev-button {
    background-position: -409px -106px;
    right: 15px;
}
.kalhors {
    float: right;
    width: 100%;
    border-top: 1px solid #f0f0f0;
    font-size: 13px;
    font-weight: 300;
    color: #adadad;
    padding-top: 15px;
    margin-top: 15px;
}
.kalhors a {
    color: #ed145b;
}
@media (min-width: 768px) {
    .flex-footer > div.footer-box1 {
        width: 40%;
    }
    .flex-footer > div.footer-box2 {
        width: calc(60% - 30px);
    }
    .footer-social-address {
        width: 50%;
    }
    .flex-namad {
        width: 50%;
        margin-top: 50px;
    }
}
@media (min-width: 992px) {
    .flex-footer > div.footer-box1 {
        width: 160px;
    }
    .flex-footer > div.footer-box1 .footer-ul li {
        width: 100%;
    }
    .flex-footer > div.footer-box2 {
        width: 40%;
    }
    .flex-footer > div.footer-box3 {
        width: calc(60% - 160px);
    }
    .footer-social-address {
        width: 100%;
    }
    .flex-namad {
        width: 100%;
        margin-top: 5px;
    }
    .kalhors {
        width: 55%;
        margin-top: -34px;
    }
}
@media (min-width: 1200px) {
    .flex-footer > div.footer-box2 {
        width: 54%;
    }
    .flex-footer > div.footer-box3 {
        width: calc(50% - 230px);
    }
    .kalhors {
        width: 62%;
    }
}
.animations {
    float: right;
    width: 100%;
    position: sticky;
    top: 70px;
}
.single {
    float: right;
    width: 100%;
    padding-bottom: 50px;
}
.single::before {
    content: "";
    float: right;
    width: 100%;
    height: 112px;
    background-image: linear-gradient(to right, #d62d57, #9d2c48);
}
.flex-singel {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-singel > .right-single,
.flex-singel > .aside {
    width: 100%;
}
.page-offset {
    float: right;
    width: 100%;
    margin-top: -112px;
}
.breadcrumb {
    float: right;
    width: 100%;
    font-size: 12px;
    color: #3f0e1a;
    line-height: 30px;
    padding: 10px 0;
}
.breadcrumb::before {
    content: "";
    float: right;
    width: 14px;
    height: 14px;
    background: url(images/sprite.png) -306px -211px;
    margin: 5px 0 0 6px;
}
.breadcrumb a {
    float: right;
    color: #ff97b0;
}
.breadcrumb a::after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #782036;
    margin: 0 7px;
}
.single-page {
    float: right;
    width: 100%;
    background-color: #fff;
    padding: 10px;
    border-radius: 22px 0 22px 22px;
    box-shadow: 0 6px 60px rgba(0, 0, 0, 0.07);
    margin-bottom: 30px;
}
.single-img {
    float: right;
    width: 100%;
    border-top-left-radius: 21px;
    overflow: hidden;
}
.single-img img {
    float: right;
    width: 100%;
    height: auto;
}
.single-h1 {
    float: right;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #222;
    margin-top: 25px;
}
.single-h1::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fdc689;
    margin-left: 8px;
}

.single-h1_footer {
    float: right;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-top: 25px;
}
.single-h1_footer::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #00c5b6;
    margin-left: 8px;
}

.singel-des {
    float: right;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    color: #7c7c7c;
    margin-bottom: 20px;
}
.singel-des li {
    float: right;
}
.singel-des li:not(:last-child) {
    margin-left: 18px;
}
.singel-des li::before {
    content: "";
    width: 13px;
    height: 14px;
    float: right;
    margin-left: 7px;
    background-image: url(images/sprite.png);
    background-position-y: -171px;
}
.singel-des li:nth-child(1)::before {
    background-position-x: -236px;
}
.singel-des li:nth-child(2)::before {
    background-position-x: -214px;
}
.singel-des li:nth-child(3)::before {
    background-position-x: -190px;
    width: 14px;
}
.single-content {
    float: right;
    width: 100%;
    font-weight: 300;
    color: #555;
    line-height: 30px;
    text-align: justify;
}
.single-content img {
    border-radius: 10px 0 10px 10px;
}
blockquote {
    float: right;
    width: 100%;
    min-height: 70px;
    margin: 30px 0;
    border-radius: 22px;
    box-shadow: 0 4px 27px rgba(121, 46, 64, 0.11);
    font-size: 15px;
    line-height: 24px;
    padding: 20px 80px 20px 30px;
    position: relative;
    background-image: linear-gradient(-130deg, #ec9cb0 0%, #fff 20%);
}
blockquote::before {
    content: "";
    position: absolute;
    top: 25px;
    right: 25px;
    width: 31px;
    height: 21px;
    background: url(images/sprite.png) -281px -168px;
}
.single-h3 {
    float: right;
    width: 100%;
    font-size: 20px;
    color: #9e2c4a;
    margin-bottom: 18px;
}
.single-h3::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fdc689;
    margin-left: 11px;
}
.flex-related {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.comment-block {
    float: right;
    width: 100%;
}
article.comment {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 22px;
}
ol.commentlist {
    list-style: none;
}
article.comment::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(
        90deg,
        #aeaeae,
        #aeaeae 20%,
        transparent 20%,
        transparent 100%
    );
    background-size: 5px 1px;
}
.comment.child {
    padding-right: 25px;
}
.avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    position: sticky;
    top: 80px;
}
.avatar img {
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    object-fit: cover;
    margin: 0;
}
.comment-content {
    width: calc(100% - 64px);
    padding-right: 22px;
}
.comment-text {
    float: right;
    width: 100%;
    text-align: justify;
    line-height: 24px;
    font-size: 13px;
    color: #969696;
}
.reply {
    float: left;
    color: #969ba8;
    font-size: 12px;
    margin-top: 5px;
}
.reply::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url(images/sprite.png) -325px -168px;
    margin-left: 10px;
    position: relative;
    top: 2px;
}
.reply:hover {
    color: #faa91c;
}
.comment-title-block {
    float: right;
    position: relative;
    line-height: 24px;
    padding-bottom: 15px;
    margin-bottom: 11px;
}
.comment-title-block::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 1px;
    background: #fdc689;
}
.comment-name {
    float: right;
    width: 100%;
    font-size: 13px;
    color: #464646;
}
.comment-date {
    float: right;
    width: 100%;
    font-size: 13px;
    color: #969696;
}
.form-comment {
    float: right;
    width: 100%;
    margin-top: 10px;
}
.comment-span {
    float: right;
    width: 100%;
    color: #464646;
    line-height: 24px;
    font-size: 13px;
}
.comment-span:nth-child(2) {
    color: #969696;
}
.flex-input-item {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin-top: 25px;
}
.flex-input-item > input,
.input {
    width: 100%;
    line-height: 40px;
    border-radius: 7px;
    padding: 0 10px;
    background: #f5f5f7;
    border: none;
    font-size: 12px;
    margin-bottom: 10px;
}
.comment-textarea {
    float: right;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 150px;
    min-height: 150px;
    border-radius: 7px;
    padding: 7px 10px;
    background: #f5f5f7;
    border: none;
    font-size: 12px;
    margin-bottom: 12px;
}
.comment-button {
    margin: 10px calc(50% - 59px) 20px 0;
}
.aside-block {
    float: right;
    width: 100%;
    position: sticky;
    top: 0;
    transition: 0.2s ease-in-out;
    margin-top: 13px;
}
.fixed-single .aside-block {
    top: 58px;
}
.sidebar-box {
    float: right;
    width: 100%;
    padding: 23px;
    background-color: #fff;
    border-radius: 22px;
    box-shadow: 0 6px 60px rgba(0, 0, 0, 0.07);
    margin-top: 13px;
}
div.sidebar-box:first-child {
    background-image: radial-gradient(#e4ffff, #b7f2fc);
    border: 5px solid #fff;
    padding: 23px 20px 30px;
}
div.sidebar-box .ptb-h3 {
    display: none;
}
.sb-icons {
    line-height: 42px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding-right: 35px;
    direction: ltr;
    color: #222;
    padding: 18px 35px 18px 18px;
}
.sb-icons::before {
    float: right;
    content: "";
    width: 42px;
    height: 42px;
    background-image: url(images/sprite.png);
    background-position-y: -271px;
}
.sb-icons-phone::before {
    background-position-x: -20px;
}
.sb-icons-ussd::before {
    background-position-x: -72px;
}
a.sidebar-box:hover {
    background-color: #eee;
    box-shadow: none;
}
a.sidebar-box:active {
    background-color: #fafafa;
}
.sb-icons-talk::before {
    background-position-x: -119px;
}
.sb-icons-card::before {
    background-position-x: -174px;
}
.sb-icons-talk,
.sb-icons-card {
    font-size: 13px;
}
@media (min-width: 768px) {
    .flex-input-item > input {
        width: calc(33.3333% - 9px);
    }
    .single-page {
        padding: 20px 23px;
    }
}
@media (min-width: 992px) {
    .flex-singel > .right-single {
        width: calc(100% - 300px);
    }
    .flex-singel > .aside {
        width: 280px;
    }
}
@media (min-width: 1200px) {
    .comment.child {
        padding-right: 50px;
    }
    .form-comment {
        padding: 0 140px;
    }
}
.flex-talk-to-mahak {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    flex-direction: row-reverse;
}
.flex-talk-to-mahak > div {
    float: right;
    width: 100%;
    text-align: justify;
}
.page-h1 {
    margin-top: 10px;
}
.ttm-contet {
    float: right;
    width: 100%;
    text-align: justify;
    font-weight: 300;
    color: #31302b;
    line-height: 27px;
}
.labels-span {
    float: right;
    width: 100%;
    font-weight: 300;
    font-size: 15px;
    color: #6d6d6d;
    margin-bottom: 10px;
}
.ttm-labels {
    float: right;
    width: 100%;
    margin: 10px 0;
}
.ttm-labels .radio:last-child {
    margin-left: 0;
}
.radio {
    float: right;
    font-size: 13px;
    color: #6d6d6d;
    cursor: pointer;
    margin: 0 0 10px 20px;
}
.radio.right {
    float: right;
    margin: 12px 15px 0 0;
}
.radio input {
    float: right;
    width: 18px;
    height: 18px;
    border: 1px solid #cddaed;
    background-color: #fff;
    margin-left: 7px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    position: relative;
    top: 3px;
}
.radio input:checked {
    background: #ed145b;
    box-shadow: inset 0 0 0 4px #fff;
}
.flex-talk-to-mahak .comment-button {
    margin-right: 0;
}
.ttm-ul {
    text-align: right;
    margin-top: 20px;
}
.ttm-ul li {
    margin-bottom: 10px;
}
.ttm-ul li span::before {
    float: right;
    margin: 0 0 0 10px;
}
.message-code {
    float: right;
    width: 100%;
    font-weight: bold;
    color: #41581f;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
}
.message-code li {
    float: right;
    width: 100%;
    background: #f0fae1;
    border-radius: 12px;
    padding: 0 20px;
    line-height: 47px;
}
.message-code li span {
    float: left;
    font-size: 16px;
    letter-spacing: 5px;
}
.track-span {
    float: right;
    width: 100%;
    text-align: justify;
    font-size: 15px;
    font-weight: 300;
    color: #6d6d6d;
    margin: 20px 0;
}
.flex-talk-to-mahak .newsletter-form {
    padding: 0;
}
.flex-talk-to-mahak .newsletter-form input {
    width: 66.6666%;
}
.flex-talk-to-mahak .newsletter-form button {
    width: calc(33.3333% - 5px);
    margin: 10px 0 0;
    float: left;
    padding: 0;
}
.send-comment-ul {
    float: right;
    width: 100%;
    margin-top: 45px;
}
.send-comment-ul li {
    float: right;
    width: 100%;
    max-width: 80%;
    font-weight: 300;
    color: #31302b;
    line-height: 24px;
    text-align: justify;
    padding: 15px 20px;
    border-radius: 22px;
    position: relative;
    margin-bottom: 16px;
}
.send-comment-ul li span {
    float: right;
    width: 100%;
    font-weight: bold;
}
.user-comment {
    border: 1px solid #d9e1ed;
    margin-right: 20px;
}
.user-comment::before {
    content: "";
    position: absolute;
    bottom: 30px;
    right: -20px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #d9e1ed;
}
.user-comment::after {
    content: "";
    position: absolute;
    bottom: 30px;
    right: -18px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff;
}
.send-comment-ul li.mahak-comment {
    float: left;
    background: #f0fae1;
    color: #41581f;
    margin-left: 20px;
}
.mahak-comment::before {
    content: "";
    position: absolute;
    bottom: 30px;
    left: -20px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #f0fae1;
}
.no-answer {
    float: left;
    font-weight: 300;
}
.no-answer span {
    float: left;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ed145b;
    position: relative;
    margin: 8px 30px 0 0;
}
.no-answer span::before {
    content: "";
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ed145b;
}
.no-answer span::after {
    content: "";
    position: absolute;
    left: calc(100% + 14px);
    top: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ed145b;
}
.right-ttm {
    z-index: 1;
}
@media (min-width: 768px) {
    .message-code li span {
        letter-spacing: 10px;
    }
    .flex-talk-to-mahak .newsletter-form button {
        padding: 0 25px;
    }
    .page-h1 {
        margin-top: 0;
    }
    .labels-span {
        width: auto;
        margin: 0 0 0 20px;
    }
}
@media (min-width: 992px) {
    .flex-talk-to-mahak > div.right-ttm {
        width: 50%;
    }
    .flex-talk-to-mahak > div.left-ttm {
        width: calc(50% - 30px);

        text-align: center;
    }
}
@media (min-width: 1200px) {
    .flex-talk-to-mahak .form-comment {
        padding: 0;
    }
    .message-code li span {
        margin-left: 125px;
    }
    .flex-talk-to-mahak .newsletter-form {
        width: 70%;
    }
}
.error-svg {
    display: block;
    margin: auto;
    max-width: 500px;
}
.error-title {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 36px;
}
.error-des {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    color: #888;
    margin-top: 5px;
}
.error-button {
    margin: 40px calc(50% - 60px) 70px 0;
}
.contact-us {
    background: #fff url(images/map.jpg) no-repeat top left;
    min-height: 400px;
    padding: 300px 23px 50px;
}
.contact-us-block {
    float: right;
    width: 100%;
}
.footer-fax-icon::before {
    background-position-x: -330px;
}
.footer-postal-icon::before {
    background-position-x: -355px;
}
.footer-mail-icon::before {
    background-position-x: -380px;
}
.office {
    float: right;
    width: 100%;
    margin-top: 40px;
}
.office-title {
    float: right;
    width: 100%;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-right: 25px;
    margin-bottom: 20px;
}
.office-title::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 2px;
    background-color: #fdc689;
    top: 13px;
    right: 0;
}
.office-title::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 2px;
    background-color: #fdc689;
    top: 13px;
    right: 0;
    transform: rotate(90deg);
    transition: 0.2s ease-in-out;
}
.office-title.active::after {
    transform: none;
}
.office-content {
    float: right;
    width: 100%;
    padding-right: 25px;
    display: none;
}
.office-content.active {
    display: block;
}
.inner-office-block {
    float: right;
    width: 100%;
    padding-right: 30px;
    display: none;
    position: relative;
    margin-bottom: 30px;
}
.inner-office-block::before {
    content: "";
    position: absolute;
    top: 0;
    right: 5px;
    width: 1px;
    height: 100%;
    background: #f1f1f1;
}
.inner-office-block::after {
    content: "";
    position: absolute;
    top: 0;
    right: 5px;
    width: calc(100% - 5px);
    height: 1px;
    background-image: linear-gradient(to left, #f1f1f1 20%, #fff 75%);
}
.inner-office-title {
    float: right;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    color: #222;
    position: relative;
    padding-right: 22px;
    margin-bottom: 15px;
}
.inner-office-title.active {
    font-weight: bold;
}
.inner-office-title::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 2px;
    background-color: #e6ded6;
    top: 10px;
    right: 0;
}
.inner-office-title::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 2px;
    background-color: #e6ded6;
    top: 10px;
    right: 0;
    transform: rotate(90deg);
    transition: 0.2s ease-in-out;
}
.inner-office-title.active::after {
    transform: none;
}
.office-child {
    float: right;
    width: 100%;
    padding: 15px 0;
    position: relative;
}
.office-child::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to left, #f1f1f1 20%, #fff 75%);
}
.inner-office-block .office-child:last-child::before {
    display: none;
}
.office-name {
    float: right;
    width: 100%;
    color: #ed145b;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}
.office-ul {
    float: right;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    color: #555;
    line-height: 24px;
}
.office-ul li {
    float: right;
    width: 100%;
}
.office-ul li span {
    font-weight: bold;
}
.alborz ~ .office-content.active > .inner-office-block {
    display: block;
    padding-right: 25px;
}
.alborz ~ .office-content.active > .inner-office-block::before {
    right: 0;
}
.alborz ~ .office-content.active > .inner-office-block::after {
    right: 0;
    width: 100%;
}
@media (min-width: 768px) {
    .contact-us {
        padding-top: 20px;
    }
    .contact-us-block {
        width: 50%;
    }
}
.product-slider-block {
    float: right;
    width: 100%;
    overflow: hidden;
    border-radius: 22px 0 22px 22px;
}
.product-slider {
    float: right;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 6px 35px rgba(82, 108, 168, 0.07);
}
.product-slider a {
    float: right;
    width: 100%;
    position: relative;
}
.product-slider a::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(
        -25deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 50%
    );
    z-index: 1;
}
.product-slider a img {
    float: right;
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 22px 0 22px 22px;
}
.product-slider a:hover img {
    animation: banner 1 0.8s ease-in-out;
}
.product-slider a h3 {
    position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    z-index: 1;
}
.product-slider-block .lSSlideOuter .lSPager.lSpg {
    position: relative;
    top: -30px;
}
.flex-shop-banner {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-shop-banner > a {
    float: right;
    width: calc(50% - 5px);
    border-radius: 22px 0 22px 22px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
.flex-shop-banner > a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.calendar {
    box-shadow: 0 6px 35px rgba(237, 20, 91, 0.15);
}
.calendar::before {
    background-image: linear-gradient(
        -30deg,
        rgba(237, 20, 91, 1) 0%,
        rgba(237, 20, 91, 0) 50%
    );
}
.notebook {
    box-shadow: 0 6px 35px rgba(247, 148, 29, 0.15);
}
.notebook::before {
    background-image: linear-gradient(
        -30deg,
        rgba(247, 148, 29, 1) 0%,
        rgba(247, 148, 29, 0) 60%
    );
}
.notepad {
    box-shadow: 0 6px 35px rgba(141, 198, 63, 0.15);
}
.notepad span {
    color: rgba(24, 39, 3, 1) !important;
}
.notepad::before {
    background-image: linear-gradient(
        -30deg,
        rgba(141, 198, 63, 1) 0%,
        rgba(141, 198, 63, 0) 60%
    );
}
.artistic-products {
    box-shadow: 0 6px 35px rgba(29, 190, 207, 0.15);
}
.artistic-products::before {
    background-image: linear-gradient(
        -30deg,
        rgba(29, 190, 207, 1) 0%,
        rgba(29, 190, 207, 0) 50%
    );
}
.calendar22::before {
    background-image: linear-gradient(
        -30deg,
        #881dcf 0%,
        rgba(29, 190, 207, 0) 50%
    );
}
.notebook22::before {
    background-image: linear-gradient(
        -30deg,
        #cf1da3 0%,
        rgba(29, 190, 207, 0) 50%
    );
}
.flex-shop-banner > a img {
    float: right;
    width: 100%;
}
.flex-shop-banner > a:hover img {
    animation: banner 1 0.8s ease-in-out;
}
.flex-shop-banner > a span {
    position: absolute;
    right: 18px;
    bottom: 10px;
    font-size: 12px;
    color: #fff;
    z-index: 2;
}
.flex-shop-sidebar {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    flex-direction: row-reverse;
    margin-bottom: 30px;
}
.shop-section {
    float: left;
    width: 100%;
    margin-top: 25px;
}
.inner-shop-section {
    float: left;
    width: 100%;
    background-color: #f0f0f0;
    border-radius: 22px 0 22px 22px;
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 1px;
    grid-column-gap: 1px;
    box-shadow: 0 6px 60px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}
.shop-section .inner-shop-box {
    background-color: #fff;
    padding: 15px 20px;
}
.shop-section .inner-shop-box:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.shop-section .inner-shop-box .shop-add-to-cart {
    padding: 0 15px;
}
.shop-section .inner-shop-box .shop-read-more {
    padding: 0 20px;
}
.niwanta-pagination {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.niwanta-pagination li {
    display: inline-block;
    margin: 0 3px 10px;
}
.niwanta-pagination ul li span.current {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: linear-gradient(to right, #d62d57, #9d2c48);
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    position: relative;
}
.niwanta-pagination li a,
.niwanta-pagination li span {
    float: right;
    width: 24px;
    height: 34px;
    border-radius: 12px;
    background-color: #fff;
    font-size: 16px;
    color: #222;
    line-height: 34px;
    box-shadow: 0 6px 60px rgba(0, 0, 0, 0.1);
}
.niwanta-pagination li a:hover,
.niwanta-pagination li span:hover {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: linear-gradient(to right, #d62d57, #9d2c48);
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
}
.niwanta-pagination li:first-child a,
.niwanta-pagination li:last-child a {
    width: 68px;
}
.niwanta-pagination li:first-child a span,
.niwanta-pagination li:last-child a span {
    float: right;
    width: 8px;
    height: 14px;
    margin: 10px 30px 0 0;
    background: url(images/sprite.png) -385px -167px;
}
.niwanta-pagination li:last-child a span {
    transform: rotate(180deg);
}
.niwanta-pagination li:first-child a:hover span,
.niwanta-pagination li:last-child a:hover span {
    background-position-x: -373px;
}
.shop-aside {
    position: fixed;
    top: 0;
    right: -300px;
    width: 280px;
    height: 100%;
    background-color: #fff;
    z-index: 999999;
    overflow-y: auto;
    visibility: hidden;
    transition: 0.4s ease-in-out;
}
.shop-aside.active {
    right: 0;
    visibility: visible;
}
.aside-button {
    position: fixed;
    right: 15px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    background: #fff
        url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTExIDUxMS45OTk4MiIgd2lkdGg9IjUxMiI+PGc+PHBhdGggZD0ibTQ5Mi40NzY1NjIgMGgtNDcxLjk3NjU2MmMtMTEuMDQ2ODc1IDAtMjAgOC45NTMxMjUtMjAgMjAgMCA1NS42OTUzMTIgMjMuODc1IDEwOC44NjcxODggNjUuNTAzOTA2IDE0NS44NzEwOTRsODcuNTg5ODQ0IDc3Ljg1MTU2MmMxNS4xODc1IDEzLjUgMjMuODk4NDM4IDMyLjg5ODQzOCAyMy44OTg0MzggNTMuMjIyNjU2djE5NS4wMzEyNWMwIDE1LjkzNzUgMTcuODEyNSAyNS40OTIxODggMzEuMDg5ODQzIDE2LjYzNjcxOWwxMTcuOTk2MDk0LTc4LjY2MDE1NmM1LjU2MjUtMy43MTA5MzcgOC45MDYyNS05Ljk1MzEyNSA4LjkwNjI1LTE2LjY0MDYyNXYtMTE2LjM2NzE4OGMwLTIwLjMyNDIxOCA4LjcxMDkzNy0zOS43MjI2NTYgMjMuODk4NDM3LTUzLjIyMjY1Nmw4Ny41ODU5MzgtNzcuODUxNTYyYzQxLjYyODkwNi0zNy4wMDM5MDYgNjUuNTAzOTA2LTkwLjE3NTc4MiA2NS41MDM5MDYtMTQ1Ljg3MTA5NCAwLTExLjA0Njg3NS04Ljk1MzEyNS0yMC0xOS45OTYwOTQtMjB6bS03Mi4wODIwMzEgMTM1Ljk3MjY1Ni04Ny41ODU5MzcgNzcuODU1NDY5Yy0yMy43MTg3NSAyMS4wODU5MzctMzcuMzI0MjE5IDUxLjM3ODkwNi0zNy4zMjQyMTkgODMuMTEzMjgxdjEwNS42Njc5NjlsLTc3Ljk5NjA5NCA1MS45OTYwOTR2LTE1Ny42NjAxNTdjMC0zMS43MzgyODEtMTMuNjA1NDY5LTYyLjAzMTI1LTM3LjMyNDIxOS04My4xMTcxODdsLTg3LjU4NTkzNy03Ny44NTE1NjNjLTI4LjA3MDMxMy0yNC45NTcwMzEtNDUuOTg4MjgxLTU5LjE1MjM0My01MC43ODUxNTYtOTUuOTgwNDY4aDQyOS4zODY3MTljLTQuNzk2ODc2IDM2LjgyODEyNS0yMi43MTA5MzggNzEuMDIzNDM3LTUwLjc4NTE1NyA5NS45NzY1NjJ6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRUQxNDVCIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjwvZz4gPC9zdmc+)
        no-repeat center center;
    background-size: 20px 20px;
    z-index: 99;
}
.sa-box {
    float: right;
    width: 100%;
    background-color: #fff;
    padding: 5px;
}
.sa-box-h3 {
    float: right;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    color: #555;
    padding: 0 20px;
    line-height: 50px;
    border-bottom: 1px solid #f0f0f0;
}
.sa-box-content {
    float: right;
    width: 100%;
    padding: 20px 20px 10px;
}
.sa-box-content label {
    width: 100%;
}
.sa-ul {
    float: right;
    width: 100%;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 15px;
}
.sa-ul li {
    float: right;
    width: 100%;
}
.sa-ul li a {
    float: right;
    width: 100%;
    color: #555;
}
.sa-ul li a:hover {
    color: #ed145b;
}
.sa-ul > li > a {
    padding-right: 21px;
    position: relative;
}
.sa-ul > li > a.has-ul::before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 11px;
    height: 6px;
    background: url(images/sprite.png) -402px -167px;
}
.sa-ul ul {
    padding-right: 21px;
    font-weight: 300;
}
.show-list .inner-shop-box {
    text-align: right;
}
.category-shop-banner .shop-section {
    margin-top: 0;
}
.category-shop-banner .shop-aside {
    margin-top: 0;
    align-self: normal;
}
.category-shop-banner .sa-box {
    margin-top: 0;
}
.category-shop-banner .flex-shop-banner > a {
    margin-bottom: 28px;
}
.product-block {
    float: right;
    width: 100%;
}
.show-list .product-block {
    text-align: center;
}
.wapf-field-group {
    float: right;
    width: 100%;
}
@media (min-width: 425px) {
    .show-list .shop-img {
        width: 30%;
    }
    .show-list .shop-h2,
    .show-list .prices,
    .show-list .product-block {
        width: auto;
        text-align: right;
    }
    .show-list .prices {
        clear: both;
        float: none;
    }
    .show-list .shop-buttons {
        float: left;
    }
}
@media (min-width: 768px) {
    .product-slider a img {
        height: auto;
    }
    .product-slider a h3 {
        font-size: 24px;
        right: 70px;
    }
    .flex-shop-banner > a {
        width: calc(25% - 8px);
    }
    .flex-shop-banner > a span {
        font-size: 14px;
        right: 28px;
        bottom: 15px;
    }
    .inner-shop-section {
        grid-template-columns: 1fr 1fr;
    }
    .show-list {
        grid-template-columns: 1fr;
    }
    .niwanta-pagination li a {
        width: 34px;
    }
    .category-shop-banner .flex-shop-banner > a {
        width: calc(50% - 8px);
    }
    .show-list .product-block {
        margin-top: 20px;
    }
    .show-list .shop-buttons {
        width: auto;
        margin-top: 30px;
    }
    .show-list .shop-buttons li:last-child {
        margin-left: 150px;
    }
    .show-list .shop-buttons li:nth-child(2) {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .product-slider-block .lSSlideOuter .lSPager.lSpg {
        top: -40px;
    }
    .flex-shop-banner > a span {
        font-size: 18px;
    }
    .shop-section,
    .niwanta-pagination {
        width: calc(100% - 300px);
    }
    .inner-shop-section {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .show-list {
        grid-template-columns: 1fr;
    }
    .shop-aside {
        position: sticky;
        visibility: visible;
        top: unset;
        bottom: 15px;
        align-self: flex-end;
        background-color: transparent;
        z-index: 99;
        overflow-y: visible;
        margin-top: 10px;
    }
    .sa-box {
        border-radius: 22px 0 22px 22px;
        box-shadow: 0 6px 60px rgba(0, 0, 0, 0.1);
        margin-top: 15px;
    }
    .aside-button {
        display: none;
    }
    .show-list .shop-buttons {
        float: left;
        width: auto;
        margin-top: 30px;
    }
}
@media (min-width: 1200px) {
    .product-slider-block ~ .flex-shop-sidebar .flex-shop-banner > a {
        height: 233px;
    }
    .show-list .product-block {
        margin-top: 45px;
    }
    .show-list .shop-buttons {
        margin-top: 50px;
    }
}
.category-page {
    margin-bottom: 0;
    position: relative;
}
.category-aside {
    float: right;
    width: 100%;
    transition: 0.2s ease-in-out;
}
.category-aside-h3 {
    float: right;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    color: #9e2c4a;
    margin-bottom: 10px;
    text-align: center;
}
.category-aside-ul {
    float: right;
    width: 100%;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
    font-size: 13px;
}
.category-aside-ul li {
    display: inline-block;
    margin-bottom: 15px;
}
.category-aside-ul li a {
    color: #888;
}
.category-aside-ul li a::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fdc689;
    margin-left: 8px;
}
.category-aside-ul li a:hover {
    font-weight: bold;
    color: #222;
}
.category-block {
    float: left;
    width: 100%;
}
.category-block .news-box {
    box-shadow: none;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px;
    border-radius: 22px 0 0 22px;
}
.category-page .niwanta-pagination {
    width: 100%;
    position: absolute;
    bottom: -117px;
    margin-top: 0;
    right: 0;
}
.category-padding .aside {
    margin-top: 110px;
}
@media (min-width: 786px) {
    .category-block .news-img {
        width: 150px;
        height: 125px;
    }
    .category-block .news-h2 {
        width: calc(100% - 150px);
    }
    .category-block .news-ul {
        width: calc(100% - 150px);
        margin: 15px 0 10px;
    }
    .category-block .news-des {
        width: calc(100% - 150px);
        margin-bottom: 0;
    }
}
@media (min-width: 992px) {
    .category-padding {
        padding-bottom: 167px;
    }
    .category-padding .aside {
        margin-top: 0;
    }
}
@media (min-width: 1200px) {
    .category-aside {
        width: 150px;
        position: sticky;
        top: 15px;
    }
    .fixed-single .category-aside {
        top: 73px;
    }
    .category-aside-h3 {
        text-align: right;
    }
    .category-aside-ul {
        text-align: right;
        margin-bottom: 0;
    }
    .category-aside-ul li {
        float: right;
        width: 100%;
    }
    .category-block {
        width: calc(100% - 150px);
        border-right: 1px solid #f0f0f0;
        padding-right: 23px;
    }
}
.flex-product {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-product > div {
    float: right;
    width: 100%;
}
.product-h1 {
    margin-top: 20px;
}
.product-prices {
    margin: 10px 0;
}
.product-prices.prices li.old-price {
    font-size: 14px;
}
.product-prices.prices li.new-price {
    font-size: 18px;
}
.product-add-to-cart {
    float: right;
    padding: 0 20px;
    background-image: linear-gradient(
        to right,
        #00c5b6 0%,
        #01a99c 50%,
        #01a99c 51%
    );
    box-shadow: 0 4px 10px rgba(0, 196, 181, 0.2);
    color: #fff;
    font-weight: bold;
    line-height: 44px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    margin: 20px 0;
    border: none;
}
.product-add-to-cart:hover {
    background: #00c5b6;
}
.product-add-to-cart::before {
    content: "";
    float: right;
    width: 22px;
    height: 22px;
    background: url(images/sprite.png) -33px -17px;
    margin: 9px 0 0 5px;
}
.product-gallery-block {
    float: right;
    width: 100%;
    border: 1px solid #e8e8e8;
    border-top-left-radius: 22px;
    padding: 0 5px;
}
.product-gallery {
    float: right;
    width: 100%;
    height: 280px !important;
}
.product-gallery > div {
    float: right;
    width: 100%;
    height: 280px;
    margin-bottom: 30px;
}
.product-gallery > div img {
    float: right;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-gallery-block .lSGallery {
    margin-bottom: 30px !important;
    padding: 0 15px;
}
.lSPager.lSGallery > li {
    border: 1px solid #e8e8e8;
    padding: 10px;
    border-radius: 22px 0 22px 22px;
}
.lSPager.lSGallery > li.active,
.lSPager.lSGallery > li:hover {
    border-color: #f05a72;
    border-radius: 22px 0 22px 22px !important;
}
.lg-outer .lg {
    direction: ltr;
}
.number-block {
    float: right;
    width: 100%;
}
.flex-product .number-block::before {
    content: "تعداد : ";
    font-weight: bold;
}
.flex-product .number-block .number-block::before {
    display: none;
}
.number {
    display: none !important;
}
.numberr {
    float: right;
    margin-left: 20px;
    line-height: 30px;
    font-weight: bold;
    color: #555;
}
.FormUnit--spin {
    display: inline-flex;
    justify-content: center;
}
.FormUnit-quantity {
    background-color: transparent;
    border: none;
    color: #464646;
    font-size: 18px;
}
.FormUnit-field--spin {
    width: 40px;
    height: 25px;
    border-radius: 7px;
    text-align: center;
    color: #000;
    order: 2;
    margin: 0 5px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    border: none;
}
.FormUnit-quantity--remove {
    order: 3;
}
.FormUnit-quantity--add {
    order: -1;
}
.related-product .inner-shop-box {
    background-color: #fff;
    padding: 30px 15px 0;
}
.related-product .inner-shop-box:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.related-product .shop-add-to-cart,
.related-product .shop-read-more {
    padding: 0 15px;
}
.product-tab {
    float: right;
    width: 100%;
    color: #b4b4b4;
    margin-top: 36px;
}
.product-tab li {
    float: right;
    cursor: pointer;
    background-color: #f2f2f2;
    line-height: 46px;
    width: 90px;
    border-top-left-radius: 20px;
    text-align: center;
}
.product-tab li.active {
    background: #fff;
    color: #9e2c4a;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.tab-content {
    float: right;
    width: 100%;
    display: none;
}
.tab-content.active {
    display: block;
}
.product-details {
    float: right;
    width: 100%;
    font-size: 11px;
}
.product-details li {
    float: right;
    width: 100%;
    margin-bottom: 13px;
    display: flex;
    justify-content: space-between;
}
.detail-title {
    float: right;
    width: calc(30% - 5px);
    background: #f3f3f3;
    border-radius: 15px;
    padding: 10px 5px;
    color: #464646;
}
.detail-des {
    float: left;
    width: calc(70% - 5px);
    background: #fbfbfb;
    border-radius: 15px;
    padding: 10px 5px;
    color: #464646;
}
.prices li.price-title {
    margin-left: 15px;
    font-weight: bold;
    color: #555;
}
.product-description {
    height: 62px;
    overflow: hidden;
}
.product-description.active {
    height: auto;
}
.show-pd {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #555;
    margin: 50px 0;
    cursor: pointer;
}
.show-pd::after {
    content: "";
    display: block;
    width: 30px;
    height: 20px;
    margin: 10px auto auto;
    background: url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJDYXBhXzEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU1MS4xMyA1NTEuMTMiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTUxLjEzIDU1MS4xMyIgd2lkdGg9IjUxMiI+PGc+PHBhdGggZD0ibTI3NS41NjUgMzYxLjY3OS0yMjMuODk3LTIyMy44OTZoLTUxLjY2OGwyNzUuNTY1IDI3NS41NjUgMjc1LjU2NS0yNzUuNTY1aC01MS42Njh6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM1NTU1NTUiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PC9nPiA8L3N2Zz4=)
        no-repeat center center;
    background-size: 20px 20px;
}
@media (min-width: 768px) {
    .product-tab li {
        width: 100px;
    }
    .product-details {
        font-size: 14px;
    }
    .detail-title,
    .detail-des {
        padding: 15px 25px;
    }
}
@media (min-width: 992px) {
    .flex-product > div {
        width: calc(50% - 25px);
    }
    .related-product {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .product-h1 {
        margin-top: 10px;
    }
}
.comment-reply-link {
    float: left;
    color: #969ba8;
    font-size: 12px;
    margin-top: 5px;
}
.comment-reply-link::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url(./images/sprite.png) -325px -168px;
    margin-left: 10px;
    position: relative;
    top: 2px;
}
.comment-reply-link:hover {
    color: #faa91c;
}
ul.children {
    padding-right: 25px;
    width: 100%;
}
.niwanta-pagination li:first-child a span,
.niwanta-pagination li:last-child a span {
    margin: 11px 15px 0 0;
}
.niwanta-pagination li:first-child a,
.niwanta-pagination li:last-child a {
    width: 34px;
}
.comment-name a,
.comment-text a,
.logged-in-as a {
    color: #ed145b;
}
.margin-top-150 {
    margin-top: 150px;
}
.margin-bottom-250 {
    margin-bottom: 250px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.pb-right.pb-right-animation {
    margin-bottom: 30px;
}
.pb-right.pb-right-animation ~ .pb-left {
    margin-bottom: 0;
}
.tags {
    float: right;
    width: 100%;
    position: relative;
    margin-top: 25px;
    padding: 10px 58px 0 0;
}
.tags::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(
        90deg,
        #e7e7e7,
        #e7e7e7 75%,
        transparent 75%,
        transparent 100%
    );
    background-size: 20px 1px;
}
.tags span {
    position: absolute;
    top: 15px;
    right: 0;
    line-height: 22px;
    font-size: 13px;
    color: #888;
}
.tags a {
    float: right;
    line-height: 22px;
    background: #f5f5f7;
    border-radius: 11px;
    color: #9f7080;
    font-size: 12px;
    padding: 0 12px;
    margin: 5px 8px 0 0;
}
.tags a:hover {
    background: #9d2c48;
    color: #fff;
}
.category-block.tag-block {
    width: 100%;
    border-right: none;
    padding-right: 0;
}
.single-gallery {
    padding: 0;
    border: none;
    margin-top: 30px;
}
.single-gallery .product-gallery > div {
    margin: auto;
}
.single-gallery .lSPager {
    margin: 10px 0 0 !important;
}
.single-gallery .lSPager li {
    padding: 5px;
}
.single-gallery .lSPager img {
    border-radius: 15px 0 15px 15px;
}
.single-gallery .product-gallery {
    height: auto !important;
}
.single-gallery .product-gallery img {
    border-radius: 22px 0 22px 22px;
}
.pb-right.pb-right-animation {
    margin-top: -100px;
}
@media (max-width: 450px) {
    .flex-newsletter {
        margin-bottom: 10px;
    }
    .news-button {
        margin-bottom: 0;
    }
    .flex-inner-pb > a {
        margin-bottom: 0;
    }
    .flex-pay-banner {
        margin-top: 0;
    }
    .pb-right.pb-right-animation {
        margin-bottom: 0 !important;
    }
}
@media (min-width: 992px) {
    .pb-right.pb-right-animation {
        margin-top: -130px;
    }
    .flex-pay-banner.flex-shop {
        margin-top: 50px;
    }
}
.checkbox input {
    border-radius: 0;
}
.checkbox input:checked {
    border-top: none;
    border-left: none;
    box-shadow: none;
    background-color: transparent;
    width: 10px;
    transform: rotate(45deg);
    margin: -5px 7px 0 8px;
    border-color: #ed145b;
}
.margin-top-0 {
    margin-top: 0;
}
.online-help-span {
    font-size: 14px;
    margin-top: 5px;
}
.flex-input-item > input {
    height: 40px;
    border: 1px solid #f5f5f7;
}
.form-comment .comment-textarea {
    height: 40px;
    border: 1px solid #f5f5f7;
}
.flex-input-item > input:focus,
.form-comment .comment-textarea:focus,
.gholak-form select:focus,
.select-date:focus,
#talar-tavalod-date:focus,
#talar-ezdevaj-date:focus,
#talar-run-celebration:focus,
#fot:focus,
#tavalod:focus,
#search-date:focus {
    background-color: #fbfbfb;
    border: 1px solid #eee;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.07);
}
.flex-input-item > input.money {
    height: 70px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
.therapist-form > div {
    width: 100%;
    height: 70px;
    background-color: #fbfbfb;
    border: 1px solid #eee;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.07);
    text-align: center;
    line-height: 70px;
    border-radius: 7px;
    font-size: 16px;
    font-weight: bold;
    color: #01a99c;
}
.therapist-form > div.result-money {
    margin-top: 10px;
}
.flex-campaign {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
    line-height: 70px;
    margin-bottom: 5rem !important;
}
.flex-campaign > label {
    width: 100%;
    height: 70px;
    border-radius: 7px;
    border: 2px solid #eee;
    cursor: pointer;
    margin-bottom: 10px;
    color: #888;
    position: relative;
}
.flex-campaign > label::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    width: 0;
    height: 0;
    transform: translate(50%, -50%);
    background: url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTI4IDUxMi4wMDAwMiA1MTIiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJtNDcxLjM4MjgxMiA0NC41NzgxMjVjLTI2LjUwMzkwNi0yOC43NDYwOTQtNjIuODcxMDkzLTQ0LjU3ODEyNS0xMDIuNDEwMTU2LTQ0LjU3ODEyNS0yOS41NTQ2ODcgMC01Ni42MjEwOTQgOS4zNDM3NS04MC40NDkyMTggMjcuNzY5NTMxLTEyLjAyMzQzOCA5LjMwMDc4MS0yMi45MTc5NjkgMjAuNjc5Njg4LTMyLjUyMzQzOCAzMy45NjA5MzgtOS42MDE1NjItMTMuMjc3MzQ0LTIwLjUtMjQuNjYwMTU3LTMyLjUyNzM0NC0zMy45NjA5MzgtMjMuODI0MjE4LTE4LjQyNTc4MS01MC44OTA2MjUtMjcuNzY5NTMxLTgwLjQ0NTMxMi0yNy43Njk1MzEtMzkuNTM5MDYzIDAtNzUuOTEwMTU2IDE1LjgzMjAzMS0xMDIuNDE0MDYzIDQ0LjU3ODEyNS0yNi4xODc1IDI4LjQxMDE1Ni00MC42MTMyODEgNjcuMjIyNjU2LTQwLjYxMzI4MSAxMDkuMjkyOTY5IDAgNDMuMzAwNzgxIDE2LjEzNjcxOSA4Mi45Mzc1IDUwLjc4MTI1IDEyNC43NDIxODcgMzAuOTkyMTg4IDM3LjM5NDUzMSA3NS41MzUxNTYgNzUuMzU1NDY5IDEyNy4xMTcxODggMTE5LjMxMjUgMTcuNjEzMjgxIDE1LjAxMTcxOSAzNy41NzgxMjQgMzIuMDI3MzQ0IDU4LjMwODU5MyA1MC4xNTIzNDQgNS40NzY1NjMgNC43OTY4NzUgMTIuNTAzOTA3IDcuNDM3NSAxOS43OTI5NjkgNy40Mzc1IDcuMjg1MTU2IDAgMTQuMzE2NDA2LTIuNjQwNjI1IDE5Ljc4NTE1Ni03LjQyOTY4NyAyMC43MzA0NjktMTguMTI4OTA3IDQwLjcwNzAzMi0zNS4xNTIzNDQgNTguMzI4MTI1LTUwLjE3MTg3NiA1MS41NzQyMTktNDMuOTQ5MjE4IDk2LjExNzE4OC04MS45MDYyNSAxMjcuMTA5Mzc1LTExOS4zMDQ2ODcgMzQuNjQ0NTMyLTQxLjgwMDc4MSA1MC43NzczNDQtODEuNDM3NSA1MC43NzczNDQtMTI0Ljc0MjE4NyAwLTQyLjA2NjQwNy0xNC40MjU3ODEtODAuODc4OTA3LTQwLjYxNzE4OC0xMDkuMjg5MDYzem0wIDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIHN0eWxlPSJmaWxsOiNENjJENTciPjwvcGF0aD48L2c+IDwvc3ZnPg==)
        no-repeat center center;
    background-size: 100% 100%;
    opacity: 0;
    visibility: hidden;
}
.flex-campaign > label.active::before {
    animation: campaign 1s 1 ease-in-out;
}
@keyframes campaign {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        visibility: hidden;
    }
    50% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        width: 100px;
        height: 100px;
        opacity: 0;
        visibility: hidden;
    }
}
.flex-campaign > label input {
    display: none;
}
.flex-campaign > label.active {
    border-color: #00c5b6;
    color: #01a99c;
}
.green-buttons {
    background-image: linear-gradient(
        to right,
        #00c5b6 0%,
        #01a99c 50%,
        #01a99c 51%
    );
    box-shadow: 0 4px 10px rgba(0, 196, 181, 0.2);
}
.green-buttons:hover {
    background-color: #00c5b6;
}
.gholak-form {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.gholak-form > select {
    float: right;
    width: 100%;
    height: 40px;
    border-radius: 7px;
    padding: 0 10px;
    background: #f5f5f7;
    border: none;
    font-size: 12px;
    margin-bottom: 10px;
    color: #bbbbcd;
}
.gholak-form > select option {
    color: #000;
}
.postal-address {
    height: 80px;
    min-height: 80px;
}
.width-100 {
    width: 100% !important;
    float: right;
}
.gholak-labels {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.gholak-label {
    float: right;
    width: 100%;
    margin-bottom: 10px;
}
.gholak-label .FormUnit {
    float: left;
    margin: -4px 0 0 calc(50% - 33px);
}
.gholak-span {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 15px 0;
}
.gholak-span ~ .online-help-span {
    margin-bottom: 10px;
}
.margin-bottom-0 {
    margin-bottom: 0 !important;
}
.select-date,
#talar-tavalod-date,
#talar-ezdevaj-date,
#talar-run-celebration,
#fot,
#tavalod,
#search-date {
    width: 100%;
    height: 40px;
    border-radius: 7px;
    padding: 0 10px;
    background: #f5f5f7;
    font-size: 12px;
    margin-bottom: 10px;
    border: 1px solid #f5f5f7;
}
.gholak-button {
    float: none;
    display: block;
}
@media (min-width: 365px) {
    .gholak-label .FormUnit {
        margin-left: 0;
    }
}
@media (min-width: 768px) {
    .profile-form > input {
        width: 100%;
    }
    .therapist-form > input,
    .therapist-form > div {
        width: calc(50% - 7px);
    }
    .gholak-form > select {
        width: calc(33.3333% - 9px);
    }
    .gholak-label {
        width: calc(50% - 15px);
    }
    .gholak-label .FormUnit {
        margin: -4px 0 0 calc(50% - 33px);
    }
    .therapist-form > div.result-money {
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    .gholak-label {
        width: 100%;
    }
    .gholak-label .FormUnit {
        margin-left: 20%;
    }
}
@media (min-width: 1200px) {
    .gholak-label .FormUnit {
        margin-left: 34%;
    }
    .select-date,
    #talar-tavalod-date,
    #talar-ezdevaj-date,
    #talar-run-celebration,
    #fot,
    #tavalod,
    #search-date {
        width: 65%;
    }
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
em.comment-awaiting-moderation {
    float: right;
    width: 100%;
    text-align: center;
}
table {
    width: 100%;
}
.single-content a {
    color: #d62d57;
    font-weight: bold;
}
.su-accordion {
    float: right;
    width: 100%;
}
.wp-video {
    width: 100% !important;
}
@media (min-width: 768px) {
    .fii-comment > input {
        width: calc(50% - 5px);
    }
}
.date-offer {
    display: none;
}
.notice-error {
    float: right;
    width: 100%;
    line-height: 34px;
    padding: 0 15px;
    background-image: linear-gradient(to right, transparent, #ffe8e8);
    border-radius: 7px;
    color: #e00101;
    margin-bottom: 5px;
}
.flex-input-item input[name="price"] {
    width: 100%;
    height: 70px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    float: right;
    padding: 0 25px !important;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    ) !important;
    color: #fff !important;
    font-weight: bold !important;
    line-height: 34px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2) !important;
    background-size: 200% 100% !important;
    transition: 0.2s ease-in-out;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background: #d62d57 !important;
}
.woocommerce-info {
    float: right;
    width: 100% !important;
    border-top-color: #9e2c4a !important;
}
.woocommerce-info::before {
    color: #9e2c4a !important;
    top: 19px !important;
}
.input-text,
.select2-container--default .select2-selection--single,
.wcpa_form_item input,
.wcpa_form_item textarea,
.wapf-input {
    float: right;
    width: 100% !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 7px !important;
    padding: 0 10px !important;
    background: #f5f5f7 !important;
    border: none !important;
    font-size: 12px !important;
    margin-bottom: 10px !important;
}
.input-text:focus,
.select2-container--default .select2-selection--single:focus,
.wcpa_form_item input:focus,
.wcpa_form_item textarea:focus,
.wapf-input:focus {
    background-color: #fbfbfb !important;
    border: 1px solid #eee !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.07) !important;
}
textarea.wapf-input {
    min-height: 100px;
}
.select2-container--default .select2-selection--single span {
    line-height: 40px !important;
}
.woocommerce-MyAccount-navigation {
    line-height: 40px;
}
.woocommerce-MyAccount-navigation a {
    float: right;
    width: 100%;
    color: #000;
    border-bottom: 1px solid #f5f5f5;
}
.woocommerce-MyAccount-navigation li:first-child a {
    border-top: 1px solid #f5f5f5;
}
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
    color: #ed145b;
}
.woocommerce-form-coupon-toggle {
    width: 100%;
}
.woocommerce-form-coupon {
    width: 100%;
}
@media (min-width: 768px) {
    .woocommerce-MyAccount-content {
        width: calc(100% - 250px);
        float: left;
        border-right: 1px solid #eee;
        padding-right: 30px;
    }
    .woocommerce-MyAccount-navigation {
        float: right;
        width: 250px;
    }
    .woocommerce-MyAccount-content {
        padding: 0 20px 0 0;
    }
    .woocommerce-MyAccount-content .form-comment {
        padding: 0;
    }
}
.flex-port {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 15px 0;
    order: 3;
}
.flex-port > label,
.flex-port > div {
    width: 100%;
    background-color: transparent;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    border-radius: 10px;
    padding: 10px 0;
    text-align: center;
}
.flex-port > label::before {
    content: "";
    display: block;
    width: 80px;
    height: 67px;
    background-image: url(images/sprite.png);
    background-position-y: -245px;
    margin: auto auto 10px;
}
.flex-port > label input {
    width: 18px;
    height: 18px;
    border: 1px solid #cddaed;
    margin-left: 5px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    position: relative;
    top: 4px;
}
.flex-port > label input:checked {
    background: #ed145b;
    box-shadow: inset 0 0 0 4px #fff;
}
.flex-port ~ button {
    clear: both;
}
.saman-port::before {
    background-position-x: -236px;
}
.mellat-port::before {
    background-position-x: -315px;
}
.sadad-port::before {
    background-position-x: -682px;
}
.asanpardakht-port::before {
    background-position-x: -829px;
}
.test-port::before {
    background-position-x: -752px;
}
.datepicker-container {
    z-index: 99;
}
.month-grid-box .header {
    display: block;
    box-shadow: none;
}
.datepicker-plot-area {
    font-family: "iran-sans", arial;
    border-radius: 10px;
}
.month-item {
    border-radius: 7px !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span,
.datepicker-plot-area .datepicker-year-view .year-item.selected,
.datepicker-plot-area .datepicker-month-view .month-item.selected {
    background-color: #9d2c48;
}
.datepicker-plot-area
    .datepicker-day-view
    .table-days
    td.selected
    span
    .datepicker-plot-area
    .datepicker-day-view
    .table-days
    td:hover,
.datepicker-plot-area .datepicker-day-view .table-days td span:hover,
.datepicker-plot-area .datepicker-year-view .year-item:hover,
.datepicker-plot-area .datepicker-month-view .month-item:hover {
    background-color: #d62d57;
    border-radius: 7px !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td span {
    border-radius: 7px;
}
.datepicker-plot-area .datepicker-day-view .table-days td:hover {
    border-radius: 7px;
    overflow: hidden;
}
.pay-report {
    float: right;
    width: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 15px;
    font-weight: 300;
}
.pay-report span {
    font-weight: bold;
    color: #00cb49;
}
.success-payment {
    float: right;
    width: 100%;
    line-height: 34px;
    padding: 0 15px;
    background-image: linear-gradient(to right, transparent, #d7ffe4);
    border-radius: 7px;
    color: #009837;
    margin-bottom: 5px;
}
.time-block {
    float: right;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-top: 10px;
    padding: 15px;
}
.time-select {
    float: right;
    width: 100%;
    height: 40px;
    border-radius: 7px;
    padding: 0 10px;
    background: #f5f5f7;
    border: none;
    font-size: 12px;
    margin: 10px 0;
    color: #6a6a6f;
}
.grid-month {
    float: right;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    text-align: center;
    margin-bottom: 10px;
}
.grid-month > div {
    background-color: #f7f7f7;
    border-radius: 5px;
    padding: 10px 0;
    color: #bfbfbf;
}
.grid-month > div.active {
    background-color: #d7ffe4;
    color: #009837;
    cursor: pointer;
}
.grid-month > div.active:hover {
    background-color: #bdf3cf;
}
.grid-month > div.active.added {
    background-color: #77c892;
    color: #fff;
}
.grid-month ~ .online-help-span {
    margin-bottom: 20px;
}
.hours-labels {
    margin-bottom: 0;
}
.hours-labels label {
    margin-bottom: 5px;
}
.hours-labels label span {
    font-size: 11px;
    color: #bfbfbf;
}
.result-time {
    margin-top: 15px;
    font-weight: 300;
    display: none;
}
.result-time button {
    margin: 20px 0 0;
}
.bg-block {
    float: right;
    width: 100%;
}
.rt-span {
    float: right;
    width: 100%;
    font-weight: bold;
    margin-bottom: 10px;
}
.submit-time::before {
    background-position-x: -389px;
}
.cancel-time::before {
    background-position-x: -473px;
}
.form-time {
    display: none;
}
.form-cancel {
    display: none;
}
.cancel-report button {
    margin-bottom: 0;
}
.flex-input-item input:disabled {
    color: #ccc;
}
@media (min-width: 768px) {
    .flex-phone > input {
        width: calc(50% - 7px);
    }
}
a.button.wc-forward {
    background: #8fae1b;
    padding: 5px 10px;
    border-radius: 15px;
    color: #fff;
}
.single-product .product_meta {
    display: none;
}
.comment-block li {
    list-style-type: none !important;
}
.filter-submit {
    float: right;
    padding: 0 16px;
    background-image: linear-gradient(
        to right,
        #f44336 0%,
        #ff5722 50%,
        #ff5722 51%
    );
    box-shadow: 0 4px 10px rgba(0, 196, 181, 0.2);
    color: #fff;
    font-weight: bold;
    line-height: 34px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
    margin: 15px;
}
.sps-swatches {
    position: relative;
    top: -8px;
    right: -100px;
}
.sps-swatches > .swatchColor > .spsTooltip {
    margin-left: auto !important;
    margin-right: -87px !important;
}
.sps-swatches > .swatch > .spsTooltip {
    margin-right: -85px;
}
.single-page .single-page {
    padding: 0;
    box-shadow: none;
}
.product-tab ~ .single-page .single-h3 {
    display: none;
}
.product-thumbnail img {
    max-height: 100px;
    width: auto;
}
.product-quantity .input-text {
    width: 80px !important;
}
.flex-product .prices::before {
    content: "قیمت : ";
    font-weight: bold;
}
.about-category {
    font-weight: 300;
    font-size: 16px;
    margin: 30px 0 0;
    text-align: justify;
}
.coupon {
    margin-top: 15px;
}
.coupon .input-text {
    width: calc(100% - 127px) !important;
    height: 34px !important;
    border: 1px solid #d9e1ed !important;
    border-radius: 12px !important;
    text-align: center;
    font-size: 13px;
    background-color: #fff !important;
}
.woocommerce-form-coupon #coupon_code {
    width: 100% !important;
    height: 34px !important;
    border: 1px solid #d9e1ed !important;
    border-radius: 12px !important;
    text-align: center;
    font-size: 13px;
    background-color: #fff !important;
}
.coupon .input-text:focus,
.woocommerce-form-coupon #coupon_code:focus {
    border: 1px solid #c2cad5 !important;
    box-shadow: none !important;
}
.coupon button.button,
.woocommerce-form-coupon button.button {
    width: 117px !important;
    margin-top: 0 !important;
}
.showcoupon,
.woocommerce-privacy-policy-link,
.product-name a,
.shipping-calculator-button,
.woocommerce-MyAccount-content a,
.woocommerce-message a,
.showlogin,
.woocommerce-error a,
#reply-title a {
    color: #ed145b;
}
.showcoupon:active,
.woocommerce-privacy-policy-link:active,
.product-name a:active,
.shipping-calculator-button:active,
.woocommerce-MyAccount-content a:active,
.woocommerce-message a:active,
.showlogin:active,
.woocommerce-error a:active,
#reply-title a:active {
    color: #faa74a;
}
.woocommerce-LostPassword a {
    color: #000;
}
#ship-to-different-address-checkbox {
    float: right;
    width: 18px;
    height: 18px;
    border: 1px solid #cddaed;
    margin-left: 7px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    position: relative;
    top: 5px;
}
#ship-to-different-address-checkbox:checked {
    border-top: none;
    border-left: none;
    box-shadow: none;
    background-color: transparent;
    width: 10px;
    transform: rotate(45deg);
    margin: -5px 7px 0 8px;
    border-color: #ed145b;
}
li.woocommerce-MyAccount-navigation-link a::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(images/sprite.png);
    background-position-y: -343px;
    margin-left: 10px;
    position: relative;
    top: 5px;
    transition: 0.2s ease-in-out;
}
li.woocommerce-MyAccount-navigation-link a:hover::before,
li.woocommerce-MyAccount-navigation-link.is-active a::before {
    background-position-y: -373px;
}
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    background-position-x: -16px;
}
.woocommerce-MyAccount-navigation-link--feedback a::before {
    background-position-x: -45px;
}
.woocommerce-MyAccount-navigation-link--donated a::before {
    background-position-x: -75px;
}
.woocommerce-MyAccount-navigation-link--pig a::before {
    background-position-x: -104px;
}
.woocommerce-MyAccount-navigation-link--registery a::before {
    background-position-x: -134px;
}
.woocommerce-MyAccount-navigation-link--treatment a::before {
    background-position-x: -163px;
}
.woocommerce-MyAccount-navigation-link--orders a::before {
    background-position-x: -193px;
}
.woocommerce-MyAccount-navigation-link--downloads a::before {
    background-position-x: -222px;
}
.woocommerce-MyAccount-navigation-link--edit-address a::before {
    background-position-x: -252px;
}
.woocommerce-MyAccount-navigation-link--edit-account a::before {
    background-position-x: -281px;
}
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    background-position-x: -310px;
}
.woocommerce-MyAccount-navigation-link--hamdeli a::before {
    background-position: -74px -407px !important;
}
mark {
    padding: 0 5px;
    background-color: #00a99d;
    color: #fff;
    border-radius: 8px;
    display: inline-block;
}
mark.order-status {
    background-color: #8dc63f;
}
mark.order-date {
    background-color: #b37ab5;
}
.woocommerce-table,
.woocommerce-orders-table {
    border-radius: 10px !important;
}
.woocommerce-orders-table a.woocommerce-button {
    margin: 5px 0 !important;
}
.woocommerce table.my_account_orders th {
    padding: 14px 8px !important;
}
address {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 5px solid #fdc689 !important;
    border-radius: 10px !important;
    margin-top: 5px;
    padding: 6px 12px;
}
.woocommerce-info a.button {
    margin: 0 !important;
}
fieldset {
    border-radius: 10px;
}
legend {
    padding: 0 5px;
}
.wide-50 {
    width: calc(50% - 5px);
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.woocommerce-form__label-for-checkbox {
    float: right;
    width: 100%;
    margin-bottom: 10px;
}
.woocommerce-form__label-for-checkbox input {
    float: right;
    width: 18px;
    height: 18px;
    border: 1px solid #cddaed;
    margin-left: 7px;
    appearance: none;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    position: relative;
    top: 3px;
}
.woocommerce-form__label-for-checkbox input:checked {
    border-top: none;
    border-left: none;
    box-shadow: none;
    background-color: transparent;
    width: 10px;
    transform: rotate(45deg);
    margin: -5px 7px 0 8px;
    border-color: #ed145b;
}
.datepicker-container.pwt-mobile-view {
    z-index: 999;
}
.datepicker-plot-area .datepicker-day-view .table-days td.today span {
    border-radius: 7px;
}
section.woocommerce-customer-details {
    float: right;
}
.success-submited {
    float: right;
    width: 100%;
    line-height: 34px;
    padding: 0 15px;
    background-image: linear-gradient(to right, transparent, #fdc689);
    border-radius: 7px;
    color: #6f4516;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
}
.submited span {
    color: #fdc689;
}
.flex-input-item > input.numbert {
    height: 70px;
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.woocommerce-MyAccount-content .newsletter-form {
    padding: 0;
}
.woocommerce-MyAccount-content .form-input {
    width: calc(100% - 127px);
}
.woocommerce-MyAccount-content .newsletter-form .buttons {
    margin: 10px 0 0;
    float: left;
}
.variations {
    position: relative;
}
.sps-swatches {
    position: absolute;
    top: -8px;
    right: 32px;
}
@media (min-width: 768px) {
    .woocommerce-MyAccount-content .newsletter-form {
        width: 50%;
    }
}
.wc_payment_method input[type="radio"] {
    float: right;
    width: 18px;
    height: 18px;
    border: 1px solid #9fb1cc;
    margin-left: 7px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    position: relative;
    top: 5px;
}
.wc_payment_method input[type="radio"]:checked,
.woocommerce-shipping-methods input[type="radio"]:checked {
    background: #ed145b;
    box-shadow: inset 0 0 0 4px #fff;
}
.woocommerce-shipping-methods input[type="radio"] {
    float: right;
    width: 18px;
    height: 18px;
    border: 1px solid #cddaed;
    margin-left: 7px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
    cursor: pointer;
}
.woocommerce-shipping-methods li:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.woocommerce-shipping-destination {
    padding-top: 10px;
    margin-top: 9px;
    border-top: 1px solid #eee;
}
.woocommerce-shipping-methods li label {
    cursor: pointer;
}
.woocommerce-input-wrapper .input-text[name="order_comments"] {
    min-height: 100px !important;
    height: 100px !important;
    line-height: 20px !important;
    padding-top: 7px !important;
}
.page-thumbnail {
    float: right;
    width: 100%;
    overflow: hidden;
    position: sticky;
    top: 20px;
    border-radius: 15px 0 15px 15px;
    transition: 0.2s ease-in-out;
}
.page-thumbnail img {
    float: right;
    width: 100%;
    height: auto;
}
header.header.fixed-header ~ main .page-thumbnail {
    top: 78px;
}
.page-thumbnail-block {
    flex-direction: row-reverse;
}
.page-thumbnail-block .page-h1 {
    margin-top: 30px;
}
.select2-container--default
    .select2-results__option--highlighted[aria-selected],
.select2-container--default
    .select2-results__option--highlighted[data-selected] {
    background-color: #9d2c48 !important;
}
.order_details {
    float: right;
    width: 100%;
    padding: 15px;
    background-image: linear-gradient(to left, #eef0f3, transparent);
    border-radius: 15px;
}
.woocommerce-error {
    float: right;
    width: 100% !important;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
    top: 20px !important;
}
.shop-img:hover ~ .product-block .shop-h2 a {
    color: #ed145b;
}
.second-divider,
.second.time-segment {
    display: none !important;
}
.datepicker-plot-area.datepicker-state-no-meridian
    .datepicker-time-view
    > .time-segment {
    width: 48% !important;
}
#billing_country_field,
#shipping_country_field,
#billing_company_field,
#billing_address_2_field {
    display: none !important;
}
@media (min-width: 992px) {
    .page-thumbnail-block .page-h1 {
        margin-top: 0;
    }
}
.offer {
    float: right;
    width: 100%;
    padding: 0 25px 30px;
    border: 4px solid #00c5b6;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(141, 198, 63, 0.2);
    margin: 50px 0 30px;
}
.offer-icon {
    float: right;
    margin: -43px calc(50% - 40px) 0 0;
    width: 80px;
    height: 80px;
    border: 4px solid #00c5b6;
    border-radius: 50%;
    background-color: #fff;
    perspective: 150px;
}
.offer-icon span {
    float: right;
    width: 72px;
    height: 72px;
    background: url(images/passionate.svg) no-repeat center center;
    background-size: 50px 50px;
    animation: offer 4s linear infinite;
}
.offer-title {
    float: right;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
}
.offer-content {
    float: right;
    width: 100%;
    text-align: center;
}
.offer-link {
    float: right;
    padding: 0 25px;
    background-image: linear-gradient(
        to right,
        #00c5b6 0%,
        #01a99c 50%,
        #01a99c 51%
    );
    box-shadow: 0 4px 10px rgb(0 196 181 / 20%);
    color: #fff;
    font-weight: bold;
    line-height: 34px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    margin: 15px calc(50% - 80px) 0 0;
}
.offer-link:hover {
    background: #aed577;
}
@keyframes offer {
    to {
        transform: rotateY(360deg);
    }
}
body.single::before {
    display: none;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
    border: 1px solid #eee;
    border-radius: 15px 0 15px 15px;
    padding: 15px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    border: 1px solid #eee;
    border-radius: 15px 0 15px 15px;
    margin-left: 5px !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    background-color: #9d2c48 !important;
}
.woocommerce
    div.product
    div.images
    .woocommerce-product-gallery__trigger::before {
    border-color: #fff !important;
}
.woocommerce
    div.product
    div.images
    .woocommerce-product-gallery__trigger::after {
    background-color: #fff !important;
}
.pswp__caption__center {
    text-align: center !important;
}
.index-pay-button {
    margin: 0 80px 0 0;
}
.woocommerce-message {
    float: right;
    width: 100% !important;
}
.woocommerce header img,
.woocommerce-page header img {
    height: 48px;
}
table .quantity {
    display: inline-grid;
}
table .quantity .input-text {
    margin-bottom: 0 !important;
}
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
    float: right;
    width: 100%;
}
.woocommerce table.my_account_orders .button {
    float: left;
}
.woocommerce table.shop_table {
    border-radius: 10px !important;
}
abbr[title] {
    border-bottom: none;
    text-decoration: none;
}
.woocommerce-shipping-calculator,
.woocommerce-shipping-destination,
.woocommerce-cart-form
    ~ .cart-collaterals
    .woocommerce-shipping-totals.shipping {
    display: none;
}
.wc_payment_method.payment_method_cod {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 15px !important;
}
.wc_payment_method.payment_method_cod label[for="payment_method_cod"]::after {
    content: "";
    display: inline-block !important;
    width: 30px;
    height: 30px;
    background: url(images/sprite.png) -441px -366px;
    position: relative;
    top: 6px;
    margin-right: 5px;
}
.woocommerce-privacy-policy-text {
    margin-bottom: 15px;
}
.mailster-form-info.success {
    border-radius: 22px;
    background-color: #8dc63f;
}
.mailster-form {
    float: right;
}
.submit-button {
    float: right;
    padding: 0 25px;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    color: #fff;
    font-weight: bold;
    line-height: 34px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    margin: 5px calc(50% - 48px) 0 0;
    border: none;
}
.submit-button:hover {
    background: #d62d57;
}
#customer_details {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.logged-in .woo-sidebar-button {
    position: fixed;
    right: 15px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    z-index: 99;
    padding: 15px 13px 0;
}
.logged-in .woo-sidebar-button span {
    float: right;
    width: 100%;
    height: 3px;
    background-color: #ed145b;
    margin-top: 6px;
    border-radius: 1.5px;
}
.logged-in .woo-sidebar-button span:first-child {
    margin-top: 0;
}
.mailster-form-info.error {
    border-radius: 22px;
}
.not-active {
    pointer-events: none;
    cursor: default;
}
#verify {
    display: none;
}
.forget-password {
    float: left;
    margin-top: 10px;
}
.notice-error {
    float: right;
    width: 100%;
    line-height: 34px;
    padding: 0 15px;
    background-image: linear-gradient(to right, transparent, #ffe8e8);
    border-radius: 7px;
    color: #e00101;
    margin-bottom: 5px;
}
#loginform #rememberme {
    float: right;
    width: 18px;
    height: 18px;
    border: 1px solid #cddaed;
    background-color: #fff;
    margin-left: 7px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    transition: 0.2s ease-in-out;
    cursor: pointer;
    position: relative;
    top: 3px;
}
#loginform #rememberme:checked {
    border-top: none;
    border-left: none;
    box-shadow: none;
    background-color: transparent;
    width: 10px;
    transform: rotate(45deg);
    margin: -5px 7px 0 8px;
    border-color: #ed145b;
}
#loginform #wp-submit {
    float: right;
    padding: 0 25px;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    color: #fff;
    font-weight: bold;
    line-height: 34px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    margin: 15px 0;
    border: none;
}
#loginform #wp-submit:hover {
    background: #d62d57;
}
.fotgot-form {
    padding: 0;
}
.fotgot-form input {
    width: 100%;
}
.fotgot-form button {
    margin-right: 0;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border-radius: 10px;
}
.register-link {
    width: 100%;
    margin: 30px 0 20px;
    text-align: center;
    border-top: 1px solid #eee;
    padding-top: 30px;
}
.register-link a,
.forget-password {
    color: #ed145b;
}
.register-link a:active,
.forget-password:active {
    color: #faa74a;
}
.forget-password {
    line-height: 34px;
}
.forget-password.not-active {
    color: #888;
}
b#counter {
    background-color: #8dc63f;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    display: none;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
}
.forget-password.not-active b#counter {
    display: inline-block;
}
.woocommerce-form.woocommerce-form-login.login {
    border-radius: 10px;
}
.newsletter-label ~ .buttons.comment-button {
    clear: both;
}
.forgot-form input {
    width: 100%;
}
.register-form input {
    width: 100%;
}
@media (max-width: 767px) {
    nav.woocommerce-MyAccount-navigation {
        position: fixed;
        top: 0;
        right: -250px;
        width: 250px !important;
        height: 100%;
        overflow-y: auto;
        background-color: #fff;
        padding: 15px;
        z-index: 999999;
        visibility: hidden;
        transition: 0.2s linear;
    }
    nav.woocommerce-MyAccount-navigation.active {
        right: 0;
        visibility: visible;
    }
    nav.woocommerce-MyAccount-navigation ul li:first-child a {
        border-top: none;
    }
}
@media (min-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-content {
        width: calc(100% - 170px) !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 170px !important;
    }
    .woo-sidebar-button {
        display: none;
    }
    .woocommerce table.shop_table_responsive tr td,
    .woocommerce-page table.shop_table_responsive tr td {
        float: none;
        width: auto;
    }
    .woocommerce-form.woocommerce-form-login.login {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .woocommerce-account .woocommerce-MyAccount-content {
        width: calc(100% - 200px) !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 200px !important;
    }
}
@media (min-width: 1200px) {
    .woocommerce-account .woocommerce-MyAccount-content {
        width: calc(100% - 200px) !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 200px !important;
    }
}
.alert-modal {
    position: fixed;
    top: 50%;
    left: 15px;
    width: calc(100% - 30px);
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
    transform: translate(0, -50%) scale(1.2);
    padding: 130px 30px 0;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
}
.alert-modal.active {
    transform: translate(0, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}
.alert-modal.active.active2 {
    transform: translate(0, -50%) scale(0.8);
    opacity: 0;
    visibility: hidden;
}
.alert-modal::before {
    content: "";
    position: absolute;
    top: 30px;
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    background: url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuNDk3LDAsMCwxMTQuNTA3LDAsMjU2YzAsMTQxLjUwMywxMTQuNTA3LDI1NiwyNTYsMjU2YzE0MS41MDMsMCwyNTYtMTE0LjUwNywyNTYtMjU2ICAgIEM1MTIsMTE0LjQ5NywzOTcuNDkzLDAsMjU2LDB6IE0yNTYsNDcyYy0xMTkuMzkzLDAtMjE2LTk2LjYxNS0yMTYtMjE2YzAtMTE5LjM5Myw5Ni42MTUtMjE2LDIxNi0yMTYgICAgYzExOS4zOTMsMCwyMTYsOTYuNjE1LDIxNiwyMTZDNDcyLDM3NS4zOTMsMzc1LjM4NSw0NzIsMjU2LDQ3MnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIHN0eWxlPSJmaWxsOiNDMTIwMjAiPjwvcGF0aD4KCTwvZz4KPC9nPjxnPgoJPGc+CgkJPHBhdGggZD0iTTI1NiwxMjguODc3Yy0xMS4wNDYsMC0yMCw4Ljk1NC0yMCwyMFYyNzcuNjdjMCwxMS4wNDYsOC45NTQsMjAsMjAsMjBzMjAtOC45NTQsMjAtMjBWMTQ4Ljg3NyAgICBDMjc2LDEzNy44MzEsMjY3LjA0NiwxMjguODc3LDI1NiwxMjguODc3eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0MxMjAyMCI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8Y2lyY2xlIGN4PSIyNTYiIGN5PSIzNDkuMTYiIHI9IjI3IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojQzEyMDIwIj48L2NpcmNsZT4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+)
        no-repeat center center;
    background-size: 80px 80px;
}
.alert-modal span {
    float: right;
    width: 100%;
    text-align: center;
}
.alert-modal button {
    float: right;
    width: 100px;
    height: 40px;
    border-radius: 20px;
    border: none;
    margin: 30px calc(50% - 50px) 30px 0;
    background-color: #fafafa;
    color: #888;
}
.alert-modal:hover button {
    background-color: #d62d57;
    color: #fff;
}
@media (min-width: 768px) {
    .alert-modal {
        width: 400px;
        left: 50%;
        transform: translate(-50%, -50%) scale(1.2);
    }
    .alert-modal.active {
        transform: translate(-50%, -50%) scale(1);
    }
    .alert-modal.active.active2 {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 0;
        visibility: hidden;
    }
}
.flex-other-ways {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    margin-top: 30px;
}
.flex-other-ways > a {
    width: 50%;
    perspective: 300px;
    perspective-origin: center center;
}
.flex-other-ways > a img {
    display: block;
    margin: auto;
    max-width: 80%;
    transition: 0.8s ease-in-out;
}
.flex-other-ways > a:hover img {
    transform: rotateY(360deg);
    filter: brightness(150%);
}
.flex-other-ways > a span {
    float: right;
    width: 100%;
    text-align: center;
    margin: 10px 0 30px;
    font-size: 16px;
    font-weight: bold;
    color: #555;
}
.flex-other-ways > a:hover span {
    color: #ed145b;
}
.fow2 {
    border-top: 2px solid #eee;
    padding-top: 30px;
}
.login-banner span.lb-title {
    float: right;
    width: 100%;
    padding: 0 15px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
.login-banner span {
    float: right;
    width: 100%;
    padding: 0 15px;
    text-align: justify;
}
.login-banner img {
    display: block;
    margin: auto;
}
@media (min-width: 768px) {
    .fow2 > a {
        width: 33.3333%;
    }
    .woocommerce-form.woocommerce-form-login.login {
        float: right;
    }
    .login-banner {
        width: 50%;
        float: left;
    }
}
@media (min-width: 992px) {
    .flex-other-ways > a img {
        max-width: 140px;
    }
}
body.single {
    padding-bottom: 0;
}
.no-flex {
    display: block;
    position: relative;
}
label.showing-price {
    float: left;
    font-size: 18px;
    background-color: #eee;
    padding: 5px 15px;
    border-radius: 5px;
    transform: translate(15px, -66px);
    transition: 0.2s ease-in-out;
    position: absolute;
    top: 80px;
    left: 0;
}
.placeholder-input:placeholder-shown + label {
    transform: translate(50px, -66px);
    opacity: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #a2d097;
    -webkit-text-fill-color: #5c944f;
    box-shadow: 0 0 0 500px #efffe2 inset;
    transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill + label,
input:-webkit-autofill:hover + label,
input:-webkit-autofill:focus + label,
textarea:-webkit-autofill + label,
textarea:-webkit-autofill:hover + label,
textarea:-webkit-autofill:focus + label,
select:-webkit-autofill + label,
select:-webkit-autofill:hover + label,
select:-webkit-autofill:focus + label {
    background: #a2d097;
    color: #fff;
}
.update-button {
    position: fixed;
    right: 15px;
    bottom: -100%;
    max-width: calc(100% - 30px);
    background-color: #8dc63f;
    color: #fff;
    padding: 15px 70px 15px 30px;
    z-index: 99;
    border-radius: 20px 20px 0 20px;
    animation: update-button 8s cubic-bezier(0.64, -0.34, 0.45, 1.47) 1;
    visibility: hidden;
}
.update-button::before {
    content: "";
    position: absolute;
    top: calc(50% - 15px);
    right: 30px;
    width: 30px;
    height: 30px;
    background: url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJDYXBhXzEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMiI+PGc+PHBhdGggZD0ibTQ1MC4yMDEgNDA3LjQ1M2MtMS41MDUtLjk3Ny0xMi44MzItOC45MTItMjQuMTc0LTMyLjkxNy0yMC44MjktNDQuMDgyLTI1LjIwMS0xMDYuMTgtMjUuMjAxLTE1MC41MTEgMC0uMTkzLS4wMDQtLjM4NC0uMDExLS41NzYtLjIyNy01OC41ODktMzUuMzEtMTA5LjA5NS04NS41MTQtMTMxLjc1NnYtMzQuNjU3YzAtMzEuNDUtMjUuNTQ0LTU3LjAzNi01Ni45NDItNTcuMDM2aC00LjcxOWMtMzEuMzk4IDAtNTYuOTQyIDI1LjU4Ni01Ni45NDIgNTcuMDM2djM0LjY1NWMtNTAuMzcyIDIyLjczNC04NS41MjUgNzMuNDk4LTg1LjUyNSAxMzIuMzM0IDAgNDQuMzMxLTQuMzcyIDEwNi40MjgtMjUuMjAxIDE1MC41MTEtMTEuMzQxIDI0LjAwNC0yMi42NjggMzEuOTM5LTI0LjE3NCAzMi45MTctNi4zNDIgMi45MzUtOS40NjkgOS43MTUtOC4wMSAxNi41ODYgMS40NzMgNi45MzkgNy45NTkgMTEuNzIzIDE1LjA0MiAxMS43MjNoMTA5Ljk0N2MuNjE0IDQyLjE0MSAzNS4wMDggNzYuMjM4IDc3LjIyMyA3Ni4yMzhzNzYuNjA5LTM0LjA5NyA3Ny4yMjMtNzYuMjM4aDEwOS45NDdjNy4wODIgMCAxMy41NjktNC43ODQgMTUuMDQyLTExLjcyMyAxLjQ1Ny02Ljg3MS0xLjY2OS0xMy42NTItOC4wMTEtMTYuNTg2em0tMjIzLjUwMi0zNTAuNDE3YzAtMTQuODgxIDEyLjA4Ni0yNi45ODcgMjYuOTQyLTI2Ljk4N2g0LjcxOWMxNC44NTYgMCAyNi45NDIgMTIuMTA2IDI2Ljk0MiAyNi45ODd2MjQuOTE3Yy05LjQ2OC0xLjk1Ny0xOS4yNjktMi45ODctMjkuMzA2LTIuOTg3LTEwLjAzNCAwLTE5LjgzMiAxLjAyOS0yOS4yOTYgMi45ODR2LTI0LjkxNHptMjkuMzAxIDQyNC45MTVjLTI1LjY3MyAwLTQ2LjYxNC0yMC42MTctNDcuMjIzLTQ2LjE4OGg5NC40NDVjLS42MDggMjUuNTctMjEuNTQ5IDQ2LjE4OC00Ny4yMjIgNDYuMTg4em02MC40LTc2LjIzOWMtLjAwMyAwLTIxMy4zODUgMC0yMTMuMzg1IDAgMi41OTUtNC4wNDQgNS4yMzYtOC42MjMgNy44NjEtMTMuNzk4IDIwLjEwNC0zOS42NDMgMzAuMjk4LTk2LjEyOSAzMC4yOTgtMTY3Ljg4OSAwLTYzLjQxNyA1MS41MDktMTE1LjAxIDExNC44MjEtMTE1LjAxczExNC44MjEgNTEuNTkzIDExNC44MjEgMTE1LjA2YzAgLjE4NS4wMDMuMzY5LjAxLjU1My4wNTcgNzEuNDcyIDEwLjI1IDEyNy43NTUgMzAuMjk4IDE2Ny4yODYgMi42MjUgNS4xNzYgNS4yNjcgOS43NTQgNy44NjEgMTMuNzk4eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjwvZz4gPC9zdmc+)
        no-repeat center center;
    background-size: 30px 30px;
}
@keyframes update-button {
    0% {
        visibility: hidden;
        bottom: -100%;
    }
    20% {
        visibility: visible;
        bottom: 15px;
    }
    80% {
        visibility: visible;
        bottom: 15px;
    }
    100% {
        visibility: hidden;
        bottom: -100%;
    }
}
.single-img:empty ~ .single-h1 {
    margin-top: 0;
}
.payment_box.payment_method_cod {
    display: none !important;
}
.calling {
    color: #1e7400;
    margin-bottom: 15px;
    font-weight: bold;
}
.single-h1:empty {
    opacity: 0;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.flex-cart {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-cart > a {
    width: calc(33.3333% - 5px);
    background-color: #ccc;
    overflow: hidden;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    transition: 0.2s ease-in-out;
    margin-bottom: 15px;
}
.flex-cart > a:hover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.flex-cart > a img {
    float: right;
    width: 100%;
    height: auto;
}
.landing-h3 {
    float: right;
    width: 100%;
    font-weight: bold;
    font-size: 22px;
    color: #9e2c4a;
    text-align: center;
    margin: 15px 0 15px;
}
.landing-des {
    float: right;
    width: 100%;
    text-align: justify;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
}
.flex-landing-link {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    text-align: center;
    margin: 15px 0 30px;
}
.flex-landing-link > a {
    width: 100%;
    line-height: 60px;
    background-color: #eee;
    margin-top: 15px;
}
.flex-landing-link > a {
    width: 100%;
    line-height: 80px;
    margin-top: 15px;
    color: #fff;
    border-radius: 10px;
}
.flex-landing-link > a::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 24px;
    background-image: url(images/sprite.png);
    background-position-y: -58px;
    margin-left: 10px;
    position: relative;
    top: 5px;
}
.flex-landing-link > a.landing-oh {
    background-color: #22bdb6;
}
.flex-landing-link > a.landing-oh::before {
    background-position-x: -317px;
}
.flex-landing-link > a.landing-ow {
    background-color: #ed145b;
}
.flex-landing-link > a.landing-ow::before {
    background-position-x: -281px;
}
.flex-landing-link > a.landing-cc {
    background-color: #f7941d;
}
.flex-landing-link > a.landing-cc::before {
    background-position-x: -352px;
}
.fll2 {
    margin-top: 0;
    font-size: 12px;
}
.fll2 > a {
    width: calc(50% - 5px);
    margin-top: 0;
}
.woocommerce-product-gallery__image.flex-active-slide {
    border-radius: 15px 0 15px 15px;
    float: right;
    overflow: hidden;
}
.flex-control-nav.flex-control-thumbs {
    margin-top: 15px !important;
}
.anr_captcha_field {
    float: right;
    width: 100%;
    order: 3;
    margin-bottom: 10px;
}
.anr_captcha_field_div > div {
    margin: auto;
}
.form-comment {
    display: flex;
    flex-flow: row wrap;
}
.flex-input-item {
    order: 0;
}
.comment-textarea {
    order: 2;
}
.comment-button {
    order: 3;
}
@media (max-width: 500px) {
    .flex-landing-link > a::before {
        margin: auto;
        display: block;
        top: 20px;
    }
}
@media (min-width: 768px) {
    .flex-cart > a {
        width: calc(33.3333% - 15px);
    }
    .fll2 {
        font-size: 14px;
    }
}
@media (min-width: 1200px) {
    .flex-landing-link {
        padding: 0 200px;
    }
}
.form-block {
    float: right;
    width: 100%;
}
.covid19 {
    background-color: #dffdff;
}
.covid19 .flex-port > label,
.flex-port > div {
    background-color: transparent;
}
.covid19 .flex-campaign > label,
.covid19 .money {
    border: 2px solid #8dc0c3;
}
.buttons.comment-button {
    width: 70%;
    margin-right: 15%;
    line-height: 60px;
}
.colored {
    background-color: #ffe3d8;
}
.mailster-form-1 .mailster-wrapper label {
    display: none;
}
.form-submit {
    order: 3;
    width: 100%;
}
.form-submit input {
    margin: 10px calc(50% - 59px) 20px 0 !important;
}
.woocommerce .woocommerce-breadcrumb {
    margin-bottom: 0 !important;
    color: #3f0e1a !important;
}
.woocommerce .woocommerce-breadcrumb a {
    color: #ff97b0 !important;
}
.fetrieh-half {
    float: right;
    width: 100%;
}
.fetrieh {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #fff;
    overflow-y: auto;
    z-index: 9999;
}
.fetrieh::before {
    content: "";
    float: right;
    width: 100%;
    height: 100px;
    background-color: #9d2c48;
}
.fetrieh-first,
.fetrieh-second,
.fetrieh-third {
    float: right;
    width: 100%;
}
.fetrieh-first {
    background: #fff url(images/f1.jpg) no-repeat top center;
    background-size: 350px;
    padding-top: 250px;
}
.fetrieh-second {
    background-color: #fff;
}
.fetrieh-third {
    background-color: #fff;
}
.fetrieh-logo {
    content: "";
    position: absolute;
    width: 150px;
    height: 100px;
    background: url(images/logo-white.svg) no-repeat center center;
    background-size: contain;
    top: 0;
    right: calc(50% - 75px);
}
.fetrieh-title {
    float: right;
    line-height: 50px;
    padding: 0 10px;
    border-radius: 5px;
    background-color: #4e688d;
    color: #fff;
    margin-top: 30px;
    width: 100%;
    text-align: center;
}
.fetrieh-title.next {
    background-color: #4e688d;
    color: #fff;
}
.fetrieh-title-span {
    float: right;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    margin-top: 25px;
    color: #f6a74b;
}
.fetrieh-ul {
    float: right;
    width: 100%;
    line-height: 30px;
    margin: 15px 0;
}
.fetrieh-ul li {
    float: right;
    width: 100%;
}
.fetrieh-ul li::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(images/sprite.png) -747px -57px;
    margin-left: 5px;
    position: relative;
    top: 3px;
}
.fetrieh-second .fetrieh-ul li,
.fetrieh-third .fetrieh-ul li {
    width: 50%;
}
.fetrieh-button-block {
    float: right;
    width: 100%;
    position: relative;
    margin-top: 15px;
}
.fetrieh-button-block::before {
    content: "";
    position: absolute;
    top: 35%;
    right: 0;
    width: 100%;
    border-top: 1px dashed #ccc;
}
.fbb-white {
    float: right;
    padding: 0 10px;
    background-color: #171b34;
    position: relative;
    z-index: 1;
    margin-right: 50%;
    transform: translateX(50%);
    margin-bottom: 15px;
}
.pay-fetrieh {
    float: right;
    width: 146px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    border: none;
    background-color: #2dbbb6;
    color: #fff;
}
.pay-kafareh {
    float: right;
    width: 146px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    border: none;
    background-color: #fba74c;
    color: #fff;
}
.center-fetrieh-button {
    margin-right: calc(50% - 73px);
    text-align: center;
    background: #1ab5b1;
    background-size: 200% 100%;
}
.fetrieh-alert {
    float: right;
    width: 100%;
    text-align: center;
    margin: 30px 0 80px;
}
.fetrieh-alert a {
    color: #f6a74b;
}
.fetrieh-second {
    float: right;
    width: 100%;
    display: none;
}
.fetrieh-form-free {
    display: none;
}
.fetrieh-change {
    float: right;
    width: 100%;
    text-align: center;
    margin: 15px 0;
    cursor: pointer;
}
.fetrieh-change:hover {
    color: #d62d57;
}
.fetrieh-change span {
    text-decoration: underline;
}
.fetrieh-form {
    float: right;
    width: 100%;
    margin: 30px 0;
}
.fetrieh-row {
    float: right;
    width: 100%;
    min-height: 50px;
    background-color: #fff;
    border: 2px solid #171b34;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    padding-right: 100px;
}
.fetrieh-row label {
    margin-top: 15px;
    float: left;
}
.fr-span {
    float: right;
    width: 100px;
    height: 100%;
    line-height: 50px;
    background-color: #9d2c48;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
}
.fetrieh-row .FormUnit {
    margin-top: 12px;
}
.fetrieh-result {
    float: left;
    width: 100%;
    line-height: 30px;
    font-weight: 300;
    padding-top: 10px;
    color: #000;
}
.fetrieh-result li {
    float: right;
}
.fetrieh-result li:first-child {
    width: 40%;
    border-left: 1px solid #ccc;
}
.fetrieh-result li:last-child {
    width: 60%;
    letter-spacing: -1px;
}
.fetrieh-back {
    float: left;
    cursor: pointer;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 5px;
    background-image: linear-gradient(
        to left,
        rgba(255, 255, 255, 0.2),
        transparent
    );
    margin-top: 30px;
    font-weight: bold;
}
.fetrieh-third {
    float: right;
    width: 100%;
    display: none;
}
.fetrieh-input {
    border-radius: 5px;
    text-align: center;
    width: 160px;
    border: 1px solid #ddd;
}
.fetrieh-row .FormUnit-quantity {
    font-size: 24px;
    top: -3px;
    position: relative;
}
.fetrieh-row .FormUnit-field--spin {
    font-size: 20px;
}
.fetrieh-show {
    float: right;
    width: 100%;
    padding: 30px 15px;
    border: 2px solid #1ab5b1;
    border-radius: 10px;
    text-align: justify;
}
.fetrieh-show span {
    color: #9d2c48;
}
.fetrieh-span {
    float: right;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
.big-button {
    width: 100%;
    text-align: center;
    line-height: 100px;
    font-size: 20px;
    margin-bottom: 30px;
}
.fetrieh-pay-back {
    float: right;
    width: 100%;
    margin-top: 30px;
    color: #000;
}
.woocommerce-MyAccount-content .fetrieh-first,
.woocommerce-MyAccount-content .fetrieh-second,
.woocommerce-MyAccount-content .fetrieh-third,
.woocommerce-MyAccount-content .fbb-white {
    background: #fff;
    color: #000;
    padding-top: 0;
}
.pay-images {
    background-color: #ddeff9;
}
.pay-back-img {
    float: right;
    width: 100%;
}
.fetrieh-title.k {
    background-color: #4e688d;
    color: #fff;
}
.equivalent-to-tomans {
    float: right;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.fetrieh-pay-back .fetrieh-show span {
    display: block;
    color: #000;
    text-align: left;
}
@media (max-width: 458px) {
    .fetrieh-row.row-padding {
        padding-bottom: 14px;
    }
    .fetrieh-row.row-padding .fr-span {
        line-height: 80px;
    }
    .radio.right {
        width: 80%;
        text-align: right;
    }
    .fetrieh-result li {
        width: 100% !important;
        text-align: center;
    }
    .fetrieh-result li:first-child {
        border-left: none;
    }
}
@media (max-width: 767px) {
    .fetrieh-title {
        width: calc(100% + 30px);
        margin-right: -15px;
        border-radius: 0;
    }
    .fbb-white {
        transform: none;
    }
    .pay-fetrieh.mobile,
    .pay-kafareh.mobile {
        position: fixed;
        right: 0;
        bottom: 0;
        width: 50%;
        border-radius: 0;
        line-height: 60px;
    }
    .pay-kafareh.mobile {
        right: 50%;
    }
    .fetrieh-button-block {
        z-index: 2;
    }
    .fetrieh-button-block::before {
        display: none;
    }
    .fbb-last {
        margin-bottom: 50px;
    }
    .fetrieh-title-span.mobile:nth-of-type(2) {
        margin-top: -20px;
    }
    .fetrieh-back {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 30%;
        text-align: center;
        line-height: 60px;
        border-radius: 0;
        background-color: #fba74c;
        z-index: 1;
        font-size: 18px;
    }
    .sticky-fb {
        position: fixed;
        right: 0;
        bottom: 0;
        margin: 0 !important;
        border-radius: 0;
        width: 70%;
        font-size: 18px;
    }
    .fetrieh-ul.second li {
        width: 100%;
    }
    .fetrieh-title.next,
    .fetrieh-title.k {
        margin-top: 0;
    }
    .flex-port.mobile {
        margin-bottom: 50px;
    }
    .flex-port.mobile.more {
        margin-bottom: 200px;
    }
    .fetrieh-result.delkhah li {
        width: 100%;
    }
    .fetrieh-result.delkhah li:first-child {
        border-left: none;
    }
    .fetrieh-result.delkhah .fetrieh-input {
        width: auto;
    }
    .delkhah-span {
        padding-top: 17px;
    }
}
@media (min-width: 768px) {
    .fetrieh-row label {
        width: calc(50% - 15px);
        margin-left: 0;
        text-align: right;
    }
    .fetrieh-first {
        height: 100%;
    }
    .fetrieh-form.fetrieh-form-free {
        margin-bottom: 100px;
    }
    .fetrieh-form {
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    .fetrieh-half {
        width: 40%;
    }
    .fetrieh-form {
        padding: 0 200px;
    }
    .fetrieh-pay-back {
        width: 500px;
        margin-top: 50px;
    }
    .fetrieh-first {
        background: #fff url(images/f1.jpg) no-repeat top left;
        background-size: 600px;
        padding-top: 0;
    }
    .fetrieh-second {
        background: #fff url(images/f2.jpg) no-repeat center 50px;
        background-size: auto;
    }
    .fetrieh-third {
        background: #fff url(images/f3.jpg) no-repeat center 20px;
        background-size: auto;
    }
    .pay-images {
        background: #ddeff9 url(images/pay-back.jpg) no-repeat 100px 130px;
        padding-bottom: 0;
        background-attachment: local;
        background-size: 400px;
    }
    .pay-back-img {
        display: none;
    }
}
@media (min-width: 1200px) {
    .fetrieh-form {
        padding: 0 300px;
    }
    .fetrieh-first {
        background-position: 50px 100px;
    }
    .pay-images {
        background: #ddeff9 url(images/pay-back.jpg) no-repeat 200px 130px;
        background-size: 400px;
    }
}
@media (min-width: 1500px) {
    .fetrieh-first {
        background-position: 200px 100px;
    }
    .pay-images {
        background-position: 400px 130px;
    }
}
.woocommerce-MyAccount-content .fetrieh-half {
    width: 100%;
}
.woocommerce-MyAccount-content .fetrieh-form {
    padding: 0;
}
.woocommerce-MyAccount-navigation-link--kefareh a::before {
    background-position: -16px -407px !important;
}
.woocommerce-MyAccount-navigation-link--kefareh.is-active a::before,
.woocommerce-MyAccount-navigation-link--kefareh a:hover::before {
    background-position-y: -437px !important;
}
.woocommerce-MyAccount-navigation-link--hamdeli.is-active a::before,
.woocommerce-MyAccount-navigation-link--hamdeli a:hover::before {
    background-position-y: -435px !important;
}
.fbutton {
    margin-bottom: 300px;
    background-image: linear-gradient(
        to right,
        #00c5b6 0%,
        #01a99c 50%,
        #01a99c 51%
    );
    box-shadow: 0 4px 10px rgba(0, 196, 181, 0.2);
}
.woocommerce-MyAccount-content .fbutton {
    margin-bottom: 30px;
}
.margin-fbb {
    margin-bottom: 200px;
}
.offer-content span {
    float: right;
    width: 100%;
}
.fetrieh-des {
    float: right;
    width: 100%;
    text-align: justify;
    margin-top: 60px;
}
.fetrieh-des span {
    display: block;
    text-align: left;
}
.fetrieh-change ~ .comment-button {
    margin-bottom: 100px;
    background-image: linear-gradient(
        to right,
        #00c5b6 0%,
        #01a99c 50%,
        #01a99c 51%
    );
    box-shadow: 0 4px 10px rgba(0, 196, 181, 0.2);
}
.flex-port > label {
    width: calc(50% - 15px);
}
.payments {
    float: right;
    width: 100%;
}
.payments ul {
    float: right;
    width: 100%;
    margin-bottom: 15px;
}
.payments ul li {
    float: right;
    margin-left: 5px;
}
.payments ul li a {
    float: right;
    padding: 0 5px;
    border-radius: 5px;
    background-color: #eee;
}
.payments ul li.active a {
    background-color: #9d2c48;
    color: #fff;
}
.payments table {
    text-align: center;
}
.payments table thead {
    background-color: #ddd;
    line-height: 50px;
}
#the-list {
    line-height: 36px;
    font-size: 13px;
    color: #555;
}
#the-list tr:nth-child(even) {
    background-color: #eee;
}
#the-list tr:hover {
    background-color: #e9dfbc;
    color: #584b1e;
}
span.faild {
    background-color: #f83f3f;
    color: #fff;
    width: 38px;
    display: inline-block;
    line-height: 20px;
    border-radius: 5px;
    font-size: 11px;
}
span.success {
    background-color: #2eae43;
    color: #fff;
    width: 38px;
    display: inline-block;
    line-height: 20px;
    border-radius: 5px;
    font-size: 11px;
}
.woocommerce-MyAccount-navigation-link--payments a::before {
    background-position: -45px -407px !important;
}
.woocommerce-MyAccount-navigation-link--payments.is-active a::before,
.woocommerce-MyAccount-navigation-link--payments a:hover::before {
    background-position-y: -435px !important;
}
@media (max-width: 767px) {
    .margin-fbb {
        margin: -70px 0 100px 0;
    }
    .raychat_main_button.bottom {
        bottom: 80px;
    }
}
.flex-hamdeli {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    flex-direction: row-reverse;
}
.flex-hamdeli > div {
    float: right;
    width: 100%;
}
.flex-hamdeli > div img {
    display: block;
    margin: auto;
}
.hamdeli-h2 {
    float: right;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #c12c51;
    margin: 20px 0 15px;
}
.hamdeli-h2::before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 30px;
    background: url(images/sprite.png) -512px -5px;
    margin-left: 7px;
    position: relative;
    top: 7px;
}
.hamdeli-text {
    float: right;
    width: 100%;
    line-height: 33px;
    font-size: 16px;
    text-align: justify;
}
.hamdeli-text span {
    color: #c62d53;
}
.hamdeli-intro {
    border: 2px solid #f7941d;
    border-radius: 15px;
    padding: 10px 25px;
    margin-top: 30px;
    position: relative;
    letter-spacing: -0.5px;
}
.hamdeli-intro::before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 29px;
    background: url(images/sprite.png) -552px -5px;
    position: relative;
    top: 10px;
    margin-left: 5px;
}
.hamdeli-intro::after {
    content: "";
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(images/sprite.png) -517px -48px;
    position: absolute;
    left: 3px;
    bottom: 3px;
}
.flex-hamdeli-links {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    text-align: center;
    margin: 30px 0 50px;
}
.flex-hamdeli-links li {
    float: right;
    width: 100%;
    margin-top: 15px;
}
.flex-hamdeli-links li a {
    float: left;
    width: 100%;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    color: #fff;
    line-height: 60px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
    position: relative;
}
.flex-hamdeli-links li a:hover {
    background: #d62d57;
}
.hamdeli-tabrik {
    padding-right: 40px;
}
.hamdeli-tabrik::before {
    content: "";
    display: inline-block;
    width: 58px;
    height: 53px;
    background: url(images/sprite.png) -536px -102px;
    position: absolute;
    top: 5px;
    right: 20px;
}
.hamdeli-tasliat {
    padding-right: 35px;
    background-image: linear-gradient(
        to right,
        #747474 0%,
        #5a5a5a 50%,
        #747474 51%
    ) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}
.hamdeli-tasliat:hover {
    padding-right: 35px;
    background: #747474 !important;
}
.hamdeli-tasliat::before {
    content: "";
    display: inline-block;
    width: 44px;
    height: 38px;
    background: url(images/sprite.png) -543px -168px;
    position: absolute;
    top: 10px;
    right: 30px;
}
.flex-hamdeli-create-account {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    border: 2px solid #ddd;
    padding: 20px 0 25px;
}
.flex-hamdeli-create-account > div {
    float: right;
    width: 100%;
}
.flex-hamdeli-create-account > div img {
    display: block;
    margin: auto;
}
.fhca-text {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 36px;
}
.fhca-text::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fdc689;
    margin-left: 5px;
}
.fhca-text a {
    color: #b82d4f;
}
.hamdeli-wizard {
    float: right;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    line-height: 36px;
    letter-spacing: -1px;
    margin-top: 30px;
    color: #888;
}
.hamdeli-wizard li {
    float: right;
    padding: 0 6px;
    border-radius: 10px 10px 0 0;
    background-color: #eee;
    margin-left: 1px;
}
.hamdeli-wizard li.active {
    background-color: #ddd;
    color: #000;
}
.flex-hamdeli-message {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    flex-direction: row-reverse;
}
.flex-hamdeli-message > div {
    float: right;
    width: 100%;
    margin-top: 30px;
}
.flex-hamdeli-message > div img {
    display: block;
    margin: auto;
}
.pic-frame {
    letter-spacing: 0;
}
.pic-frame img {
    box-shadow: 0 0 46px rgba(0, 0, 0, 0.14);
    border-radius: 15px;
}
.pic-frame span {
    float: right;
    width: 100%;
    text-align: center;
}
.level2 .pic-frame {
    width: auto !important;
    max-width: 550px;
    margin: auto;
    box-shadow: 0 0 46px rgba(0, 0, 0, 0.14);
    border-radius: 15px;
    overflow: hidden;
    margin-top: 30px;
    position: relative;
}
.level2 .pic-frame img {
    box-shadow: none;
    margin-top: 0 !important;
}
.elspinner {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9999;
    border-radius: 20px;
}
.elspinner::before {
    content: "";
    position: absolute;
    top: calc(50% - 25px);
    right: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(157, 44, 72, 0.5);
    animation: spinner 1s infinite ease-in-out;
}
.elspinner::after {
    content: "";
    position: absolute;
    top: calc(50% - 25px);
    right: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(157, 44, 72, 0.5);
    animation: spinner 1s 0.5s infinite ease-in-out;
}
@keyframes spinner {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
.fhm-text {
    float: right;
    width: 100%;
    text-align: justify;
    font-size: 16px;
    line-height: 30px;
}
.hamdeli-message-title {
    float: right;
    font-weight: bold;
    font-size: 16px;
    margin-top: 25px;
}
.hamdeli-message-input {
    float: right;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background-color: #eee;
    border: none;
    padding: 0 15px;
    margin-top: 10px;
}
.hamdeli-message-textarea {
    float: right;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 231px;
    border-radius: 10px;
    background-color: #eee;
    border: none;
    padding: 10px 15px;
    margin-top: 10px;
    text-align: justify;
    line-height: 27px;
}
.hamdeli-message-textarea:disabled {
    color: #616161;
}
.edit-hamdeli {
    float: right;
    padding: 0 16px;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    color: #fff;
    font-weight: bold;
    line-height: 34px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    margin-top: 21px;
    border: none;
    margin-right: 15px;
}
.edit-hamdeli:hover {
    background: #d62d57;
}
.hamdeli-phone {
    text-align: center;
    direction: ltr;
    font-size: 20px;
}
.flex-whatsapp {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    border: 1px solid #939598;
    border-right: none;
    border-left: none;
    margin-top: 30px;
    padding: 20px 0;
}
.flex-whatsapp > div {
    float: right;
    width: 100%;
}
.flex-whatsapp > div .radio {
    padding-top: 15px;
}
.flex-whatsapp .checkbox {
    font-weight: bold;
    color: #000;
    font-size: 16px;
}
.flex-whatsapp-title {
    float: right;
    width: 100%;
    font-weight: bold;
}
.hamdeli-input-simple {
    float: right;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: none;
    background-color: #f5f5f7;
    margin: 15px 0;
    padding: 0 15px;
    text-align: center;
}
.hamdeli-message-submit-2,
.hamdeli-message-submit,
.hamdeli-edit-submit {
    float: left;
    width: 180px;
    padding: 0 30px;
    background-image: linear-gradient(
        to right,
        #00c5b6 0%,
        #01a99c 50%,
        #01a99c 51%
    );
    box-shadow: 0 4px 10px rgba(0, 196, 181, 0.2);
    color: #fff !important;
    font-weight: bold;
    line-height: 60px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
    margin: 30px 0 50px 90px;
}
.hamdeli-message-submit-2 {
    float: left;
    width: 180px;
    padding: 0 30px;
    background-image: linear-gradient(
        to right,
        #00c5b6 0%,
        #01a99c 50%,
        #01a99c 51%
    );
    box-shadow: 0 4px 10px rgba(0, 196, 181, 0.2);
    color: #fff !important;
    font-weight: bold;
    line-height: 60px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
    width: 300px;
    margin: 50px 0 50px -30px;
}
.hamdeli-message-submit-2:hover {
    background: #00c5b6;
}
.hamdeli-message-submit:hover,
.hamdeli-edit-submit.edit:hover,
.tak-button:hover {
    background: #00c5b6;
}
.tak-button {
    float: left;
    width: 180px;
    background-image: linear-gradient(
        to right,
        #00c5b6 0%,
        #01a99c 50%,
        #01a99c 51%
    );
    box-shadow: 0 4px 10px rgba(0, 196, 181, 0.2);
    color: #fff !important;
    font-weight: bold;
    line-height: 60px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
    margin: 30px 0 30px calc(50% - 90px);
}
.fw2 {
    padding-bottom: 0;
    border-bottom: none;
}
.fw-append,
.fw-append-head {
    border: none;
    padding: 0;
    margin: 0;
}
.fw-append input,
.fw-append-head input {
    text-align: left;
    direction: ltr;
}
.his-half {
    width: calc(100% - 50px);
    float: left;
}
.his-half ~ button {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: none;
    background-color: #c72c53;
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    margin-top: 19px;
}
.add-hamdeli-input.disabled,
.add-hamdeli-input:disabled {
    background-color: #ccc;
}
input.email-input:disabled,
input.sms-input:disabled {
    border: 1px dashed #ccc;
}
.sms-input {
    direction: ltr;
    font-size: 20px;
}
.fw2-h3 {
    float: right;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0 10px;
}
.fw2-h3::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fdc689;
    margin-left: 5px;
}
.fw2-h3 ~ .hamdeli-success {
    margin-top: 15px;
}
.single-page {
    transition: 0.2s ease-in-out;
}
.blur {
    filter: blur(5px);
}
.hamdeli-ok {
    position: fixed;
    top: 30px;
    right: 15px;
    width: calc(100% - 30px);
    height: 300px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 80px rgba(0, 0, 0, 0.2);
    padding: 15px;
    z-index: 99999;
    display: none;
}
.hamdeli-ok-title {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
    line-height: 40px;
}
.hamdeli-ok-ul {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.hamdeli-ok-ul li {
    display: inline-block;
}
.hamdeli-ok-ul li a,
.hamdeli-ok-ul li button {
    float: left;
    padding: 0 16px;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    color: #fff;
    font-weight: bold;
    line-height: 44px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    margin-top: 21px;
    border: none;
    cursor: pointer;
}
.hamdeli-ok-ul li a::before,
.hamdeli-ok-ul li button::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 18px;
    background-image: url(images/sprite.png);
    margin-left: 5px;
    position: relative;
    top: 3px;
}
.hamdeli-ok-ul li button {
    background: #505050;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.hamdeli-ok-ul li a:hover {
    background: #d62d57;
}
.hamdeli-ok-ul li a::before {
    background-position: -428px -161px;
}
.hamdeli-ok-ul li button::before {
    background-position: -454px -161px;
}
.hamdeli-view-span {
    float: right;
    width: 100%;
    direction: ltr;
    text-align: right;
    margin-bottom: 15px;
}
.hamdeli-level2-submit {
    float: right;
    width: 100%;
    text-align: center;
}
.hamdeli-level2-submit li {
    display: inline-block;
}
.hamdeli-message-submit.edit,
.hamdeli-edit-submit.edit {
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
}
.hamdeli-message-submit.edit:hover,
.hamdeli-edit-submit.edit:hover {
    background: #d62d57;
}
.flex-hamdeli-view {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    flex-direction: row-reverse;
    margin-top: 30px;
}
.flex-hamdeli-view > div {
    float: right;
    width: 100%;
}
.flex-hamdeli-view > div img {
    display: block;
    margin: auto;
}
.hamdeli-success {
    float: right;
    width: 100%;
    font-size: 16px;
    padding: 0 15px;
    background-color: #c4df9b;
    border-radius: 10px;
    line-height: 40px;
    color: #5c7836;
}
.hamdeli-success-text {
    float: right;
    width: 100%;
    line-height: 28px;
    margin: 15px 0;
    text-align: justify;
}
.hamdeli-download {
    float: right;
    width: 100%;
    border-top: 1px solid #939598;
    margin-top: 30px;
    padding: 30px 0;
}
.hd-title {
    float: right;
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    color: #bd2d50;
    margin: 15px 0 25px;
}
.hamdeli-download-link {
    float: right;
    padding: 0 16px;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    color: #fff;
    font-weight: bold;
    line-height: 50px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    margin-top: 20px;
    border: none;
    font-size: 18px;
    margin-left: 15px;
}
.hamdeli-download-link::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(images/sprite.png) -497px -155px;
    margin-left: 10px;
    position: relative;
    top: 10px;
}
.hamdeli-download-link:hover {
    background: #d62d57;
}
.hamdeli-download-social {
    float: left;
    line-height: 50px;
    margin-top: 20px;
}
.hamdeli-download-social li {
    display: inline-block;
}
.hamdeli-download-social span {
    float: right;
}
.hds-icons {
    float: right;
    width: 55px;
    height: 50px;
    background-image: url(images/sprite.png);
}
.hds-instagram {
    background-position: -412px -424px;
}
.hds-linkedin {
    background-position: -350px -424px;
}
.whatsapp-icon::before {
    background-position-y: -196px;
}
.message-body {
    float: right;
    width: 100%;
    padding: 0 15px;
    margin-top: -80px;
    position: relative;
}
.message-body h3,
.message-body div,
.message-body h4 {
    float: right;
    width: 100%;
    text-align: justify;
    margin: 10px 0;
    font-size: 14px;
    line-height: 26px;
    font-weight: normal;
    direction: rtl;
}
.message-body h4 {
    text-align: left;
    margin-bottom: 20px;
}
.blur-img img {
    filter: blur(5px);
}
.tasliat-body {
    background-color: #6f6e6e;
    color: #fff;
}
.woocommerce-MyAccount-content .flex-hamdeli-links li {
    width: 100%;
}
@media (min-width: 550px) {
    .flex-hamdeli-links li {
        width: calc(50% - 15px);
    }
    .flex-hamdeli-create-account > div:first-child {
        width: calc(60% - 15px);
    }
    .flex-hamdeli-create-account > div:last-child {
        width: calc(40% - 15px);
    }
    .fhca-text {
        margin-top: 50px;
    }
    .hamdeli-wizard {
        letter-spacing: normal;
        font-size: 16px;
        line-height: 50px;
    }
    .hamdeli-wizard li {
        padding: 0 15px;
        border-radius: 20px 20px 0 0;
    }
    .flex-whatsapp > div {
        width: calc(50% - 15px);
    }
}
@media (min-width: 768px) {
    .hamdeli-ok {
        top: 50%;
        transform: translateY(-50%);
        width: 500px;
        right: calc(50% - 250px);
        padding: 30px 50px;
    }
    .flex-hamdeli-view > div:first-child {
        width: 40%;
    }
    .flex-hamdeli-view > div:last-child {
        width: 60%;
        padding: 0 50px;
    }
    .hamdeli-level2-submit li {
        margin: 0 20px;
    }
    .hamdeli-download {
        padding: 30px 50px;
    }
    .message-body {
        padding: 0 56px;
    }
    .tak-button {
        width: 300px;
        padding: 0 30px;
        margin-left: calc(50% - 150px);
    }
}
@media (min-width: 992px) {
    .flex-hamdeli > div {
        width: calc(50% - 15px);
    }
    .flex-hamdeli > div img {
        margin-top: 50px;
    }
    .fhca-text {
        margin-top: 80px;
    }
    .flex-hamdeli-create-account > div:first-child {
        padding-right: 100px;
    }
    .flex-hamdeli-message > div:first-child {
        width: calc(45% - 30px);
    }
    .flex-hamdeli-message > div:last-child {
        width: calc(55% - 30px);
    }
    .flex-whatsapp > div {
        width: calc(50% - 30px);
    }
    .hamdeli-message-submit,
    .hamdeli-edit-submit {
        width: 300px;
        margin: 50px 0 50px -30px;
    }
    .pic-frame img {
        margin-top: 30px !important;
    }
    .flex-hamdeli-message.level2 > div {
        width: 100%;
        margin-right: 15px;
    }
}
@media (min-width: 991px) and (max-width: 1199px) {
    .flex-hamdeli-links li {
        width: 100%;
    }
}
.mesal {
    float: right;
    width: 100%;
    font-size: 12px;
    color: #888;
    letter-spacing: -0.5px;
}
.mesal span {
    font-weight: bold;
    color: #555;
}
.flex-whatsapp > div .radio {
    background: transparent;
    padding-right: 0;
}
.hamdeli-price {
    float: right;
    width: 100%;
    text-align: center;
    color: #ed145b;
    margin-top: 30px;
    font-weight: bold;
}
.add-hamdeli-input.email-input {
    line-height: 45px;
}
.hamdelis {
    float: right;
    width: 100%;
    line-height: 50px;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 20px;
    margin-bottom: 15px;
}
.hamdelis .success-submited {
    margin-top: 15px;
}
.hamdelis h3 {
    float: right;
}
.hamdelis h4 {
    float: right;
    margin: 0 15px;
}
.hamdelis a {
    margin-top: 0;
    color: #fff;
    font-size: 14px;
}
.hamdelis a:active {
    color: #fff;
}
.pwt-btn-today {
    display: none !important;
}
.hamdeli-message-submit,
.hamdeli-edit-submit {
    color: #fff !important;
}
#hamdeli-form {
    transition: 0.2s ease-in-out;
}
@media (min-width: 700px) {
    .flex-inner-pb .pay-title-block {
        padding-top: 0;
    }
    .flex-inner-pb .pay-box:first-child .pay-title-block {
        padding-top: 10px;
    }
    .flex-inner-pb .pay-title-block img {
        top: 40px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .flex-inner-pb .pay-title-block {
        padding-top: 0;
    }
    .flex-inner-pb .pay-title-block img {
        top: 0;
    }
    .index-pay-button {
        letter-spacing: -1px;
    }
}
.hamdeli-landing {
    float: right;
    width: 100%;
    transition: 0.2s ease-in-out;
}
.flex-motion {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    padding-top: 50px;
}
.flex-motion > div {
    width: 100%;
    margin-bottom: 30px;
}
.flex-motion > div img {
    display: block;
    margin: auto;
}
.hamdeli-landing-h2 {
    float: right;
    width: 100%;
    font-weight: bold;
    color: #c72d53;
    font-size: 20px;
}
.hamdeli-landing-h2::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 22px;
    background: url(images/sprite.png) -441px -202px;
    margin-left: 5px;
    position: relative;
    top: 5px;
}
.hamdeli-landing-h2.original-icon::before {
    width: 50px;
    height: 84px;
    background: url(images/sprite.png) -553px -395px;
    margin-left: -10px;
}
.hamdeli-landing-h3 {
    float: right;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    color: #00c0b1;
    margin-top: 10px;
}
.hamdeli-landing-des {
    float: right;
    width: 100%;
    text-align: justify;
    line-height: 24px;
    margin-top: 20px;
}
.hamdeli-landing-button {
    float: right;
    width: 150px;
    background-image: linear-gradient(
        to right,
        #00c5b6 0%,
        #01a99c 50%,
        #01a99c 51%
    );
    box-shadow: 0 4px 10px rgba(0, 196, 181, 0.2);
    color: #fff;
    line-height: 40px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    margin: 30px calc(50% - 75px) 30px 0;
    border: none;
}
.hamdeli-landing-button:hover {
    background: #00c5b6;
}
.flex-preview {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    flex-direction: row-reverse;
    margin-top: 30px;
}
.flex-preview > div {
    width: 100%;
    margin-bottom: 30px;
}
.flex-preview > div img {
    filter: drop-shadow(0 20px 50px rgba(0, 0, 0, 0.2));
    display: block;
    margin: auto;
}
.preview-box {
    float: right;
    width: 100%;
    text-align: justify;
    line-height: 24px;
    font-weight: 300;
    margin-top: 30px;
    padding: 0 20px 50px 0;
    position: relative;
    border: 2px solid #61f758;
    border-bottom-right-radius: 20px;
    border-top: none;
    border-left: none;
}
.preview-h3 {
    float: right;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}
.preview-back-button {
    position: absolute;
    left: 0;
    bottom: -2px;
    padding-right: 10px;
    background-color: #fff;
}
.preview-back-button a {
    float: right;
    width: 150px;
    color: #fff;
    line-height: 40px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    text-align: center;
}
.preview-back-button a::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 28px;
    background: url(images/sprite.png) -558px -220px;
    position: relative;
    top: 8px;
    margin-left: 5px;
}
.preview-back-button a.tabrik::before {
    background: url(images/sprite.png) -558px -257px;
}
.preview-back-button a.tasliat {
    background-image: linear-gradient(
        to right,
        #a8a8a8 0%,
        #787878 50%,
        #787878 51%
    );
    box-shadow: 0 4px 8px rgba(148, 148, 148, 0.23);
}
.preview-back-button a.tasliat:hover {
    background: #a8a8a8;
}
.preview-back-button a.tabrik {
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
}
.preview-back-button a.tabrik:hover {
    background: #d62d57;
}
.preview-box.tabrik {
    border-color: #f7941d;
}
.hl-level {
    float: right;
    width: 100%;
    background-image: linear-gradient(
        to bottom,
        rgba(181, 193, 230, 0.25),
        transparent 60%
    );
    margin-top: 70px;
    padding-bottom: 50px;
}
.hl-level-h2 {
    float: right;
    width: 220px;
    line-height: 70px;
    background-color: #c72d53;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    border-radius: 0 0 12px 12px;
    margin-right: calc(50% - 110px);
}
.hl-level-h2::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 22px;
    background: url(images/sprite.png) -441px -226px;
    margin-left: 5px;
    position: relative;
    top: 5px;
}
.flex-level-block {
    float: right;
    width: 100%;
    position: relative;
}
.flex-level-block .lSSlideOuter .lSPager.lSpg > li.active a,
.flex-level-block .lSSlideOuter .lSPager.lSpg > li a {
    background-color: #c72d53 !important;
}
.flex-level-block .lSSlideOuter .lSPager.lSpg > li.active a,
.flex-level-block .lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: none !important;
}
.flex-level {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 100px 0 30px;
    position: relative;
}
.flex-level-block::before {
    content: "";
    position: absolute;
    top: 48%;
    left: 70px;
    width: calc(100% - 140px);
    height: 3px;
    background-image: linear-gradient(
        to right,
        #ebeef7 66.6666%,
        transparent 66.6666%
    );
    background-size: 18px;
}
.flex-level > div {
    position: relative;
    z-index: 1;
    width: 100%;
}
.level-circle {
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 8px solid #fff;
    margin: auto;
}
.level-circle::before {
    content: "";
    float: right;
    width: 80px;
    height: 58px;
    margin: calc(50% - 28px) calc(50% - 40px) 0 0;
    background-image: url(images/sprite.png);
}
.level-circle.lc1 {
    background-color: #ed145a;
}
.level-circle.lc1::before {
    background-position: -226px -495px;
    margin-right: calc(50% - 35px);
}
.level-circle.lc2 {
    background-color: #f7931e;
}
.level-circle.lc2::before {
    background-position: -146px -495px;
    margin-top: calc(50% - 32px);
}
.level-circle.lc3 {
    background-color: #19becf;
}
.level-circle.lc3::before {
    background-position: -67px -495px;
}
.level-circle.lc4 {
    background-color: #b27ab4;
}
.level-circle.lc4::before {
    background-position: -2px -495px;
}
.level-h3 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: 30px 0;
}
.level-h3 span {
    display: inline-block;
    border-radius: 5px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 22px;
    background-color: #c72d53;
    color: #fff;
    margin-left: 5px;
    font-weight: normal;
    font-size: 16px;
}
.mazaya {
    float: right;
    width: 100%;
    background-image: linear-gradient(45deg, #9d2c48, #d62d57);
    padding-bottom: 30px;
}
.mazaya .lSSlideOuter .lSPager.lSpg > li.active a,
.mazaya .lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: none !important;
}
.mazaya-h2 {
    float: right;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin-top: 50px;
}
.mazaya-h2::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 22px;
    background: url(images/sprite.png) -441px -226px;
    margin-left: 5px;
    position: relative;
    top: 5px;
}
.flex-mazaya-block {
    float: right;
    width: 100%;
}
.flex-mazaya-block .lSSlideOuter .lSPager.lSpg {
    margin-top: 30px !important;
}
.flex-mazaya {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    text-align: center;
    margin-top: 60px;
}
.flex-mazaya > div {
    width: 100%;
    margin-bottom: 30px;
}
.flex-mazaya-h3 {
    float: right;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}
.flex-mazaya-h3::before {
    content: "";
    display: block;
    width: 75px;
    height: 68px;
    margin: 0 calc(50% - 37px) 30px 0;
    background-image: url(images/sprite.png);
    background-position-y: -487px;
}
.flex-mazaya-h3.mazaya-icon1::before {
    background-position-x: -510px;
}
.flex-mazaya-h3.mazaya-icon2::before {
    background-position-x: -416px;
}
.flex-mazaya-h3.mazaya-icon3::before {
    background-position-x: -322px;
}
.flex-mazaya-des {
    float: right;
    width: 100%;
    color: #ff8ca9;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
}
.faq-block {
    float: right;
    width: 100%;
}
.faq-h2 {
    text-align: center;
    margin: 70px 0 35px;
}
.faq {
    float: right;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #d9dbe9;
    box-shadow: 0 8px 13px rgba(67, 78, 147, 0.08);
    background-color: #fff;
    margin-bottom: 15px;
}
.question,
.questionn {
    float: right;
    width: 100%;
    cursor: pointer;
    padding: 20px 30px 20px 60px;
    line-height: 30px;
    position: relative;
    font-size: 16px;
}
.question::after,
.questionn::after {
    content: "";
    position: absolute;
    left: 30px;
    top: 33px;
    width: 20px;
    height: 11px;
    background: url(images/sprite.png) -444px -332px;
    transition: 0.2s ease-in-out;
}
.question.active::after,
.questionn.active::after {
    transform: rotate(180deg);
}
.answer,
.answerr {
    float: right;
    width: 100%;
    font-weight: 300;
    text-align: justify;
    padding: 0 30px 20px;
    line-height: 30px;
    display: none;
}
.answer a,
.answerr a {
    color: #c72d53;
    font-weight: bold;
}
.hl-contact {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    color: #000;
}
.hl-contact > div {
    float: right;
    width: 100%;
    margin-bottom: 30px;
}
.hl-contact > div:last-child > div {
    position: relative;
    padding-left: 65px;
}
.hl-contact > div:last-child > div::after {
    content: "";
    float: left;
    width: 56px;
    height: 50px;
    background: url(images/sprite.png) -481px -338px;
    margin-right: 67px;
    position: absolute;
    top: 0;
}
.hl-contact > div:first-child span:first-child {
    font-size: 18px;
    font-weight: bold;
}
.hl-contact div:last-child span:first-child {
    font-size: 24px;
    font-weight: bold;
    direction: ltr;
}
.hl-contact > div:last-child span:last-child {
    font-size: 11px;
    color: #737373;
}
.hl-contact > div span {
    display: block;
}
.hl-footer {
    float: right;
    width: 100%;
    border-top: 1px solid #dbdee0;
    margin-top: 20px;
}
.flex-hl-footer {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    padding-top: 35px;
}
.flex-hl-footer > div {
    width: 100%;
}
.hl-footer-h2 {
    margin-bottom: 15px;
}
.hl-footer-des {
    float: right;
    width: 100%;
    line-height: 22px;
    font-weight: 300;
    text-align: justify;
    margin-bottom: 30px;
}
.flex-inner-footer {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-inner-footer > div {
    width: 100%;
}
.hl-footer-h3 {
    float: right;
    width: 100%;
    color: #6a7378;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
}
.hl-footer-ul {
    float: right;
    width: 100%;
    font-weight: 300;
    margin-bottom: 30px;
}
.hl-footer-ul li {
    float: right;
    width: 100%;
}
.hl-footer-ul li a {
    float: right;
    width: 100%;
    color: #6a7378;
}
.hl-footer-ul li a:hover {
    color: #c72d53;
}
.hl-footer-newsletter {
    float: right;
    width: 100%;
    text-align: justify;
    color: #555;
}
.hl-footer-newsletter span {
    font-weight: bold;
    color: #222;
}
.hl-newsletter-zone {
    float: right;
    width: 100%;
    margin: 15px 0;
}
.hl-newsletter-zone .mailster-form-fields {
    border-radius: 12px;
    border: 1px solid #d9e1ed;
    padding: 5px;
}
.hl-newsletter-zone .mailster-form-fields div:first-child {
    width: calc(100% - 100px);
    margin: 0;
}
.hl-newsletter-zone .mailster-form-fields div:first-child::before {
    content: "";
    float: right;
    width: 30px;
    height: 30px;
    background: url(images/hl-email.svg) no-repeat center;
    background-size: 30px !important;
    margin-right: 5px;
}
.hl-newsletter-zone .mailster-form-fields div:first-child input {
    border: none !important;
    margin: 0;
    width: calc(100% - 40px);
}
.hl-newsletter-zone .mailster-form-fields div:last-child {
    width: 90px;
    float: left;
    margin: 0;
}
.hl-newsletter-zone .mailster-form-fields div:last-child input {
    margin: 0 !important;
    width: 90px;
}
.hl-comments {
    float: right;
    width: 100%;
}
.hl-comments-inner {
    float: right;
    width: 100%;
}
.comments-block {
    float: right;
    width: 100%;
}
.big-hl-comment-box-block {
    float: right;
    width: 100%;
    filter: drop-shadow(0 22px 49px rgba(21, 22, 25, 0.23));
    position: relative;
}
.big-hl-comment-box-block .lSSlideOuter .lSPager.lSpg {
    top: -50px;
    position: relative;
}
.big-hl-comment-box-block .lSSlideOuter .lSPager.lSpg > li.active a,
.big-hl-comment-box-block .lSSlideOuter .lSPager.lSpg > li a {
    background-color: rgba(255, 255, 255, 1) !important;
    border: none !important;
}
.big-hl-comment-box-block .lSSlideOuter .lSPager.lSpg > li.active a,
.big-hl-comment-box-block .lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: none !important;
}
.hl-comment-box-block {
    float: left;
    width: 100%;
}
.hl-comment-box {
    float: right;
    width: 100%;
    background-image: linear-gradient(45deg, #9d2c48, #d62d57);
    border-radius: 50px;
    padding: 90px 30px 120px;
    position: relative;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
}
.color2 {
    background-image: linear-gradient(45deg, #f7931e, #ffb054);
}
.color3 {
    background-image: linear-gradient(45deg, #19becf, #1cddf1);
}
.color4 {
    background-image: linear-gradient(45deg, #b27ab4, #d981dc);
}
.hl-comment-box::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 40px;
    width: 65px;
    height: 44px;
    background: url(images/sprite.png) -483px -430px;
}
.hl-comments-mail {
    float: left;
    color: #222;
    margin: -13px 0 0 50px;
    position: relative;
    z-index: 1;
}
.hl-comments-mail:hover {
    color: #b72b50;
}
.hl-modal {
    position: fixed;
    z-index: 9999;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: calc(100% - 60px);
    background: #fff;
    border-radius: 25px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
    padding: 50px 30px;
    text-align: center;
    display: none;
}
.hl-modal h3 {
    float: right;
    width: 100%;
}
.hl-modal ul {
    float: right;
    width: 100%;
    margin: 50px 0 30px;
}
.hl-modal ul li {
    display: inline-block;
    padding: 0 15px;
}
.hl-modal ul li a {
    float: right;
    width: 150px;
    color: #fff;
    line-height: 40px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    text-align: center;
}
.hl-modal ul li a::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 28px;
    background: url(images/sprite.png) -558px -220px;
    position: relative;
    top: 8px;
    margin-left: 5px;
}
.hl-modal ul li a.tabrik::before {
    background: url(images/sprite.png) -558px -257px;
}
.hl-modal ul li a.tasliat {
    background-image: linear-gradient(
        to right,
        #a8a8a8 0%,
        #787878 50%,
        #787878 51%
    );
    box-shadow: 0 4px 8px rgba(148, 148, 148, 0.23);
}
.hl-modal ul li a.tasliat:hover {
    background: #a8a8a8;
}
.hl-modal ul li a.tabrik {
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
}
.hl-modal ul li a.tabrik:hover {
    background: #d62d57;
}
.hl {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    z-index: 9999;
}
.hl-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.hl-close::before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    height: 2px;
    width: 100%;
    border-radius: 1px;
    background: #222;
    transform: rotate(45deg);
}
.hl-close::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    height: 2px;
    width: 100%;
    border-radius: 1px;
    background: #222;
    transform: rotate(-45deg);
}
.hl-arrows {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.hl-arrows li {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40%;
    cursor: pointer;
    background: url(data:image/svg+xml;
    utf8;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zNjcuOTU0LDIxMy41ODhMMTYwLjY3LDUuODcyYy03LjgwNC03LjgxOS0yMC40NjctNy44MzEtMjguMjg0LTAuMDI5Yy03LjgxOSw3LjgwMi03LjgzMiwyMC40NjUtMC4wMywyOC4yODQgICAgbDIwNy4yOTksMjA3LjczMWM3Ljc5OCw3Ljc5OCw3Ljc5OCwyMC40ODYtMC4wMTUsMjguMjk5TDEzMi4zNTYsNDc3Ljg3M2MtNy44MDIsNy44MTktNy43ODksMjAuNDgyLDAuMDMsMjguMjg0ICAgIGMzLjkwMywzLjg5Niw5LjAxNiw1Ljg0MywxNC4xMjcsNS44NDNjNS4xMjUsMCwxMC4yNS0xLjk1OCwxNC4xNTctNS44NzNsMjA3LjI2OS0yMDcuNzAxICAgIEMzOTEuMzMzLDI3NS4wMzIsMzkxLjMzMywyMzYuOTY3LDM2Ny45NTQsMjEzLjU4OHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
        no-repeat center center;
    background-size: 30px;
    opacity: 0.25;
}
.hl-arrows li#next-comment {
    right: 0;
}
.hl-arrows li#prev-comment {
    left: 0;
    transform: rotate(180deg);
}
.hl-arrows li:hover {
    opacity: 0.5;
}
@media (min-width: 425px) {
    .flex-inner-footer > div:first-child {
        width: calc(40% - 15px);
    }
    .flex-inner-footer > div:last-child {
        width: calc(60% - 15px);
    }
}
@media (min-width: 768px) {
    .flex-motion > div {
        width: 50%;
    }
    .flex-preview > div {
        width: calc(50% - 15px);
    }
    .flex-mazaya > div {
        width: calc(33.3333% - 15px);
    }
    .flex-level > div {
        width: auto;
    }
    .hl-contact > div {
        float: none;
        width: auto;
        display: inline-block;
        padding: 0 20px;
    }
    .hl-contact > div:first-child {
        border-left: 1px solid #c2cad8;
    }
    .flex-hl-footer > div {
        width: calc(50% - 15px);
    }
    .flex-hl-footer > div:first-child {
        padding-left: 70px;
    }
    .hl-modal {
        width: 600px;
    }
    .flex-preview > div img {
        float: right;
    }
}
@media (min-width: 992px) {
    .comments-block {
        padding: 0 100px;
    }
    .hl-comment-box {
        padding: 120px 60px;
    }
    .hl-comments-inner {
        box-shadow: 50px 20px 50px rgba(21, 22, 25, 0.1);
        padding-bottom: 60px;
        border-bottom-right-radius: 66px;
    }
    .hl-arrows li#next-comment {
        right: -50px;
    }
    .hl-arrows li#prev-comment {
        left: -50px;
    }
}
@media (min-width: 1200px) {
    .flex-preview > div:first-child {
        width: calc(60% - 15px);
    }
    .flex-preview > div:last-child {
        width: calc(40% - 15px);
    }
    .flex-mazaya > div {
        width: calc(33.3333% - 30px);
    }
}
.fsign1::before,
.fsign2::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 4px;
    background-size: 20px !important;
}
.fsign1::before {
    background: url(images/key.svg) no-repeat center;
}
.fsign2::before {
    background: url(images/email.svg) no-repeat center;
}
.woocommerce-MyAccount-content .pay-report {
    display: none;
}
video.hl-video {
    float: left;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}
@media (min-width: 768px) {
    video.hl-video {
        width: calc(100% - 30px);
    }
}
.whatsapp-des {
    font-size: 13px;
    text-align: justify;
    color: #888;
    margin-top: 10px;
}
.hd-des {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #888;
    margin: 10px 0;
}
.text-right {
    text-align: right;
}
@media (max-width: 767px) {
    td,
    th {
        border-right: 1px solid #eee;
        padding: 0 5px;
    }
}
.moharram {
    background-color: #162230;
    color: #a2bad5;
}
.moharram .flex-campaign > label {
    border: 2px solid #3c4a64;
}
.moharram input[type="text"] {
    background: #343e5b;
}
.moharram a {
    color: #4f95ff;
}
.form-comment.dynamic {
    margin-top: 30px;
}
.form-comment.dynamic .flex-campaign {
    flex-flow: row;
    width: calc(100% + 10px);
    margin: 0 -5px;
}
.form-comment.dynamic .flex-campaign label {
    width: 100%;
    border-width: 1px;
    height: 50px;
    line-height: 48px;
    margin: 0 5px;
}
.form-comment.dynamic .flex-port > label {
    padding: 10px;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.1);
}
.form-comment.dynamic .flex-port > label::before {
    display: none;
}
.form-comment.dynamic .flex-port > label img {
    margin: 0 auto 5px auto;
    display: block;
    width: 60px;
}
.form-comment.dynamic .buttons {
    line-height: 50px;
    width: calc(33.3333% - 5px);
    margin: 10px calc(33.3333% + 2px) 20px 0;
}
.flex-talk-to-mahak.dy {
    flex-direction: row-reverse;
}
.money.campaign-money:placeholder-shown + label {
    transform: translate(50px, -66px);
    opacity: 0;
}
label.showing-price {
    float: left;
    font-size: 18px;
    background-color: #eee;
    padding: 5px 15px;
    border-radius: 5px;
    transform: translate(15px, -66px);
    transition: 0.2s ease-in-out;
    position: absolute;
    top: 80px;
    left: 0;
}
.flex-talk-to-mahak.dy .flex-input-item.profile-form {
    position: relative;
}
.flex-talk-to-mahak.dy .money.campaign-money {
    background-color: rgba(0, 0, 0, 0.05);
}
.login-to-register {
    float: right;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 30px 15px;
    text-align: center;
    margin: 15px 0 30px;
    letter-spacing: -0.5px;
}
.login-to-register a {
    font-weight: bold;
    color: #9e2c4a;
}
.login-to-register a:hover {
    color: #ed145b;
}
.back-dy-text {
    float: right;
    width: 100%;
    text-align: justify;
    border: 4px solid #eee;
    border-radius: 10px;
    padding: 30px 15px;
    margin: 10px 0;
    line-height: 27px;
}
.form-back-email-block {
    float: right;
    width: 100%;
    padding: 0 25px 30px;
    border: 4px solid #aed577;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(141, 198, 63, 0.2);
    margin: 15px 0;
}
.form-back-email-block h3 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin: 20px 0;
}
.form-back-email {
    float: right;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 5px;
}
.form-back-email input {
    float: right;
    width: calc(100% - 80px);
    line-height: 34px;
    border: none;
    padding: 0 10px;
}
.form-back-email button {
    float: left;
    width: 80px;
    border: none;
    margin: 0;
}
.margin-bottom-submit {
    margin-bottom: 60px !important;
}
.flex-talk-to-mahak.dyn {
    flex-direction: row;
}
@media (max-width: 575px) {
    .form-comment.dynamic .flex-campaign label {
        font-size: 13px;
    }
    .talar-select.new {
        margin-bottom: 30px;
    }
    .fw2-h3.margin-top-50 {
        margin-top: 20px !important;
    }
    .hamdeli-success-text::after {
        display: none;
    }
}
@media (min-width: 768px) {
    .form-comment.dynamic .flex-port {
        width: 100%;
    }
    .form-back-email input {
        width: 70%;
    }
    .form-back-email button {
        width: 30%;
    }
}
article.single-page.dynamic-block {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    padding: 150px 0 0;
    border-radius: 0;
    overflow-y: auto;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 992px) {
    article.single-page.dynamic-block {
        padding: 20px 0 0;
    }

    .login-to-register {
        margin-bottom: 79px !important;
    }
}

/* article.single-page.dynamic-block::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  float: right;
  width: 100%;
  height: 100px;
} */
.raychat_main_button.left {
    left: 15px !important;
}
.pricetalar#talar-price-input {
    width: auto !important;
    height: 40px !important;
}
.talar-type {
    float: right;
    width: 100%;
    margin-bottom: 15px;
}
.talar-type > div {
    float: right;
    width: 100%;
}
.remove-before::before {
    display: none;
}
.flex-talar-character img {
    box-shadow: none;
}
.hamdeli-intro span {
    font-weight: bold;
}
.checkbox span,
.radio span {
    font-weight: bold;
    color: #222;
}
.border-bottom-none {
    border-bottom: none;
}
.font16 {
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    margin-top: 15px;
}
.talar-final-price {
    display: inline-block;
    width: auto;
}
.talar-final-price > input {
    width: auto;
    margin-left: 15px;
    text-align: center;
    font-size: 16px;
}
.label-font16 label {
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    margin-top: 15px;
    color: #000;
}
.label-font16 input {
    margin-top: 10px;
}
.label-font16 input:checked {
    margin-top: 5px;
}
.talar-spin {
    margin-left: 15px;
}
.talar-spin .FormUnit-field--spin {
    width: 70px;
}
.talar-date {
    margin-bottom: 0;
}
.out-flex-talar > div {
    float: right;
    width: 100%;
    padding: 5px 0;
    line-height: 26px;
    text-align: justify;
    letter-spacing: -1px;
}
.out-flex-talar .radio {
    margin-left: 0;
}
.talar-date-icon {
    float: right;
    width: 37px;
    height: 40px;
    background: url(images/sprite.png) -555px -299px;
    margin-left: 10px;
}
.hamdeli-level2-submit {
    margin-bottom: 30px;
}
#error {
    float: right;
    width: 100%;
    margin-top: 50px;
}
#error ~ .hamdeli-message-submit,
#error ~ .hamdeli-level2-submit a,
#error ~ .hamdeli-level2-submit button {
    margin: 30px 0 0 calc(50% - 105px) !important;
    min-width: 210px !important;
    padding: 0 !important;
}
#error ~ button.hamdeli-message-submit#next-page {
    margin-bottom: 30px !important;
}
.tavalod-ezdevaj-row {
    float: right;
    width: 100%;
    display: none;
}
.talar-select {
    width: 100%;
    height: 40px;
    border-radius: 7px;
    padding: 0 10px;
    background: #f5f5f7;
    font-size: 12px;
    margin-bottom: 10px;
    border: 1px solid #f5f5f7;
}
.talar-select option {
    height: 40px;
    line-height: 50px;
    padding: 0 10px;
    float: right;
    opacity: 0.2;
}
.talar-date-icon ~ input {
    float: left;
    width: calc(100% - 47px) !important;
}
.comment-textarea {
    text-align: justify;
    line-height: 26px;
}
.margin-top-5 {
    margin-top: 5px;
}
#salgard {
    display: none;
}
.no-space-span span {
    padding: 0 5px !important;
}
#more-price-block {
    display: none;
}
.text-center {
    text-align: center;
}
@media (max-width: 575px) {
    .flex-hamdeli-create-account img[alt="account"] {
        max-width: 40%;
    }
}
@media (min-width: 576px) {
    .talar-type > div:first-child {
        float: right;
        width: 26%;
    }
    .talar-type > div:last-child {
        float: right;
        width: 74%;
        padding-top: 18px;
    }
    .talar-type.auto-width-block > div {
        width: auto;
    }
    .talar-type.auto-width-block > div:first-child {
        margin-left: 30px;
    }
    .talar-type.font16 > div:last-child {
        padding-top: 0;
    }
    .talar-type.remove-last-padding > div:last-child {
        padding-top: 5px;
    }
}
@media (min-width: 1200px) {
    .flex-talar-character > div:first-child {
        width: 30%;
    }
    .flex-talar-character > div:last-child {
        width: calc(65% - 60px);
    }
    .shorter {
        padding-left: 200px;
    }
    .hamdeli-text.hamdeli-intro {
        width: 82%;
        margin-right: 9%;
    }
    .talar-header ~ .hamdeli-text.hamdeli-intro {
        width: 100%;
        margin-right: 0;
    }
}
.flex-cake img {
    box-shadow: none;
    max-width: 70%;
}
.h-eli-h {
    display: flex;
    justify-content: space-between;
    padding-right: 47px;
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
}
.h-eli-h input {
    width: 100%;
    line-height: 40px;
    border-radius: 7px;
    padding: 0 10px;
    background: #f5f5f7;
    border: none;
    margin-bottom: 10px;
}
.h-eli-h span {
    padding: 0 15px;
}
.display-off {
    display: none;
    float: right;
    width: 100%;
}
@media (min-width: 576px) {
    .talar-type.cake > div:first-child {
        float: right;
        width: 36%;
        min-height: 1px;
    }
    .talar-type.cake > div:last-child {
        float: right;
        width: 64%;
    }
}
.owner .h-eli-h {
    padding-right: 0;
}
.owner .fw2-h3 {
    letter-spacing: -0.5px;
}
.padding-bottom-none {
    padding-bottom: 0;
}
.talar-img {
    float: right;
    width: 100%;
    margin: 15px 0;
}
.talar-img img {
    max-width: 80%;
}
.flex-talar-clip {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-talar-clip > div {
    width: 100%;
    margin-bottom: 30px;
}
.clip-block {
    float: right;
    width: 100%;
    border: 1px solid #5a5a5b;
    border-radius: 15px;
    margin-bottom: 10px;
    overflow: hidden;
}
.clip-block video {
    float: right;
    width: 100%;
    background-color: #000;
}
.clip-block ~ .radio {
    margin: 0 calc(50% - 48px) 0 0;
}
.flex-talar-clip ~ #error {
    margin-top: 20px;
}
.talar-slider {
    float: left;
    width: 100%;
}
.talar-slider-block {
    float: left;
    width: 100%;
    background-color: #cd2c54;
    padding-bottom: 5px;
    border-radius: 15px;
    border: 1px solid #a9a9a9;
    box-shadow: 0 0 46px rgba(0, 0, 0, 0.14);
    overflow: hidden;
}
.talar-slider-block img {
    max-width: 100%;
    margin-top: 0 !important;
}
.ts-span {
    float: right;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
}
.talar-slider-block .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.talar-slider-thumbnail {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.talar-slider-thumbnail li {
    width: calc(33.3333% - 10px);
    margin-top: 15px;
}
.talar-slider-thumbnail li label {
    margin-left: 0;
}
.talar-slider-thumbnail li img {
    float: right;
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px !important;
    border: 1px solid #acacac;
    border-radius: 10px;
}
.talar-slider-thumbnail li span {
    width: auto;
}
@media (min-width: 576px) {
    .talar-type.owner > div:first-child {
        float: right;
        width: 52%;
    }
    .talar-type.owner > div:last-child {
        float: right;
        width: 48%;
    }
}
@media (min-width: 768px) {
    .flex-talar-clip > div {
        width: calc(50% - 30px);
    }
}
@media (min-width: 992px) {
    .clip-block {
        height: 295px;
    }
    .clip-block video {
        height: 100%;
        object-fit: contain;
    }
}
@media (min-width: 1200px) {
    .talar-img {
        margin-top: 90px;
    }
}
.talar-header {
    margin-top: 10px;
    float: right;
    width: calc(100% + 20px);
    margin-right: -10px;
    border-radius: 10px;
    position: relative;
}
.talar-header img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.talar-avatar {
    float: left;
    position: relative;
    top: 20px;
    left: calc(50% - 75px);
    width: 150px;
    height: 150px;
    z-index: 1;
    border: 1px solid #fff;
}
.talar-header-ul {
    float: right;
    width: 100%;
    position: relative;
    z-index: 1;
    font-size: 16px;
    margin: 30px 0 20px;
    text-align: center;
    text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 10px #fff,
        0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff,
        0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff,
        0 0 10px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff,
        0 0 25px #fff, 0 0 25px #fff, 0 0 25px #fff, 0 0 25px #fff;
    line-height: 34px;
}
.talar-header-ul li {
    float: right;
    width: 100%;
}
.talar-header-ul li span {
    font-weight: bold;
    font-size: 18px;
}
.flex-talar-preview {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin-top: 50px;
}
.flex-talar-preview > div {
    width: 100%;
}
.talar-preview-span {
    float: right;
    width: 100%;
    text-align: justify;
    margin-bottom: 15px;
    line-height: 26px;
}
.talar-preview-more {
    float: right;
    width: 100%;
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px solid #939598;
}
.talar-preview-more img {
    max-width: 70%;
    display: block;
    margin: auto;
}
.talar-preview-more img[alt="gol"] {
    max-width: 100%;
    margin-top: 40px;
}
.talar-preview-more .flex-talar-preview {
    margin-top: 20px;
}
.talar-preview-s2 {
    font-size: 16px;
    line-height: 40px;
    top: -10px;
    position: relative;
}
@media (max-width: 414px) {
    .talar-preview-more ~ .hamdeli-level2-submit li button {
        margin: 0;
    }
}
@media (min-width: 576px) {
    .talar-header {
        width: calc(100% + 46px);
        margin-right: -23px;
    }
}
@media (min-width: 992px) {
    .talar-header {
        height: 270px;
    }
    .talar-avatar {
        left: 23px;
        width: 290px;
        height: 290px;
        top: -10px;
    }
    .talar-header-ul {
        width: auto;
        text-align: right;
        text-shadow: none;
        margin: 85px 100px 0 0;
    }
    .flex-talar-preview > div:first-child {
        width: calc(55% - 30px);
    }
    .flex-talar-preview > div:last-child {
        width: calc(45% - 30px);
    }
    .margin-top-80 {
        margin-top: 80px;
    }
}
@media (min-width: 1200px) {
    .talar-preview-more img {
        float: right;
    }
}
.end-heart::after {
    content: "";
    display: inline-block;
    width: 35px;
    height: 30px;
    background: url(images/sprite.png) -512px -5px;
    position: relative;
    top: 10px;
}
.talar-tarakonesh-ul {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin-bottom: 30px;
}
.talar-tarakonesh-ul > li {
    width: 100%;
}
.talar-tarakonesh-ul > li a {
    width: 100%;
    margin: 10px 0 15px;
    text-align: center;
    color: #fff;
}
.copy-icon::before {
    background-position: -637px -196px !important;
}
.copy-icon::before {
    background-position: -637px -196px !important;
}
.ld-icon::before {
    background-position: -599px -196px !important;
}
.dl-icon::before {
    background-position: -674px -196px !important;
}
.tt-border {
    border-top: 1px solid #939598;
    padding-top: 20px;
    margin-top: 30px;
}
.flex-poll {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    border: 2px solid #cc2d54;
    border-radius: 15px;
    padding: 15px;
    align-items: center;
}
.flex-poll > div {
    width: 100%;
    text-align: center;
    position: relative;
}
.poll-span {
    float: right;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 15px;
}
.poll-span::before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 29px;
    background: url(images/sprite.png) -552px -5px;
    margin-left: 10px;
    position: relative;
    top: 8px;
}
.rank-label {
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
    opacity: 0.5;
}
.rank-label.active {
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    opacity: 1;
}
.rank-label input {
    display: none;
}
.rank-icon {
    display: block;
    width: 55px;
    height: 55px;
    background-image: url(images/sprite.png);
    background-position-x: -619px;
    margin: auto auto 5px;
}
.rank5 {
    background-position-y: -243px;
}
.rank4 {
    background-position-y: -305px;
}
.rank3 {
    background-position-y: -428px;
}
.rank2 {
    background-position-y: -366px;
}
.rank1 {
    background-position-y: -489px;
}
.hamdeli-message-submit.disactive,
.moshahedeh-talar.disactive,
.moshahedeh-talar.disactive:hover {
    background: #a8a8a8;
    box-shadow: 0 4px 8px rgba(148, 148, 148, 0.23);
    cursor: default;
}
.disactive {
    pointer-events: none;
    background: #a8a8a8 !important;
    box-shadow: 0 4px 8px rgba(148, 148, 148, 0.23) !important;
    cursor: default;
}
.whatsapp-desktop {
    display: none;
}
@media (max-width: 575px) {
    .ad-wide .h-eli-h {
        padding-right: 0;
    }
    .flex-poll > div .rank-label {
        width: 20%;
        padding: 0;
        float: right;
        font-size: 12px;
    }
    .flex-poll > div .rank-icon {
        transform: scale(0.8);
        position: relative;
        left: 3px;
    }
}
@media (min-width: 992px) {
    .flex-poll {
        padding: 50px 15px;
    }
    .flex-poll > div {
        width: calc(50% - 10px);
    }
    .whatsapp-desktop {
        display: inline-block;
    }
    .whatsapp-mobile {
        display: none;
    }
}
@media (min-width: 1200px) {
    .talar-tarakonesh-ul > li {
        width: calc(50% - 10px);
    }
    .flex-hamdeli-view img[alt="gift"] {
        margin-top: 30px;
    }
    .flex-poll {
        width: calc(100% - 100px);
        margin-right: 50px;
    }
    .flex-hamdeli-view img[alt="gift"] {
        float: right;
        max-width: 93%;
    }
}
.talar-slider-message-block {
    float: left;
    width: 100%;
}
.talar-slider-message-block .lSSlideOuter .lSPager.lSpg > li a {
    background-color: #9e2c4a !important;
}
.talar-slider-message-block .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #454545 !important;
}
.talar-slider-message {
    float: left;
    width: 100%;
    padding: 20px 0;
}
.talar-slider-message li {
    float: right;
    width: 100%;
    padding-bottom: 15px;
}
.talar-slider-message li a {
    float: right;
    width: 100%;
    height: 435px;
    margin-bottom: 15px;
}
.talar-slider-message li a img {
    float: right;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.order-message {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    padding: 15px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    text-align: center;
}
.order-message > div img {
    border-radius: 10px;
    border: 1px solid #5a5a5b;
    float: right;
    width: 100%;
    background-color: #5a5a5b;
}
.order-message > div:first-child {
    width: 100px;
}
.order-message > div:last-child {
    width: calc(100% - 100px);
}
.order-message > div:last-child span {
    float: right;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
}
.order-link {
    margin: 0;
    float: right;
    width: auto;
    line-height: 50px;
    padding: 0 10px;
    font-size: 13px;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    border-radius: 12px;
    color: #fff;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    font-weight: bold;
}
.order-link:hover {
    background: #d62d57;
}
.order-message .order-link {
    margin-right: calc(50% - 64px);
    margin-top: 8px;
}
@media (min-width: 768px) {
    .order-message > div:last-child span {
        margin: 15px 0;
    }
    .order-link {
        margin-top: 5px;
        font-size: 14px;
        padding: 0 30px;
    }
}
@media (min-width: 992px) {
    .order-message .order-link {
        margin-right: calc(50% - 84px);
        margin-top: 8px;
    }
}
.hamdeli-download-link.share-icon {
    margin: 0 0 15px 0;
    font-size: 12px;
    letter-spacing: -0.8px;
    margin-right: calc(50% - 130px);
}
.share-icon::before {
    background-position: -706px -196px !important;
}
@media (min-width: 768px) {
    .hamdeli-download-link.share-icon {
        font-size: 14px;
        letter-spacing: normal;
        margin-right: calc(50% - 165px);
        margin-top: 10px;
    }
}
.talar-search-input {
    font-size: 12px;
    margin-bottom: 0 !important;
    font-weight: normal;
}
.talar-search-boxs ~ .niwanta-pagination {
    width: 100%;
    margin-top: 20px;
}
.tsb-block {
    padding-right: 47px;
}
.talar-search-icon {
    width: 220px;
    text-align: center;
    margin: 50px calc(50% - 110px) 0 0;
}
.talar-search-icon::before {
    background-position: -599px -147px;
}
.talar-search-boxs {
    float: right;
    width: calc(100% + 30px);
    padding-top: 30px;
    margin: 0 -15px;
}
.talar-search-boxs > div {
    float: right;
    width: 100%;
    padding: 0 15px;
}
.talar-result-box {
    float: right;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 30px;
}
.trb-img {
    float: right;
    width: 100%;
    border: 1px solid #c4c4c4;
    overflow: hidden;
    border-radius: 10px;
}
.trb-img img {
    float: right;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.trb-img:hover img {
    filter: brightness(120%);
}
.talar-border {
    float: right;
    width: 100%;
    margin-bottom: 30px;
    border-top: 1px solid #939598;
}
.trb-title-block .fw2-h3 {
    margin-bottom: 0;
}
.trb-show {
    text-align: center;
    width: 160px;
    margin: 15px 0 5px calc(50% - 80px);
    float: left;
    padding: 0 30px;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    color: #fff !important;
    font-weight: bold;
    line-height: 40px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
}
.trb-show:hover {
    background: #d62d57;
}
.search-character img {
    max-width: 50%;
    margin-top: 0 !important;
}
.search-character ~ div {
    margin-top: 0;
}
.te-padding {
    padding-right: 47px;
}
@media (min-width: 576px) {
    .talar-search-boxs > div:not(.wide) {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .talar-search-boxs > div:not(.wide) {
        width: 33.3333%;
    }
}
@media (min-width: 1200px) {
    .trb-title-block {
        padding: 0 15px;
    }
}
.wpanel {
    float: left;
    width: calc(100% - 250px);
}
.flex-dashboard-talar {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    flex-direction: row-reverse;
}
.flex-dashboard-talar > div {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #acacac;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}
.flex-dashboard-talar img {
    margin: auto auto 20px;
    display: block;
}
.th-button {
    padding: 0 15px;
}
.th-dec {
    text-align: center;
    font-size: 13px;
}
.flex-dashboard-talar > div:first-child .th-dec {
    letter-spacing: -1px;
}
.th-row {
    float: right;
    width: 100%;
    border-bottom: 1px solid #939598;
    padding: 20px 0 5px;
}
.flex-th-inner {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-th-inner > div {
    width: 100%;
}
.flex-thi-ul {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-thi-ul li {
    width: calc(50% - 10px);
    margin-bottom: 15px;
}
.flex-thi-ul li a.disactive,
.flex-thi-ul li a.disactive:hover {
    background: #a8a8a8;
    box-shadow: 0 4px 8px rgba(148, 148, 148, 0.23);
}
.flex-thi-ul .th-button {
    width: 100%;
    margin: auto;
    padding: 0;
}
.th-title {
    float: right;
    width: 100%;
    line-height: 30px;
}
.th-title::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(images/sprite.png);
    background-position-x: -639px;
    margin-left: 5px;
    position: relative;
    top: 10px;
}
.th-title.shadi::before {
    background-position-y: -158px;
}
.th-title.unshadi::before {
    background-position-y: -121px;
}
.th-title span {
    color: #b92c4f;
    font-weight: bold;
}
.th-title.toggle {
    cursor: pointer;
    padding-left: 30px;
    position: relative;
    margin-bottom: 15px;
}
.th-title.toggle::after {
    content: "";
    position: absolute;
    width: 17px;
    height: 12px;
    background: url(images/sprite.png) -594px -6px;
    top: 20px;
    left: 0;
    transition: 0.2s ease-in-out;
}
.th-title.toggle.active::after {
    transform: rotate(180deg);
}
.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
}
.time_circles > div {
    position: absolute;
    text-align: center;
    color: #6d6e71;
}
.time_circles > div > h4 {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    line-height: 0.5;
    font-size: 12px !important;
}
.time_circles > div > span {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    font-size: 24px !important;
}
.flex-timer {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    align-items: center;
}
.flex-timer > div {
    width: 100%;
}
.th-timer-span-icon::before {
    content: "";
    display: inline-block;
    margin-left: 5px;
    width: 16px;
    height: 18px;
    background-image: url(images/sprite.png);
    background-position-x: -596px;
    position: relative;
    top: 3px;
}
.th-timer-span-icon.th-active::before {
    background-position-y: -44px;
}
.th-timer-span-icon.th-disactive::before {
    background-position-y: -27px;
}
.th-timer-span-icon.th-time::before {
    background-position-y: -63px;
}
.hamdeli-ok.wide {
    height: 440px;
}
.remove-pop-up {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background: url(images/sprite.png) -621px -6px;
    cursor: pointer;
}
.tamdid-pop-up {
    position: fixed;
    top: 30px;
    right: 15px;
    width: calc(100% - 30px);
    height: 300px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 80px rgba(0, 0, 0, 0.2);
    padding: 15px;
    z-index: 99999;
    display: none;
}
.tamdid-pop-up .hamdeli-ok-ul li a,
.tamdid-pop-up .hamdeli-ok-ul li button {
    width: 100px;
}
.tk-title {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
@media (max-width: 575px) {
    .rpim {
        padding-right: 0;
    }
}
@media (min-width: 768px) {
    .tamdid-pop-up {
        top: 50%;
        transform: translateY(-50%);
        width: 500px;
        right: calc(50% - 250px);
        padding: 30px 50px;
    }
}
@media (min-width: 992px) {
    .flex-dashboard-talar > div {
        width: calc(33.3333% - 10px);
    }
    .flex-th-inner > div:first-child {
        width: 65%;
    }
    .flex-th-inner > div:last-child {
        width: 35%;
    }
    .flex-timer > div:not(:last-child) {
        width: 25%;
    }
    .flex-timer > div:last-child {
        width: 50%;
    }
    .hamdeli-ok.wide {
        width: 700px;
        height: 300px;
        right: calc(50% - 350px);
    }
}
@media (min-width: 1200px) {
    .flex-dashboard-talar > div:nth-child(1) {
        width: calc(36% - 10px);
    }
    .flex-dashboard-talar > div:nth-child(2),
    .flex-dashboard-talar > div:nth-child(3) {
        width: calc(32% - 10px);
    }
    .flex-dashboard-talar > div:nth-child(2) img,
    .flex-dashboard-talar > div:nth-child(3) img {
        margin-bottom: 40px;
    }
    .flex-dashboard-talar img {
        max-width: 210px;
    }
    .th-dec ~ .flex-thi-ul {
        margin-top: 35px;
    }
    .flex-timer {
        padding-left: 30px;
    }
}
.h-eli-h > div {
    width: 100%;
}
.remove-padding {
    padding: 0;
}
.new-spin {
    width: 100%;
    margin: 0;
    display: none;
}
.new-spin input {
    margin: 0;
    height: 40px;
}
.new-spin .FormUnit-field--spin {
    width: 100%;
}
.new-spin .FormUnit-quantity--remove {
    width: 30%;
}
.new-spin .FormUnit-quantity--add {
    width: 30%;
}
.block-spin {
    order: 2;
    width: 100%;
    margin: 0 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    border-radius: 7px;
    position: relative;
    background: #f5f5f7;
    overflow: hidden;
}
.block-spin input {
    box-shadow: none;
}
#result-spin {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    background: #f5f5f7;
    font-size: 14px;
}
#error ~ button.hamdeli-message-submit#next-page.alignjan {
    margin: 5px 0 40px calc(50% - 105px) !important;
}
@media (min-width: 576px) {
    .margin-left-15px {
        margin-left: 15px !important;
    }
}
@media (min-width: 992px) {
    #error ~ button.hamdeli-message-submit#next-page.alignjan {
        margin: 5px 0 40px calc(50% - 150px) !important;
    }
}
@media (min-width: 1200px) {
    .flex-talar-character.soog > div:first-child {
        width: 38%;
    }
}
.pic-frame.kaftar {
    margin: 0;
}
.pic-frame.kaftar img {
    margin: 0 auto 20px;
}
.unvisible {
    opacity: 0;
    visibility: hidden;
}
.border-none {
    border: none;
}
.remember-txt {
    float: right;
    width: 100%;
    margin-bottom: 15px;
    text-align: justify;
}
.h-eli-h.new {
    padding: 0;
    width: 100%;
    flex-flow: row wrap;
}
.h-eli-h.new input {
    font-size: 12px;
}
.h-eli-h.new input::-webkit-input-placeholder {
    color: #000;
}
.h-eli-h.new input:-ms-input-placeholder {
    color: #000;
}
.h-eli-h.new input::placeholder {
    color: #000;
}
.margin-0 {
    margin: 0 !important;
}
.hamdeli-level2-submit.fixed-margin {
    margin-top: -30px;
}
@media (min-width: 576px) {
    .h-eli-h.new {
        flex-flow: row;
    }
}
@media (min-width: 992px) {
    #error ~ .hamdeli-level2-submit.fixed-margin a,
    #error ~ .hamdeli-level2-submit.fixed-margin button {
        margin-left: 0 !important;
    }
}
.soog-persons {
    float: right;
    padding: 0 7px;
    line-height: 28px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 0 0 5px 5px;
    cursor: pointer;
}
.soog-persons:hover {
    border-color: #d62d57;
    background-color: #d62d57;
    color: #fff;
}
.soog-persons::before {
    content: "";
    float: right;
    margin: 8px 0 0 5px;
    width: 11px;
    height: 11px;
    background: url(images/sprite.png) -684px -168px;
}
.soog-persons:hover::before {
    background-position-x: -696px;
}
#add-soog-button {
    float: right;
    padding: 0 16px;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    margin-top: 5px;
    border: none;
}
#add-soog-button:hover {
    background: #d62d57;
}
#add-soog-button::before {
    content: "";
    float: right;
    width: 17px;
    height: 17px;
    background: url(images/sprite.png) -476px -162px;
    margin: 10px 0 0 7px;
}
.pic-frame.kaftar.fixed img {
    max-width: 80%;
}
@media (min-width: 992px) {
    .flex-whatsapp.wide > div:first-child {
        width: calc(55% - 30px);
    }
    .flex-whatsapp.wide > div:last-child {
        width: 45%;
    }
    .pic-frame.kaftar.fixed {
        width: calc(50% - 30px);
    }
}
@media (min-width: 1200px) {
    .new-margin-top-35 {
        margin-top: 35px;
    }
}
.soog-header-ul {
    color: #fff;
    text-shadow: 0 0 2px #000, 0 0 5px #000, 0 0 10px #000, 0 0 10px #000,
        0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000,
        0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000,
        0 0 10px #000, 0 0 10px #000, 0 0 15px #000, 0 0 20px #000,
        0 0 25px #000, 0 0 25px #000, 0 0 25px #000, 0 0 25px #000;
}
.margin-top-50 {
    margin-top: 50px;
}
.b-ul {
    float: right;
    width: 100%;
}
.b-ul li {
    float: right;
    margin-bottom: 10px;
}
.b-ul li::after {
    content: "";
    width: 15px;
    height: 2px;
    display: inline-block;
    margin: 0 10px;
    background-color: #ccc;
}
.b-ul li:last-child::after {
    display: none;
}
.border-soog-preview {
    border-top: 1px solid #939598;
    padding-top: 50px;
}
.fs14 {
    font-size: 14px;
}
.end-heart.yellow {
    letter-spacing: -1px;
}
.end-heart.yellow::after {
    background-position-x: -552px;
}
.soog-button {
    width: 100%;
    padding: 0 5px;
    margin: 30px 0 0;
    letter-spacing: -1px;
}
@media (max-width: 414px) {
    .hamdeli-level2-submit.fixed55 li:first-child button,
    .hamdeli-level2-submit.fixed55 li:first-child a {
        margin-bottom: 30px;
    }
}
@media (min-width: 768px) {
    .soog-button {
        padding: 0 30px;
        letter-spacing: normal;
    }
}
@media (min-width: 992px) {
    .soog-header-ul {
        width: 50%;
        margin-top: 75px;
        text-shadow: none;
    }
    .hamdeli-level2-submit.fixed55 button,
    .hamdeli-level2-submit.fixed55 a {
        margin: 20px 0;
    }
}
.tsb-block.new {
    padding-right: 0;
}
.tsb-block.new .hamdeli-download-link {
    margin-top: 30px;
}
.margin-top-30 {
    margin-top: 30px !important;
}
.sst {
    margin: 10px 0 20px;
}
@media (max-width: 565px) {
    .share-icon.davat {
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .talar-preview-more .talar-type.cake {
        margin-bottom: 0;
    }
    .hamdeli-message-submit.edit.order-link {
        margin: 5px calc(50% - 63px) 5px 0;
    }
    .flex-hamdeli-view.fixed img {
        max-width: 50%;
    }
    .flex-talar-preview.border-soog-preview {
        padding-top: 20px;
        margin-top: 30px;
    }
    #add-soog-button {
        margin-right: calc(50% - 87px);
    }
    .pic-frame.kaftar.fixed img {
        margin: 30px auto 0;
    }
    .mobile-on {
        display: block;
    }
    .mobile-off {
        display: none !important;
    }
    .talar-slider-block.fixed {
        margin-top: 15px;
    }
    .width-100 label {
        font-size: 13px;
    }
    .flex-talar-character.soog img {
        max-width: 50%;
    }
    .hamdeli-text.hamdeli-intro.text-center {
        padding: 15px 40px;
    }
    .h-eli-h.fixed {
        padding-right: 0;
    }
    .margin-top-0-mobile {
        margin-top: 0 !important;
    }
}
@media (min-width: 567px) {
    .mobile-on {
        display: none !important;
    }
    .mobile-off {
        display: block !important;
    }
}
.form-comment.dynamic .flex-campaign label {
    width: calc(33.3333% - 5px);
    border-width: 1px;
    height: 50px;
    line-height: 48px;
}
.form-comment.dynamic .flex-port > label {
    padding: 10px;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.03);
}
.form-comment.dynamic .flex-port > label::before {
    display: none;
}
.form-comment.dynamic .flex-port > label img {
    margin: 0 auto 5px auto;
    display: block;
    width: 60px;
}
.form-comment.dynamic .buttons {
    line-height: 50px;
    width: calc(33.3333% - 5px);
    margin: 10px calc(33.3333% + 2px) 20px 0;
}
.flex-talk-to-mahak.dy {
    flex-direction: row-reverse;
}
.money.campaign-money:placeholder-shown + label {
    transform: translate(50px, -66px);
    opacity: 0;
}
label.showing-price {
    float: left;
    font-size: 18px;
    background-color: #eee;
    padding: 5px 15px;
    border-radius: 5px;
    transform: translate(15px, -66px);
    transition: 0.2s ease-in-out;
    position: absolute;
    top: 80px;
    left: 0;
}
.flex-talk-to-mahak.dy .flex-input-item.profile-form {
    position: relative;
}
.flex-talk-to-mahak.dy .money.campaign-money {
    background-color: rgba(0, 0, 0, 0.05);
}
.login-to-register {
    float: right;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 30px 15px;
    text-align: center;
    margin: 15px 0 30px;
}
.login-to-register a {
    font-weight: bold;
    color: #9e2c4a;
}
.login-to-register a:hover {
    color: #ed145b;
}
.back-dy-text {
    float: right;
    width: 100%;
    text-align: justify;
    border: 4px solid #eee;
    border-radius: 10px;
    padding: 30px 15px;
    margin: 10px 0;
    line-height: 27px;
}
.form-back-email-block {
    float: right;
    width: 100%;
    padding: 0 25px 30px;
    border: 4px solid #aed577;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(141, 198, 63, 0.2);
    margin: 15px 0;
}
.form-back-email-block h3 {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin: 20px 0;
}
.form-back-email {
    float: right;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 5px;
}
.form-back-email input {
    float: right;
    width: calc(100% - 80px);
    line-height: 34px;
    border: none;
    padding: 0 10px;
}
.form-back-email button {
    float: left;
    width: 80px;
    border: none;
    margin: 0;
}
.margin-bottom-submit {
    margin-bottom: 60px !important;
}
@media (max-width: 575px) {
    .form-comment.dynamic .flex-campaign label {
        font-size: 13px;
    }
    .talar-select.new {
        margin-bottom: 30px;
    }
    .fw2-h3.margin-top-50 {
        margin-top: 0 !important;
    }
    .hamdeli-success-text::after {
        display: none;
    }
}
@media (min-width: 768px) {
    .form-comment.dynamic .flex-port {
        width: 100%;
    }
    .form-back-email input {
        width: 70%;
    }
    .form-back-email button {
        width: 30%;
    }
    .flex-port {
        flex-flow: row;
    }
    .flex-port label {
        margin: 0 5px;
    }
    .flex-port label:first-child {
        margin-right: 0;
    }
    .flex-port label:last-child {
        margin-left: 0;
    }
}
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
    line-height: normal;
    font-size: 10px;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
#plotId .toolbox .pwt-btn-calendar {
    display: none;
}
.new-row-save {
    float: left;
    width: 180px;
    background-image: linear-gradient(
        to right,
        #00c5b6 0%,
        #01a99c 50%,
        #01a99c 51%
    );
    box-shadow: 0 4px 10px rgba(0, 196, 181, 0.2);
    color: #fff;
    font-weight: bold;
    line-height: 60px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
}
.new-row-save:hover {
    background: #00c5b6;
}
.new-row-back {
    float: left;
    width: 180px;
    color: #fff;
    font-weight: bold;
    line-height: 60px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
}
.new-row-back:hover {
    background: #d62d57;
}
#error ~ .hamdeli-level2-submit a.new-row-back,
#error ~ .hamdeli-level2-submit button.new-row-save {
    margin-left: 0 !important;
}
.req-for-submit {
    float: left;
    width: 100%;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    color: #fff;
    font-weight: bold;
    line-height: 60px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
    margin: 30px 0 50px 0;
    padding: 0 10px;
}
.moshahedeh-talar {
    float: left;
    width: 180px;
    color: #fff;
    font-weight: bold;
    line-height: 60px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
    margin: 30px 0 50px calc(50% - 90px);
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    text-align: center;
}
.moshahedeh-talar:hover {
    background: #d62d57;
}
@media (min-width: 768px) {
    .req-for-submit {
        width: 350px;
        margin-left: calc(50% - 175px);
    }
    .moshahedeh-talar {
        width: 300px;
        margin-left: calc(50% - 150px);
    }
}
@media (min-width: 992px) {
    .new-row-save,
    .new-row-back {
        width: 300px;
        margin-left: calc(50% - 150px);
    }
}
.th-dec ~ .flex-thi-ul {
    display: none;
}
.talar-tarakonesh-ul li div {
    width: 100%;
}
.div-screenshot {
    float: right;
    width: 100%;
    min-height: 400px;
    padding: 10px;
}
.DateCountdown {
    float: right;
    width: 100%;
}
.svg-timer-block {
    display: flex;
    width: 100%;
    justify-content: space-around;
    position: relative !important;
    padding: 15px 0;
}
.svg-timer-block ~ div {
    width: 33.3333% !important;
    margin-top: 10px;
}
.svg-timer-block ~ div.textDiv_Days {
    left: 0 !important;
}
.svg-timer-block ~ div.textDiv_Hours {
    left: 33.3333% !important;
}
.svg-timer-block ~ div.textDiv_Minutes {
    left: 66.6666% !important;
}
.svg-timer {
    height: 70px;
    width: 70px;
    transform: rotate(-90deg);
    margin: 0 7px;
}
.progress-bar__background {
    fill: none;
    stroke: #e2e6ea;
    stroke-width: 1.8;
}
.progress-bar__progress {
    fill: none;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    stroke-linecap: round;
    stroke-width: 1.8;
    -webkit-transition: stroke-dashoffset 1s ease-in-out;
    transition: stroke-dashoffset 1s ease-in-out;
}
.js-progress-days {
    stroke: #ef5b72;
}
.js-progress-hours {
    stroke: #f9a64a;
}
.js-progress-minutes {
    stroke: #66c9d8;
}
.red {
    color: red;
    margin: 0 5px;
}
.th-title date {
    display: inline-block;
    direction: ltr;
}
.sad-portal {
    margin-bottom: 40px;
}
.happy-portal {
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .back-margin-mobile {
        margin-top: 30px;
    }
}
@media (min-width: 768px) {
    .toolbox {
        display: none !important;
    }
}
.rc-anchor-normal .rc-anchor-checkbox-label {
    width: 70px !important;
}
.flex-crowd-des {
    float: right;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
}
.flex-crowd-des > div {
    width: 100%;
    margin-bottom: 50px;
}
.crowd-mahak-logo {
    display: block;
    width: 100px;
    margin-top: 20px;
}
.crowd-mahak-logo img {
    width: 100%;
}
.crowd-video {
    display: flex;
    align-items: center;
}
video.crowd-video {
    float: left;
    width: 100%;
    border-radius: 15px;
}
.crowd-video-mobile {
    display: flex;
    align-items: center;
}
video.crowd-video-mobile {
    float: left;
    width: 100%;
    border-radius: 15px;
}
@media (min-width: 991px) {
    .crowd-video-mobile {
        display: none !important;
    }
}
@media (max-width: 991px) {
    .crowd-video {
        display: none !important;
    }
}
.crowd-text {
    text-align: justify;
    margin: 15px 0 20px;
    line-height: 30px;
}
.crowd-link-button {
    float: right;
    width: 100%;
    color: #fff;
    font-weight: bold;
    line-height: 60px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    font-size: 16px;
    border: none;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    text-align: center;
}
.crowd-link-button:hover {
    background: #d62d57;
}
.crowd-result {
    float: right;
    width: 100%;
    background-color: #f1f3fa;
}
.flex-crowd-list {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
}
.flex-crowd-list > div {
    width: 100%;
    margin-bottom: 40px;
}
.flex-crowd-list > div .svg-timer {
    width: 125px;
    height: 125px;
}
.flex-crowd-list > div svg {
    margin: auto;
    display: block;
}
.crowd-blue {
    stroke: #19becf;
}
.crowd-violet {
    stroke: #b279b4;
}
.crowd-red {
    stroke: #ed145a;
}
.crowd-yellow {
    stroke: #ffc20f;
}
.crowd-single-color {
    stroke: #92d6e3;
}
.crowd-svg-block {
    position: relative;
}
.crowd-svg-text-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    text-align: center;
    align-content: center;
    line-height: 30px;
}
.crowd-svg-text-block > div {
    width: 100%;
}
.c-num-span {
    display: inline-block;
    width: 36px;
}
.c-text-span {
    display: inline-block;
    width: 45px;
}
.w-auto {
    width: auto !important;
}
.crowd-circle-text {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 5px;
}
.crowd-circle-text::before {
    content: "";
    display: inline-block;
    margin-left: 5px;
    height: 31px;
    background-image: url(images/sprite.png);
    background-position-y: -12px;
    position: relative;
    top: 10px;
}
.remaining-time::before {
    width: 22px;
    background-position-x: -808px;
}
.participating-benefactors::before {
    width: 22px;
    background-position-x: -762px;
}
.amount-collected::before {
    width: 39px;
    background-position-x: -708px;
}
.device-cost::before {
    width: 25px;
    background-position-x: -670px;
}
.c-red-text {
    color: #c72d53;
    font-size: 16px;
    font-weight: bold;
}
.display-block {
    display: block;
}
.fsa2 {
    width: 100%;
}
.stroke-dashoffset-100 {
    stroke-dashoffset: 0;
}
.single-crowd-svg {
    height: 270px;
    width: 270px;
    transform: rotate(-90deg);
    margin: -50px auto 0;
    display: block;
}
.single-crowd-svg-text {
    font-size: 50px;
    font-weight: bold;
}
@media (max-width: 500px) {
    .flex-crowd-list > div {
        width: 50%;
    }
    .crowd-link-button {
        position: fixed;
        bottom: 0;
        z-index: 1;
        width: 100%;
        right: 0;
        padding: 0;
        margin: 0;
        border-radius: 0 !important;
    }
}
@media (min-width: 768px) {
    .crowd-mahak-logo {
        margin-right: 0;
    }
    .flex-crowd-list > div .svg-timer {
        width: 175px;
        height: 175px;
    }
    .crowd-svg-text-block {
        line-height: 40px;
        font-size: 18px;
        font-weight: bold;
    }
    .c-num-span {
        font-size: 20px;
        width: 50px;
    }
    .c-text-span {
        width: 55px;
    }
    .p-size {
        font-size: 24px;
    }
    .fsa2 {
        width: 280px;
    }
    .single-crowd-svg-text .c-num-span,
    .single-crowd-svg-text {
        font-size: 50px;
    }
    .single-crowd-svg {
        margin-top: 50px;
    }
    .single-crowd-svg-text {
        margin-top: 30px;
    }
}
@media (min-width: 992px) {
    .flex-crowd-des > div {
        width: calc(50% - 30px);
    }
    .flex-crowd-list > div {
        width: auto;
    }
    .fsa2 {
        width: 100%;
    }
    .single-crowd-svg {
        width: 300px;
        height: 300px;
    }
    .csb {
        width: 300px;
        float: left;
    }
}
@media (min-width: 1200px) {
    .flex-crowd-list > div .svg-timer {
        width: 200px;
        height: 200px;
    }
}
.flex-crowd-price {
    float: right;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.flex-crowd-price > div {
    margin-bottom: 40px;
}
.flex-crowd-price > div img {
    display: block;
    margin: auto;
}
.crowd-price-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.crowd-price-item > label {
    width: calc(20% - 3px);
}
.crowd-radio {
    float: right;
    width: 100%;
    font-size: 11px;
    line-height: 40px;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    color: #fff;
    font-weight: bold;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    text-align: center;
    cursor: pointer;
    border: 2px solid transparent;
}
.crowd-radio:hover {
    background: #d62d57;
}
.crowd-radio input {
    display: none;
}
.crowd-radio.active {
    background: #fff;
    border: 2px solid #d62d57;
    color: #d62d57;
}
.crowd-pie-section {
    float: right;
    width: 100%;
    border: 1px solid #dbdee0;
    border-right: none;
    border-left: none;
    padding-top: 40px;
}
.flex-crowd-pie {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-crowd-pie > div {
    width: 100%;
    margin-bottom: 40px;
}
.crowd-inputs {
    width: 100%;
    line-height: 40px;
    border-radius: 7px;
    padding: 0 10px;
    background: #f5f5f7;
    border: none;
    margin-bottom: 10px;
}
.crowd-inputs[placeholder="example@example.com"] {
    text-align: center;
}
.crowd-pay-button {
    float: right;
    width: 100%;
    color: #fff;
    font-weight: bold;
    line-height: 60px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    font-size: 16px;
    border: none;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    text-align: center;
    margin-top: 10px;
}
.crowd-pay-button:hover {
    background: #d62d57;
}
.crowd-text-bold {
    font-weight: bold;
    font-size: 16px;
    line-height: 34px;
}
#crowd-price-input {
    height: 40px;
    width: 100%;
    margin: -10px 0 0 15px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.crowd-num-show-block {
    float: right;
    width: 100%;
    color: #414042;
    text-align: center;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: bold;
}
.crowd-other-price {
    letter-spacing: -0.5px;
    display: flex;
    font-size: 12px;
    margin: 20px 0 0;
}
.crowd-flex-op {
    display: flex;
    flex-flow: row;
}
.crowd-num-show {
    margin: 15px 0;
}
.c-number {
    direction: ltr;
    display: inline-block;
}
.comma {
    font-size: 28px;
    font-weight: bold;
}
.square-number {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    font-size: 22px;
    color: #fff;
    background-color: #535353;
}
.square-number.blue {
    background-color: #19becf;
}
.square-number.green {
    background-color: #8cc63f;
}
.square-number.orange {
    background-color: #f8931e;
}
.flex-yp {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    width: 100%;
}
.crowd-chortkeh {
    width: 100%;
}
.crowd-chortkeh img {
    display: block;
    margin: auto;
}
.crowd-absolute-title {
    margin: 10px 0 0;
}
#niw-pie {
    margin: auto;
    display: block;
    width: 270px;
    height: 270px;
}
.total-help {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
@media (max-width: 767px) {
    .crowd-mobile-off {
        display: none;
    }
    .crowd-price-item > label {
        width: calc(33.3333% - 3px);
    }
    .crowd-pay-button {
        border-radius: 0;
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 99;
    }
}
@media (min-width: 320px) and (max-width: 575px) {
    .crowd-other-price > div:first-child {
        width: 60%;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .crowd-chortkeh {
        width: 320px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .crowd-chortkeh {
        width: 320px;
    }
}
@media (min-width: 576px) {
    .crowd-other-price > div:last-child {
        padding: 0;
    }
}
@media (min-width: 768px) {
    .flex-crowd-pie > div {
        width: calc(50% - 30px);
    }
    .flex-crowd-price > div:nth-child(3) {
        order: 4;
    }
    .flex-yp {
        width: 55%;
    }
    .crowd-absolute-title {
        margin-top: -70px;
    }
}
@media (min-width: 992px) {
    .crowd-pay-button {
        width: 300px;
        margin-right: calc(50% - 150px);
    }
    .crowd-price-item > label {
        width: calc(20% - 30px);
        font-size: 14px;
    }
    .crowd-num-show-block {
        letter-spacing: normal;
        font-size: 14px;
        text-align: right;
    }
    .crowd-num-show {
        display: inline-block;
    }
    .crowd-other-price {
        width: 70%;
    }
    .crowd-other-price > div:first-child {
        width: 40%;
    }
    #niw-pie {
        width: 300px;
        height: 300px;
        float: left;
        margin-top: -15px;
    }
    .total-help {
        width: 300px;
    }
    .flex-yp {
        width: 65%;
    }
}
@media (min-width: 1200px) {
    .crowd-num-show-block {
        font-size: 20px;
    }
    .flex-yp {
        width: 74%;
    }
    .crowd-other-price {
        letter-spacing: normal;
        font-size: 16px;
    }
    .crowd-other-price {
        width: 60%;
    }
    .crowd-other-price > div:first-child {
        width: 53%;
    }
    .crowd-chortkeh {
        width: 288px;
    }
}
.crowd-back-section {
    float: right;
    width: 100%;
    border-bottom: 1px solid #dbdee0;
    padding-bottom: 10px;
}
.flex-crowd-back {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-crowd-back > div {
    width: 100%;
}
.flex-crowd-back > div img {
    display: block;
    margin: auto;
}
.crowd-success {
    float: right;
    width: 100%;
    background-color: #c4df9b;
    border-radius: 10px;
    color: #5c7836;
    padding: 0 10px;
    line-height: 40px;
    font-size: 18px;
    margin-top: 15px;
}
.crowd-back-text {
    float: right;
    width: 100%;
    text-align: right;
    line-height: 40px;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 35px;
}
.crow-back-form {
    float: right;
    width: 100%;
}
.crowd-back-form-text {
    float: right;
    width: 100%;
    border-top: 1px solid #5a5a5b;
    margin: 50px 0 20px;
    padding-top: 30px;
}
.csm {
    margin-top: 40px;
}
.flex-crowd-input {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    line-height: 40px;
    margin-top: 15px;
}
.flex-crowd-input > div:last-child {
    width: calc(100% - 120px);
}
.crowd-back-input {
    float: right;
    width: 100%;
    background-color: #f5f5f7;
    border: 2px solid #ffc10d;
    position: relative;
    border-radius: 10px;
}
.crowd-back-input::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 7px;
    width: 28px;
    height: 26px;
    background: url(images/sprite.png) -706px -50px;
}
.crowd-back-input input {
    border: none;
    width: 100%;
    padding: 0 15px 0 50px;
    background-color: transparent;
}
.crowd-textarea {
    float: right;
    width: 100%;
    border: 2px solid #b37ab5;
    border-radius: 10px;
    position: relative;
    background-color: #f5f5f7;
    margin-top: 20px;
}
.crowd-textarea::before {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 22px;
    background: url(images/sprite.png) -669px -52px;
}
.crowd-textarea::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: -12px;
    width: 45px;
    height: 76px;
    background: url(images/sprite.png) -673px -76px;
}
.crowd-textarea textarea {
    float: right;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 240px;
    min-height: 250px;
    background-color: transparent;
    border: none;
    padding: 10px 35px 10px 50px;
}
.crowd-button {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.crowd-button li {
    margin-bottom: 30px;
}
.crowd-button li button {
    display: block;
    width: 100%;
    padding: 0 10px;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    color: #fff;
    font-weight: bold;
    line-height: 60px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
    margin: auto;
    cursor: pointer;
    font-size: 16px;
}
.crowd-button li button:hover {
    background: #d62d57;
}
.crowd-button li button.disactive,
.crowd-pay-button.disactive {
    background: #a8a8a8;
    box-shadow: 0 4px 8px rgba(148, 148, 148, 0.23);
    cursor: default;
}
.crowd-pop-ul {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin-bottom: 30px;
}
.crowd-pop-ul > li {
    float: right;
    width: 100%;
}
.crowd-pop-ul li button {
    margin-left: 0;
    width: 100%;
    height: 70px;
    text-align: center;
    line-height: normal;
    padding: 10px 70px 10px 15px;
    position: relative;
}
.crowd-pop-ul li button::before {
    position: absolute;
    top: 20px;
    right: 25px;
}
.envelope-icon::before {
    background-position: -742px -196px !important;
}
.dl-pic-icon::before {
    background-position: -777px -196px !important;
}
.error-padding {
    float: right;
    width: 100%;
    padding: 15px 0;
}
.hamdeli-ok.wide.ultra {
    height: auto;
}
.crowd-pop-email {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background-color: #fff;
    box-shadow: 0 10px 80px rgba(0, 0, 0, 0.2);
    padding: 100px 15px 15px;
    z-index: 99999;
    overflow-y: auto;
    display: none;
}
.crowd-pop-email::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 80px;
    background-color: #9c1c49;
}
.crowd-pop-email .flex-crowd-pie > div {
    margin-bottom: 0;
}
.position-pop-button-relative {
    position: relative;
    border-radius: 10px;
}
.cpe-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: none;
}
.cpe-close::before {
    float: right;
    margin: 1px 10px 0 0;
    content: "";
    width: 17px;
    height: 17px;
    background: url(images/sprite.png) -456px -162px;
}
.crowd-pop-logo {
    content: "";
    position: absolute;
    width: 130px;
    height: 80px;
    background: url(images/logo-white.svg) no-repeat center center;
    background-size: contain;
    top: 0;
    right: calc(50% - 75px);
}
@media (min-width: 380px) {
    .crowd-pop-ul li button {
        height: 50px;
    }
    .crowd-pop-ul li button::before {
        top: 11px;
    }
}
@media (min-width: 768px) {
    .flex-crowd-back > div {
        width: calc(50% - 15px);
    }
    .flex-crowd-back > div img {
        float: left;
    }
    .crowd-button li {
        display: inline-block;
        padding: 0 15px;
    }
    .crowd-button li button {
        width: 300px;
    }
    .crowd-pop-email {
        padding-top: 160px;
    }
    .crowd-pop-email img {
        margin-top: 30px !important;
    }
}
@media (min-width: 992px) {
    .flex-crowd-back > div:first-child {
        width: calc(40% - 15px);
    }
    .crowd-pop-ul > li {
        width: calc(50% - 10px);
    }
    .hamdeli-ok.wide.ultra {
        width: 850px;
        height: 250px;
        right: calc(50% - 425px);
    }
    .crowd-pop-ul li button {
        height: 70px;
    }
    .crowd-pop-ul li button::before {
        top: 20px;
    }
    .position-pop-button-relative {
        width: 80%;
        margin-right: 10%;
    }
}
img[alt="crowd-email"] {
    display: block;
    margin: auto auto 50px;
}
.crowd-back-section.email {
    border-bottom: none;
}
.crowd-email-text-red {
    margin-bottom: 0;
    color: #9c1c49;
}
.footer-social {
    margin-top: 0;
}
.faq-block .hamdeli-landing-h2.faq-h2 {
    margin-top: 30px;
}
.red-bold {
    font-weight: bold;
    color: #c72d53;
}
#crowd-phone {
    text-align: center;
}
.kkk {
    display: block;
    font-size: 20px;
    text-align: center;
    margin-top: 200px;
}
.kkk::before {
    content: "";
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 3px;
    width: 21px;
    height: 18px;
    background: url(images/sprite.png) -635px -54px;
}
.crowd-girl {
    position: sticky;
    top: 15px;
}
.reverse {
    flex-direction: row-reverse;
}
.crowd-num-show {
    display: inline-block;
}
@media (max-width: 375px) {
    .crowd-other-price > div:first-child {
        width: 90%;
    }
    .square-number {
        width: 35px;
        height: 35px;
        font-size: 16px;
        line-height: 35px;
    }
    .comma {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .question,
    .questionn {
        font-size: 14px;
    }
    .hamdeli-landing-h2 {
        font-size: 18px;
    }
    .crowd-footer > div:first-child {
        width: 45%;
    }
    .crowd-footer > div:last-child {
        width: 55%;
    }
    .crowd-footer > div .footer-social li {
        margin-right: 5px;
    }
    .crowd-footer > div .footer-social li:last-child {
        margin-right: 0;
    }
    .flex-talk-to-mahak.dy .left-ttm img {
        margin: -14px auto 0;
    }
}
@media (min-width: 768px) {
    img[alt="crowd-email"] {
        margin-top: 175px;
    }
    .gp-block {
        margin-top: 130px;
    }
}
.square-number:nth-child(1) {
    background-color: #19becf;
}
.square-number:nth-child(3) {
    background-color: #8cc63f;
}
.square-number:nth-child(5) {
    background-color: #f8931e;
}
.comma {
    margin: 0 5px;
}
.left-ttm img {
    margin: auto;
    display: block;
}
h1.single-h1.page-h1:empty {
    display: none;
}
label[for="payment_method_WC_AsanPardakht"] img,
label[for="payment_method_WC_BankMelli_New"] img {
    width: 40px;
}
.flex-new-gholak-name {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-new-gholak-name > div {
    width: calc(50% - 10px);
}
.flex-new-gholak-name.standcity > div {
    width: calc(33% - 5px);
}
.flex-new-gholak-name.standcity {
    padding: 11px;
    box-shadow: 0 0 17px #f4f4f4;
    border-radius: 8px;
    margin: 20px 0;
}
.flex-new-gholak-name.standcity > div select {
    color: rgba(0, 0, 0, 0.46);
    border-left: 16px solid transparent !important;
}
.flex-new-gholak-name > div > input,
.flex-gholak-100 input {
    width: 100%;
    line-height: 40px;
    border-radius: 7px;
    padding: 0 10px;
    background: #f5f5f7;
    border: none;
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
}
.gholak-title {
    float: right;
    width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    color: #6d6d6d;
    font-size: 15px;
}
.flex-gholak-100 {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-gholak-100 > div {
    width: 100%;
}
.flex-gholak-100 select {
    float: right;
    width: 100%;
    height: 40px;
    border-radius: 7px;
    padding: 0 10px;
    background: #f5f5f7;
    border: none;
    font-size: 12px;
    margin-bottom: 10px;
    color: #bbbbcd;
}
.flex-input-50,
#gholak-province.active {
    width: calc(50% - 10px) !important;
}
#gholak-postal-code {
    display: none;
}
#gholak-postal-code.active {
    display: block;
}
.pig-tashakor {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    z-index: 9999;
    display: none;
}
.pig-des {
    float: right;
    width: 100%;
    border: 2px solid #ffc20f;
    border-radius: 15px;
    color: #6d6d6d;
    padding: 15px;
    text-align: justify;
    line-height: 24px;
    margin: 5px 0 20px;
    letter-spacing: -0.5px;
    font-size: 13px;
}
.pig-h2 {
    margin-bottom: 15px;
}
.pig-davat {
    float: left;
    width: 180px;
    text-align: center;
    color: #fff;
    line-height: 50px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
    background-image: linear-gradient(
        to right,
        #00c5b6 0%,
        #01a99c 50%,
        #01a99c 51%
    );
    box-shadow: 0 4px 10px rgba(0, 196, 181, 0.2);
    margin: 30px 0 50px calc(50% - 90px);
}
.pig-davat:hover {
    background: #00c5b6;
}
.pig-pop-up-des {
    float: right;
    width: 100%;
    border-radius: 20px;
    padding: 15px 20px;
    text-align: justify;
    background-color: #e3e3e3;
    color: #6d6d6d;
    margin: 20px 0 15px;
    line-height: 30px;
}
.pig-pop-up-button {
    float: right;
    width: 200px;
    background-image: linear-gradient(
        to right,
        #d62d57 0%,
        #9d2c48 50%,
        #d62d57 51%
    );
    box-shadow: 0 4px 10px rgba(241, 28, 81, 0.2);
    color: #fff;
    font-weight: bold;
    line-height: 60px;
    border-radius: 12px;
    background-size: 200% 100%;
    transition: 0.2s ease-in-out;
    border: none;
    cursor: pointer;
    margin-right: calc(50% - 100px);
    text-align: center;
}
.pig-pop-up-button:hover {
    background: #d62d57;
}
.flex-pig-pop-up {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 50px;
    margin-bottom: 30px;
}
.flex-pig-pop-up > li:first-child {
    font-weight: bold;
    color: #6d6d6d;
}
.flex-pig-pop-up > li:last-child {
    width: 70%;
}
.flex-pig-pop-up input {
    float: left;
    height: 50px;
    border-radius: 15px;
    background-color: #e3e3e3;
    color: #6d6d6d;
    border: none;
    padding: 0 20px;
    width: 100%;
    text-align: left;
}
.pig-hok {
    height: auto;
    padding: 40px 15px;
}
.gholak-button {
    margin-bottom: 50px;
}
.woocommerce-notices-wrapper ~ .golhak #pig-logo {
    display: none;
}
.pig-pic {
    margin-top: -30px;
}
@media (min-width: 992px) {
    .flex-talk-to-mahak.blgh > div.left-ttm {
        width: calc(55% - 30px);
    }
    .flex-talk-to-mahak.blgh > div.right-ttm {
        width: 45%;
    }
    .pig-pic img {
        margin-top: 200px;
        position: sticky;
        top: 50px;
    }
    .blgh-tashakor .pig-pic img {
        margin-top: 20%;
    }
    #pig-tashakor-logo {
        margin-top: 20%;
    }
    .pig-hok {
        padding: 30px 50px 40px;
    }
}
.new-inputs {
    width: 100%;
    line-height: 40px;
    border-radius: 7px;
    padding: 0 10px;
    background: #f5f5f7;
    border: none;
    font-size: 12px;
    margin-bottom: 10px;
}
.flex-login {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-login > div {
    width: calc(50% - 10px);
}
.margin-top-20 {
    margin-top: 20px !important;
}
.shenaseh-block {
    display: none;
}
#pig-error {
    float: right;
    width: 100%;
}
.login-email-check-block {
    margin-bottom: 10px;
    width: 100%;
}
.register-form ~ .flex-input-item > input {
    width: calc(50% - 15px);
}
#pay-error {
    order: 3;
    width: 100%;
}
.forgot-shenaseh {
    float: right;
    width: 100%;
    margin: 15px 0;
}
.forgot-shenaseh span {
    color: #b52b4e;
    cursor: pointer;
}
.shenaseh-block {
    float: right;
    width: 100%;
}
.order-total {
    display: none;
}
.flex-money {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #eee;
    padding-bottom: 15px;
    margin-top: 15px;
}
.flex-money.qrmoney div {
    width: 30%;
}
.flex-money > div {
    padding: 0 3px;
}
.flex-money img {
    display: block;
    margin: auto;
}
.qrcode-money-title {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.flex-money .FormUnit {
    margin: 10px calc(50% - 33px) 0 0;
}
.hamdeli-ok.pig-hok {
    z-index: 9999;
}
.qrcode-img-block {
    float: right;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 15px;
}
.logo-30 {
    float: right;
    width: 48px;
    height: 48px;
    margin: 15px 0 15px 15px;
}
.logo-30 img {
    float: right;
    width: 100%;
    height: 100%;
}
h3.qrcode-h3 {
    color: #a42c49;
}
.qrcode-des-border {
    float: right;
    width: 100%;
    border: 2px solid #00a99d;
    border-radius: 7px;
    padding: 10px;
    margin-bottom: 15px;
}
h3.qrcode-h3::before {
    content: "";
    width: 25px;
    height: 22px;
    display: inline-block;
    margin-left: 5px;
    background: url(images/sprite.png) -741px -80px;
    position: relative;
    top: 5px;
}
.page-thumbnail.qrcode {
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .page-thumbnail.qrcode {
        position: static;
    }
}
h3.qrcode-h3.auto {
    display: inline-block;
}
input#qback {
    text-align: center;
    direction: ltr;
}
.h-eli-h.qrcode {
    width: 100%;
    padding-right: 0;
    flex-flow: row wrap;
}
.h-eli-h.qrcode .fw2-h3 {
    width: 50%;
}
.h-eli-h.qrcode input {
    width: 50%;
    direction: ltr;
    text-align: center;
}
ul.qback-ul {
    float: right;
    width: 100%;
    border: 2px solid #c4df9b;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    line-height: 34px;
}
ul.qback-ul li span {
    float: right;
    width: 50%;
}
ul.qback-ul li span.right {
    text-align: left;
    padding-left: 5px;
}
article.single-page.dynamic-block.qrcode {
    padding-top: 0;
}
article.single-page.dynamic-block.qrcode::before {
    background-color: transparent;
}
article.single-page.dynamic-block.qrcode .fetrieh-logo {
    background-color: transparent;
}
.qrcode-logo {
    float: right;
    width: 100px;
    height: 44px;
    background: url(images/logo.svg) no-repeat center center;
    background-size: contain;
    position: relative;
    z-index: 1;
    margin: 20px 0 10px;
}
.qback-span {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 13px;
    line-height: normal;
    margin: 10px 0;
}
.qrcode-h3.auto span {
    color: #000;
    font-size: 14px;
}
@media (max-width: 767px) {
    button#qrcode-button {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        margin: 0;
        border-radius: 0;
        z-index: 999;
    }
    #qrcode-form #pay-error {
        margin-bottom: 100px;
    }
}
@media (max-width: 991px) {
    .page-thumbnail-block.qback {
        flex-direction: column-reverse;
    }
}
@media (min-width: 992px) {
    .page-thumbnail.qrcode {
        margin-top: 100px;
    }
}
.index-pay-button:hover {
    animation: fadeFast 0.2s 1 ease-in-out;
}
@keyframes fadeFast {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.pig-pop-up-button {
    padding: 0 16px !important;
    width: auto;
    left: 0;
    right: 0;
    margin-right: calc(50% - 140px);
}
.dynamic #tomanContainer {
    flex: auto !important;
}
.crowd-other-price #tomanContainer {
    font-size: 10px;
    padding: 0;
    float: right;
    top: 16px;
    position: relative;
    width: 85%;
}
#tomanContainer {
    padding: 14px;
    margin: 0;
    text-align: center;
    clear: both;
    margin-top: -15px;
    display: none;
}
#cards,
#accounts,
#codes,
#atms,
#apps {
    font-size: 10px;
    right: 20px;
    position: relative;
    top: -12px;
}
html {
    scroll-behavior: smooth;
}
.notice-modal {
    display: block;
}
.notice-modal.hl-modal ul li a::before {
    content: none;
}
.notice-modal.hl-modal ul li a {
    float: none;
    color: #f31111;
}
.notice-modal.hl-modal ul li {
    display: block;
}
.notice-modal.hl-modal ul {
    margin: 10px 0 0;
}
.notice-modal .woocommerce-error {
    color: #515151;
    border: 3px solid #d11451;
    border-radius: 10px;
}
span.out-of-stock {
    background: #c7cbc9;
    border-radius: 5px;
    border: none;
    padding: 3px 15px;
}
table.variations select {
    border-radius: 5px;
    border: none;
    background: #fff;
    margin: 5px 0 17px 0;
    padding: 1px;
    box-shadow: 0 0 14px #d7d7d7;
}
.talar-preview-span {
    margin-bottom: 0;
    margin-top: 30px;
}
span.crowd-back-text {
    text-align: center;
}
@media (max-width: 768px) {
    .kkk {
        margin-top: 100px;
    }
}
.notepad span {
    color: #fff !important;
}
.left-ttm img {
    border-radius: 10px;
    box-shadow: 0 0 16px #7e7e7e;
    width: 540px !important;
    /* height: 540px; */
}

.left-ttm {
    text-align: center;
}

@media (max-width: 767px) {
    .flex-talk-to-mahak.dy .left-ttm img {
        /* margin: 0 auto 30px; */
    }
}
.campaign_phone {
    background: #ffffff00 !important;
    color: #fff;
    text-align: center;
    font-size: 15px !important;
}
@media (max-width: 600px) {
    #dynamic_form_pay_btn {
        left: 0;
        right: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        bottom: 0;
        border-radius: 0;
        position: fixed;
        z-index: 5;
    }
}
button#dynamic_form_price:invalid {
    background: red;
}
ul.parsley-errors-list.filled {
    width: 100%;
    padding: 0 0 10px 0;
}
li.parsley-required,
li.parsley-phonenum {
    width: 100%;
    color: #fff;
    border: 1px solid;
    padding: 9px;
    border-radius: 6px;
    text-align: center;
    color: red;
    background: #ff000021;
}
#price-container {
    width: 100%;
    position: relative;
}
#price-container > input {
    border-radius: 7px;
    padding: 19px;
    width: 100%;
    height: 70px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
}
.off-vpn {
    padding: 10px;
    margin: 31px;
    color: green;
    box-shadow: 0px 0px 14px #00000026;
    border-radius: 8px;
    display: block;
    text-align: center;
}
.off-vpn-white {
    margin-top: 51px !important;
    background: #fff;
}
.off-vpn-flex {
    display: flex;
}
.ttm-custom {
    display: contents;
}
.hamdeli-firststep-container {
    display: flex;
    justify-content: center;
    width: 100%;
}
.hamdeli-level2-submit {
    display: flex;
    justify-content: center;
    flex-flow: row-reverse;
}
.hidden-context {
    display: none;
}
.treatementpays {
    width: 49% !important;
    float: right !important;
    height: 70px !important;
    font-size: 16px !important;
    text-align: center;
    font-weight: bold;
}
#crowd-price-input {
    background: none;
    border: 1px solid #d4d4d4;
}
.crowd-radio {
    background: #f5f5f5 !important;
    border: 1px solid #bdbdbd !important;
    color: #000 !important;
    box-shadow: none !important;
}
#foundraising-paybtn {
    width: 100%;
}
.talar-type.cake.remove-last-padding {
    display: flex;
    padding-bottom: 30px;
    justify-content: end;
    flex-flow: column;
}
.additional-foundraisings {
    text-align: center;
    margin: 20px;
}
section .additional-foundraisings:nth-child(2) {
    margin-top: 40px;
}
section .additional-foundraisings:last-child {
    margin-bottom: 40px;
}
span.afvs {
    font-size: 15px;
    padding: 11px;
    color: #0095a0c4;
    font-weight: bold;
}
.shiraz-header {
    float: right;
    width: 100%;
    height: 400px;
    background: #9d2c49 url(images/shiraz/header.jpg) no-repeat center center;
    position: relative;
}
.shiraz-header::before,
.shiraz-header::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(images/shiraz/curve.svg) no-repeat center bottom;
    background-size: cover;
}
.shiraz-header::after {
    background: url(images/shiraz/curve-overlay.svg) no-repeat center bottom;
    background-size: cover;
    z-index: 1;
}
.shiraz-header-flex {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
}
.shiraz-header-flex a {
    margin-top: 70px;
}
.shiraz-header-flex h1 {
    font-size: 78px;
    color: #ff7200;
    font-weight: normal;
    line-height: 0;
}
.shiraz-header-flex h2 {
    font-size: 25px;
    color: #fff;
    font-weight: 300;
    line-height: 50px;
    letter-spacing: 20px;
}
.shiraz-first {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: -75px;
    position: relative;
}
.shiraz-first .content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.shiraz-first .title {
    font-size: 28px;
    font-weight: bold;
    color: #9d2c49;
    margin: 30px 0 15px;
}
.shiraz-first .text {
    font-size: 26px;
    font-size: 20px;
    margin-bottom: 30px;
}
.shiraz-button {
    float: right;
    width: 270px;
    height: 70px;
    background-color: #9d2c49;
    border-radius: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 70px;
    margin-bottom: 15px;
    text-align: center;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04), 0 35px 60px rgba(0, 0, 0, 0.07);
    position: relative;
    overflow: hidden;
}
.shiraz-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -22px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    transition: 0.4s ease-in-out;
}
.shiraz-button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -22px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    transition: 0.4s ease-in-out;
}
.shiraz-button div {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shiraz-button div::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 2px;
    background-color: #fff;
    transition: 0.4s ease-in-out;
}
.shiraz-button div::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 2px;
    background-color: #fff;
    transition: 0.4s ease-in-out;
}
.shiraz-button span {
    position: relative;
    z-index: 1;
    transition: 0.4s ease-in-out;
}
.shiraz-button:hover::before,
.shiraz-button:hover::after {
    width: 50px;
    height: 50px;
}
.shiraz-button:hover span {
    color: #9d2c49;
}
.shiraz-button:hover div::before,
.shiraz-button:hover div::after {
    width: 100%;
    height: 100%;
}
.shiraz-button:active {
    transform: scale(0.9);
}
.shiraz-slider {
    float: right;
    width: 100%;
    background: radial-gradient(
            circle at 96.88% 99.25%,
            #ff0041,
            transparent 20%
        ),
        radial-gradient(circle at 70.78% 65%, #ff9f38, transparent 35%),
        radial-gradient(circle at 49.43% 125%, #ba0030, transparent 60%),
        radial-gradient(circle at 5.94% 95.84%, #ff9f38, transparent 19%),
        radial-gradient(circle at 50% 50%, #fff, #fff 100%);
    margin-top: 65px;
    position: relative;
    overflow: hidden;
    padding-bottom: 80px;
}
.shiraz-slider-flex {
    float: right;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    position: relative;
    z-index: 1;
}
.ssf-slider {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.shiraz-slider-rtl {
    float: left;
    width: 100%;
}
.shiraz-slider-item {
    float: left;
    width: 100%;
    position: relative;
}
.shiraz-slider-item img {
    float: right;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ssi-title {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 15px;
}
.shiraz-slider-item h2 {
    position: relative;
    bottom: 20px;
    padding: 5px 30px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 20px;
    text-align: center;
}
.ssf-buttons {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.ssf-buttons .shiraz-button {
    width: 100%;
    background-color: #fff;
}
.ssf-buttons .shiraz-button::before,
.ssf-buttons .shiraz-button::after,
.ssf-buttons .shiraz-button div::before,
.ssf-buttons .shiraz-button div::after {
    background-color: #9d2c49;
}
.ssf-buttons .shiraz-button span {
    color: #9d2c49;
}
.ssf-buttons .shiraz-button:hover span {
    color: #fff;
}
.shiraz-footer {
    float: right;
    width: 100%;
    background: radial-gradient(circle at 50% 0%, #ff0041, transparent 50%),
        radial-gradient(circle at 50% 50%, #9d2c49, #9d2c49 100%);
    position: relative;
    padding-top: 50px;
}
.shiraz-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    border-radius: 0 0 45px 45px;
    background-color: #fff;
}
.shiraz-address-flex {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: bold;
    margin-bottom: 50px;
    padding: 0 15px;
}
.saf-address {
    font-size: 20px;
    color: #fff;
    margin: 50px 0 30px;
    text-align: center;
}
.saf-link {
    background-color: rgba(0, 0, 0, 0.43);
    border-radius: 30px;
    color: #fff;
    font-size: 25px;
    height: 62px;
    padding: 0 20px;
    display: flex;
    align-items: center;
}
.saf-link span {
    font-size: 16px;
    background-color: #fff;
    border-radius: 14px;
    color: #000;
    padding: 0 12px;
    margin-left: 20px;
}
.saf-link:hover {
    background-color: #fff;
    color: #000;
}
.saf-link:active {
    transform: scale(0.9);
}
.shiraz-posts {
    float: right;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}
.shiraz-titles {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #9d2c49;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}
.shiraz-posts-block {
    float: right;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.blog-item {
    float: right;
    width: 100%;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 45px 110px rgba(0, 0, 0, 0.07);
    margin-bottom: 30px;
}
.blog-item .img {
    float: right;
    width: 100%;
    height: 436px;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
.blog-item .img img {
    float: right;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
    filter: brightness(120%) contrast(90%) grayscale(100%);
    transition: 0.2s ease-in-out;
}
.blog-item .img::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, #fff 20%, transparent 70%);
    z-index: 1;
}
.blog-item .img:hover img {
    filter: brightness(120%) contrast(90%);
    opacity: 1;
}
.blog-item .img:hover h2 {
    color: #000;
}
.blog-item .text {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 111px;
    z-index: 1;
    padding: 0 40px 40px 15px;
}
.blog-item .text h2 {
    float: right;
    width: 100%;
    min-height: 50px;
    font-size: 25px;
    font-weight: 600;
    color: #000;
    transition: 0.2s ease-in-out;
    position: relative;
}
.blog-item .text h2::before {
    content: "";
    position: absolute;
    top: 19px;
    right: -18px;
    width: 5px;
    height: 45px;
    background-color: #fe3569;
}
.blog-item .text h2::after {
    content: "";
    position: absolute;
    top: 3px;
    right: -40px;
    width: 22px;
    height: 12px;
    border: 5px solid #fe3569;
    border-right: none;
    border-bottom: none;
    border-top-left-radius: 20px;
}
.blog-item .text span {
    float: right;
    line-height: 16px;
    padding: 0 5px;
    margin-top: 5px;
    color: #fff;
    background-color: #fe3569;
    border-radius: 20px 0 20px 20px;
}
.shiraz-pay {
    float: right;
    width: 100%;
    padding: 50px 0;
}
.flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.shiraz-pay-block {
    float: right;
    width: 100%;
    margin: auto;
    position: relative;
}
.inner-shiraz-pay {
    float: right;
    width: 100%;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04), 0 35px 60px rgba(0, 0, 0, 0.07);
    padding: 30px 15px 40px;
    position: relative;
    z-index: 1;
}
.content-form {
    float: right;
    width: 100%;
    position: relative;
}
.content-form .title {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    margin: 20px 0 12px;
}
.content-form .input-block {
    float: right;
    width: 100%;
    position: relative;
}
.content-form .input-block span {
    position: absolute;
    left: 15px;
    top: 0;
    line-height: 48px;
    pointer-events: none;
}
.content-form .input {
    float: right;
    width: 100%;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    line-height: 48px;
    padding: 0 15px;
}
.content-form .submit {
    float: right;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d12c55;
    border-radius: 12px;
    border: none;
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
    transition: 0.2s ease-in-out;
}
.content-form .submit:active {
    transition: none;
    background: #ff0041;
    transform: scale(0.9);
}
.content-form .submit.heart::before {
    content: "";
    width: 17px;
    height: 17px;
    background: url(images/shiraz/heart.svg) no-repeat center center;
    margin-left: 6px;
}
.content-form .checkbox-label {
    float: right;
    width: 100%;
    text-align: right;
    line-height: 20px;
    margin: 22px 0 2px;
    display: flex;
    align-items: center;
}
.content-form .checkbox-label input {
    width: 18px;
    height: 18px;
    border: 2px solid #3461ff;
    border-radius: 5px;
    margin-left: 10px;
    appearance: none;
}
.content-form .checkbox-label input:checked {
    background: #3461ff url(images/shiraz/check.svg) no-repeat center center;
    background-size: 12px;
}
.content-form.remove::before {
    display: none;
}
.add-more {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}
.add-more > button {
    width: calc(33.3333% - 4px);
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    line-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease-in-out;
}
.add-more > button span {
    font-weight: bold;
    margin-left: 4px;
}
.add-more > button::before {
    content: "";
    width: 12px;
    height: 12px;
    background: url(images/shiraz/plus.svg) no-repeat center center;
    background-size: 8px;
    margin-left: 8px;
}
.add-more > button:active {
    transform: scale(0.9);
    transition: none;
    background-color: #04c078;
    color: #fff;
}
.add-more > button:active::before {
    mix-blend-mode: soft-light;
}
.shiraz-form-two {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.shiraz-form-two > div {
    width: calc(50% - 10px);
}
#errors {
    float: right;
    width: 100%;
    text-align: center;
}
#errors .error-item:nth-child(2) {
    animation-delay: 0.1s;
}
#errors .error-item:nth-child(3) {
    animation-delay: 0.2s;
}
#errors .error-item:nth-child(4) {
    animation-delay: 0.3s;
}
.error-item {
    background: #ff4949;
    color: #fff;
    float: right;
    width: 100%;
    margin-top: 10px;
    border-radius: 12px;
    line-height: 30px;
    transform: scale(0.8);
    opacity: 0;
    visibility: hidden;
    animation: show-error 0.4s forwards cubic-bezier(0.32, 1.04, 0.72, 1.39);
}
.overflow-x {
    overflow-x: hidden;
}
@keyframes show-error {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }
}
@media (min-width: 768px) {
    .shiraz-header-flex h2 {
        letter-spacing: 40px;
    }
    .ssf-buttons .shiraz-button {
        width: calc(33.3333% - 10px);
    }
    .shiraz-spin {
        position: absolute;
        top: 0;
        right: 20%;
        width: 60%;
        height: 100%;
        animation: shiraz-spin 10s infinite linear;
        pointer-events: none;
    }
    .shiraz-spin::before {
        content: "";
        position: absolute;
        top: 0;
        right: -50px;
        width: 300px;
        height: 300px;
        background-color: #ff0041;
        border-radius: 50%;
        filter: blur(100px);
    }
    .shiraz-spin::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -50px;
        width: 300px;
        height: 300px;
        background-color: #ff9f38;
        border-radius: 50%;
        filter: blur(100px);
    }
    .shiraz-slider-item h2 {
        font-size: 20px;
    }
}
@keyframes shiraz-spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@media (min-width: 992px) {
    .shiraz-first {
        flex-direction: row-reverse !important;
        flex-flow: row wrap;
        align-items: flex-start;
        text-align: right;
    }
    .shiraz-first .content {
        align-items: flex-start;
    }
    .shiraz-first > div:first-child {
        width: 60%;
    }
    .shiraz-first > div:first-child img {
        float: left;
    }
    .shiraz-first > div:last-child {
        width: 40%;
    }
    .shiraz-first .title {
        margin: 80px 0 30px;
    }
    .shiraz-slider {
        margin-top: 130px;
    }
    .blog-item {
        width: calc(33.3333% - 15px);
    }
    .shiraz-pay-block {
        width: 900px;
    }
    .shiraz-pay {
        padding: 150px 0;
    }
    .inner-shiraz-pay {
        padding: 20px 40px 40px;
    }
}
@media (min-width: 1200px) {
    .ssf-buttons {
        width: 270px;
        margin-top: 0;
        flex-direction: column;
    }
    .ssf-slider {
        width: calc(100% - 300px);
    }
    .ssf-buttons .shiraz-button {
        width: 100%;
        margin-bottom: 0;
        height: calc(33.3333% - 10px);
    }
    .shiraz-slider {
        padding-top: 80px;
    }
}
.flex-tizer {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin-bottom: 100px;
}
.flex-tizer > div {
    float: right;
    width: 100%;
    margin-bottom: 30px;
}
.grid-roozi {
    float: right;
    width: 100%;
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}
.grid-roozi > div {
    float: right;
    width: 100%;
}
.select {
    float: right;
    width: 100%;
    height: 48px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 0 15px;
}
.roozi-form .select2-results__option--selectable span {
    display: flex !important;
    align-items: center !important;
    padding-right: 10px !important;
}
.roozi-form .select2-results__option--selectable span img {
    width: 24px !important;
    height: 21px !important;
    margin-left: 10px !important;
}
.roozi-form .select2-container[dir="rtl"] {
    float: right !important;
    width: 100% !important;
}
.roozi-form .select2-container[dir="rtl"] .select2-selection--single {
    height: 48px !important;
    border-radius: 12px !important;
    border-color: #eee !important;
    margin-bottom: 0 !important;
}
.roozi-form
    .select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 48px !important;
}
.roozi-form
    .select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__rendered
    span {
    display: flex !important;
    align-items: center !important;
    padding-right: 10px !important;
}
.roozi-form
    .select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__rendered
    span
    img {
    width: 24px !important;
    height: 21px !important;
    margin-left: 10px !important;
}
.roozi-form
    .select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__arrow {
    width: 48px !important;
    height: 48px !important;
    background: url(images/chevron-down.svg) no-repeat center center !important;
    background-size: 10px !important;
}
.roozi-form
    .select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__arrow
    b {
    display: none !important;
}
.roozi-form .select2-dropdown {
    border-radius: 12px !important;
    border-color: #eee !important;
}
.roozi-form
    .select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #333 !important;
}
.input-block-roozi {
    float: right;
    width: 100%;
    position: relative;
}
.input-block-roozi span {
    position: absolute;
    left: 15px;
    top: 0;
    line-height: 48px;
    pointer-events: none;
}
.input-roozi {
    float: right;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    line-height: 46px;
    padding: 0 15px;
}
.submit-roozi {
    float: right;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d12c55;
    border-radius: 12px;
    border: none;
    color: #fff;
    font-weight: bold;
    transition: 0.2s ease-in-out;
}
.submit-roozi:active {
    transition: none;
    background: #a72344;
    transform: scale(0.9);
}
.submit-roozi.heart::before {
    content: "";
    width: 17px;
    height: 17px;
    background: url(images/heart.svg) no-repeat center center;
    margin-left: 6px;
}
.number-roozi {
    text-align: center;
}
.roozi-title {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    margin: 20px 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.roozi-section {
    float: right;
    width: 100%;
    margin-bottom: 100px;
}
.select-roozi-simple {
    float: right;
    width: 100%;
    height: 48px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    line-height: 46px;
    padding: 0 15px;
}
.margin-top-70 {
    margin-top: 70px !important;
}
@media (min-width: 768px) {
    .flex-tizer > div {
        width: calc(50% - 15px);
    }
    .grid-roozi {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-roozi.gr2 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 992px) {
    .flex-tizer > div {
        width: calc(25% - 15px);
    }
}
.daywithmahakimg {
    margin-top: 37px;
    border-radius: 9px;
    box-shadow: 0 0 6px 7px #bbbbbb42;
}
.adwm-crowd-video {
    display: flex;
    align-items: center;
}
video.adwm-crowd-video {
    float: left;
    width: 100%;
    border-radius: 15px;
}
.adwm-crowd-video-mobile {
    display: flex;
    align-items: center;
}
video.adwm-crowd-video-mobile {
    float: left;
    width: 100%;
    border-radius: 15px;
}
@charset "UTF-8";
@-ms-viewport {
    width: device-width;
}
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}
[class^="ka-"],
[class*=" ka-"] {
    font-family: "Mahak-CSR-Terminal" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ka-bar:before {
    content: "";
}
.ka-chevron-down:before {
    content: "";
}
.ka-chevron-left:before {
    content: "";
}
.ka-chevron-right:before {
    content: "";
}
.ka-arrow:before {
    content: "";
}
.ka-help:before {
    content: "";
}
.ka-heart:before {
    content: "";
}
.ka-org:before {
    content: "";
}
.ka-marker:before {
    content: "";
}
.ka-upload:before {
    content: "";
}
.ka-instagram:before {
    content: "";
}
.ka-linked-in:before {
    content: "";
}
.ka-twitter:before {
    content: "";
}
.ka-money:before {
    content: "";
}
.ka-sort:before {
    content: "";
}
.ka-time:before {
    content: "";
}
.ka-plus:before {
    content: "";
}
.ka-heart-button:before {
    content: "";
}
.ka-copy:before {
    content: "";
}
.ka-whatsapp:before {
    content: "";
}
.ka-close:before {
    content: "";
}
.row-block {
    float: right;
    width: 100%;
}
@media screen and (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}
.header-img {
    float: right;
    width: 100%;
    height: 470px;
    background: url(images/change/header.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}
.flex-header-img {
    float: right;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
}
.flex-header-img .fhi-title {
    font-size: 32px;
    margin-bottom: 10px;
}
.flex-header-img .ka-arrow {
    font-size: 30px;
}
.flex-header-img .fhi-content {
    line-height: 28px;
    margin: 50px 0;
}
.flex-header-img .fhi-link {
    width: 400px;
    max-width: 100%;
    line-height: 48px;
    border-radius: 12px;
    background-color: #d12c55;
    color: #fff;
}
.flex-header-img .fhi-link:active {
    background-color: #bc284c;
}
.arrow-animate {
    animation: arrow-animate 2s infinite;
    transform-origin: top center;
}
@keyframes arrow-animate {
    0% {
        transform: rotate(0);
    }
    10% {
        transform: rotate(10deg);
    }
    15% {
        transform: rotate(-10deg);
    }
    25% {
        transform: rotate(10deg);
    }
    35% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(0);
    }
}
.height-full {
    height: 100%;
    display: flex;
    justify-content: center;
}
section.success-projects {
    float: right;
    width: 100%;
}
.container-flex {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
}
.inner-sp {
    float: right;
    width: 100%;
    max-width: 850px;
    position: relative;
}
.sp-items {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 32px 0;
    position: relative;
}
.sp-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sp-item div {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #eee;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    color: #d12c55;
}
.sp-item h3 {
    font-size: 18px;
    line-height: 32px;
}
.sp-item span {
    line-height: 20px;
    color: #666;
}
.sp-item:not(:last-child) {
    margin-bottom: 10px;
}
.sup-title-csr {
    float: right;
    width: 100%;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    color: #666;
    margin-top: 50px;
}
.sup-title-csr ~ .title-csr {
    margin-top: 10px;
}
.title-csr {
    float: right;
    width: 100%;
    text-align: center;
    line-height: 48px;
    font-weight: bold;
    margin: 50px 0 20px;
    font-size: 18px;
}
.title-csr.size {
    font-size: 24px;
}
.mahak-project-content {
    float: right;
    width: 100%;
    line-height: 28px;
    margin-bottom: 30px;
    text-align: justify;
}
.sp-tabs {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.sp-tabs li {
    padding: 22px 0;
    margin: 0 4px;
    cursor: pointer;
}
.sp-tabs li.active {
    font-weight: bold;
    border-bottom: 2px solid #000;
}
.sp-tabs li:active {
    border-bottom: 2px solid #000;
}
.sp-tabs.default {
    display: none;
}
.main-sp-tabs {
    float: right;
    width: 100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #f5f5f5;
    padding: 56px 0;
}
.sp-tab-content {
    display: none;
}
.sp-tab-content.active {
    display: block;
}
.grid-cards {
    float: right;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}
@media (min-width: 768px) {
    .sp-items {
        flex-direction: row-reverse;
    }
    .sp-item {
        width: 220px;
    }
    .sp-tabs {
        justify-content: center;
    }
    .sp-tabs li {
        margin: 0 24px;
    }
    .sp-tabs.default {
        display: flex;
    }
    .title-csr {
        font-size: 24px;
        margin: 70px 0 48px;
    }
    .title-csr.default {
        display: none;
    }
    .flex-header-img .ka-arrow {
        font-size: 40px;
    }
    .sup-title-csr {
        margin-top: 72px;
    }
    .grid-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 992px) {
    .flex-header-img {
        width: 850px;
    }
    .grid-cards {
        grid-template-columns: repeat(3, 1fr);
    }
}
section.supporter-of-mahak {
    float: right;
    width: 100%;
    background-color: #fcfbf9;
}
section.supporter-of-mahak .sup-title-csr {
    font-size: 24px;
    color: #d12c55;
}
section.supporter-of-mahak .title-csr {
    font-size: 14px;
}
.som-form-block {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 96px;
}
.som-form-block > div {
    width: 50%;
}
.som-form-block > div.form {
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.som-form-block > div.form span.title {
    float: right;
    width: 100%;
    font-weight: bold;
    margin-bottom: 10px;
}
.som-form-block > div.form input.input {
    float: right;
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
    border-radius: 12px;
    border: 1px solid #eee;
}
.som-form-block > div.form input[type="checkbox"] {
    width: 18px;
    height: 18px;
}
.som-form-block > div.form button.pay {
    float: right;
    width: 100%;
    line-height: 48px;
    border: none;
    border-radius: 12px;
    background-color: #d12c55;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.som-form-block > div.form button.pay::before {
    content: "";
    font-family: "Mahak-CSR-Terminal" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 6px;
    font-size: 18px;
}
.som-form-block > div.form button.pay:active {
    background-color: #bc284c;
}
.check-box-label {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.check-box-label input {
    margin-left: 10px;
}
@media (max-width: 991px) {
    .supporter-of-mahak {
        display: none;
    }
    #supporter-of-mahak {
        display: block !important;
    }
}
section.campaign {
    float: right;
    width: 100%;
    padding: 50px 0;
    background: url(images/change/campaign.jpg) no-repeat center;
    background-size: cover;
    margin-top: 54px;
}
.flex-campaign-card {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.fcc-flex-inner {
    float: right;
    width: 100%;
    display: flex;
    flex-direction: column;
    color: #fff;
    align-items: center;
}
.fcc-flex-inner .title {
    font-size: 24px;
    font-weight: bold;
}
.fcc-flex-inner .content {
    text-align: justify;
    margin: 20px 0 10px;
    line-height: 28px;
}
.fcc-flex-inner .link {
    background-color: #fff;
    color: #000;
    line-height: 48px;
    padding: 0 15px;
    border-radius: 12px;
    font-weight: bold;
    margin: 30px 0 50px;
}
.fcc-flex-inner .link:active {
    background-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}
.fcc-campaign-card {
    float: right;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 16px;
    background-color: #fff;
    overflow: hidden;
}
.fcc-campaign-card .block {
    float: right;
    width: 100%;
    padding: 20px;
}
.fcc-campaign-card .img {
    float: right;
    width: 100%;
    height: 200px;
}
.fcc-campaign-card .img img {
    float: right;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fcc-campaign-card .title {
    font-weight: bold;
    font-size: 18px;
}
.fcc-campaign-card .bar {
    float: right;
    width: 100%;
    height: 24px;
    border-radius: 16px;
    background-color: #eee;
    position: relative;
    margin: 20px 0;
}
.fcc-campaign-card .bar .progress-bar {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 50%;
    height: calc(100% - 4px);
    border-radius: 16px;
    background-image: linear-gradient(to right, #d12c55, #ff45a9);
    color: #fff;
    font-size: 12px;
}
.fcc-campaign-card .bar .progress-bar span {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 4px;
    line-height: 22px;
}
.fcc-campaign-card .bar .progress-bar.full {
    width: calc(100% - 4px);
    background: #00b53d;
}
.fcc-campaign-card .bar .progress-bar.full span {
    width: 100%;
    text-align: center;
}
.fcc-campaign-card .total {
    float: right;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #666;
}
.fcc-campaign-card .total span {
    color: #d12c55;
}
.block.flex {
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.block.flex > div {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.block.flex > div span {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666;
    font-size: 18px;
}
.block.flex > div h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 12px 0 8px;
}
.block.flex > div div {
    font-size: 12px;
    font-weight: bold;
    color: #666;
}
@media (min-width: 768px) {
    .flex-campaign-card > div {
        width: calc(50% - 15px);
    }
    .fcc-flex-inner {
        align-items: flex-start;
    }
}
@media (min-width: 992px) {
    section.campaign {
        padding: 38px 0;
    }
    .flex-campaign-card > div:first-child {
        display: flex;
        align-items: center;
    }
}
@media (min-width: 1200px) {
    .flex-campaign-card > div:first-child {
        width: 45%;
    }
    .flex-campaign-card > div:last-child {
        width: 416px;
    }
}
section.ongoing-campaigns {
    float: right;
    width: 100%;
    margin-bottom: 56px;
}
@media (max-width: 767px) {
    .grid-cards.campaign-cards > article:nth-child(n + 4) {
        display: none;
    }
    .grid-cards.campaign-cards.active > article:nth-child(n + 4) {
        display: block;
    }
    .oc-show-more {
        width: 132px;
        float: right;
        border-radius: 12px;
        border: 1px solid #eee;
        line-height: 48px;
        background-color: #fff;
        color: #3461ff;
        font-weight: bold;
        margin: 48px calc(50% - 66px) 0 0;
    }
}
@media (min-width: 768px) {
    section.ongoing-campaigns {
        margin-bottom: 96px;
    }
    .oc-show-more {
        display: none;
    }
}
.main-sp-tabs .title-csr {
    margin-top: 0;
}
.c-faq-grid {
    float: right;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
.c-faq-block {
    float: right;
    width: 100%;
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #eee;
}
.c-faq-block.active .ka-chevron-down {
    transform: rotate(180deg);
}
.c-faq-question {
    float: right;
    width: 100%;
    padding: 24px 24px 24px 59px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    line-height: 24px;
}
.c-faq-question span {
    position: absolute;
    left: 24px;
    top: 34px;
    font-size: 10px;
    transition: 0.2s ease-in-out;
}
.c-faq-answer {
    float: right;
    width: calc(100% - 48px);
    margin-right: 24px;
    border-top: 1px solid #eee;
    padding: 20px 0 24px;
    display: none;
    text-align: justify;
    line-height: 28px;
}
section.default-single {
    float: right;
    width: 100%;
    margin-top: 48px;
}
.flex-default {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-default > div {
    width: 100%;
    margin-bottom: 56px;
}
.flex-default .fcc-campaign-card {
    position: sticky;
    top: 120px;
    overflow: visible;
}
.default-video {
    float: right;
    width: 100%;
    border-radius: 16px;
}
.single-default-h4 {
    float: right;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    margin: 48px 0 16px;
}
.single-default-content {
    float: right;
    width: 100%;
    text-align: justify;
    line-height: 28px;
}
.single-default-h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 40px;
}
.default-total {
    float: right;
    width: 100%;
    text-align: center;
}
.default-total .num {
    font-size: 40px;
    font-weight: bold;
    margin: 0 5px;
}
.default-total span {
    background: linear-gradient(to right, #ff73b6, #ff295f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.default-total ~ .bar {
    height: 32px;
}
.default-total ~ .bar .progress-bar {
    background-image: linear-gradient(to right, #ff73b6, #ff295f);
}
.default-total ~ .bar .progress-bar span {
    line-height: 29px;
    padding: 0 8px;
}
.single-total {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.default-link-button {
    float: right;
    width: 100%;
    line-height: 48px;
    border: none;
    border-radius: 12px;
    background-color: #d12c55;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.default-link-button:active {
    background-color: #bc284c;
}
.single-default-share {
    float: left;
    position: absolute;
    left: 0;
    bottom: calc(100% + 32px);
    display: none;
}
.inner-sds {
    float: left;
    color: #666;
    line-height: 48px;
    border-radius: 12px;
    padding: 0 20px;
    cursor: pointer;
}
.inner-sds:active {
    background-color: #eee;
}
.default-input-block {
    float: right;
    width: 100%;
    position: relative;
}
.default-input-block span {
    position: absolute;
    left: 15px;
    top: 0;
    line-height: 48px;
    pointer-events: none;
}
.default-select {
    float: right;
    width: 100%;
    height: 48px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 0 15px;
}
.select2-results__option--selectable span {
    display: flex;
    align-items: center;
    padding-right: 10px;
}
.select2-results__option--selectable span img {
    width: 24px;
    height: 21px;
    margin-left: 10px;
}
.select2-container[dir="rtl"] {
    float: right;
    width: 100% !important;
}
.select2-container[dir="rtl"] .select2-selection--single {
    height: 48px;
    border-radius: 12px;
    border-color: #eee;
}
.select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 48px;
}
.select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__rendered
    span {
    display: flex;
    align-items: center;
    padding-right: 10px;
}
.select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__rendered
    span
    img {
    width: 24px;
    height: 21px;
    margin-left: 10px;
}
.select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__arrow {
    width: 48px;
    height: 48px;
    background: url(images/chevron-down.svg) no-repeat center center;
    background-size: 10px;
}
.select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__arrow
    b {
    display: none;
}
.select2-dropdown {
    border-radius: 12px;
    border-color: #eee;
}
.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #333;
}
@media (min-width: 992px) {
    .flex-default {
        flex-direction: row-reverse;
    }
    .flex-default > div:first-child {
        width: calc(40% - 24px);
    }
    .flex-default > div:last-child {
        width: 60%;
    }
    .cliparnative-mobile {
        display: none !important;
    }
    .single-default-h1 {
        width: 60%;
        margin-bottom: 24px;
    }
    .single-default-share {
        display: block;
    }
}
@media (max-width: 992px) {
    .cliparnative-normal {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .flex-default {
        flex-direction: row-reverse;
    }
    .flex-default > div:first-child {
        width: 416px;
    }
    .flex-default > div:last-child {
        width: calc(100% - 440px);
    }
    .single-default-h1 {
        width: calc(100% - 440px);
        font-size: 32px;
    }
}
section.supporter-of-mahak-new .sup-title-csr {
    font-size: 24px;
    color: #d12c55;
}
section.supporter-of-mahak-new .title-csr {
    font-size: 14px;
}
.som-form-block {
    flex-flow: row wrap;
}
.block.flex > div h4 {
    letter-spacing: -0.5px;
}
@media (max-width: 991px) {
    .som-form-block > div {
        width: 100%;
    }
    .som-form-block > div:not(.form) {
        display: none;
    }
    .check-box-label {
        margin: 20px 0;
    }
    .single-default-h1 {
        text-align: center;
    }
}
.overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 31, 36, 0.3);
    z-index: 999;
}
.pu-modal {
    position: fixed;
    top: 50%;
    left: 15px;
    width: calc(100% - 30px);
    min-height: 400px;
    max-height: 80%;
    background: #fff url(images/pop-up-success.png) no-repeat center bottom;
    border-radius: 16px;
    z-index: 9999;
    transform: translateY(-50%);
    border: 5px solid #c5ffdc;
    padding: 30px 30px 150px;
    background-size: 290px;
    overflow-y: auto;
    transition: 0.2s ease-in-out;
}
.pu-modal.red {
    background: #fff url(images/pop-up-error.png) no-repeat 25px bottom;
    border-color: #ffc5c5;
    padding-bottom: 250px;
}
.pu-modal.red .info {
    color: #d82716;
}
.pu-modal.active {
    transform: translateY(-50%) scale(0.8);
    opacity: 0;
    visibility: hidden;
}
.pu-modal-ul {
    float: right;
    width: 100%;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 16px;
    padding: 16px;
    line-height: 24px;
    font-weight: bold;
}
.pu-modal-ul li {
    float: right;
    width: 100%;
}
.pu-modal-ul li:not(:last-child) {
    margin-bottom: 16px;
}
.pu-modal-ul li .gray {
    float: left;
    padding: 0 4px;
    border-radius: 4px;
    background-color: #f5f5f5;
}
.pu-modal-ul li .gray.red {
    color: #d12c55;
}
.pu-modal-link-button {
    float: right;
    line-height: 48px;
    border: none;
    padding: 0 16px;
    border-radius: 12px;
    border: 2px solid #d12c55;
    color: #d12c55;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
    margin-top: 32px;
}
.pu-modal-link-button:active {
    background-color: #bc284c;
    color: #fff;
}
.flex-pu-modal-head {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.flex-pu-modal-head .close {
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
}
.flex-pu-modal-head .close::before,
.flex-pu-modal-head .close::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 10%;
    width: 80%;
    height: 2px;
    border-radius: 2px;
    background-color: #000;
    transform: rotate(45deg);
}
.flex-pu-modal-head .close::after {
    transform: rotate(-45deg);
}
.flex-pu-modal-head .info {
    width: calc(100% - 50px);
    font-weight: bold;
    color: #00b53d;
}
.pu-modal-message {
    float: right;
    width: calc(100% - 50px);
    font-weight: bold;
    line-height: 20px;
    margin: 8px 0 32px;
}
.pu-modal-message span {
    color: #d12c55;
}
.pumh-block {
    float: right;
    width: 100%;
    display: none;
}
.pu-modal-history {
    float: right;
    width: 100%;
    line-height: 24px;
    font-weight: bold;
    margin-top: 32px;
}
.pum-pay {
    float: right;
    padding: 0 32px;
    line-height: 48px;
    border: none;
    border-radius: 12px;
    background-color: #d12c55;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 23px;
}
.pum-pay::before {
    content: "";
    font-family: "Mahak-CSR-Terminal" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 6px;
    font-size: 18px;
}
.pum-pay:active {
    background-color: #bc284c;
}
@media (min-width: 768px) {
    .pu-modal {
        width: 636px;
        left: calc(50% - 318px);
        background-size: auto;
        background-position: 15px bottom;
    }
    .pu-modal.red {
        padding-bottom: 185px;
    }
    .pu-modal-ul,
    .pu-modal-history {
        width: 384px;
    }
    .pu-modal-message {
        font-size: 24px;
        line-height: 48px;
    }
    .pumh-block {
        display: block;
    }
}
.fr-share {
    position: absolute;
    top: -1px;
    left: -100%;
    width: 348px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    cursor: default;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease-in-out;
}
.fr-share .times {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.fr-share .times:active {
    background-color: #c2c2c2;
}
.fr-share .ul li {
    float: left;
    margin-right: 10px;
}
.fr-share .ul li a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
    color: #000;
    font-size: 12px;
}
.fr-share .ul li a span:not(.facl-text) {
    font-size: 16px;
}
.fr-share .ul li a:active {
    background-color: #d12c55;
    color: #fff;
}
.fr-share .ul li a.fa-copy-link {
    width: 100px;
    border-radius: 16px;
    padding: 0 10px;
}
.fr-share .ul li a.fa-copy-link .ka-copy {
    margin-left: 5px;
}
.fr-share.active {
    left: 0;
    opacity: 1;
    visibility: visible;
}
@media (min-width: 1200px) {
    .fr-share {
        width: 414px;
    }
}
.submanager {
    margin-right: 100px;
    background: linear-gradient(270deg, #600b0b0f 0%, transparent 64%);
    padding-right: 20px;
    padding-top: 32px;
    border-radius: 30px;
    font-size: 13px;
}
#som-form-img {
    height: 100%;
}
.add-more > button.inc-dec-new-fundraising {
    width: calc(50% - 4px);
    background: #eee;
    border: none;
}
#som-form-img-contaier {
    background: #f5f5f5;
    width: 100%;
}
.fill-object {
    object-fit: fill;
}
.a-black {
    color: #000;
}
#cliparnative {
    border-radius: 16px;
}
#fundraising-pay-gate {
    padding-top: 24px;
}
.additional-price-person p span {
    font-size: 15px;
}
.additional-price-person {
    display: flex;
    flex-direction: column !important;
    font-size: 14px;
    text-align: center;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    border: 1px solid #e8e8e8;
    margin: 30px auto 5px auto;
    border-radius: 16px;
    max-width: 950px;
}
@media (max-width: 992px) {
    .additional-price-person {
        margin: 30px 50px !important;
    }
    .com-info > div {
        margin-bottom: 16px !important;
    }
}
.about-section-mobile {
    display: inline-block;
    padding: 20px 50px;
}
span.kioskpos {
    font-weight: 800;
    color: #d02d55;
    position: relative;
    display: inline-block;
}
div#more-products {
    width: 95px;
    border-radius: 12px;
    background: #d22d56;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 5px;
    bottom: 17px;
    height: 54px;
    display: flex;
    align-items: center;
}
div#more-products span {
    width: 100%;
    margin-bottom: 4px;
}
@media screen and (max-width: 550px) {
    #public-pay-input.treatementpays {
        text-align: right !important;
    }
    label.showing-price {
        padding: 5px 4px;
    }
}
#lablecontainer {
    width: 100%;
    display: contents;
}
.orderheader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 27px 18px;
}
.select2.deactive::after {
    content: "" !important;
    position: absolute !important;
    z-index: 99999 !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #fff !important;
    opacity: 0.5 !important;
}
.select2-results__option--selectable span {
    display: flex !important;
    align-items: center !important;
    padding-right: 10px !important;
}
.select2-results__option--selectable span img {
    width: 24px !important;
    height: 21px !important;
    margin-left: 10px !important;
}
.select2-container[dir="rtl"] {
    float: right;
    width: 100% !important;
}
.select2-container[dir="rtl"] .select2-selection--single {
    height: 48px !important;
    border-radius: 12px !important;
    border-color: #eee !important;
}
.select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 48px !important;
}
.select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__rendered
    span {
    display: flex !important;
    align-items: center !important;
    padding-right: 10px !important;
}
.select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__rendered
    span
    img {
    width: 24px !important;
    height: 21px !important;
    margin-left: 10px !important;
}
.select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__arrow {
    width: 48px !important;
    height: 48px !important;
    background: url(/images/arrow.svg) no-repeat center center;
    background-size: 10px !important;
}
.select2-container[dir="rtl"]
    .select2-selection--single
    .select2-selection__arrow
    b {
    display: none !important;
}
.select2-dropdown {
    border-radius: 12px !important;
    border-color: #eee !important;
}
.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #333 !important;
}
@media (min-width: 768px) {
    .dd-modal {
        right: 50% !important;
        width: 700px !important;
        transform: translate(50%, -50%) scale(0.8) !important;
    }
    .dd-modal.active {
        transform: translate(50%, -50%) scale(1) !important;
    }
}
select#id_priv,
select#id_city,
select#id_city_region {
    height: 40px;
    line-height: 40px;
    border-radius: 7px;
    padding: 0 10px;
    background: #f5f5f7;
    border: none;
    font-size: 12px;
    margin-bottom: 10px;
}
.wc-stand-static {
    margin: 20px;
    border-radius: 8px;
    background: #fff;
    padding: 20px 29px;
    box-shadow: 0 0 13px #ebebeb;
    color: #a62c4a;
    font-weight: bold;
}
.wc-stand-rules {
    font-size: 10px;
    padding: 0 25px 30px 25px;
    font-weight: bold;
    color: #646464;
}
.wc-stand-description {
    font-weight: 400;
}
.fetrieh-half {
    color: #000;
}
.fbb-white {
    background-color: #fff;
}
@media (min-width: 767px) {
    .fetrieh-back-red {
        padding: 5px 41px;
        background: #9d2c48;
        color: #fff;
    }
}
.fetrieh-third {
    background: #fff;
    color: #000;
}
.fetrieh-second {
    background: #fff;
    color: #000;
}
.fetrieh-first {
    color: #000;
}

.single-page {
    background-color: #192432;
}
.saman-port,
.mellat-port,
.sadad-port,
.asanpardakht-port {
    color: #f0f6ff !important;
}
.campaign-money {
    color: #f0f6ff !important;
    border-color: #f0f6ff !important;
}
.campaign-money::placeholder {
    color: #f0f6ff;
}
.flex-campaign label {
    color: #f0f6ff;
    border-color: #f0f6ff;
}
#tomanContainer {
    color: #f0f6ff !important;
}
.single-h1 {
    color: #f0f6ff;
}
.login-to-register {
    color: #f0f6ff;
    border-color: #f9fbff;
}

.footer_box {
    margin-top: 10%;
}

@media screen and (max-width: 768px) {
    .off-vpn {
        margin: 0 !important;
    }

    .off-vpn-white {
        margin-top: 20px !important;
    }

    .single-h1 {
        margin-top: 0 !important;
    }

    .page-h1 {
        margin-top: 0 !important;
    }

    #phone_input::placeholder {
        font-size: 15px !important;
    }

    #phone_input {
        font-size: 15px !important;
    }

    .footer_box {
        margin-top: 0 !important;
    }

    .footer-image {
        margin-bottom: 10%;
    }

    .footer_details {
        margin-bottom: 10%;
    }
}

.payment-footer {
    width: 50%;
    height: 200px;
    background: white;
    border-radius: 8px;
    margin: 50px 0;
}

.social-icon-box {
    text-align: center;
    margin-top: 15px;
}

.social-icon-box a {
    padding: 5px;
}

#dynamic-image {
    transition: transform 0.6s ease-in-out; /* برای زوم و بازگشت */
    transform: scale(1); /* حالت اولیه */
}

.zoom-in {
    transform: scale(1.01) !important; /* کمی زوم کردن تصویر */
}

.zoom-out {
    transform: scale(1) !important; /* بازگشت به حالت اولیه هنگام عوض شدن عکس */
}
.custom-checkbox {
    width: 22px;
    height: 22px;
    margin-top: 0.1rem;
}

.error-message {
    color: red;
    font-size: 0.85rem;
    margin-top: 4px;
}

.share_btn{
  padding: 8px 14px;
    border-radius: 5px;
    border: none;
    background: #c92d54;
    color: white;
    text-wrap: nowrap;
    margin-bottom: 1rem;
}