@font-face {
    font-family: 'shabnam';
    src: url('fonts/shabnam/Shabnam-Bold.eot') format('eot'), /* IE6–8 */
    url('fonts/shabnam/Shabnam-Bold.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('fonts/shabnam/Shabnam-Bold.woff') format('woff');
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    font-weight: bold;
}

@font-face {
    font-family: 'shabnam';
    src: url('fonts/shabnam/Shabnam.eot') format('eot'), /* IE6–8 */
    url('fonts/shabnam/Shabnam.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('fonts/shabnam/Shabnam.woff') format('woff');
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    font-weight: 500;
}

@font-face {
    font-family: 'shabnam';
    src: url('fonts/shabnam/Shabnam-Light.eot#') format('eot'), /* IE6–8 */
    url('fonts/shabnam/Shabnam-Light.woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url(../fonts/shabnam/Shabnam-Light.woff') format('woff');
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
a {
    font-family: 'shabnam' !important;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoonfd/icomoonfd1d.eot?6shkfr');
    src: url('fonts/icomoonfd/icomoonfd1d.eot?6shkfr#iefix') format('embedded-opentype'), url('fonts/icomoonfd/icomoonfd1d.ttf?6shkfr') format('truetype'), url('fonts/icomoonfd/icomoonfd1d.woff?6shkfr') format('woff'), url('fonts/icomoonfd/icomoonfd1d.svg?6shkfr#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
html,
body {
    font-family: shabnam;
    font-size: 24px;
    direction: rtl;
    text-align: center;
    background-color: #fff
}

a:hover {
    text-decoration: none
}

@media(min-width:1141px) {
    .container {
        max-width: 1141px
    }
}

header.page-header {
    padding-top: 65px
}

header.page-header nav.header-nav {
    text-align: left
}

header.page-header nav.header-nav ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center
}

header.page-header nav.header-nav ul li {
    display: inline-block
}

header.page-header nav.header-nav ul::after {
    content: "";
    display: block;
    clear: both
}

header.page-header nav.header-nav ul li:not(:last-of-type) {
    margin-left: 10px
}

header.page-header nav.header-nav ul li a {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    color: #111;
    font-size: 14px;
    transition: .2s;
    position: relative
}

header.page-header nav.header-nav ul li a:after {
    content: "";
    height: 70%;
    width: 3px;
    border-radius: 8px;
    background-color: #fff;
    position: absolute;
    left: -9px;
    top: 5px;
    display: block
}

header.page-header nav.header-nav ul li:nth-last-of-type(1) a:after {
    display: none
}

header.page-header nav.header-nav ul li a:hover {
    opacity: .8
}

.backToRtl {
    border-radius: 5px;
    background-color: #111;
    padding: 7px 10px;
    color: #fff;
    margin-left: 5px;
    transition: all .2s linear
}

.backToRtl:hover {
    background-color: #424242;
    color: #fff
}

.header-contents {
    /*background-image: url(../img/svg/summer-svg/Silde.svg);*/
    background-image: url(../img/svg/summer-svg/Silde.png);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 8%
}

.rtl-market {
    /*padding: 140px 0;*/
    background-image: url(../img/svg/summer-svg/1.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    overflow: hidden;
    /*margin-bottom: 150px*/
}

span.fire-ab {
    position: absolute;
    width: 300px;
    height: 250px;
    left: -148px;
    background-image: url(../img/svg/summer-svg/atash.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation-name: fire;
    animation-duration: 50s;
    z-index: 1;
    animation-iteration-count: infinite;
    transform: rotate(18deg)
}

@keyframes fire {
    0% {
        bottom: 0
    }
    50% {
        bottom: 50%
    }
    100% {
        bottom: 0
    }
}

span.fire-co {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 0;
    left: 20%;
    background-image: url(../img/svg/summer-svg/fire-co.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0
}

span.camera {
    position: absolute;
    width: 300px;
    height: 200px;
    bottom: -10%;
    left: 15%;
    background-image: url(../img/svg/summer-svg/camera.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation-name: camera;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    z-index: 0
}

@keyframes camera {
    0% {
        transform: rotate(0deg)
    }
    25% {
        transform: rotate(15deg)
    }
    50% {
        transform: rotate(0deg)
    }
    75% {
        transform: rotate(15deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

span.fire-com {
    position: absolute;
    width: 300px;
    height: 200px;
    top: 7%;
    left: 15%;
    background-image: url(../img/svg/summer-svg/fire-com.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    animation-name: fire-com;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    z-index: -1
}

@keyframes fire-com {
    0% {
        transform: rotate(0deg)
    }
    25% {
        transform: rotate(10deg)
    }
    50% {
        transform: rotate(0deg)
    }
    75% {
        transform: rotate(10deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

.rtl-market .header-widget {
    text-align: center
}

.rtl-market .header-widget .title {
    font-size: 28px;
    font-weight: 700;
    color: #272727
}

.rtl-market .header-widget .title>span {
    font-weight: 700;
    font-size: 44px;
    color: #ffa900;
    margin-left: 8px
}

.rtl-market .boxes {
    margin-top: 90px
}

/*.rtl-market .boxes:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    transform: translateY(-50%);*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    background-color: #e2e2e2;*/
/*    z-index: 0;*/
/*    top: 64%;*/
/*    right: 0;*/
/*    left: 0*/
/*}*/

.rtl-market .boxes .box-item {
    padding: 25px 35px;
    border: 1px solid #e2e2e2;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    z-index: 2;
    position: relative
}

.rtl-market .boxes .box-item .badge {
    display: block;
    background-color: #fc0;
    border-radius: 10px;
    color: #272727;
    text-align: center;
    padding: 5px 35px
}

.rtl-market .boxes .box-item .title {
    font-size: 22px;
    font-weight: 400;
    color: #272727;
    text-align: center;
    margin-top: 20px
}

.slide-content .title {
    text-align: right!important;
    margin-top: -100px
}

.slide-content .title img {
    width: 528px;
    height: auto
}

.slide-content .title h2 {
    margin-top: 25px;
    width: 698px;
    font-size: 2.2em;
    font-weight: 700
}

.slide-content .title h2 span {
    background: #ef6700;
    border-radius: 5px;
    color: #fff;
    padding: 5px 10px;
    font-weight: 400;
    font-size: .8em;
    margin: 0 10px
}

.slide-content .title p {
    margin-top: 25px;
    width: 658px;
    font-size: 1.38em
}

.header-contents .slide-content {
    height: 400px;
    display: flex;
    align-items: center;
    margin-top: 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 30px
}

.header-contents .slide-content {
    text-align: center
}

.page-content.email-discount {
    text-align: center;
    padding: 120px 0;
    position: relative;
    background-image: url(../img/svg/summer-svg/footer2-1.svg);
    background-position: center;
    /*background-repeat: no-repeat;*/
    background-size: auto
}


@media(max-width:767px) {
    
    
    
.page-content.email-discount {
    text-align: center;
    padding: 120px 0;
    position: relative;
    /*background-image: url(../img/svg/summer-svg/footer2-1.svg);*/
    background-position: center;
    /*background-repeat: no-repeat;*/
    background-size: auto;
    background-color: #fc0 !important;
}
 
 
 
 #loyal {
    height: 900px !important;
}



    
}
.page-content.email-discount>.container {
    position: relative;
    z-index: 1
}

.page-content.email-discount .title {
    font-size: 35px;
    color: #2e2e2e;
    text-align: right;
    font-weight: 400
}

.page-content.rtl-gift {
    background-image: url(../img/svg/summer-svg/9.svg);
    background-size: cover;
    background-repeat: repeat-x;
    background-position: center top;
    padding: 100px 0
}

.page-content.rtl-gift .gift-percentage {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/svg/summer-svg/percentage.svg);
    width: 100%;
    padding-top: 100%;
    display: inline-block
}

.page-content.rtl-gift .content {
    margin-top: 25px
}

.page-content.rtl-gift .content .title {
    font-weight: 700;
    font-size: 28px;
    color: #272727;
    margin-bottom: 19px
}

.page-content.rtl-gift .content .desc {
    font-size: 20px;
    font-weight: 400;
    color: #2e2e2e;
    margin-bottom: 47px
}

.page-content.rtl-gift .widget-btn {
    display: flex;
    justify-content: center
}

.best-offer {
    position: relative;
    background-color: #f8f8f8
}

.best-offer::before {
    content: "";
    display: block;
    width: 100%;
    background-image: url(../img/svg/summer-svg/2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    background-position: bottom right;
    left: 0;
    z-index: 0;
    pointer-events: none;
    height: 300px;
    bottom: -230px
}

.best-offer:after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 20%;
    background-image: url(../img/svg/summer-svg/2.svg);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    top: -220px;
    left: 0;
    z-index: 0;
    pointer-events: none;
    height: 300px
}

.best-offer .row {
    position: relative;
    z-index: 1
}

.best-offer .title {
    font-size: 22px;
    color: #2e2e2e;
    margin-bottom: 10px;
    direction: rtl
}

.best-offer .title span {
    color: #ef6700;
    font-size: 130%
}

.best-offer .desc {
    font-size: 16px;
    color: #2e2e2e;
    margin: 0
}

.special_slider_thumb,
.special_slider_content {
    width: 50%;
    display: inline-block;
    background: #fff;
    vertical-align: bottom;
    height: 283px;
    float: right;
    border-radius: 10px 0 0 10px
}

.special_slider_thumb {
    border-radius: 0 10px 10px 0
}

.special_slider_content:after {
    content: "";
    display: block;
    clear: both
}

.best-offer div.product-item {
    transition: all .2s linear
}

.best-offer div.product-item:hover figure.p-thumb img {
    transform: scale(1.05) rotate(1deg)
}

.best-offer div.product-item .p-title {
    height: 55px;
    line-height: 55px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px;
    color: #aaa
}

.best-offer div.product-item figure.p-thumb {
    background: #fff;
    overflow: hidden;
    border-radius: 0 10px 10px 0
}

.best-offer div.product-item figure.p-thumb img {
    transition: .2s
}

.best-offer div.product-item .p-footer .buy-link {
    color: #fff;
    white-space: nowrap;
    display: block;
    height: 42px;
    line-height: 36px;
    padding: 3px 20px;
    transition: .2s
}

.best-offer div.product-item:hover figure.p-thumb img {}

.best-offer div.product-item .p-footer {
    height: 80px;
    padding: 20px;
    display: flex;
    margin-top: 20px
}

.best-offer div.product-item .p-footer-txt:before {
    content: '';
    width: 10px;
    height: 100%;
    background: #ffa900;
    position: absolute;
    right: 0;
    top: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all .2s linear
}

.best-offer div.product-item .p-footer-txt:after {
    content: '';
    width: 10px;
    height: 100%;
    background: #ffa900;
    position: absolute;
    left: 0;
    top: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all .2s linear
}

.best-offer div.product-item:hover .p-footer-txt:before,
.best-offer div.product-item:hover .p-footer-txt:after {
    background: #232323
}

.best-offer div.product-item .p-footer-txt {
    height: 110px;
    padding: 20px 40px;
    display: block;
    position: relative;
    margin-top: 30px
}

.best-offer div.product-item .p-footer-txt .title {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #ed3237;
    line-height: 26px;
    font-weight: 700
}

.best-offer div.product-item .p-footer-txt a {
    color: #2e2e2e;
    line-height: 1.2
}

.best-offer div.product-item .p-footer-txt .assortment {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 54px;
    color: #a5a5a5;
    direction: rtl
}

.best-offer div.product-item .p-footer-txt .assortment a {
    color: #a5a5a5
}

.best-offer div.product-item .p-footer {
    padding: 20px 40px;
    margin-top: 40px;
    font-size: 110%
}

.best-offer div.product-item .p-footer::after {
    content: "";
    display: block;
    clear: both
}

.best-offer div.product-item .p-footer .percent {
    display: block;
    width: 107px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #e8e8e8;
    border-radius: 5px;
    color: #545454;
    font-size: 18px;
    margin-left: 20px;
    padding: 0 12px;
    font-weight: 700
}

.best-offer div.product-item .p-footer .price {
    margin-top: -4px;
    width: 100%
}

.best-offer div.product-item .p-footer .price>span {
    display: block
}

.best-offer div.product-item .p-footer .price .regular {
    color: #676767;
    font-size: 14px;
    text-decoration: line-through
}

.best-offer div.product-item .p-footer .price .sale {
    font-size: 20px;
    color: #2e2e2e;
    font-weight: 700
}

.best-offer div.product-item .p-footer .price .sale span {
    font-size: 14px
}

.best-offer-img a img {
    max-width: 100%;
    width: 100%;
    border-radius: 5px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.best-offer-img a img:hover {
    transform: scale(.95)
}

.best-offer-post {
    color: #272727
}

.best-offer-post .title {
    padding-top: 20px;
    font-size: 60px;
    line-height: 50px;
    text-align: right
}

.best-offer-post .title+p {
    margin-bottom: 40px
}

.best-offer-post .title span.percent {
    font-family: Tahoma;
    display: inline-flex;
    font-size: 90px;
    direction: ltr;
    justify-content: right;
    color: #fff;
    font-weight: 300;
    margin-top: -16px
}

.best-offer-post .title span.percent>span {
    font-size: 50px;
    line-height: 30px
}

.best-offer-post .title span.percent>span>span {
    font-size: 22px;
    display: block;
    font-weight: 300;
    text-align: center;
    line-height: 42px
}

.best-offer-post .title span.title {
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 20px;
    display: block
}

.best-offer-post a {
    font-size: 16px;
    display: inline-block;
    padding: 7px 17px
}

.best-offer-post .preview {
    background: #ffcd05;
    border: 1px solid #272727;
    border-radius: 5px;
    color: #272727;
    transition: .2s
}

.best-offer-post .preview:hover {
    background: #272727;
    color: #ffcd05
}

.best-offer-post .download {
    background: #232323;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #232323;
    margin-right: 20px;
    transition: .2s
}

.best-offer-post .download:hover {
    background: #fff;
    color: #232323;
    border: 1px solid #fff
}

.product-rtl {
    text-align: center;
    padding-top: 0;
    position: relative;
    padding-bottom: 20%
}

.product-rtl .product-rtl-post {
    position: relative;
    top: 0;
    transition: all .2s linear
}

.product-rtl .product-rtl-post:hover {
    top: -10px
}

.product-rtl-post .title {
    color: #fff;
    padding-top: 20px
}

.product-rtl-header {
    text-align: center;
    font-size: 32px;
    color: #fff;
    padding-bottom: 60px
}

.product-rtl .product-rtl-post {
    display: inline-block;
    text-align: center;
    padding: 40px 0;
    background: #2e2e2e;
    margin-left: 40px;
    border-radius: 5px;
    width: 25%
}

.product-rtl .product-rtl-post span {
    display: block
}

.page-content.email-discount .offer-txt {
    color: #fa6738;
    text-align: right;
    display: block;
    font-size: 26px;
    font-weight: 700
}

.page-content.email-discount .offer-form {
    position: relative
}

.page-content.email-discount .offer-form .fr-input-group {
    /*display: flex*/
}

.page-content.email-discount .offer-form .btn {
    background: #ef6700;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    text-shadow: none
}

.page-content.email-discount .offer-form .btn:hover,
.page-content.email-discount .offer-form .btn:active {
    color: #fff!important;
    text-shadow: none;
    box-shadow: none
}

.page-content.email-discount .offer-form .btn:disabled {
    opacity: .8;
    cursor: no-drop
    text-align: center;
}

.page-content.email-discount .desc {
    letter-spacing: -.2px;
    line-height: 2;
    color: #494b49;
    text-align: right;
    text-align: center;
    font-size: 22px;
    font-weight: 400
}

.form-field {
    width: 100%;
    background: #f8f8f8;
    border: none;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 20px;
    border: transparent 2px solid;
    transition: .2s
}

.form-field:hover {
    border-color: #eee
}

.form-field:focus {
    border-color: #ddd;
    outline: none
}

.btn {
    background: #ef6700;
    border: none;
    height: 43px;
    padding: 0 20px;
    color: #fff;
    border-radius: 5px;
    transition: .2s;
    display: inline-block;
    line-height: 43px;
    font-weight: 700;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .15)
}

.btn:hover:not(:active) {
    opacity: .8;
    color: #fff!important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .8)
}

.btn:active {
    transform: scale(.95);
    color: #fff!important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .8)
}

.page-content.email-discount .note {
    display: block;
    text-align: right;
    color: #494b49
}

.page-content.consultants {
    padding: 150px 0 200px
}

.page-content.consultants .title {
    font-size: 26px;
    color: #535353;
    margin-bottom: 50px
}

.page-content.consultants .desc {
    color: #535353;
    font-size: 14px;
    line-height: 2;
    margin-bottom: 50px
}

.page-accordion .acc-item:not(:last-of-type) {
    margin-bottom: 20px
}

.page-accordion .acc-item {
    background: #fdfdfd;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, .05) 0 3px 6px
}

.page-accordion .acc-item .header {
    background: #f6f6f6;
    height: 64px;
    line-height: 64px;
    padding: 0 20px 0 7px;
    color: #535353;
    font-size: 18px;
    cursor: pointer
}

.page-accordion .acc-item .header::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #fbb465;
    border-radius: 10px;
    margin-left: 5px
}

.page-accordion .acc-item.show .header::before {
    background: #8ed557
}

.page-accordion .acc-item .header .toggle {
    display: block;
    border: none;
    background: 0 0;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    line-height: 60px;
    float: left;
    margin-top: 7px;
    text-align: center;
    padding: 0;
    outline: none!important
}

.page-accordion .acc-item .header .toggle::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/arrow.png) no-repeat center;
    transition: .2s
}

.page-accordion .acc-item.show .header .toggle::before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.page-accordion .acc-item .footer {
    padding: 40px 40px 10px
}

.page-accordion .acc-item .item-title {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 2;
    color: #535353
}

.page-accordion .acc-item .item-title span {
    display: block
}

.page-accordion .acc-item .item-details b {
    font-size: 16px;
    color: #494b49;
    margin-bottom: 10px;
    display: block
}

.page-accordion .acc-item .item-details ul {
    list-style: " - " inside;
    padding: 0;
    margin: 0;
    line-height: 2
}

.page-accordion .acc-item .item-details ul li a {
    color: #494b49
}

.page-accordion .cons-item {
    margin-bottom: 30px
}

#flip-clock-2 {
    width: auto;
    margin: 0;
    display: inline-block
}

#flip-clock-2 ul li a div div.inn,
#flip-clock-2 ul {
    background: 0 0!important;
    padding: 0
}

#flip-clock-2 ul li a div div.shadow {
    display: none!important
}

#flip-clock-2 ul li.flip-clock-active {
    background: #484848
}

#flip-clock-2 ul li a div div.inn {
    text-shadow: none!important
}

#flip-clock-2 ul {
    width: 10px!important;
    margin: 0
}

#flip-clock-2 .flip-clock-dot {
    width: 2px;
    height: 2px;
    background: #fff
}

#flip-clock-2 .flip-clock-dot.bottom {
    bottom: 19px
}

#flip-clock-2 .flip-clock-dot.top {
    top: 12px
}

.page-content.elecomp .timer-inner {
    padding-top: 5px;
    display: flex;
    float: left
}

.page-content.elecomp .timer-inner .note {
    margin-left: 10px;
    padding-top: 5px
}

.page-content.newlogo {
    padding: 140px 0;
    background-image: url(../img/thdbtelmy44nxu2.png);
    background-position: calc(50% + 420px) center;
    background-repeat: no-repeat;
    background-size: 550px
}

.page-content.newlogo .title {
    color: #535353;
    font-size: 22px;
    margin-bottom: 40px;
    margin-right: 100px
}

.page-content.newlogo .desc {
    font-size: 14px;
    color: #535353;
    line-height: 2;
    letter-spacing: -.3px;
    margin-right: 100px
}

.page-content.socials {
    margin-top: 100px;
    text-align: center;
    padding: 25% 0 160px;
    background-image: url(../img/svg/summer-svg/footer.svg);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.page-content.socials .content {
    text-align: right
}

.page-content.socials .content .widget-btns {
    position: relative
}

.page-content.socials .content .widget-btns:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #fff;
    z-index: 0
}

.page-content.socials .content .social-link {
    border-radius: 5px;
    background-color: #ef6700;
    padding: 7px 15px;
    color: #fff;
    margin-left: 5px;
    transition: all .2s linear;
    position: relative;
    z-index: 1
}

.page-content.socials .content .social-link:nth-child(2) {
    margin-right: 5px;
    margin-left: 0
}

.page-content.socials .content .social-link:hover {
    padding: 7px 25px
}

.page-content.socials .content .social-link img {
    margin-left: 5px
}

.page-content.socials .socials-text {
    margin: 40px 0 10px;
    font-size: 16px;
    color: #2e2e2e
}

.page-content.socials .site-url {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    background-color: #202020;
    border-radius: 5px;
    padding: 8px 18px;
    position: relative;
    z-index: 1;
    margin-left: 20px
}

.page-content.socials .url {
    position: relative;
    display: flex;
    justify-content: flex-end
}

.page-content.socials .url:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: #fff;
    z-index: 0
}

.page-content.products {
    background-color: #fff;
    background-image: url(../img/svg/summer-svg/4.svg);
    background-size: contain;
    background-repeat: repeat-y;
    background-position: top;
    margin-bottom: 160px;
    position: relative
}

.page-content.products .fire-ab {
    right: -150px;
    transform: rotate(-92deg);
    left: auto;
    animation-name: none;
    bottom: -168px
}

.page-content.products .title {
    font-size: 22px;
    color: #2e2e2e;
    margin-bottom: 10px;
    direction: rtl
}

.page-content.products .title span {
    color: #ef6700;
    font-size: 130%
}

.page-content.products .desc {
    font-size: 16px;
    color: #a5a5a5;
    margin: 0
}

ul.flip {
    height: 75px;
    margin: 0;
    width: 27px!important;
    padding: 0!important;
    font-weight: 400;
    border-radius: 0;
    background: 0 0;
    overflow: hidden
}

.flip-clock-wrapper ul li {
    line-height: 95px;
    padding: 0
}

.flip-clock-divider span {
    opacity: 0
}

.flip-clock-wrapper ul li a div div.inn {
    border-radius: 0!important;
    text-shadow: none!important;
    font-size: 30px
}

.flip-clock-wrapper ul li a div div.inn {
    background: #2e2e2e;
    font-family: iranyekan;
    color: #fc0
}

.flip-clock-wrapper ul li a div.down {
    border-radius: 0
}

ul.flip:nth-of-type(odd) {
    border-radius: 5px 0 0 5px
}

ul.flip:nth-of-type(even) {
    border-radius: 0 5px 5px 0
}

ul.flip .inn {
    color: #fff;
    font-weight: 700
}

span.flip-clock-divider::before {
    content: "روز";
    position: absolute;
    left: 18px;
    top: 5px;
    z-index: 9;
    color: #fff;
    font-size: 14px;
    font-family: iranyekan
}

.flip-clock-wrapper ul.flip:nth-of-type(3) li a div div.inn {
    background: #2e2e2e!important
}

.flip-clock-wrapper ul.flip:nth-of-type(4) li a div div.inn {
    background: #2e2e2e!important
}

.flip-clock-wrapper ul.flip:nth-of-type(5) li a div div.inn {
    background: #2e2e2e!important
}

.flip-clock-wrapper ul.flip:nth-of-type(6) li a div div.inn {
    background: #2e2e2e!important
}

span.flip-clock-divider.hours::before {
    content: "ساعت";
    left: 9px
}

span.flip-clock-divider.minutes::before {
    content: "دقیقه";
    left: 22px
}

span.flip-clock-divider.seconds::before {
    content: "ثانیه";
    left: 25px
}

.shadow {
    display: none
}

.counter {
    position: relative;
    display: inline-block;
    width: auto
}

.page-content.products article.product-item {
    background: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0 3px 6px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 50px;
    transition: all .2s linear
}

.page-content.products article.product-item:hover {
    margin-top: -10px
}

.page-content.products article.product-item .p-title {
    height: 55px;
    line-height: 55px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px;
    color: #aaa
}

.page-content.products article.product-item figure.p-thumb {
    background: #fff;
    height: 0;
    padding-top: 50%;
    position: relative;
    overflow: hidden;
    margin: 0;
    border-radius: 10px 10px 0 0
}

.page-content.products article.product-item figure.p-thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    transition: .2s
}

.page-content.products article.product-item:hover figure.p-thumb img {}

.page-content.products article.product-item .p-footer {
    height: 80px;
    padding: 20px;
    display: flex;
    margin-top: 20px
}

.page-content.products article.product-item .p-footer-txt:before {
    content: '';
    width: 7px;
    height: 100%;
    background: #ffa900;
    position: absolute;
    right: 0;
    top: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all .2s linear
}

.page-content.products article.product-item .p-footer-txt:after {
    content: '';
    width: 7px;
    height: 100%;
    background: #ffa900;
    position: absolute;
    left: 0;
    top: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all .2s linear
}

.page-content.products article.product-item:hover .p-footer-txt:before,
.page-content.products article.product-item:hover .p-footer-txt:after {
    width: 10px
}

.page-content.products article.product-item .p-footer-txt {
    height: 80px;
    padding: 20px;
    display: block;
    position: relative;
    margin-top: 20px
}

.page-content.products article.product-item .p-footer-txt .title {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #ed3237;
    line-height: 16px
}

.page-content.products article.product-item .p-footer-txt a {
    color: #2e2e2e;
    line-height: 1.2
}

.page-content.products article.product-item .p-footer-txt .assortment {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 30px;
    color: #ef6700;
    direction: rtl
}

.page-content.products article.product-item .p-footer-txt .assortment a {
    color: #a5a5a5
}

.page-content.products article.product-item .p-footer::after {
    content: "";
    display: block;
    clear: both
}

.page-content.products article.product-item .p-footer .percent {
    display: block;
    width: 57px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #e8e8e8;
    border-radius: 5px;
    color: #545454;
    font-size: 18px;
    margin-left: 20px;
    padding: 0 12px
}

.page-content.products article.product-item .p-footer .price {
    margin-top: -4px;
    width: 100%
}

.page-content.products article.product-item .p-footer .price>span {
    display: block
}

.page-content.products article.product-item .p-footer .price .regular {
    color: #676767;
    font-size: 14px;
    text-decoration: line-through
}

.page-content.products article.product-item .p-footer .price .sale {
    font-size: 18px;
    color: #2e2e2e;
    font-weight: 700
}

.page-content.products article.product-item .p-footer .price .sale span {
    font-size: 12px
}

.best-offer .daily-timer,
.page-content.products .daily-timer {
    margin-bottom: 80px
}

.page-content.new-sales {
    position: relative;
    /*padding: 10% 0;*/
    background-image: url(../img/svg/summer-svg/7.svg);
    background-size: cover;
    background-position: center;
    background-repeat: repeat-x
}

.page-content.new-sales::before {
    content: "";
    display: none;
    width: 100%;
    background-image: url(../img/svg/back-1.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    background-position: bottom right;
    left: 0;
    z-index: 0;
    pointer-events: none;
    height: 300px;
    top: -270px
}

.page-content.new-sales::after {
    content: "";
    display: none;
    width: 100%;
    background-image: url(../img/svg/back-2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    z-index: 0;
    pointer-events: none;
    height: 300px
}

.page-content.new-sales .title {
    font-size: 24px;
    color: #272727;
    font-weight: 700;
    position: relative
}

.page-content.new-sales .title.has-bg:after {
    content: " ";
    position: absolute;
    top: -110px;
    right: 0;
    width: 40%;
    height: 90px;
    background-image: url(../img/svg/summer-svg/eynak.svg);
    background-position: top right;
    background-repeat: no-repeat
}

.page-content.new-sales .desc {
    font-size: 18px;
    color: #545454;
    margin-bottom: 55px
}

.page-content.new-sales article.p-item {
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, .05) 0 3px 6px;
    margin: 10px 16px 10px 4px;
    padding: 20px 80px 20px 20px;
    position: relative
}

.page-content.new-sales article.p-item::after {
    content: "";
    display: block;
    clear: both
}

.page-content.new-sales article.p-item figure.thumb {
    width: 80px;
    height: 80px;
    float: right;
    margin-right: -95px;
    margin-bottom: 0;
    background: #f5f5f5;
    border-radius: 5px
}

.page-content.new-sales article.p-item .title {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -.6px;
    height: 40px;
    overflow: hidden;
    margin-top: 2px;
    margin-bottom: 10px
}

.page-content.new-sales article.p-item .title a {
    color: #a5a5a5
}

.page-content.new-sales article.p-item .dicount {
    font-size: 14px;
    background: #e8e8e8;
    position: absolute;
    bottom: 20px;
    color: #232323;
    padding: 4px 6px;
    right: 82%;
    border-radius: 5px;
    transition: all .2s linear
}

.page-content.new-sales article.p-item:hover .dicount {
    right: 77px
}

.page-content.new-sales article.p-item a.preview {
    opacity: 0;
    background: #ed3237;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 3px 10px;
    border-radius: 0 5px 5px 0;
    transition: .2s
}

.page-content.new-sales article.p-item:hover a.preview {
    opacity: 10;
    background: #ef6700;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 3px 10px;
    border-radius: 0 5px 5px 0;
    transition: .2s
}

.page-content.new-sales article.p-item figure.thumb a {
    height: 100%;
    display: block
}

.page-content.new-sales article.p-item figure.thumb a img {
    min-height: 100%;
    border-radius: 7px
}

.page-content.new-sales article.p-item a.preview:hover {
    opacity: .8
}

.page-content.new-sales .owl-nav {
    text-align: left;
    padding-left: 10%;
    margin-top: 20px
}

.page-content.new-sales .owl-nav button {
    display: inline-block;
    height: 40px;
    width: 65px;
    background: 0 0;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 15px;
    outline: none!important;
    border-radius: 5px
}

.page-content.new-sales .owl-nav button.owl-next {
    background-image: url(../img/arrow-pointing-to-left.svg);
    background-color: #d5d5d5;
    background-size: auto!important
}

.page-content.new-sales .owl-nav button.owl-prev {
    background-image: url(../img/arrow-pointing-to-right.svg);
    background-color: #d5d5d5
}

.page-content.new-sales .owl-nav button.owl-next:hover {
    background-image: url(../img/arrow-pointing-to-left-hover.svg)
}

.page-content.new-sales .owl-nav button.owl-prev:hover {
    background-image: url(../img/arrow-pointing-to-right-hover.svg)
}

.page-content.new-sales .owl-nav button.owl-next.disabled:hover {
    background-image: url(../img/arrow-pointing-to-left.svg);
    cursor: default
}

.page-content.new-sales .owl-nav button.owl-prev.disabled:hover {
    background-image: url(../img/arrow-pointing-to-right.svg);
    cursor: default
}

.page-content.new-sales .owl-nav button.owl-next.disabled {
    background-color: #eaeaea;
    cursor: default
}

.page-content.new-sales .owl-nav button.owl-prev.disabled {
    background-color: #eaeaea;
    cursor: default
}

.page-content.products article.product-item .p-footer .buy-link {
    color: #fff;
    white-space: nowrap;
    display: block;
    height: 36px;
    line-height: 36px;
    margin: auto;
    padding: 0 15px;
    transition: .2s
}

.toggle-menu {
    width: 40px;
    height: 40px;
    border: none;
    padding: 0;
    background: 0 0;
    text-align: center;
    outline: none!important;
    display: none
}

.toggle-menu .line {
    display: block;
    height: 2px;
    width: 80%;
    background: #fff;
    margin: 5px 10% 5px 0
}

.menu-close {
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: .1;
    display: none
}

.blur {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.blur:before {
    content: " ";
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.to-top {
    position: fixed;
    bottom: 20px;
    background: #fff;
    width: 50px;
    height: 50px;
    box-shadow: rgba(0, 0, 0, .1) 0 3px 6px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    display: none;
    z-index: 9999;
    right: 30px
}

.to-top::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 12px;
    background: url(../img/arrow.png);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.page-content.email-discount .email-discount-text {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

.page-content.email-discount .email-discount-img {
    margin-left: 20px
}

@media(max-width:1141px) {
    .page-content.email-discount::before {
        display: none
    }
    .page-content.socials {
        padding-top: 60px
    }
}

@media(max-width:1092px) {
    .rtl-market .boxes .box-item {
        padding: 10px 15px
    }
    .slide-content .thumb .img {
        max-width: 100%
    }
    .page-content.socials {
        padding-top: 15%
    }
    .page-content.socials .footer-img {
        background-size: contain
    }
    .backToRtlCol {
        display: none
    }
    .product-rtl .product-rtl-post {
        margin-left: 0
    }
    .slide-content .inner-content img {
        max-width: 100%;
        margin-top: 120px
    }
    .product-rtl .product-rtl-post {
        width: 100%
    }
    .best-offer {
        margin-top: -130px
    }
}

@media(max-width:991px) {
    .page-content.rtl-gift .gift-percentage {
        padding-top: 50%;
        background-position: center
    }
    .page-content.new-sales .title.has-bg:after {
        width: 100%
    }
    .rtl-market .boxes .box-item {
        margin-bottom: 25px
    }
    .slide-content .title {
        margin: auto!important
    }
    header.page-header nav.header-nav ul li a:after {
        display: none
    }
    header.page-header {
        margin-top: 0;
        /*background: #111;*/
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        padding: 15px;
        z-index: 999;
        box-shadow: rgba(0, 0, 0, .1) 0 3px 6px;
        text-align: left
    }
    .header-contents {
        padding-top: 92px
    }
    .header-contents .menu:not(.show) {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        opacity: 0
    }
    .toggle-menu {
        display: block
    }
    .menu.show+.menu-close {
        display: block
    }
    .header-contents .menu {
        position: fixed;
        right: 0;
        width: 250px;
        background: #fc0;
        top: 0;
        bottom: 0;
        z-index: 9999;
        box-shadow: rgba(0, 0, 0, .2) 0 0 20px;
        padding: 20px;
        transition: .2s
    }
    header.page-header nav.header-nav ul li {
        float: none;
        margin-bottom: 5px
    }
    header.page-header nav.header-nav ul li a {
        display: block;
        text-align: right
    }
    header.page-header nav.header-nav ul li.primary::before {
        display: none
    }
    .header-contents .slide-content {
        margin-top: 30px
    }
    .slide-content {
        position: relative
    }
    .slide-content .title {
        display: block;
        margin: -100px auto auto
    }
    .slide-content .container .row div:nth-of-type(2) figure {
        position: absolute;
        right: -930px;
        bottom: -270%;
        z-index: -1;
        top: -180px
    }
    .best-offer {
        text-align: center
    }
    .best-offer::after {
        top: 100%
    }
    .page-content.products .title {
        text-align: center;
        margin-top: 30px
    }
    .page-content.products .desc {
        text-align: center
    }
    .page-content.newlogo img {
        margin: auto;
        display: block;
        margin-bottom: 50px
    }
    .page-content.newlogo .desc {
        margin-right: 0
    }
    .page-content.newlogo .title {
        margin-right: 0;
        text-align: center
    }
    .daily-timer .col-lg-auto {
        text-align: center;
        margin-top: 20px
    }
    .slide-content .inner-content img {
        max-width: 100%
    }
    .product-rtl .product-rtl-post {
        width: 100%;
        margin-top: 15px
    }
    .page-content.email-discount .email-discount-img {
        position: static
    }
    .page-content.email-discount .offer-form>.btn {
        position: static
    }
    .page-content.email-discount .email-discount-text {
        padding: 0
    }
    .page-content.email-discount .title,
    .page-content.email-discount .offer-txt {
        text-align: center
    }
    .page-content.email-discount {
        margin-top: 80px
    }
    .page-content.socials {
        background: #fc0
    }
    .special_slider_thumb,
    .special_slider_content {
        width: 100%;
        height: auto
    }
    .special_slider_thumb,
    .best-offer div.product-item figure.p-thumb {
        border-radius: 10px 10px 0 0
    }
    .special_slider_content {
        border-radius: 0 0 10px 10px
    }
    section.best-offer .container .owl-nav {
        top: 105%!important
    }
}

@media(max-width:768px) {
    header.page-header nav.header-nav ul li a:after {
        display: none
    }
    .page-content.rtl-gift .gift-percentage {
        background-position: center;
        padding-top: 50%
    }
    .page-content.rtl-gift .content .title {
        text-align: center
    }
    .page-content.rtl-gift .content .desc {
        text-align: center
    }
    .page-content.rtl-gift .widget-btn {
        display: flex;
        justify-content: center;
        margin: auto auto 150px
    }
    .slide-content .title {
        margin: auto
    }
    .slide-content .title p {
        text-align: center
    }
    .rtl-market .boxes .box-item {
        margin-bottom: 20px
    }
    .page-content.new-sales .title.has-bg:after {
        width: 100%
    }
    .best-offer::after {
        height: 90px
    }
    header {
        transition: all .2s linear
    }
    header.is-hidden {
        opacity: 0;
        top: -60px
    }
    header.is-visible {
        opacity: 1;
        top: 0
    }
    .best-offer .best-offer-img {
        margin-bottom: 30px
    }
    .page-accordion .cons-item img {
        margin: auto;
        display: block
    }
    .page-accordion .cons-item .item-title {
        margin-bottom: 15px
    }
    .slide-content .inner-content img {
        max-width: 100%
    }
    .product-rtl .product-rtl-post {
        width: 100%;
        margin-top: 15px
    }
    .page-content.email-discount .email-discount-img {
        position: static
    }
    .page-content.email-discount .offer-form>.btn {
        position: static
    }
    .page-content.email-discount .email-discount-text {
        padding: 0
    }
    .page-content.email-discount .title,
    .page-content.email-discount .offer-txt {
        text-align: center
    }
}

@media(max-width:576px) {
    .slide-content .title p {
        text-align: center
    }
    header.page-header nav.header-nav ul li a:after {
        display: none
    }
    .page-content.rtl-gift .content {
        margin-bottom: 60px
    }
    .page-content.rtl-gift .content .desc {
        text-align: center
    }
    .page-content.rtl-gift .content .title {
        text-align: center
    }
    .page-content.rtl-gift .widget-btn {
        margin: auto;
        display: flex;
        justify-content: center
    }
    .page-content.socials .content {
        margin-top: 20px
    }
    .page-content.socials .footer-img {
        background-size: contain
    }
    span.fire-co {
        left: 0
    }
    .page-content.new-sales .title.has-bg:after {
        width: 100%
    }
    .rtl-market .boxes .box-item {
        margin-bottom: 25px
    }
    .slide-content .title {
        margin: auto
    }
    .wg-title {
        display: block;
        margin: 0 auto;
        margin-top: 40px
    }
    .best-offer {
        padding-bottom: 120px
    }
    .best-offer::after {
        height: 50px
    }
    .product-rtl {
        padding-top: 40px
    }
    .page-content.email-discount .offer-form .fr-input-group {
        display: block
    }
    .page-content.email-discount .offer-form .fr-input-group * {
        display: block;
        width: 100%;
        margin: 5px 0
    }
    .page-content.elecomp .timer-inner {
        float: none;
        justify-content: center
    }
    .page-content.elecomp a.btn {
        display: block;
        width: 100%;
        text-align: center
    }
    .slide-content .inner-content img {
        max-width: 100%
    }
    .product-rtl .product-rtl-post {
        width: 100%;
        margin-top: 15px
    }
    .page-content.email-discount .email-discount-img {
        position: absolute;
        width: 100%;
        top: -70px
    }
    .page-content.email-discount .offer-form>.btn {
        position: static
    }
    .page-content.email-discount .email-discount-text {
        padding: 0
    }
    .page-content.email-discount .title,
    .page-content.email-discount .offer-txt {
        text-align: center
    }
}

@media(max-width:480px) {
    section.header-contents figure {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: -70px;
        width: 290px;
        margin-top: -60px
    }
    .rtl-market .boxes .box-item {
        margin-bottom: 20px
    }
    span.fire-co {
        left: 0;
        opacity: .3
    }
    header.page-header nav.header-nav ul li a:after {
        display: none
    }
    .page-content.socials .content {
        padding-top: 20px
    }
    .page-content.socials .footer-img {
        background-size: contain
    }
    span.fire-com {
        display: none
    }
    .page-content.rtl-gift .content .title {
        text-align: center
    }
    .page-content.rtl-gift .content .desc {
        text-align: center
    }
    .page-content.rtl-gift .widget-btn {
        margin: 0;
        text-align: center
    }
    .wg-title {
        margin-top: 80px
    }
    span.camera {
        width: 150px;
        height: 100px
    }
    .page-content.new-sales .title.has-bg:after {
        width: 100%;
        background-size: contain
    }
    .best-offer::before {
        bottom: 0
    }
    .slide-content .title img,
    .slide-content .title h2,
    .slide-content .title p {
        width: 100%;
        font-size: 90%;
        text-align: center
    }
    .slide-content .title h2 {
        font-size: 120%;
        margin-top: 100px;
        text-align: center
    }
    .page-content.elecomp .timer-inner {
        display: block;
        text-align: center
    }
    .page-content.elecomp .timer-inner .note {
        display: block
    }
    .slide-content .inner-content img {
        max-width: 100%
    }
    .product-rtl .product-rtl-post {
        width: 100%;
        margin-top: 15px
    }
    .page-content.email-discount .email-discount-img {
        position: absolute;
        width: 100%;
        top: -70px
    }
    .page-content.email-discount .offer-form>.btn {
        position: static
    }
    .page-content.email-discount .email-discount-text {
        padding: 0
    }
    .page-content.email-discount .title,
    .page-content.email-discount .offer-txt {
        text-align: center
    }
}

@media(max-width:380px) {
    section.header-contents figure {
        padding-top: 0;
        margin-top: 20px;
        padding-bottom: 0;
        margin-bottom: -70px;
        width: 250px
    }
}

@media(max-width:360px) {
    .best-offer div.product-item .p-footer {
        padding: 20px 10px
    }
    section.best-offer .container .owl-nav button {
        height: 45px!important;
        width: 45px!important
    }
}

#error_numberic {
    background: #272727;
    display: none;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px
}

.product_preview {
    display: block;
    background: #fff;
    text-align: right;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 200px
}

.product_preview .discount {
    position: absolute;
    left: -30px;
    top: -10px;
    background: url(../img/discountBg.png) transparent;
    color: #fff;
    width: 70px;
    height: 70px;
    font-size: 20px;
    padding: 20px;
    box-shadow: 0 0 14px rgba(255, 255, 255, .45);
    border-radius: 50%
}

.product_preview .discount span {
    font-size: 26px;
    line-height: 1.3
}

.product_preview .discount div {
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg)
}

.product_preview:after {
    clear: both
}

.product_preview hr {
    border: .5px solid #eaeaea
}

.product_preview h4 {
    text-align: center
}

.product_preview h3 {
    padding: 10px 0;
    color: #474747;
    font-size: 14px
}

.product_preview .productImage {
    float: left;
    width: 250px;
    height: auto;
    margin: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25)
}

.product_preview .price {
    color: #c73a30
}

.product_preview .new_price {
    font-weight: 700;
    color: #77c721;
    font-size: 20px;
    margin-right: 10px
}

.product_preview .accept {
    margin: 20px 0 0!important
}

.product_preview img {
    max-width: 100%;
    height: auto
}

.product_preview .gettingProduct {
    text-align: center;
    margin: 30px auto;
    max-width: 80px;
    height: 80px
}

.product_preview .notFound {
    font-family: IRANYekan;
    line-height: 2
}

.product_preview .whereToFind {
    position: absolute;
    left: 10px;
    bottom: 7px;
    margin: 0!important;
    font-size: 11px!important;
    padding: 10px 15px!important;
    line-height: 1;
    height: auto;
    background: #ed3237!important;
    color: #fff!important;
    font-weight: 700
}

.page-content.email-discount .offer-form .product_preview .whereToFind:hover {
    color: #fff!important;
    background: #b91a1f!important
}

.notFound {
    display: none
}

#productPreview {
    display: none
}

.gettingProduct {
    display: none
}

.show_code {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 20px;
    color: #fff;
    border-radius: 5px;
    display: none
}

.newCode {
    font-size: 24px;
    font-family: Tahoma, arial;
    letter-spacing: 4px;
    margin: 30px auto
}

.yellowlink {
    color: #2e2e2e!important
}

.yellowlink:hover {
    color: #2e2e2e!important;
    opacity: .8
}

section.best-offer .container .owl-nav {
    margin-top: 30px;
    position: absolute;
    left: 50%;
    top: 120%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

section.best-offer .container .owl-nav button {
    display: inline-block;
    height: 55px;
    width: 55px;
    font-size: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 15px;
    outline: none!important;
    border-radius: 5px;
    transition: all .2s linear
}

section.best-offer .container .owl-nav button.owl-next {
    background-image: url(../img/svg/summer-svg/right-arrow.svg);
    background-color: #fff;
    background-size: auto!important
}

section.best-offer .container .owl-nav button.owl-prev {
    background-image: url(../img/svg/summer-svg/left-arrow.svg);
    background-color: #fff;
    background-size: 21px
}

section.best-offer .container .owl-nav button.owl-next:hover {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .1)
}

section.best-offer .container .owl-nav button.owl-prev:hover {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .1)
}

section.best-offer .container .owl-nav button.owl-next.disabled:hover {
    cursor: default;
    box-shadow: none
}

section.best-offer .container .owl-nav button.owl-prev.disabled:hover {
    cursor: default;
    box-shadow: none
}

section.best-offer .container .owl-nav button.owl-next.disabled {
    background-image: url(../img/left-arrow.svg);
    opacity: .5;
    cursor: default
}

section.best-offer .container .owl-nav button.owl-prev.disabled {
    background-image: url(../img/right-arrow.svg);
    opacity: .5;
    cursor: default;
    transform: rotate(0deg)
}

.countDownByRtl .counter {
    position: absolute;
    display: inline-block;
    width: auto;
    transform: ;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.countDownByRtl {
    padding: 0 0 120px
}

.mobile1{
    
    
    display:none;
    
}
    
    
    
.pc1{
    
    
    display:block;
    
}


@media(max-width:767px) {
    
.mobile1{
    
    
    display:block;
    
}
    
    
    
.pc1{
    
    
    display:none;
    
}
      .page-content.socials .content .social-link {
    border-radius: 5px !important;
    background-color: #ef6700 !important;
    padding: 7px 15px !important;
    color: #fff !important;
    margin-left: 5px !important;
    transition: all .2s linear !important;
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    display: block !important;
    margin: auto !important;
    text-align: center !important;
    margin-top: 20px !important;
}
    
    
}


#loyal {
    height: 600px !important;
}


.mehrtitle12{
        font-size: 29px;
}